/* Color Variables */
:root {
    --primary-pink: #fcc0c5;
    --primary-black: #000000;
    --light-pink: #fde7e9;
    --dark-pink: #f8a8b0;
    --white: #ffffff;
    --light-gray: #f5f5f5;
    --medium-gray: #e0e0e0;
    --dark-gray: #333333;
}

/* Global Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
    line-height: 1.6;
    color: var(--primary-black);
    background-color: var(--white);
}

a {
    text-decoration: none;
    color: inherit;
    transition: color 0.3s ease;
}

a:hover {
    color: var(--dark-pink);
}

button, .btn {
    cursor: pointer;
    border: none;
    border-radius: 4px;
    padding: 10px 20px;
    transition: all 0.3s ease;
}

.btn-primary {
    background-color: var(--primary-black);
    color: var(--white);
}

.btn-primary:hover {
    background-color: var(--dark-gray);
}

.btn-secondary {
    background-color: var(--primary-pink);
    color: var(--primary-black);
}

.btn-secondary:hover {
    background-color: var(--dark-pink);
}

/* Header Styles */
header {
    background-color: var(--white);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
    position: sticky;
    top: 0;
    z-index: 100;
}

/* Top Bar - Improved for mobile */
.top-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 5%;
    background-color: var(--primary-black);
    color: var(--white);
    font-size: 0.9rem;
    white-space: nowrap;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    -ms-overflow-style: none;
}

.top-bar::-webkit-scrollbar {
    display: none;
}

.top-bar .shipping-info,
.top-bar .account-links {
    flex-shrink: 0;
    margin: 0 5px;
}

.top-bar a {
    color: var(--white);
}

.top-bar a:hover {
    color: var(--primary-pink);
}

/* Main Header - Fixed for mobile */
.main-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 15px 5%;
    flex-wrap: wrap;
}

.logo {
    display: flex;
    align-items: center;
    gap: 10px;
    flex-shrink: 0;
}

.logo img {
    height: 50px;
    width: auto;
}

.logo h1 {
    font-size: 24px;
    font-weight: bold;
    color: var(--primary-black);
}

/* Mobile Menu Button */
.mobile-menu-btn {
    display: none;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    flex-shrink: 0;
}

.search-bar {
    flex: 1;
    max-width: 500px;
    margin: 0 20px;
    position: relative;
}

.search-bar input {
    width: 100%;
    padding: 10px 15px;
    border: 1px solid var(--medium-gray);
    border-radius: 30px;
    font-size: 14px;
}

.search-bar button {
    position: absolute;
    right: 5px;
    top: 5px;
    background: var(--primary-black);
    color: white;
    border: none;
    border-radius: 30px;
    padding: 5px 15px;
}

.header-actions {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-shrink: 0;
}

.cart-icon, .account-icon {
    position: relative;
    font-size: 20px;
}

.cart-count {
    position: absolute;
    top: -8px;
    right: -8px;
    background-color: var(--primary-pink);
    color: var(--primary-black);
    border-radius: 50%;
    width: 18px;
    height: 18px;
    font-size: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* Navigation */
nav.main-nav {
    background-color: var(--light-pink);
    padding: 10px 5%;
}

nav.main-nav ul {
    display: flex;
    list-style: none;
    justify-content: center;
    gap: 25px;
}

nav.main-nav a {
    font-weight: 500;
    padding: 5px 0;
    position: relative;
}

nav.main-nav a:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 2px;
    background-color: var(--primary-black);
    transition: width 0.3s ease;
}

nav.main-nav a:hover:after {
    width: 100%;
}

/* Hero Section */
.hero {
    background: linear-gradient(to right, rgba(0, 0, 0, 0.7), rgba(0, 0, 0, 0.3)), url('data:image/jpeg;base64,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') no-repeat center center/cover;
    color: var(--white);
    padding: 80px 5%;
    text-align: center;
}

.hero-content {
    max-width: 700px;
    margin: 0 auto;
}

.hero h2 {
    font-size: 2.5rem;
    margin-bottom: 20px;
}

.hero p {
    font-size: 1.2rem;
    margin-bottom: 30px;
}

/* Categories Section */
.categories {
    padding: 50px 5%;
    text-align: center;
}

.section-title {
    font-size: 2rem;
    margin-bottom: 30px;
    position: relative;
    display: inline-block;
}

.section-title:after {
    content: '';
    position: absolute;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
    width: 50px;
    height: 3px;
    background-color: var(--primary-pink);
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    gap: 20px;
    margin-top: 30px;
}

.category-card {
    background-color: var(--white);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
}

.category-card:hover {
    transform: translateY(-5px);
}

.category-card img {
    width: 100%;
    height: 150px;
    object-fit: cover;
}

.category-card h3 {
    padding: 15px;
    font-size: 1.1rem;
}

/* Featured Products */
.featured-products {
    padding: 50px 5%;
    background-color: var(--light-gray);
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 25px;
}

.product {
    background-color: var(--white);
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
    transition: transform 0.3s ease;
    position: relative;
}

.product:hover {
    transform: translateY(-5px);
}

.product-image {
    width: 100%;
    height: 200px;
    object-fit: cover;
    cursor: pointer;
}

.product-info {
    padding: 15px;
}

.product-title {
    font-size: 1.1rem;
    margin-bottom: 10px;
    font-weight: 500;
}

.product-price {
    font-weight: bold;
    font-size: 1.2rem;
    margin-bottom: 10px;
    color: var(--dark-gray);
}

.product-stock {
    font-size: 0.9rem;
    margin-bottom: 15px;
}

.in-stock {
    color: green;
}

.low-stock {
    color: orange;
}

.out-of-stock {
    color: red;
}

.product-actions {
    display: flex;
    justify-content: space-between;
}

/* Zoom Modal */
.zoom {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.8);
    justify-content: center;
    align-items: center;
    z-index: 1000;
}

.zoom-content {
    position: relative;
    max-width: 90%;
    max-height: 90%;
}

.zoom-content img {
    max-width: 100%;
    max-height: 80vh;
    border-radius: 8px;
}

.close-zoom {
    position: absolute;
    top: -40px;
    right: 0;
    color: var(--white);
    font-size: 30px;
    cursor: pointer;
}

/* Newsletter Section */
.newsletter {
    padding: 50px 5%;
    background-color: var(--primary-pink);
    text-align: center;
}

.newsletter h3 {
    font-size: 1.8rem;
    margin-bottom: 20px;
}

.newsletter p {
    max-width: 600px;
    margin: 0 auto 30px;
}

.newsletter-form {
    display: flex;
    max-width: 500px;
    margin: 0 auto;
}

.newsletter-form input {
    flex: 1;
    padding: 12px 15px;
    border: 1px solid var(--medium-gray);
    border-radius: 4px 0 0 4px;
    font-size: 14px;
}

.newsletter-form button {
    background-color: var(--primary-black);
    color: var(--white);
    border: none;
    border-radius: 0 4px 4px 0;
    padding: 0 20px;
}

/* Footer */
footer {
    background-color: var(--primary-black);
    color: var(--white);
    padding: 50px 5% 20px;
}

.footer-content {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 30px;
    margin-bottom: 30px;
}

.footer-column h4 {
    font-size: 1.2rem;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px;
}

.footer-column h4:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 2px;
    background-color: var(--primary-pink);
}

.footer-column ul {
    list-style: none;
}

.footer-column ul li {
    margin-bottom: 10px;
}

.footer-column a {
    color: var(--medium-gray);
}

.footer-column a:hover {
    color: var(--primary-pink);
}

.social-links {
    display: flex;
    gap: 15px;
    margin-top: 15px;
}

.social-links a {
    display: inline-block;
    width: 36px;
    height: 36px;
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 50%;
    text-align: center;
    line-height: 36px;
    transition: background-color 0.3s ease;
}

.social-links a:hover {
    background-color: var(--primary-pink);
    color: var(--primary-black);
}

.copyright {
    text-align: center;
    padding-top: 20px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    font-size: 0.9rem;
    color: var(--medium-gray);
}

/* Responsive Design - Fixed for mobile */
@media (max-width: 992px) {
    .main-header {
        flex-direction: row;
        gap: 15px;
        flex-wrap: wrap;
    }
    
    .search-bar {
        max-width: 100%;
        margin: 15px 0;
        order: 3;
        flex: 0 0 100%;
    }
    
    nav.main-nav ul {
        flex-wrap: wrap;
        gap: 15px;
    }
}

@media (max-width: 768px) {
    .top-bar {
        font-size: 0.8rem;
        padding: 8px 4%;
    }
    
    .mobile-menu-btn {
        display: block;
    }
    
    .logo h1 {
        font-size: 18px;
    }
    
    .search-bar {
        width: 100%;
        margin: 10px 0;
    }
    
    .header-actions {
        gap: 10px;
    }
    
    /* Navigation menu for mobile */
    nav.main-nav ul {
        display: none;
        flex-direction: column;
        gap: 10px;
        margin-top: 10px;
        padding: 10px 0;
    }
    
    nav.main-nav.active ul {
        display: flex;
    }
    
    .newsletter-form {
        flex-direction: column;
    }
    
    .newsletter-form input {
        border-radius: 4px;
        margin-bottom: 10px;
    }
    
    .newsletter-form button {
        border-radius: 4px;
        padding: 12px;
    }
    
    .product-grid {
        grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
    }
}

@media (max-width: 576px) {
    .top-bar {
        padding: 8px 3%;
        font-size: 0.75rem;
    }
    
    .logo h1 {
        font-size: 16px;
    }
    
    .logo img {
        height: 35px;
    }
    
    .header-actions {
        gap: 8px;
    }
    
    /* Ensure top bar content stays on one line with horizontal scrolling */
    .top-bar {
        overflow-x: auto;
        white-space: nowrap;
    }
    
    .category-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    
    .footer-content {
        grid-template-columns: 1fr;
    }
    
    .product-actions {
        flex-direction: column;
        gap: 10px;
    }
}