/*=========================================
    HAYA FOODS PRODUCTS (PVT) LTD
    Main Stylesheet
=========================================*/

/* Google Font */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

/*=========================================
            RESET
=========================================*/

*{
    margin:0;
    padding:0;
    box-sizing:border-box;
    scroll-behavior:smooth;
}

html{
    font-size:62.5%;
    overflow-x:hidden;
}

body{
    font-family:'Poppins',sans-serif;
    background:#fff;
    color:#333;
    overflow-x:hidden;
    line-height:1.7;
}

/*=========================================
        VARIABLES
=========================================*/

:root{

    --primary:#0b7a2f;
    --secondary:#ff9800;
    --dark:#1f2937;
    --light:#f8f9fa;
    --white:#ffffff;
    --black:#222;

    --shadow:0 10px 30px rgba(0,0,0,.12);

    --radius:16px;

}

/*=========================================
        GLOBAL
=========================================*/

section{

    padding:90px 8%;

}

.container{

    max-width:1300px;

    margin:auto;

}

img{

    max-width:100%;

    display:block;

}

a{

    text-decoration:none;

}

ul{

    list-style:none;

}

/*=========================================
    SECTION TITLE
=========================================*/

.section-header{

    text-align:center;

    margin-bottom:60px;

}

.section-header span{

    color:var(--secondary);

    font-size:1.5rem;

    font-weight:700;

    letter-spacing:2px;

    text-transform:uppercase;

}

.section-header h2{

    font-size:4rem;

    color:var(--primary);

    margin:15px 0;

}

.section-header p{

    max-width:700px;

    margin:auto;

    font-size:1.7rem;

    color:#666;

}

/*=========================================
        BUTTONS
=========================================*/

.btn{

    display:inline-block;

    background:var(--secondary);

    color:#fff;

    padding:15px 38px;

    border-radius:50px;

    font-size:1.6rem;

    font-weight:600;

    transition:.35s;

    box-shadow:var(--shadow);

}

.btn:hover{

    background:var(--primary);

    transform:translateY(-4px);

}

.btn-outline{

    display:inline-block;

    padding:15px 38px;

    border:2px solid #fff;

    border-radius:50px;

    color:#fff;

    font-size:1.6rem;

    margin-left:15px;

    transition:.35s;

}

.btn-outline:hover{

    background:#fff;

    color:var(--primary);

}

/*=========================================
        LOADER
=========================================*/

#loader{
    position:fixed;
    inset:0;
    display:flex;
    align-items:center;
    justify-content:center;
    z-index:99999;
    overflow:hidden;
    background:radial-gradient(circle at 50% 34%,#159543 0%,#087331 46%,#043b1a 100%);
    transition:opacity .55s ease;
}

.loader-content{position:relative;display:flex;flex-direction:column;align-items:center;color:#fff;text-align:center;}
.loader-content::before,.loader-content::after{content:"";position:absolute;border:1px solid rgba(255,255,255,.13);border-radius:50%;}
.loader-content::before{width:270px;height:270px;top:-90px;}
.loader-content::after{width:400px;height:400px;top:-155px;}
.loader-drops{position:relative;z-index:1;width:145px;height:104px;margin-bottom:12px;}
.juice-drop{position:absolute;width:34px;height:44px;border-radius:55% 45% 58% 42% / 64% 44% 56% 36%;background:linear-gradient(135deg,#ffe274 0%,#ffb000 44%,#f06a00 100%);box-shadow:0 8px 18px rgba(0,0,0,.22);transform:rotate(45deg);animation:juiceDrop 1.45s ease-in-out infinite;}
.juice-drop--one{left:12px;top:35px;animation-delay:0s;}
.juice-drop--two{left:56px;top:7px;width:42px;height:54px;animation-delay:.18s;}
.juice-drop--three{right:7px;top:42px;width:28px;height:37px;animation-delay:.36s;}
.loader-brand{position:relative;z-index:1;margin:0;font-size:clamp(3.6rem,7vw,6rem);font-weight:800;letter-spacing:5px;line-height:1.15;text-shadow:0 5px 13px rgba(0,0,0,.18);}
.loader-brand span{color:#ffd24a;}
.loader-text{position:relative;z-index:1;margin:12px 0 0;color:rgba(255,255,255,.82);font-size:1.5rem;font-weight:500;letter-spacing:2px;}
.loader-text span{display:inline-block;animation:loaderDots 1.2s infinite;}
.loader-text span:nth-child(2){animation-delay:.16s;}.loader-text span:nth-child(3){animation-delay:.32s;}
@keyframes juiceDrop{0%,100%{transform:translateY(0) rotate(45deg) scale(.86);opacity:.65;}50%{transform:translateY(-16px) rotate(45deg) scale(1);opacity:1;}}
@keyframes loaderDots{0%,100%{opacity:.2;transform:translateY(0);}50%{opacity:1;transform:translateY(-4px);}}
@media (prefers-reduced-motion:reduce){.juice-drop,.loader-text span{animation:none;}}

/*=========================================
        HEADER
=========================================*/

header{

    position:fixed;

    top:0;

    left:0;

    width:100%;

    z-index:9999;

    background:rgba(11,122,47,.90);

    backdrop-filter:blur(10px);

}

header .container{

    display:flex;

    justify-content:space-between;

    align-items:center;

    height:80px;

}

.logo img{

    height:60px;

}

.navbar{

    display:flex;

    gap:35px;

}

.navbar a{

    color:#fff;

    font-size:1.6rem;

    font-weight:500;

    position:relative;

}

.navbar a::after{

    content:"";

    position:absolute;

    left:0;

    bottom:-6px;

    width:0;

    height:2px;

    background:var(--secondary);

    transition:.35s;

}

.navbar a:hover::after,

.navbar a.active::after{

    width:100%;

}

#menu-btn{

    display:none;

    color:#fff;

    font-size:3rem;

    cursor:pointer;

}

/*=========================================
        HERO
=========================================*/

.hero{

    position:relative;

    min-height:100vh;

    display:flex;

    align-items:center;

    background:
    linear-gradient(rgba(0,0,0,.45),rgba(0,0,0,.45)),
    url("../images/hero-bg.jpg");

    background-size:cover;

    background-position:center;

    overflow:hidden;

}

.hero-content{

    position:relative;

    z-index:2;

    max-width:700px;

}

.subtitle{

    color:#FFD54F;

    font-size:1.7rem;

    font-weight:700;

    letter-spacing:2px;

}

.hero h1{

    font-size:7rem;

    color:#fff;

    line-height:1.1;

    margin:20px 0;

}

.hero h1 span{

    color:var(--secondary);

}

.hero p{

    color:#fff;

    font-size:1.8rem;

    max-width:650px;

    margin-bottom:35px;

}

.hero-buttons{

    display:flex;

    align-items:center;

}

.scroll-down{

    position:absolute;

    bottom:30px;

    left:50%;

    transform:translateX(-50%);

}

.scroll-down i{

    color:#fff;

    font-size:2.8rem;

}

/*=========================================
        FEATURES
=========================================*/

.features{
    background:#f8f9fa;
    padding:70px 8%;
}

.features .container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.feature{
    background:#fff;
    border-radius:20px;
    padding:35px 25px;
    text-align:center;
    transition:.4s;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.feature:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

.feature i{
    width:80px;
    height:80px;
    line-height:80px;
    border-radius:50%;
    background:linear-gradient(135deg,var(--primary),#13a34a);
    color:#fff;
    font-size:3rem;
    margin-bottom:20px;
}

.feature h3{
    font-size:2.2rem;
    color:var(--primary);
    margin-bottom:10px;
}

.feature p{
    font-size:1.5rem;
    color:#666;
}

/*=========================================
        PRODUCTS
=========================================*/

.products{
    background:#fff;
}

.product-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:35px;
}

.product-card{
    position:relative;
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    transition:.4s;
    box-shadow:0 12px 30px rgba(0,0,0,.08);
}

.product-card:hover{
    transform:translateY(-12px);
    box-shadow:0 20px 45px rgba(0,0,0,.15);
}

/* Premium glass navigation */
header{
    background:transparent;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
    transition:background .35s ease,backdrop-filter .35s ease,box-shadow .35s ease,border-color .35s ease;
    border-bottom:1px solid transparent;
}

header.scrolled{
    background:rgba(6,76,32,.68);
    backdrop-filter:blur(18px) saturate(150%);
    -webkit-backdrop-filter:blur(18px) saturate(150%);
    border-color:rgba(255,255,255,.16);
    box-shadow:0 12px 30px rgba(0,35,14,.18);
}

.logo{display:flex;align-items:center;}
.logo img{transform-origin:center;animation:logoEntrance .7s cubic-bezier(.2,.8,.2,1) both;transition:transform .3s ease,filter .3s ease;}
.logo:hover img{transform:rotate(-4deg) scale(1.07);filter:drop-shadow(0 8px 10px rgba(0,0,0,.2));}
.navbar a{padding:9px 1px;transition:color .25s ease;}
.navbar a::after{height:3px;border-radius:4px;bottom:1px;background:linear-gradient(90deg,#ffe075,#fff8b8);box-shadow:0 2px 8px rgba(255,218,72,.5);}
.navbar a:hover,.navbar a.active{color:#fff7b6;}
#menu-btn{border:0;background:transparent;padding:7px;line-height:1;}
@keyframes logoEntrance{from{opacity:0;transform:translateY(-12px) scale(.88)}to{opacity:1;transform:translateY(0) scale(1)}}

.product-card.product-highlight{
    animation:productFocus 2.8s ease-in-out;
    z-index:5;
}

@keyframes productFocus{
    0%,100%{ box-shadow:0 12px 30px rgba(0,0,0,.08); transform:translateY(0) scale(1); }
    20%,70%{ box-shadow:0 0 0 7px #ff9800,0 0 0 15px rgba(255,152,0,.3),0 24px 55px rgba(11,122,47,.38); transform:translateY(-14px) scale(1.035); }
    45%{ box-shadow:0 0 0 9px #0b7a2f,0 0 0 19px rgba(11,122,47,.25),0 28px 62px rgba(255,152,0,.42); transform:translateY(-16px) scale(1.045); }
}

.product-image{
      height:220px;
    display:flex;
    justify-content:center;
    align-items:center;
    padding:20px;
}

.product-image img{
    position:relative;
    z-index:2;
    width:100%;
    max-width:180px;
    height:200px;
    object-fit:contain;
    transition:0.4s ease;
    filter:drop-shadow(0 12px 20px rgba(0,0,0,0.18));
     animation:floatBottle 3s ease-in-out infinite;
}

.product-card:hover .product-image img{
    transform:scale(1.20) rotate(-5deg);
}

.product-info{
    padding:25px;
}

.product-info h3{
    color:var(--primary);
    font-size:2.3rem;
    margin-bottom:10px;
}

.product-info p{
    color:#666;
    font-size:1.5rem;
    margin-bottom:18px;
    min-height:55px;
}

.product-footer{
    display:flex;
    justify-content:space-between;
    align-items:center;
    margin-bottom:20px;
}

.size{
    background:var(--primary);
    color:#fff;
    padding:6px 14px;
    border-radius:30px;
    font-size:1.3rem;
    font-weight:600;
}

.stars{
    color:#ffb400;
    font-size:1.5rem;
}

.product-card .btn{
    width:100%;
    text-align:center;
}

.product-actions{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-top:12px;
}

.product-actions .add-to-cart{
    background:transparent;
    color:var(--primary);
    border:2px solid var(--primary);
}

.product-actions .add-to-cart:hover{
    background:var(--primary);
    color:#fff;
}

.product-toolbar{
    max-width:620px;
    margin:-25px auto 40px;
    display:flex;
    align-items:center;
    gap:12px;
    padding:8px 18px;
    background:#fff;
    border:1px solid #e3eee6;
    border-radius:50px;
    box-shadow:0 8px 24px rgba(11,122,47,.08);
}

.product-toolbar i{ color:var(--primary); font-size:1.7rem; }
.product-toolbar input{ border:0; outline:0; min-width:0; flex:1; padding:10px 0; font:1.5rem 'Poppins',sans-serif; color:var(--dark); }
.product-toolbar span{ color:#68756c; font-size:1.3rem; white-space:nowrap; }
.product-filters{ display:flex; justify-content:center; flex-wrap:wrap; gap:10px; margin:-18px auto 28px; }
.product-filter{ padding:9px 18px; border:1px solid #cfe1d3; border-radius:50px; background:#fff; color:var(--primary); font:600 1.35rem 'Poppins',sans-serif; cursor:pointer; transition:.25s; }
.product-filter:hover,.product-filter.active{ background:var(--primary); border-color:var(--primary); color:#fff; box-shadow:0 7px 16px rgba(11,122,47,.18); }
.product-card.is-hidden{ display:none; }
.price-note{ max-width:620px; margin:-18px auto 35px; padding:11px 16px; border-radius:10px; background:#f2faf4; color:#386044; font-size:1.35rem; text-align:center; }
.price-note i{ color:var(--secondary); margin-right:5px; }
.product-price{ color:var(--primary); font-size:2.2rem; font-weight:700; line-height:1.2; margin:-2px 0 15px; }
.product-price small{ color:#718077; font-size:1.25rem; font-weight:500; }
.price-mode{ display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px; margin:-18px auto 20px; font-size:1.4rem; color:#526057; }
.price-mode__button{ padding:8px 14px; border:1px solid #cfe1d3; border-radius:50px; background:#fff; color:var(--primary); font:600 1.3rem 'Poppins',sans-serif; cursor:pointer; transition:.2s; }
.price-mode__button:hover,.price-mode__button.active{ background:var(--primary); border-color:var(--primary); color:#fff; }

.sr-only{ position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }

.website-field{ position:absolute !important; left:-9999px !important; opacity:0 !important; }
.form-status{ min-height:24px; margin:-5px 0 15px; font-size:1.4rem; font-weight:600; }
.form-status.success{ color:var(--primary); }
.form-status.error{ color:#c62828; }

.product-modal{ position:fixed; inset:0; display:none; align-items:center; justify-content:center; padding:20px; z-index:100000; }
.product-modal.open{ display:flex; }
.product-modal__backdrop{ position:absolute; inset:0; background:rgba(12,29,18,.72); backdrop-filter:blur(3px); }
.product-modal__content{ position:relative; z-index:1; display:grid; grid-template-columns:minmax(180px,.8fr) 1fr; align-items:center; gap:30px; width:min(680px,100%); padding:40px; border-radius:24px; background:#fff; box-shadow:0 24px 60px rgba(0,0,0,.3); }
.product-modal__content img{ max-height:300px; margin:auto; object-fit:contain; filter:drop-shadow(0 12px 20px rgba(0,0,0,.18)); }
.product-modal__content h2{ color:var(--primary); font-size:3rem; margin:16px 0 8px; }
.product-modal__content p{ color:#5d6860; font-size:1.6rem; }
.product-facts{ display:grid; gap:10px; margin:20px 0; }
.product-facts div{ padding:11px 13px; border:1px solid #e0eee2; border-radius:12px; background:#f8fcf8; }
.product-facts dt{ color:var(--primary); font-size:1.35rem; font-weight:700; }
.product-facts dt i{ color:var(--secondary); width:18px; }
.product-facts dd{ margin:4px 0 0 18px; color:#607065; font-size:1.25rem; line-height:1.45; }
.modal-price{ color:var(--primary) !important; font-size:2.2rem !important; font-weight:700; margin:18px 0; }
.product-modal__close{ position:absolute; top:12px; right:16px; border:0; background:transparent; color:#526057; font-size:3.5rem; line-height:1; cursor:pointer; }

@media (max-width:600px){
    .product-toolbar{ margin:-20px 0 30px; }
    .product-toolbar span{ display:none; }
    .price-mode{ align-items:stretch; }
    .product-modal__content{ grid-template-columns:1fr; gap:18px; padding:34px 24px 28px; text-align:center; max-height:90vh; overflow:auto; }
    .product-modal__content img{ max-height:180px; }
}

/*=========================================
        PRODUCT BADGES
=========================================*/

.badge{
    position:absolute;
    top:15px;
    left:15px;
    padding:8px 14px;
    border-radius:30px;
    color:#fff;
    font-size:1.2rem;
    font-weight:700;
    z-index:10;
}

.bestseller{
    background:#e53935;
}

.new{
    background:#43a047;
}

.popular{
    background:#fb8c00;
}

/*=========================================
    PRODUCT SHINE EFFECT
=========================================*/

.product-card{
    position:relative;
    overflow:hidden;
}

.product-card::before{
    content:"";
    position:absolute;
    top:0;
    left:-150%;
    width:50%;
    height:100%;
    background:linear-gradient(
        120deg,
        transparent 0%,
        rgba(255,255,255,0.7) 50%,
        transparent 100%
    );
    transform:skewX(-25deg);
    z-index:10;
    pointer-events:none;
}

.product-card:hover::before{
    animation:shine 0.9s ease;
}

/* Product cards V2 */
.product-card{
    border:1px solid rgba(11,122,47,.08);
    transform-style:preserve-3d;
    transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s ease,border-color .45s ease;
    box-shadow:0 14px 34px rgba(9,67,28,.10);
}

.product-card:hover,
.product-card:focus-within{
    transform:perspective(1000px) translateY(-12px) rotateX(2deg) rotateY(-2deg);
    border-color:rgba(11,122,47,.22);
    box-shadow:0 25px 55px rgba(8,72,29,.20);
}

.product-card{cursor:pointer;}
.product-card .product-actions{cursor:default;}

.product-image{
    position:relative;
    isolation:isolate;
    overflow:hidden;
    background:radial-gradient(circle at 50% 80%,rgba(255,202,64,.15),transparent 60%);
}

/* A fruit-coloured juice splash blooms behind the bottle on hover. */
.product-image::before{
    content:"";
    position:absolute;
    z-index:1;
    inset:20% 17% 12%;
    border-radius:54% 46% 58% 42% / 43% 52% 48% 57%;
    opacity:0;
    transform:scale(.28) rotate(-18deg);
    background:
        radial-gradient(circle at 12% 42%,rgba(var(--juice-splash-rgb,255,152,0),.78) 0 7%,transparent 8%),
        radial-gradient(circle at 85% 18%,rgba(var(--juice-splash-rgb,255,152,0),.65) 0 8%,transparent 9%),
        radial-gradient(circle at 86% 72%,rgba(var(--juice-splash-rgb,255,152,0),.58) 0 5%,transparent 6%),
        radial-gradient(circle at 48% 52%,rgba(var(--juice-splash-rgb,255,152,0),.58) 0 49%,transparent 50%);
    filter:drop-shadow(0 9px 11px rgba(var(--juice-splash-rgb,255,152,0),.25));
    pointer-events:none;
}

.product-image::after{
    content:"";
    position:absolute;
    width:55%;
    height:14px;
    bottom:19px;
    border-radius:50%;
    background:rgba(13,57,26,.17);
    filter:blur(7px);
}

.product-image img{ z-index:3; }

.product-card:hover .product-image::before,
.product-card:focus-within .product-image::before{
    animation:juiceSplash .72s cubic-bezier(.16,.9,.2,1) forwards;
}

@keyframes juiceSplash{
    0%{ opacity:0; transform:scale(.28) rotate(-18deg); }
    55%{ opacity:.95; transform:scale(1.2) rotate(8deg); }
    100%{ opacity:.72; transform:scale(1) rotate(0deg); }
}

/* Matched fruit accents float around their own product only. */
.product-fruit-accent{
    position:absolute;
    z-index:1;
    top:22%;
    left:14%;
    font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;
    font-size:clamp(2.6rem,4vw,4.3rem);
    line-height:1;
    opacity:.72;
    pointer-events:none;
    filter:drop-shadow(0 7px 8px rgba(0,0,0,.18));
    animation:productFruitDrift var(--fruit-duration,6s) ease-in-out var(--fruit-delay,0s) infinite alternate;
}

.product-fruit-accent:nth-of-type(2){
    top:52%;
    left:auto;
    right:13%;
    font-size:clamp(2.3rem,3.5vw,3.6rem);
}

.product-fruit-accent:nth-of-type(3){
    top:8%;
    left:auto;
    right:23%;
    font-size:clamp(2rem,3vw,3.1rem);
}

.product-fruit-accent:nth-of-type(4){
    top:58%;
    left:28%;
    font-size:clamp(1.8rem,2.7vw,2.8rem);
}

@keyframes productFruitDrift{
    from{ transform:translate(0,0) rotate(0deg) scale(.9); }
    to{ transform:translate(var(--fruit-x,12px),calc(-1 * var(--fruit-y,25px))) rotate(var(--fruit-rotate,10deg)) scale(1.06); }
}

.product-card:hover .product-image img,
.product-card:focus-within .product-image img{
    transform:translateY(-7px) scale(1.12) rotate(-4deg);
}

.badge.new{
    top:17px;
    left:auto;
    right:-31px;
    width:126px;
    padding:8px 0;
    border-radius:0;
    text-align:center;
    background:linear-gradient(135deg,#f3ac12,#e97a12);
    box-shadow:0 5px 14px rgba(180,90,0,.28);
    transform:rotate(42deg);
}

.stock-status{
    display:inline-flex;
    align-items:center;
    gap:6px;
    margin:-7px 0 15px;
    color:#327340;
    font-size:1.3rem;
    font-weight:600;
}

.stock-status::before{
    content:"";
    width:8px;
    height:8px;
    border-radius:50%;
    background:#49b968;
    box-shadow:0 0 0 4px rgba(73,185,104,.13);
}

.view-product{
    background:#f1f8f2!important;
    color:var(--primary)!important;
    border:1px solid #c8e2ce!important;
}

.view-product:hover{background:#e1f1e4!important;}

.add-to-cart.is-added{
    background:#2d9a4b!important;
    border-color:#2d9a4b!important;
    color:#fff!important;
    animation:addedToCart .75s ease;
}

@keyframes addedToCart{
    0%,100%{transform:scale(1)}
    35%{transform:scale(1.05)}
    65%{transform:scale(.97)}
}

@keyframes shine{
    from{
        left:-150%;
    }
    to{
        left:170%;
    }
}
/*=========================================
            ABOUT
=========================================*/

.about{
    background:#fff;
}

.about .container{
    display:grid;
    grid-template-columns:1fr 1fr;
    align-items:center;
    gap:70px;
}

.about-image{
    position:relative;
}

.about-image img{
    width:100%;
    max-width:500px;
    margin:auto;
    border-radius:20px;
    box-shadow:0 15px 40px rgba(0,0,0,.15);
}

.experience{
    position:absolute;
    bottom:20px;
    right:-20px;
    background:var(--secondary);
    color:#fff;
    padding:20px;
    border-radius:20px;
    text-align:center;
    box-shadow:var(--shadow);
}

.experience h2{
    font-size:3rem;
}

.experience span{
    font-size:1.4rem;
}

.about-content h2{
    font-size:4rem;
    color:var(--primary);
    margin:15px 0;
}

.about-content p{
    font-size:1.6rem;
    color:#666;
    margin-bottom:30px;
}

.about-features{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:18px;
    margin-bottom:35px;
}

.feature-item{
    display:flex;
    align-items:center;
    gap:12px;
    font-size:1.6rem;
}

.feature-item i{
    color:var(--primary);
}

/*=========================================
        STATISTICS
=========================================*/

.statistics{
    background:linear-gradient(135deg,var(--primary),#159a45);
    color:#fff;
}

.statistics .container{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:30px;
}

.stat-card{
    text-align:center;
    padding:35px 20px;
}

.stat-card i{
    font-size:4rem;
    margin-bottom:20px;
    color:#FFD54F;
}

.stat-card h2{
    font-size:4rem;
}

.stat-card p{
    font-size:1.7rem;
}

/*=========================================
            VALUES
=========================================*/

.values{
    background:#f8f9fa;
}

.values-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(260px,1fr));
    gap:30px;
}

.value-card{
    background:#fff;
    padding:35px;
    border-radius:20px;
    text-align:center;
    transition:.4s;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
}

.value-card:hover{
    transform:translateY(-10px);
}

.value-card i{
    font-size:4rem;
    color:var(--secondary);
    margin-bottom:20px;
}

.value-card h3{
    color:var(--primary);
    font-size:2.2rem;
    margin-bottom:15px;
}

.value-card p{
    color:#666;
    font-size:1.5rem;
}

/*=========================================
            GALLERY
=========================================*/

.gallery{
    background:#fff;
}

.gallery-grid{
    display:grid;
    grid-template-columns:repeat(auto-fit,minmax(280px,1fr));
    gap:25px;
}

.gallery-item{
    overflow:hidden;
    border-radius:18px;
    box-shadow:0 10px 30px rgba(0,0,0,.10);
    cursor:pointer;
}

.gallery-item img{
    width:100%;
    height:250px;
    object-fit:cover;
    transition:.5s;
}

.gallery-item:hover img{
    transform:scale(1.08);
}

/*=========================================
        TESTIMONIALS
=========================================*/

.testimonials{
    background:#f8f9fa;
}

.testimonial-grid{
    display:flex;
    transition:transform .65s cubic-bezier(.22,.8,.2,1);
    will-change:transform;
}

.testimonial-slider{
    max-width:720px;
    margin:0 auto;
    overflow:hidden;
    padding:12px 2px 4px;
}

.testimonial-card{
    flex:0 0 100%;
    min-width:0;
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.08);
    transition:.35s;
}

.testimonial-card:hover{
    transform:translateY(-10px);
}

.testimonial-slider__dots{
    display:flex;
    justify-content:center;
    gap:9px;
    padding-top:24px;
}

.testimonial-slider__dots button{
    width:9px;
    height:9px;
    padding:0;
    border:0;
    border-radius:50%;
    background:#b7cfbd;
    cursor:pointer;
    transition:.25s;
}

.testimonial-slider__dots button.active{
    width:29px;
    border-radius:8px;
    background:var(--primary);
}

.quote{
    color:var(--secondary);
    font-size:3rem;
    margin-bottom:15px;
}

.testimonial-card p{
    font-size:1.6rem;
    color:#666;
    margin-bottom:20px;
}

.customer{
    display:flex;
    align-items:center;
    gap:15px;
    margin-top:20px;
}

.customer img{
    width:60px;
    height:60px;
    border-radius:50%;
    object-fit:cover;
}

.customer h4{
    font-size:1.8rem;
    color:var(--primary);
}

.customer span{
    color:#777;
    font-size:1.4rem;
}

/*=========================================
            CTA
=========================================*/

.cta{
    background:linear-gradient(rgba(11,122,47,.9),rgba(11,122,47,.9)),
               url("../images/cta-bg.jpg") center/cover;
    text-align:center;
    color:#fff;
}

.cta h2{
    font-size:4rem;
    margin-bottom:20px;
}

.cta p{
    font-size:1.8rem;
    max-width:700px;
    margin:0 auto 35px;
}

/*=========================================
        DELIVERY LOCATIONS
=========================================*/

.delivery-locations{
    background:linear-gradient(135deg,#f4fbf6 0%,#fff8eb 100%);
}

.delivery-layout{
    display:grid;
    grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);
    gap:45px;
    align-items:center;
}

.delivery-map{
    position:relative;
    min-height:510px;
    overflow:hidden;
    border-radius:28px;
    box-shadow:var(--shadow);
}

.delivery-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0;filter:saturate(.82) contrast(.96);}

.delivery-pin{
    display:inline-flex;
    align-items:center;
    gap:7px;
    padding:7px 11px;
    border:1px solid #dceee1;
    border-radius:9px;
    background:#fff;
    color:var(--primary);
    font-family:inherit;
    font-size:1.3rem;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 5px 12px rgba(0,0,0,.06);
    transition:transform .25s,background .25s,color .25s;
}

.delivery-pin:hover,.delivery-pin:focus-visible,.delivery-pin.active{background:var(--primary);color:#fff;transform:translateY(-4px);outline:none;}
.delivery-pin i{color:var(--secondary);}
.delivery-pin.active i,.delivery-pin:hover i{color:#fff;}

.delivery-details{display:flex;flex-direction:column;gap:22px;}
.delivery-selector{display:flex;flex-wrap:wrap;gap:9px;}

.delivery-card{
    padding:42px 35px;
    border-radius:24px;
    background:#fff;
    box-shadow:var(--shadow);
}

.delivery-card__icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:24px;border-radius:18px;background:#e7f6eb;color:var(--primary);font-size:2.7rem;}
.delivery-card__eyebrow{color:var(--secondary);font-size:1.25rem;font-weight:700;letter-spacing:1.5px;}
.delivery-card h3{margin:8px 0 14px;color:var(--primary);font-size:3rem;line-height:1.25;}
.delivery-card p{margin-bottom:26px;color:#666;font-size:1.55rem;line-height:1.8;}
.delivery-card__link{display:inline-flex;align-items:center;gap:9px;color:var(--primary);font-size:1.5rem;font-weight:700;}
.delivery-card__link:hover{color:var(--secondary);}

/*=========================================
            CONTACT
=========================================*/

.contact{
    background:#ffffff;
}

.contact-wrapper{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:50px;
    align-items:start;
}

.contact-info{
    display:flex;
    flex-direction:column;
    gap:25px;
}

.info-box{
    display:flex;
    align-items:flex-start;
    gap:18px;
    padding:25px;
    border-radius:16px;
    background:#f8f9fa;
    box-shadow:0 10px 25px rgba(0,0,0,.08);
    transition:.3s;
}

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

.info-box i{
    font-size:2.5rem;
    color:var(--secondary);
    min-width:40px;
}

.info-box h3{
    font-size:2rem;
    color:var(--primary);
    margin-bottom:8px;
}

.info-box p,
.info-box a{
    font-size:1.6rem;
    color:#666;
    text-decoration:none;
}

.contact-form{
    background:#fff;
    padding:35px;
    border-radius:20px;
    box-shadow:0 10px 30px rgba(0,0,0,.10);
}

.contact-form input,
.contact-form textarea{
    width:100%;
    padding:16px 20px;
    margin-bottom:20px;
    border:1px solid #ddd;
    border-radius:10px;
    font-size:1.6rem;
    font-family:'Poppins',sans-serif;
    outline:none;
    transition:.3s;
}

.contact-form input:focus,
.contact-form textarea:focus{
    border-color:var(--primary);
    box-shadow:0 0 8px rgba(11,122,47,.15);
}

.contact-form textarea{
    resize:vertical;
}

/*=========================================
            GOOGLE MAP
=========================================*/

.map iframe{
    width:100%;
    height:450px;
    border:none;
    display:block;
}

/*=========================================
            FOOTER
=========================================*/

footer{
    background:#0b7a2f;
    color:#fff;
}

.footer-content{
    display:grid;
    grid-template-columns:2fr 1fr 1fr 1fr;
    gap:40px;
    padding:70px 0;
}

.footer-about img{
    width:140px;
    margin-bottom:20px;
}

.footer-about p{
    font-size:1.5rem;
    line-height:1.8;
}

footer h3{
    font-size:2rem;
    margin-bottom:20px;
    color:#FFD54F;
}

footer a{
    display:block;
    color:#fff;
    text-decoration:none;
    font-size:1.5rem;
    margin-bottom:12px;
    transition:.3s;
}

footer a:hover{
    color:#FFD54F;
    padding-left:6px;
}

.social-icons{
    display:flex;
    gap:15px;
}

.social-icons a{
    width:45px;
    height:45px;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:50%;
    background:rgba(255,255,255,.15);
    font-size:1.8rem;
}

.social-icons a:hover{
    background:var(--secondary);
    color:#fff;
}

.footer-bottom{
    border-top:1px solid rgba(255,255,255,.15);
    padding:20px;
    text-align:center;
    font-size:1.5rem;
}

.footer-credit{
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-top:14px;
    padding:10px 18px;
    border:1px solid rgba(255,255,255,.28);
    border-left:3px solid var(--secondary);
    border-radius:4px;
    background:rgba(255,255,255,.08);
    color:rgba(255,255,255,.85);
    font-size:1.2rem;
    letter-spacing:.03em;
}

.credit-label{
    font-weight:400;
}

.credit-name{
    color:#fff;
    font-weight:700;
    letter-spacing:.06em;
    text-transform:uppercase;
}

/*=========================================
        WHATSAPP BUTTON
=========================================*/

.whatsapp{
    position:fixed;
    bottom:25px;
    left:25px;
    width:60px;
    height:60px;
    background:#25D366;
    color:#fff;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:3rem;
    z-index:999;
    box-shadow:0 10px 25px rgba(0,0,0,.25);
    transition:.3s;
}

.whatsapp:hover{
    transform:scale(1.1);
}

/*=========================================
        BACK TO TOP
=========================================*/

#topBtn{
    position:fixed;
    right:25px;
    bottom:100px;

    width:60px;
    height:60px;

    display:flex;
    justify-content:center;
    align-items:center;

    border:none;
    border-radius:50%;

    background:#ff9800;
    color:#fff;

    font-size:22px;
    cursor:pointer;

    box-shadow:0 8px 20px rgba(0,0,0,.3);

    z-index:99999;

    opacity:0;
    visibility:hidden;

    transition:.3s;
}

#topBtn.show{
    opacity:1;
    visibility:visible;
}
#topBtn:hover{
    background:var(--primary);
    transform:translateY(-5px);
}

/*=========================================
        SCROLLBAR
=========================================*/

::-webkit-scrollbar{
    width:10px;
}

::-webkit-scrollbar-track{
    background:#f1f1f1;
}

::-webkit-scrollbar-thumb{
    background:var(--primary);
    border-radius:10px;
}

::-webkit-scrollbar-thumb:hover{
    background:#086124;
}

/*=========================================
        TEXT SELECTION
=========================================*/

::selection{
    background:var(--secondary);
    color:#fff;
}

/*==============================
        SHOPPING CART ICON
==============================*/

.cart-icon{
    position:relative;
    margin-left:25px;
    cursor:pointer;
    font-size:24px;
    color:#fff;
    transition:.3s;
    z-index:1002;
    border:0;
    background:transparent;
    padding:6px;
}

.cart-icon:hover{
    color:#FFD54F;
}

#cartCount{
    position:absolute;
    top:-8px;
    right:-10px;
    min-width:22px;
    height:22px;
    padding:0 5px;
    background:#ff5722;
    color:#fff;
    border-radius:50%;
    display:flex;
    justify-content:center;
    align-items:center;
    font-size:12px;
    font-weight:600;
    transition:transform .2s;
}

#cartCount.pulse{
    transform:scale(1.3);
}

/*==============================
        SHOPPING CART SIDEBAR
==============================*/

#cartOverlay{
    position:fixed;
    inset:0;
    background:rgba(0,0,0,0.5);
    opacity:0;
    visibility:hidden;
    transition:.3s;
    z-index:1000;
}

#cartOverlay.active{
    opacity:1;
    visibility:visible;
}

.cart-sidebar{
    position:fixed;
    top:0;
    right:0;
    width:380px;
    max-width:100%;
    height:100vh;
    background:#fff;
    box-shadow:-8px 0 30px rgba(0,0,0,0.15);
    transform:translateX(100%);
    transition:transform .35s ease;
    z-index:1001;
    display:flex;
    flex-direction:column;
}

.cart-sidebar.active{
    transform:translateX(0);
}

.cart-header{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:20px 24px;
    background:var(--primary);
    color:#fff;
    flex-shrink:0;
}

.cart-header h2{
    font-size:2rem;
    font-weight:600;
    display:flex;
    align-items:center;
    gap:10px;
}

.cart-header button{
    background:none;
    border:none;
    color:#fff;
    font-size:3rem;
    line-height:1;
    cursor:pointer;
    padding:0 4px;
    transition:.2s;
}

.cart-header button:hover{
    color:#FFD54F;
}

.cart-items{
    flex:1;
    overflow-y:auto;
    padding:16px 20px;
}

.cart-empty{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
    padding:60px 20px;
    color:#888;
}

.cart-empty i{
    font-size:5rem;
    color:#ddd;
    margin-bottom:16px;
}

.cart-empty p{
    font-size:1.6rem;
    line-height:1.6;
}

.cart-item{
    display:flex;
    align-items:flex-start;
    justify-content:space-between;
    gap:12px;
    padding:16px 0;
    border-bottom:1px solid #eee;
}

.cart-item-info{
    flex:1;
}

.cart-item-info h4{
    font-size:1.6rem;
    color:var(--dark);
    margin-bottom:4px;
}

.cart-item-info .cart-item-meta{
    font-size:1.3rem;
    color:#888;
}

.cart-item-info .cart-item-subtotal{
    font-size:1.4rem;
    font-weight:600;
    color:var(--primary);
    margin-top:6px;
}

.cart-item-controls{
    display:flex;
    flex-direction:column;
    align-items:flex-end;
    gap:10px;
}

.cart-qty{
    display:flex;
    align-items:center;
    gap:8px;
    background:#f5f5f5;
    border-radius:8px;
    padding:4px;
}

.cart-qty button{
    width:28px;
    height:28px;
    border:none;
    background:#fff;
    border-radius:6px;
    cursor:pointer;
    font-size:1.6rem;
    font-weight:600;
    color:var(--primary);
    transition:.2s;
    display:flex;
    align-items:center;
    justify-content:center;
}

.cart-qty button:hover{
    background:var(--primary);
    color:#fff;
}

.cart-qty span{
    min-width:24px;
    text-align:center;
    font-size:1.5rem;
    font-weight:600;
}

.cart-remove{
    background:none;
    border:none;
    color:#e53935;
    cursor:pointer;
    font-size:1.4rem;
    padding:4px;
    transition:.2s;
}

.cart-remove:hover{
    color:#b71c1c;
}

.cart-footer{
    padding:20px 24px;
    border-top:1px solid #eee;
    background:#fafafa;
    flex-shrink:0;
}

.cart-total-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    margin-bottom:16px;
}

.cart-total-row span{
    font-size:1.6rem;
    color:#666;
}

.cart-total-row h3{
    font-size:2.4rem;
    color:var(--primary);
}

.cart-bonus{ margin:0 0 14px; padding:12px; border-radius:10px; background:#eff9f1; color:#216b36; font-size:1.35rem; line-height:1.5; }
.cart-bonus i{ color:var(--secondary); margin-right:5px; }

.cart-footer .btn{
    width:100%;
    margin-bottom:10px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-size:1.5rem;
}

.cart-footer .btn:last-child{
    margin-bottom:0;
}

.clear-cart{
    width:100%;
    margin:0 0 12px;
    padding:8px;
    border:0;
    background:transparent;
    color:#777;
    cursor:pointer;
    font-size:1.4rem;
    text-decoration:underline;
}

.clear-cart:hover:not(:disabled){
    color:#e53935;
}

.clear-cart:disabled{
    cursor:not-allowed;
    opacity:.45;
}

.checkout-whatsapp{
    background:#25D366;
    color:#fff;
}

.checkout-whatsapp:hover:not(:disabled){
    background:#1da851;
}

.checkout-contact{
    background:var(--primary);
    color:#fff;
}

.checkout-contact:hover:not(:disabled){
    background:#086124;
}

.cart-footer .btn:disabled{
    opacity:0.5;
    cursor:not-allowed;
}

/*==============================
        CART TOAST
==============================*/

.cart-toast{
    position:fixed;
    top:90px;
    right:24px;
    background:var(--primary);
    color:#fff;
    padding:14px 22px;
    border-radius:8px;
    font-size:1.5rem;
    font-weight:500;
    box-shadow:0 6px 20px rgba(0,0,0,0.2);
    transform:translateX(calc(100% + 40px));
    transition:transform .35s ease;
    z-index:1003;
    display:flex;
    align-items:center;
    gap:10px;
}

.cart-toast.show{
    transform:translateX(0);
}

.cart-toast i{
    font-size:1.8rem;
}

/* V5 full-screen product slider */
.hero{min-height:100svh;padding:0;background:#07361c;isolation:isolate;}
.hero-slider{position:absolute;inset:0;}
.hero-slide{position:absolute;inset:0;display:flex;align-items:center;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .8s ease;background:linear-gradient(118deg,#063416 0%,#0b7a2f 54%,#0f9b3c 100%);}
.hero-slide.active{opacity:1;pointer-events:auto;}
.hero-slide::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,26,10,.78) 0%,rgba(0,36,15,.47) 48%,rgba(0,38,13,.1) 100%),url("../images/hero-bg.jpg") center/cover;mix-blend-mode:soft-light;opacity:.78;}
.hero-slide--orange{background:linear-gradient(118deg,#5e2600 0%,#d76300 54%,#ff9e00 100%);}.hero-slide--tamarind{background:linear-gradient(118deg,#301405 0%,#724119 55%,#b77924 100%);}
.hero-slide__splash{position:absolute;width:72vw;height:72vw;max-width:900px;max-height:900px;right:-14vw;top:50%;border-radius:45% 55% 58% 42% / 54% 39% 61% 46%;background:radial-gradient(circle at 35% 35%,rgba(255,239,98,.97),rgba(255,151,0,.86) 46%,rgba(218,85,0,.38) 72%,transparent 73%);filter:blur(1px);transform:translateY(-50%) rotate(18deg);opacity:.9;animation:juicePulse 7s ease-in-out infinite;}
.hero-slide--orange .hero-slide__splash{background:radial-gradient(circle at 35% 35%,#fff3a4,#ff9e00 47%,rgba(222,79,0,.38) 72%,transparent 73%);}.hero-slide--tamarind .hero-slide__splash{background:radial-gradient(circle at 35% 35%,#f2c263,#a55a17 48%,rgba(69,24,2,.42) 72%,transparent 73%);}
.hero-slide__bottle{position:absolute;z-index:2;width:clamp(260px,28vw,465px);max-height:70vh;object-fit:contain;right:14%;top:50%;filter:drop-shadow(0 26px 28px rgba(0,0,0,.34));transform:translateY(-46%) rotate(5deg) scale(.92);opacity:0;transition:transform .9s cubic-bezier(.2,.8,.2,1) .12s,opacity .55s ease .12s;}.hero-slide.active .hero-slide__bottle{transform:translateY(-50%) rotate(-4deg) scale(1);opacity:1;}
.hero-fruits{position:absolute;z-index:3;right:7%;top:13%;width:clamp(130px,16vw,250px);height:clamp(130px,16vw,250px);opacity:0;transform:translateY(28px) rotate(12deg);transition:opacity .7s ease .35s,transform .9s ease .35s;pointer-events:none;}.hero-fruit{position:absolute;display:block;line-height:1;filter:drop-shadow(0 13px 18px rgba(0,0,0,.26));font-family:"Segoe UI Emoji","Apple Color Emoji",sans-serif;}.hero-fruit--large{right:0;top:0;font-size:clamp(70px,9vw,150px);}.hero-fruit--small{left:0;bottom:8%;font-size:clamp(38px,5vw,82px);}.hero-fruits--mango .hero-fruit--large{transform:rotate(18deg);}.hero-fruits--orange .hero-fruit--large{transform:rotate(-10deg);}.hero-fruits--tamarind{top:auto;bottom:15%;}.hero-fruits--tamarind .hero-fruit--large{transform:rotate(-22deg);}.hero-slide.active .hero-fruits{opacity:1;transform:translateY(0) rotate(0);animation:heroFloat 4s ease-in-out .8s infinite;}
.hero .hero-content{position:relative;z-index:4;width:100%;max-width:1300px;padding:100px 0 70px;opacity:0;transform:translateY(28px);transition:opacity .6s ease .18s,transform .75s ease .18s;animation:none;}.hero-slide.active .hero-content{opacity:1;transform:translateY(0);}.hero .subtitle{display:inline-flex;padding:7px 13px;border:1px solid rgba(255,255,255,.35);border-radius:50px;background:rgba(255,255,255,.1);backdrop-filter:blur(7px);color:#fff6be;font-size:1.25rem;letter-spacing:1.5px;}.hero-slide__eyebrow{margin:21px 0 -9px!important;color:#fff0a2!important;font-size:1.55rem!important;font-weight:600;letter-spacing:.8px;text-transform:uppercase;}.hero .hero-content h1{max-width:600px;margin:9px 0 18px;font-size:clamp(5.4rem,8vw,10rem);letter-spacing:-3px;text-shadow:0 6px 24px rgba(0,0,0,.18);}.hero .hero-content p{max-width:535px;font-size:1.75rem;line-height:1.75;}.hero .hero-buttons{gap:14px;}.hero .hero-buttons .btn{box-shadow:0 13px 30px rgba(0,0,0,.25);}.hero .hero-buttons .btn i{margin-left:7px;}
.hero-slider__controls{position:absolute;z-index:7;bottom:34px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:15px;}.hero-slider__dots{display:flex;gap:9px;}.hero-slider__dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.45);cursor:pointer;transition:.25s;}.hero-slider__dots button.active{width:32px;border-radius:8px;background:#fff;}.hero-slider__arrow{width:39px;height:39px;border:1px solid rgba(255,255,255,.4);border-radius:50%;background:rgba(0,0,0,.14);color:#fff;cursor:pointer;transition:.25s;}.hero-slider__arrow:hover{background:#fff;color:var(--primary);}.hero .scroll-down{z-index:7;bottom:34px;left:auto;right:6%;transform:none;}
.hero-tamarind-pod{position:absolute;display:block;height:27%;border-radius:55% 45% 46% 54% / 65% 39% 61% 35%;background:linear-gradient(180deg,#d49a57 0%,#95521f 48%,#552509 100%);box-shadow:inset 0 3px 2px rgba(255,230,158,.35),inset 0 -4px 6px rgba(49,18,0,.38),0 12px 17px rgba(0,0,0,.24);}.hero-tamarind-pod::before{content:"";position:absolute;inset:21% 8%;border-top:2px solid rgba(255,222,151,.32);border-bottom:2px solid rgba(53,21,2,.36);border-radius:50%;}.hero-tamarind-pod--large{width:86%;right:0;top:16%;transform:rotate(-25deg);}.hero-tamarind-pod--small{width:50%;left:0;bottom:11%;transform:rotate(18deg);}.hero-tamarind-leaf{position:absolute;width:31%;height:14%;left:3%;top:4%;border-radius:100% 0 100% 0;background:linear-gradient(135deg,#d8ef8f,#3a8b32);transform:rotate(-33deg);filter:drop-shadow(0 6px 7px rgba(0,0,0,.2));}
@keyframes juicePulse{50%{transform:translateY(-50%) rotate(31deg) scale(1.06);}}@keyframes heroFloat{50%{transform:translateY(-17px) rotate(7deg);}}
@media (max-width:768px){.hero-slide::before{background:linear-gradient(180deg,rgba(0,25,8,.45),rgba(0,28,9,.72)),url("../images/hero-bg.jpg") center/cover;}.hero .hero-content{padding:125px 24px 145px;text-align:center;}.hero .hero-content h1,.hero .hero-content p{margin-left:auto;margin-right:auto;}.hero .hero-buttons{justify-content:center;}.hero-slide__splash{width:115vw;height:115vw;right:-39vw;top:31%;opacity:.5;}.hero-slide__bottle{width:clamp(180px,43vw,290px);right:50%;top:66%;transform:translate(50%,-42%) rotate(5deg) scale(.92);opacity:.35;}.hero-slide.active .hero-slide__bottle{transform:translate(50%,-50%) rotate(-3deg) scale(1);opacity:.42;}.hero-fruits{display:none;}}
@media (prefers-reduced-motion:reduce){.hero-slide,.hero-slide__bottle,.hero-fruits,.hero .hero-content{transition:none!important;}.hero-slide__splash,.hero-slide.active .hero-fruits,.product-fruit-accent,.product-image::before{animation:none!important;}}