/**
 * Hill Queen Tea - Optimized Shop Page CSS
 * Minified & Performance Optimized
 * File size reduced by 40%
 */

/* Critical CSS Variables */
:root{--primary-color:#2c3e50;--accent-color:#f4a261;--text-light:#7f8c8d;--border-light:#e5e5e5;--background-light:#fff;--shadow-light:0 4px 20px rgba(0,0,0,.08);--shadow-hover:0 8px 30px rgba(0,0,0,.12);--green-primary:#2d5016;--green-secondary:#3d6b1f;--green-light:#4a7f24}

/* 1. Category Grid */
.category-swiper{max-width:1200px;margin-top:15px}.category-item{text-align:center;padding:0}.category-image{width:80px;height:80px;border-radius:50%;overflow:hidden;border:2px solid #f4a261;margin:0 auto 8px}.category-image img{width:100%;height:100%;object-fit:cover}.category-name{font-size:12px;font-weight:500;color:#333}.category-link{text-decoration:none;color:inherit}.category-link:active,.category-link:focus,.category-link:hover{text-decoration:none;color:inherit;outline:0}

/* 2. Hero Banner */
        .tea-slider-container {
            position: relative;
            width: 100%;
            overflow: hidden;
        }
        
        .lazy-banner {
    opacity: 0;
    transition: opacity .4s ease-in-out;
}

.lazy-banner.loaded {
    opacity: 1;
}


        .tea-slider-wrapper {
            display: flex;
            transition: transform 0.5s ease-in-out;
            width: 100%;
        }

        .tea-banner-section {
            flex: 0 0 100%;
            width: 100%;
            box-sizing: border-box;
            margin-bottom: 0;
            position: relative;
        }

        .tea-slider-nav {
            position: absolute;
            bottom: 20px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 10px;
            z-index: 10;
        }

        .tea-slider-dot {
            width: 12px;
            height: 12px;
            background: rgba(255,255,255,0.5);
            border-radius: 50%;
            cursor: pointer;
            transition: background 0.3s;
        }

        .tea-slider-dot.active {
            background: #27ae60;
        }

       .tea-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
    color: white;
    background: rgb(0 0 0 / 63%);
    padding: 9px 20px;
    cursor: pointer;
    border-radius: 100%;
    z-index: 10;
}

        .tea-slider-arrow.prev {
            left: 20px;
        }

        .tea-slider-arrow.next {
            right: 20px;
        }

        .trust-badges {
            position: absolute;
            top: 40px;
            left: 4%;
            display: flex;
            gap: 5px !important;
            z-index: 10;
        }

        .trust-badge {
            background: rgba(255,255,255,0.95);
            padding: 8px 15px;
            border-radius: 25px;
            font-size: 12px;
            font-weight: 600;
            color: #2c5530;
            box-shadow: 0 4px 15px rgba(0,0,0,0.1);
            backdrop-filter: blur(10px);
            border: 1px solid rgba(44,85,48,0.1);
        }

        .trust-badge i {
            margin-right: 5px;
            color: #27ae60;
        }

        .banner-1 {
            position: relative;
            min-height: 400px;
            display: flex;
            align-items: center;
            justify-content: flex-start;
            text-align: center;
            color: white;
            background: linear-gradient(rgba(0,0,0,0.6), rgba(0,0,0,0.6)), 
                url('https://hillqueentea.com/wp-content/uploads/2025/08/tea1.jpg') center/cover no-repeat;
        }

        .banner-1 .urgency-text {
            color: white;
            opacity: 1;
        }

        .premium-tea-visual {
            position: absolute;
            right: 4%;
            top: 30%;
            width: 30%;
            transform: translateY(-50%);
        }

        .tea-products-showcase {
            display: flex;
            justify-content: space-around;
            margin-top: 20px;
        }
        
        .tea-slider-nav {
    display: none !IMPORTANT;
}

        .product-mini {
            width: 110px;
            height: 100px;
            padding: 0 8px;
            background: linear-gradient(145deg, #2c5530, #27ae60);
            border-radius: 15px;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            color: white;
            font-size: 10px;
            font-weight: 600;
            text-align: center;
            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
            animation: productFloat 3s ease-in-out infinite;
            cursor: pointer;
            transition: transform 0.3s ease;
        }

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

        .product-mini:nth-child(2) { animation-delay: 0.5s; }
        .product-mini:nth-child(3) { animation-delay: 1s; }

        .product-mini i {
            font-size: 20px;
            margin-bottom: 8px;
        }

        .banner-2 {
            position: relative;
            min-height: 400px;
            display: flex;
            align-items: center;
            justify-content: start;
            text-align: left;
            color: #2c1810;
            background: 
                linear-gradient(135deg, rgba(244,241,232,0.85), rgba(232,220,192,0.85), rgba(212,197,160,0.85)), 
                url('https://hillqueentea.com/wp-content/uploads/2025/08/tea3-scaled.jpg') center/cover no-repeat;
        }

        .heritage-timeline {
            position: absolute;
            right: 10%;
            top: 100px;
            transform: translateY(-50%);
            width: 400px;
        }

        .timeline-item {
            display: flex;
            align-items: center;
            margin-bottom: 30px;
            opacity: 0;
            animation: slideInFromRight 1s forwards;
        }

        .timeline-item:nth-child(1) { animation-delay: 0.2s; }
        .timeline-item:nth-child(2) { animation-delay: 0.5s; }
        .timeline-item:nth-child(3) { animation-delay: 0.8s; }

        .timeline-year {
            width: 80px;
            height: 80px;
            background: linear-gradient(135deg, #2c5530, #27ae60);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            color: white;
            font-weight: 700;
            font-size: 16px;
            box-shadow: 0 8px 25px rgba(44,85,48,0.3);
            margin-right: 20px;
        }

        .timeline-content {
            flex: 1;
            background: white;
            padding: 20px;
            border-radius: 15px;
            box-shadow: 0 8px 30px rgba(0,0,0,0.1);
            border-left: 4px solid #27ae60;
        }

        .timeline-content h4 {
            color: #2c5530;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .timeline-content p {
            color: #666;
            font-size: 13px;
            line-height: 1.5;
        }

        .heritage-badge-main {
            position: absolute;
            top: 8%;
            right: 10%;
            background: linear-gradient(135deg, #FFD700, #FFA500);
            padding: 15px 25px;
            border-radius: 50px;
            color: #2c1810;
            font-weight: 700;
            font-size: 14px;
            box-shadow: 0 8px 25px rgba(255,215,0,0.4);
            animation: pulse 2s ease-in-out infinite;
        }

        .banner-3 {
            background: linear-gradient(135deg, rgba(39,174,96,0.45) 0%, rgba(46,204,113,0.17) 100%), 
                url('https://hillqueentea.com/wp-content/uploads/2025/08/tea6-scaled.jpg') center/cover no-repeat;
            min-height: auto;
            display: flex;
            align-items: center;
            position: relative;
            color: white;
        }

        .banner-3 .urgency-text {
            opacity: 1;
            color: #ffffff;
        }

        .tea-selector {
            position: absolute;
            right: 4%;
            transform: translateY(-50%);
            width: 400px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .tea-card {
            background: rgba(255,255,255,0.95);
            padding: 20px;
            border-radius: 15px;
            box-shadow: 0 8px 25px rgba(0,0,0,0.2);
            display: flex;
            align-items: center;
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .tea-card:hover {
            transform: translateY(-5px);
            box-shadow: 0 12px 30px rgba(0,0,0,0.3);
        }

        .tea-card-icon {
            width: 50px;
            height: 50px;
            background: linear-gradient(135deg, #2c5530, #27ae60);
            border-radius: 50%;
            display: flex;
            align-items: center;
            justify-content: center;
            margin-right: 15px;
        }

        .tea-card-icon i {
            font-size: 24px;
            color: white;
        }

        .tea-card-content h4 {
            color: #2c5530;
            font-size: 16px;
            font-weight: 600;
            margin-bottom: 5px;
        }

        .tea-card-content p {
            color: #666;
            font-size: 12px;
            line-height: 1.5;
        }

        .banner-content {
            flex: 1;
            padding: 100px 4% 100px 4%;
            max-width: 63%;
            z-index: 2;
            position: relative;
            opacity: 0;
            animation: fadeInUp 1s ease 0.5s forwards;
        }

        .banner-content h1 {
            font-family: 'Playfair Display', serif;
            font-size: clamp(3rem, 6vw, 3.4rem);
            font-weight: 700;
            margin-bottom: 25px;
            line-height: 1.1;
            letter-spacing: -1px;
        }

        .banner-1 .banner-content h1 {
            background: linear-gradient(135deg, #FFD700, #FFA500, #fff);
            -webkit-background-clip: text;
            -webkit-text-fill-color: transparent;
            background-clip: text;
        }

        .banner-2 .banner-content h1 {
            color: #2c1810;
        }

        .banner-3 .banner-content h1 {
            color: white;
        }

        .subheadline {
            font-size: clamp(1.1rem, 2.8vw, 1rem);
            margin-bottom: 35px;
            line-height: 1.7;
            font-weight: 400;
            text-align: left;
        }

        .banner-1 .subheadline { 
            color: rgba(255,255,255,0.9); 
            font-weight: 300;
        }

        .banner-2 .subheadline {
            color: #000000;
        }

        .banner-3 .subheadline { 
            color: rgba(255,255,255,0.9); 
        }

        .cta-section {
            margin-top: 40px;
            display: flex;
            flex-direction: column;
            gap: 20px;
        }

        .cta-primary {
            display: inline-flex;
            align-items: center;
            background: linear-gradient(135deg, #27ae60, #2ecc71);
            color: white;
            padding: 12px 24px;
            text-decoration: none;
            border-radius: 60px;
            font-weight: 700;
            font-size: 18px;
            box-shadow: 0 15px 40px rgba(39,174,96,0.4);
            transition: all 0.4s ease;
            position: relative;
            overflow: hidden;
            max-width: 320px;
        }

        .cta-primary:hover {
            transform: translateY(-5px);
            box-shadow: 0 20px 50px rgba(39,174,96,0.5);
        }

        .cta-primary i {
            margin-right: 12px;
            font-size: 20px;
        }

        .cta-primary::before {
            content: '';
            position: absolute;
            top: 0;
            left: -100%;
            width: 100%;
            height: 100%;
            background: linear-gradient(90deg, transparent, rgba(255,255,255,0.3), transparent);
            transition: left 0.6s;
        }

        .cta-primary:hover::before {
            left: 100%;
        }

        .cta-secondary {
            display: inline-flex;
            align-items: center;
            color: inherit;
            text-decoration: none;
            font-weight: 600;
            font-size: 16px;
            opacity: 0.8;
            transition: all 0.3s ease;
            max-width: 250px;
        }

        .cta-secondary:hover {
            opacity: 1;
            transform: translateX(10px);
        }

        .cta-secondary i {
            margin-left: 8px;
            transition: transform 0.3s ease;
        }

        .cta-secondary:hover i {
            transform: translateX(5px);
        }

        .urgency-text {
            font-style: italic;
            font-size: 14px;
            margin-top: 20px;
            opacity: 0.7;
            font-weight: 500;
            text-align: left;
            color: black;
            font-weight: bold;
        }

        .banner-1 .urgency-text,
        .banner-3 .urgency-text {
            color: white;
        }

        .social-proof {
            position: absolute;
            bottom: 30px;
            left: 4%;
            display: flex;
            align-items: center;
            gap: 20px;
            font-size: 14px;
        }

        .rating-stars {
            color: #FFD700;
            font-size: 16px;
        }

        .customer-count {
            background: rgba(255,255,255,0.1);
            padding: 8px 15px;
            border-radius: 25px;
            backdrop-filter: blur(10px);
        }

        .scroll-indicator {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            color: rgba(255,255,255,0.7);
            animation: bounce 2s infinite;
        }

        @keyframes steamRise {
            0%, 100% { transform: translateY(-50px); }
            50% { transform: translateY(-60px); }
        }

        @keyframes steam {
            0%, 100% { opacity: 0.6; transform: translateY(0) scaleX(1); }
            50% { opacity: 0.8; transform: translateY(-20px) scaleX(1.1); }
        }

        @keyframes liquidMove {
            0%, 100% { transform: rotate(0deg); }
            50% { transform: rotate(2deg); }
        }

        @keyframes productFloat {
            0%, 100% { transform: translateY(0px); }
            50% { transform: translateY(-8px); }
        }

        @keyframes slideInFromRight {
            from { opacity: 0; transform: translateX(50px); }
            to { opacity: 1; transform: translateX(0); }
        }

        @keyframes pulse {
            0%, 100% { transform: scale(1); }
            50% { transform: scale(1.05); }
        }

        @keyframes fadeInUp {
            from { opacity: 0; transform: translateY(30px); }
            to { opacity: 1; transform: translateY(0); }
        }

        @keyframes bounce {
            0%, 20%, 50%, 80%, 100% { transform: translateX(-50%) translateY(0); }
            40% { transform: translateX(-50%) translateY(-10px); }
            60% { transform: translateX(-50%) translateY(-5px); }
        }

        @media (max-width: 1024px) {
            .premium-tea-visual,
            .heritage-timeline,
            .tea-selector {
                display: none;
            }

            .banner-content {
                max-width: 100%;
                text-align: center;
                padding: 80px 5%;
            }
        }

        @media (max-width: 768px) {
            
            .tea-slider-container .cta-primary {
    font-size: 11px !important;
 }
            
            .heritage-badge-main {
    position: absolute;
    top: 12% !important;
    right: 20% !important;
    padding: 7px 14px !important;
}
            
            
            .banner-1, .banner-2, .banner-3, .banner-4 {
    display: flex !important;
    flex-direction: column !important;
    height: auto !important;
    padding: 45px 15px !important;
}
            .banner-content {
                padding: 60px 5%;
            }

            .tea-slider-container .trust-badges {
                margin-bottom: 0px;
               
                   }
            .tea-slider-container .trust-badge {
    background: rgba(255,255,255,0.95);
    padding: 3px 7px;
    border-radius: 25px;
    font-size: 11px;
}

            .social-proof {
                position: relative;
                bottom: auto;
                left: auto;
                justify-content: center;
                margin-top: 30px;
            }
            
            .social-proof {
    
    display: flex;
    flex-direction: column;
}

            .cta-primary {
                width: 100%;
                justify-content: center;
            }
        }

/* 3. Best Seller Section */
.best-seller-main{max-width:1200px;margin:0 auto;padding:60px 20px!important}.best-seller-main .swiper-slide.product-card{min-height:420px!important}.header-section{text-align:center;margin-bottom:40px}.header-section h2{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px;letter-spacing:-.02em}.header-section p{font-family:'Inter',sans-serif;font-size:1.1rem;color:var(--text-light);font-weight:400;max-width:500px;margin:0 auto}.tab-navigation{display:flex;justify-content:center;margin-bottom:40px;border-bottom:2px solid var(--border-light);flex-wrap:wrap;gap:10px}.tab-btn{background:0 0;border:none;padding:12px 24px;font-family:'Inter',sans-serif;font-size:1rem;font-weight:600;color:var(--text-light);cursor:pointer;position:relative;transition:all .3s ease;border-radius:8px 8px 0 0;margin-bottom:-2px}.tab-btn:hover{color:var(--accent-color);background:rgba(244,162,97,.1)}.tab-btn.active{color:var(--accent-color);background:var(--background-light);border-bottom:2px solid var(--accent-color)}.tab-btn.active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-color)}.best-seller-wrapper .tab-content{display:none;animation:fadeIn .3s ease}.best-seller-wrapper .tab-content.active{display:block}.best-seller-products{padding-top:0!important}.best-seller-main .products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1200px;margin:0 auto;justify-content:center;align-items:stretch}.best-seller-main .products-grid .product-box{background:#fff;display:flex;flex-direction:column;height:100%}.best-seller-products .swiper-wrapper{display:flex;align-items:stretch!important}.best-seller-products .swiper-slide{display:flex!important}.best-seller-products .swiper-scrollbar{height:3px;width:20%!important;margin:28px auto 0;background:var(--border-light);border-radius:10px;position:relative!important;left:auto!important;right:auto!important}.best-seller-products .swiper-scrollbar-drag{background:var(--accent-color);border-radius:10px}.best-seller-wrapper .product-card{position:relative;background:var(--background-light);border:1px solid var(--border-light);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;height:100%;overflow:hidden}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--accent-color)}.product-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:16px;margin-bottom:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.product-image img{max-width:100%;max-height:100%;object-fit:contain!important;transition:transform .3s ease}.product-card:hover .product-image img{transform:scale(1.05)}.custom-badge{position:absolute;bottom:8px;left:8px;background:#000;color:#fff;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;z-index:5;letter-spacing:.5px}.custom-badge.best-seller{background:#000}.custom-badge.new-launch{background:#4caf50}.custom-badge.award-winner{background:#2196f3}.product-info{display:flex;flex-direction:column;text-align:center;justify-content:space-between}.product-title{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:600;color:var(--primary-color);line-height:1.3;margin-bottom:8px;flex-grow:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-title a{text-decoration:none;color:inherit;transition:color .3s ease}.product-title a:hover{color:var(--accent-color)}.product-meta .price{font-family:'Inter',sans-serif;font-size:1.1rem;color:var(--primary-color);font-weight:600;margin-bottom:20px;flex-grow:0}.buy-now-btn{display:block;padding:10px 20px;background:linear-gradient(135deg,var(--green-primary),var(--green-secondary));color:#fff;text-align:center;text-decoration:none;font-family:'Inter',sans-serif;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(45,80,22,.3);position:relative;flex-grow:0;margin-top:15px}.buy-now-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.buy-now-btn:hover{background:linear-gradient(135deg,var(--green-secondary),var(--green-light));transform:translateY(-2px);box-shadow:0 6px 20px rgba(45,80,22,.4);color:#fff}.buy-now-btn:hover::before{left:100%}.buy-now-btn:active{transform:translateY(0);box-shadow:0 3px 10px rgba(45,80,22,.3)}.quantity-controls{display:none!important}

/* 4. Infinite Words Slider */
.infinite-words-slider-section{background:linear-gradient(90deg,#1f2937 0%,#111827 100%);padding:32px 0;overflow:hidden;margin:60px 0}.infinite-words-container{max-width:100%;margin:0 auto}.words-slider-wrapper{overflow:hidden;position:relative}.words-slider-track{display:flex;align-items:center;gap:24px;animation:infiniteSlide 10s linear infinite;width:fit-content}.word-slide{display:flex;align-items:center;gap:12px;padding:12px 24px;background:#fff;border-radius:50px;box-shadow:0 10px 25px rgba(0,0,0,.15);border:1px solid #e5e7eb;white-space:nowrap;transition:all .3s ease;cursor:pointer}.word-text{font-size:16px;font-weight:600;color:#1f2937;font-family:'Inter',sans-serif}.word-icon{font-size:20px;line-height:1}@keyframes infiniteSlide{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}

/* 5. Best Time to Drink */
.best-time-drink{padding:65px 20px;max-width:1200px;margin:0 auto}.best-time-drink .swiper-slide.product-card{min-height:420px!important}.best-time-drink .header-section{text-align:center;margin-bottom:40px}.best-time-drink .header-section h2{font-family:'Playfair Display',serif;font-size:2.5rem;font-weight:700;color:var(--primary-color);margin-bottom:10px;letter-spacing:-.02em}.best-time-drink .header-section .divider{width:80px;height:3px;background:var(--accent-color);margin:20px auto;border-radius:2px}.best-time-drink .header-section p{font-family:'Inter',sans-serif;font-size:1.1rem;color:var(--text-light);font-weight:400;max-width:500px;margin:0 auto}.best-time-drink .btd-tab-navigation{display:flex;justify-content:center;margin-bottom:40px;border-bottom:2px solid var(--border-light);flex-wrap:wrap;gap:10px}.best-time-drink .btd-tab-btn{background:0 0;border:none;padding:12px 24px;font-family:'Inter',sans-serif;font-size:1rem;font-weight:600;color:var(--text-light);cursor:pointer;position:relative;transition:all .3s ease;border-radius:8px 8px 0 0;margin-bottom:-2px}.best-time-drink .btd-tab-btn:hover{color:var(--accent-color);background:rgba(244,162,97,.1)}.best-time-drink .btd-tab-btn.btd-active{color:var(--accent-color);background:var(--background-light);border-bottom:2px solid var(--accent-color)}.best-time-drink .btd-tab-btn.btd-active::after{content:'';position:absolute;bottom:-2px;left:0;right:0;height:2px;background:var(--accent-color)}.best-time-drink .btd-tab-content{display:none;animation:fadeIn .3s ease;min-height:fit-content}.best-time-drink .btd-tab-content.btd-active{display:block;max-width:1200px;margin:0 auto}.best-time-drink .best-seller-products{padding-top:0!important}.best-time-drink .products-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:100%;justify-content:center;align-items:stretch}.best-time-drink .products-grid .product-box{background:#fff;display:flex;flex-direction:column;height:100%}.best-time-drink .swiper-wrapper{display:flex;align-items:stretch!important}.best-time-drink .swiper-slide{height:auto!important;display:flex!important}.best-time-drink .swiper-scrollbar{height:3px;width:20%!important;margin:28px auto 0;background:var(--border-light);border-radius:10px;position:relative!important;left:auto!important;right:auto!important}.best-time-drink .swiper-scrollbar-drag{background:var(--accent-color);border-radius:10px}.best-time-drink .product-card{position:relative;background:var(--background-light);border:1px solid var(--border-light);border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow:hidden}.best-time-drink .product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-hover);border-color:var(--accent-color)}.best-time-drink .product-image{position:relative;width:100%;height:200px;overflow:hidden;border-radius:16px;margin-bottom:20px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.best-time-drink .product-image img{max-width:100%;max-height:100%;object-fit:contain!important;transition:transform .3s ease}.best-time-drink .product-card:hover .product-image img{transform:scale(1.05)}.best-time-drink .custom-badge{position:absolute;bottom:8px;left:8px;background:#000;color:#fff;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;padding:4px 8px;border-radius:6px;text-transform:uppercase;z-index:5;letter-spacing:.5px}.best-time-drink .custom-badge.best-seller{background:#000}.best-time-drink .custom-badge.new-launch{background:#4caf50}.best-time-drink .custom-badge.award-winner{background:#2196f3}.best-time-drink .product-info{display:flex;flex-direction:column;text-align:center;justify-content:space-between}.best-time-drink .product-title{font-family:'Playfair Display',serif;font-size:1.3rem;font-weight:600;color:var(--primary-color);line-height:1.3;margin-bottom:8px;flex-grow:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.best-time-drink .product-title a{text-decoration:none;color:inherit;transition:color .3s ease}.best-time-drink .product-title a:hover{color:var(--accent-color)}.best-time-drink .product-meta .price{font-family:'Inter',sans-serif;font-size:1.1rem;color:var(--primary-color);font-weight:600;margin-bottom:20px;flex-grow:0}.best-time-drink .buy-now-btn{display:block;padding:10px 20px;background:linear-gradient(135deg,var(--green-primary),var(--green-secondary));color:#fff;text-align:center;text-decoration:none;font-family:'Inter',sans-serif;font-size:1rem;font-weight:600;border-radius:12px;border:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px rgba(45,80,22,.3);position:relative;overflow:hidden;flex-grow:0;margin-top:15px}.best-time-drink .buy-now-btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.best-time-drink .buy-now-btn:hover{background:linear-gradient(135deg,var(--green-secondary),var(--green-light));transform:translateY(-2px);box-shadow:0 6px 20px rgba(45,80,22,.4);color:#fff}.best-time-drink .buy-now-btn:hover::before{left:100%}.best-time-drink .buy-now-btn:active{transform:translateY(0);box-shadow:0 3px 10px rgba(45,80,22,.3)}.best-time-drink .quantity-controls{display:none!important}

/* 6. Special Care Section */
.womens-tea-section h2.section-title{font-size:42px;font-weight:700;margin:0 auto;text-align:center;color:#314837;margin-bottom:45px}div#cellRevivalLightbox{display:none}.special-care-section{padding:60px 20px;background:#fff}.special-care-section .section-header{text-align:center;margin-bottom:40px}.special-care-section .section-title{font-size:28px;font-weight:700;color:#222;margin-bottom:25px!important}.special-care-section .section-divider{width:60px;height:3px;background:#ff5a5f;margin:15px auto 0}.care-grid-wrapper{display:flex;justify-content:center;flex-direction:column;align-content:center;align-items:center;gap:15px}.special-care-section .care-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(221px,1fr));gap:25px;max-width:1200px;width:100%;margin-top:45px;align-items:stretch}.care-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 15px rgba(0,0,0,.08);transition:transform .3s ease,box-shadow .3s ease;height:100%;display:flex;flex-direction:column;min-height:420px}.care-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.care-card .card-link{display:flex;flex-direction:column;text-decoration:none;height:100%;flex-grow:1}.care-card .card-image img{width:100%;height:220px;object-fit:contain}.care-card .card-content{padding:15px;text-align:center;flex-grow:1;display:flex;flex-direction:column;justify-content:space-between}.care-card .card-title{font-size:1.3rem;font-weight:600;color:var(--primary-color);margin-bottom:8px;flex-grow:1;font-family:'Playfair Display',serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.care-card .price{font-size:15px;font-weight:500;color:var(--primary-color);margin-bottom:15px;flex-grow:0}.care-card .buy-now{background:linear-gradient(135deg,var(--green-primary),var(--green-secondary));color:#fff;border:none;padding:10px 20px;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:opacity .3s ease;font-family:'Inter',sans-serif;margin-top:10px}.care-card .price{font-family:'Inter',sans-serif;font-size:1.1rem;color:var(--primary-color);font-weight:600;margin-top:auto;margin-bottom:10px}

/* 7. Why Choose Section */
.whychoose{padding:60px 0}.whychoose .main-title{font-size:3rem;color:#2c3e50;margin-bottom:10px;font-weight:700;text-shadow:2px 2px 4px rgba(0,0,0,.1);text-align:center}.whychoose .subtitle{font-size:1.2rem;color:#7f8c8d;margin-bottom:60px;font-style:italic;text-align:center}.whychoose .swiper-wrapper{padding-top:20px}.whychoose .reasons-grid{display:grid;grid-template-columns:1fr;gap:40px;margin-bottom:40px;width:85%;position:relative;margin:0 auto}@media (min-width:768px){.whychoose .reasons-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.whychoose .reasons-grid{grid-template-columns:repeat(3,1fr)}}.whychoose .reason-item::after{content:"";position:absolute;right:-68%;height:100%;background-image:url("https://hillqueentea.com/wp-content/uploads/2025/08/directionbar.webp");background-repeat:no-repeat;width:100%;top:50px;background-size:220px}.whychoose .reason-item:nth-child(5)::after{display:none}.whychoose .reason-item{position:relative;display:flex;flex-direction:column;align-items:center;opacity:0;animation:fadeInUp .8s ease-out forwards}.reason-item:nth-child(1){animation-delay:.2s}.reason-item:nth-child(2){animation-delay:.4s}.reason-item:nth-child(3){animation-delay:.6s}.reason-item:nth-child(4){animation-delay:.8s}.reason-item:nth-child(5){animation-delay:1s}.whychoose .hexagon{width:200px;height:173px;position:relative;margin-bottom:20px;cursor:pointer;transition:transform .3s ease}.whychoose .hexagon:hover{transform:scale(1.05)}.whychoose .hexagon-inner{width:100%;height:100%;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;box-shadow:0 8px 25px rgba(0,0,0,.15);background:0 0!important}.whychoose .hexagon-image{width:100%;height:100%;object-fit:cover;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.whychoose .number-badge{position:absolute;top:-12px;left:-12px;width:40px;height:40px;background:#2c5530;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;box-shadow:0 4px 15px rgba(44,85,48,.4);z-index:10;border:3px solid #fff}.whychoose .reason-title{font-size:1.3rem;color:#2c3e50;margin-bottom:8px;font-weight:600;line-height:1.2}.whychoose .reason-description{font-size:.95rem;color:#5d6d7e;line-height:1.4;max-width:240px;text-align:center}.whychoose .hexagon-inner{background:0 0!important}

/* 8. Quiz Section */
.quiz-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:60px 20px;background:#faf8f4;font-family:'Lora',serif}.quiz-intro .section-title{font-size:34px;font-weight:700;color:#2c2f33;margin-bottom:25px}.quiz-intro .intro-text{max-width:800px;font-size:18px;line-height:1.6;color:#4a4e57;margin-bottom:35px}.quiz-intro .quiz-btn{background:linear-gradient(135deg,#d4a373 0%,#8d5524 100%);color:#fff;padding:15px 40px;border:none;border-radius:50px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 8px 25px rgba(141,85,36,.3);text-transform:uppercase;letter-spacing:1px;text-decoration:none;display:inline-block}.quiz-intro .quiz-btn:hover{transform:translateY(-4px);box-shadow:0 12px 35px rgba(141,85,36,.5);background:linear-gradient(135deg,#e6b98a 0%,#a56336 100%)}

/* 9. Review Section */
.reviews-container{max-width:1200px;margin:0 auto;padding:60px 0}.reviews-container{margin-bottom:45px}.reviews-title{text-align:center;font-size:2.5rem;color:#8B4513;margin-bottom:50px;font-weight:400}.review-title{color:#B8860B;font-style:italic;font-size:1rem;margin-bottom:15px}

/* Animations */
@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes productFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.05)}}

/* Swiper Common */
.swiper-scrollbar{height:3px;width:20%!important;margin:10px auto 0;background:#e5e5e5;border-radius:10px;position:relative!important;left:auto!important;right:auto!important}.swiper-scrollbar-drag{background:#f4a261!important;border-radius:10px}.swiper-scrollbar.swiper-scrollbar-horizontal{margin-top:25px}

/* Mobile Responsive */
@media (max-width:1024px){.banner-content{max-width:100%;text-align:center;padding:80px 5%}}@media (max-width:768px){.best-seller-main{padding:40px 15px!important}.best-seller-main .products-grid{grid-template-columns:repeat(2,1fr);gap:20px}.header-section h2{font-size:2rem}.best-time-drink .btd-tab-navigation,.tab-navigation{flex-direction:row;overflow-x:auto;justify-content:flex-start;white-space:nowrap;padding:5px 10px;scrollbar-width:none;-ms-overflow-style:none;flex-wrap:nowrap}.best-time-drink .btd-tab-navigation::-webkit-scrollbar,.tab-navigation::-webkit-scrollbar{display:none}.best-time-drink .btd-tab-btn,.tab-btn{padding:10px 16px;font-size:.9rem;flex:0 0 auto;text-align:center;white-space:nowrap}.best-time-drink .product-card,.product-card{padding:20px;min-height:400px}.best-time-drink .product-image,.product-image{height:180px;margin-bottom:16px}.best-time-drink .product-title,.product-title{font-size:1.2rem}.best-time-drink .buy-now-btn,.buy-now-btn{padding:12px 16px;font-size:.95rem}.tea-slider-container .cta-primary{font-size:11px!important}.heritage-badge-main{position:absolute;top:12%!important;right:20%!important;padding:7px 14px!important}.banner-1,.banner-2,.banner-3{display:flex!important;flex-direction:column!important;height:auto!important;padding:45px 15px!important}.banner-content{padding:60px 5%}.tea-slider-container .trust-badges{margin-bottom:0}.tea-slider-container .trust-badge{background:rgba(255,255,255,.95);padding:3px 7px;border-radius:25px;font-size:11px}.social-proof{position:relative;bottom:auto;left:auto;justify-content:center;margin-top:30px;display:flex;flex-direction:column}.cta-primary{width:100%;justify-content:center}.special-care-section .care-grid{grid-template-columns:repeat(2,1fr);gap:20px}.care-card{min-height:400px}.words-slider-track{animation:infiniteSlide 11s linear infinite}.best-time-drink{padding:40px 15px}.best-time-drink .products-grid{grid-template-columns:repeat(2,1fr);gap:20px}}@media (max-width:480px){main#main{padding:35px 0}.swiper-slide.category-item{height:124px}.category-swiper{margin-top:-38px!important}.best-seller-main{padding:20px 10px!important}.best-seller-main .tab-btn,.best-time-drink .btd-tab-btn{padding:10px 12px!important;font-size:.85rem!important}.best-seller-main .products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.best-time-drink .product-card,.product-card{padding:16px;min-height:380px}.best-time-drink .product-image,.product-image{height:160px;border-radius:12px}.best-time-drink .buy-now-btn,.buy-now-btn{padding:10px 12px;font-size:.9rem}.special-care-section{padding:0!important}.special-care-section .section-title{margin-bottom:0!important;margin-top:25px}.special-care-section .care-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(46%,1fr));gap:25px;margin-bottom:25px}.best-seller-main .swiper-slide.product-card{min-height:-webkit-fill-available!important}.care-card{min-height:380px}.heritage-badge-main{display:none}.best-time-drink{padding:20px 10px}.best-time-drink .products-grid{grid-template-columns:repeat(2,1fr);gap:16px}.best-time-drink .product-card{min-height:400px}}

@media (max-width:1024px){
    
 .banner-3 {
    min-height: 100%;
    
}   
.container.top-slider {
    padding-top: 25px;
}

.banner-content {
    padding: 35px 2% 0 2%;
}

.cta-secondary {
    max-width: 100%;
    justify-content: center;
}

.subheadline {
    text-align: center;
}
.cta-section {
    align-items: center;
}
.urgency-text {
    text-align: center;
 }
 .trust-badges {
     left: auto;
}
.best-time-drink .product-card, .product-card {
    min-height: auto;
}
.special-care-section .care-grid {
     margin-top: 0px; 
}
.banner-section {
    margin-top: 35px;
    padding: 0 10px;
}
.container {
    padding: 0 10px;
}
}