:root {
            --brand-purple: #4ab9cf; 
            --brand-gradient: linear-gradient(135deg, #4ab9cf 0%, #318fa1 100%);
            --light-bg: #fdfbff;
        }

        body { font-family: 'Jost', sans-serif; background-color: var(--light-bg); color: #333; }
        h1, h2 { font-family: 'Playfair Display', serif; }

        /* HEADER BLACK */
        .navbar { 
            background: #000000 !important; 
            border-bottom: 1px solid rgba(255,255,255,0.1); 
            z-index: 1050; 
            padding: 10px 0;
        }

        .brand-name-text {
            font-weight: 700;
            color: #fff !important; 
            font-size: 1.1rem;
            margin-left: 10px;
            text-transform: uppercase;
        }

        /* LOGO SIZE */
        .navbar-brand img { 
            height: 60px; 
            width: auto; 
            transition: 0.3s;
        } 
        .nav-link { color: #fff !important; font-weight: 500; transition: 0.3s; padding: 0.5rem 1rem !important; }
        .nav-link:hover { color: var(--brand-purple) !important; }
        .nav-link.active-home { color: var(--brand-purple) !important; font-weight: 600; }

        /* INTEGRATED SEARCH BAR */
        .header-search-container {
            flex-grow: 1;
            max-width: 400px;
            margin: 0 20px;
            position: relative;
        }
        .header-search-bar {
            border-radius: 50px;
            padding: 8px 20px;
            border: 1px solid #444;
            background: #222;
            color: white;
            width: 100%;
            font-size: 0.9rem;
        }
        .header-search-bar::placeholder { color: #888; }
        .header-search-btn {
            position: absolute;
            right: 5px;
            top: 5px;
            bottom: 5px;
            border-radius: 50px;
            background: var(--brand-gradient);
            color: white;
            border: none;
            padding: 0 15px;
        }

        /* HERO SECTION - Fixed Image Visibility */
        header.hero-section { 
            position: relative; 
            width: 100%;
            background: #000;
        }
        
        .hero-carousel img { 
            width: 100%; 
            height: auto;
            max-height: 550px; /* Prevents slider from being too tall on desktops */
            object-fit: contain; /* Shows full image without cutting edges */
            filter: brightness(1); /* Full visibility, no darkening */
        }
        
        @media (max-width: 768px) {
            .navbar-brand img { height: 60px; } /* Slightly smaller for mobile screens */
            .hero-carousel img { 
                max-height: 350px;
                object-fit: cover; /* Switched to cover for mobile to fill the width better */
            }
            .header-search-container { margin: 10px 0; max-width: 100%; order: 3; }
        }

        /* Product Cards - Centered Text Content */
        .product-card { 
            border: none; 
            border-radius: 25px; 
            background: white; 
            transition: 0.4s; 
            height: 100%; 
            position: relative; 
            border: 1px solid rgba(0,0,0,0.03); 
            overflow: hidden; 
            display: flex; 
            flex-direction: column; 
            text-align: center;
        }
        .product-card:hover { transform: translateY(-12px); box-shadow: 0 20px 40px rgba(0,0,0,0.08); }
        .product-card img { border-radius: 20px; padding: 10px; width: 100%; height: 220px; object-fit: cover; }
        
        .discount-badge { position: absolute; top: 20px; left: 20px; background: #ff4757; color: white; padding: 4px 14px; border-radius: 50px; font-size: 0.75rem; font-weight: bold; z-index: 5; }
        .price-tag { color: var(--brand-purple); font-weight: 700; font-size: 1.2rem; display: block; margin-bottom: 10px; }
        
        .add-to-cart-pill { 
            background: #2d3436; 
            color: white; 
            border-radius: 50px; 
            padding: 8px 15px; 
            width: 90%; 
            margin: auto auto 15px auto; 
            display: block; 
            transition: 0.3s; 
            font-weight: 600; 
            text-decoration: none; 
        }
        .add-to-cart-pill:hover { background: var(--brand-gradient); color: white; }
        
        .feature-tag { background: #e0f7fa; color: var(--brand-purple); padding: 6px 18px; border-radius: 50px; font-size: 0.8rem; font-weight: 700; }
        .filter-btn { border-radius: 50px; padding: 8px 20px; border: 1px solid #eee; background: white; transition: 0.3s; margin: 5px; font-size: 0.9rem; }
        .filter-btn.active { background: var(--brand-gradient); color: white; border-color: transparent; }

        .whatsapp-float { position: fixed; bottom: 30px; right: 30px; background: #25d366; color: white; width: 60px; height: 60px; border-radius: 50%; display: flex; align-items: center; justify-content: center; font-size: 30px; z-index: 1000; box-shadow: 0 10px 20px rgba(37,211,102,0.3); text-decoration: none; }
        .process-section { padding: 40px 0; background: white; }

        /* FOOTER styling */
        footer { background-color: #1a1a1a; color: #ffffff; padding-top: 60px; }
        .footer-newsletter { border-bottom: 1px solid #333; padding-bottom: 50px; margin-bottom: 50px; }
        .footer-logo-main img { height: 80px; width: auto; }
        .footer-heading { font-weight: 700; margin-bottom: 25px; font-size: 1.1rem; }
        .footer-link { color: #888; text-decoration: none; display: block; margin-bottom: 12px; transition: 0.3s; }
        .footer-link:hover { color: #fff; }
        
        /* FOOTER ALL RIGHTS RESERVED */
        .copyright { border-top: 1px solid #333; padding: 25px 0; color: #ffffff !important; font-weight: 700; font-size: 0.95rem; margin-top: 50px; }
        .social-circle { width: 35px; height: 35px; border: 1px solid #444; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; margin-right: 8px; color: white; text-decoration: none; }

.newsletter-title { font-family: 'Playfair Display', serif; font-weight: 700; }