/*! © SidCorp. Commercial theme owned by SidCorp. Not for sale and not licensed to anyone. Used only by SidCorp to build websites for its clients.
Giao diện thương mại của SidCorp. Không bán, không cấp license. Chỉ dùng để SidCorp làm website cho khách hàng.
Copying, downloading or reusing this theme without written consent from SidCorp is not permitted. */
@keyframes fadeIn{to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes marquee{to{transform:translateX(-50%)}}.header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 4%;position:fixed;top:0;left:0;width:100%;z-index:1000;transition:padding .3s ease,background .3s ease}.header.scrolled{padding:.9rem 4%;background:rgba(0,0,0,.25);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.logo,.nav{display:flex;gap:.5rem}.logo{align-items:center;font-weight:700;font-size:1.4rem;font-family:var(--font-heading)}.nav{background:var(--glass-bg);padding:.4rem;border-radius:100px;border:1px solid var(--glass-border)}.nav.glass{position:relative;background:var(--glass-bg-strong);border:1px solid var(--glass-border-strong);box-shadow:0 8px 32px rgba(0,0,0,.1),inset 0 0 0 1px rgba(255,255,255,.1);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.contact-btn,.nav-item{border-radius:100px;font-size:.85rem;transition:all .3s ease}.nav-item{font-family:var(--font-alt);color:var(--muted-color);text-decoration:none;font-weight:500;padding:.5rem 1.2rem;white-space:nowrap}.nav-item.active,.nav-item:hover{background:var(--pink);color:var(--ink)}.contact-btn{background:rgba(0,0,0,.5);color:#fff;border:0;padding:.9rem 2rem;font-weight:600;cursor:pointer}.contact-btn:hover{background:rgba(0,0,0,.7);transform:translateY(-2px)}.nav-toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;border-radius:50%;background:var(--glass-bg-strong);border:1px solid var(--glass-border-strong);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;margin:0 auto;background:#fff;transition:transform .3s ease,opacity .3s ease}.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.open span:nth-child(2){opacity:0}.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.hero,.hero-content{display:flex;position:relative}.hero{min-height:100vh;align-items:center;justify-content:center;padding:5rem 4%0;overflow:hidden}.hero-content{justify-content:space-between;align-items:stretch;width:100%;height:100%}.main-title,.side-title{font-family:var(--font-heading);font-size:clamp(5rem,10vw,12rem);line-height:.8;font-weight:400;white-space:nowrap;color:#fff}.outline{color:var(--text-color);outline:0!important}.leaves-container{position:absolute;inset:0;z-index:-1;transition:transform .1s ease-out}.card img,.leaf,.leaves-container{pointer-events:none}.leaf{position:absolute;width:60px;height:60px;z-index:-1;filter:drop-shadow(0 5px 15px rgba(0,0,0,.2))}.l1{top:10%;left:15%}.l2{top:40%;left:80%;width:140px;height:140px;opacity:.4}.l3{top:70%;left:75%;width:80px;height:80px}.l4{top:85%;left:20%;width:120px;height:120px;opacity:.3}.hero-left{display:flex;flex-direction:column;height:100%;padding:6rem 0;gap:2rem;z-index:100}.description{color:var(--muted-color);font-size:1.1rem;line-height:1.6;max-width:400px}.primary-btn{display:flex;align-items:center;gap:1.5rem;background:rgba(0,0,0,.5);color:#fff;border:0;padding:.4rem .4rem .4rem 1.5rem;border-radius:100px;font-weight:700;cursor:pointer;width:fit-content;transition:all .3s ease}.primary-btn:hover{background:rgba(0,0,0,.7);transform:translateY(-3px)}.plus-icon{background:var(--pink);color:var(--ink);width:38px;height:38px;justify-content:center;border-radius:50%;font-size:1.4rem;font-weight:900;line-height:1;padding-bottom:2px}.award-badge,.award-icon,.plus-icon{display:flex;align-items:center}.award-badge{gap:1rem;margin-top:auto}.award-icon{width:48px;height:48px;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;justify-content:center}.award-text{display:flex;flex-direction:column}.award-title{font-size:.7rem;letter-spacing:.1em;color:var(--muted-color)}.award-subtitle{font-size:.85rem;font-weight:600}.hero-center{display:flex;justify-content:center;align-items:center;position:absolute;inset:0;z-index:1;opacity:0;animation:fadeIn 1.5s ease-out .3s forwards,float 6s ease-in-out infinite;pointer-events:none;background:radial-gradient(circle at center,rgba(16,185,129,.1)0,transparent 70%)}.main-product-3d{width:80vw;height:80vh;outline:0;--progress-bar-color:transparent;--poster-color:transparent;pointer-events:none}.main-product-3d[camera-controls]{pointer-events:auto}.berries-container,.berries-container-bg{position:absolute;inset:0;pointer-events:none;transition:transform .1s ease-out}.berries-container{z-index:110}.berries-container-bg{z-index:0}.berry{position:absolute;width:120px;height:120px;outline:0;--progress-bar-color:transparent;filter:drop-shadow(0 10px 20px rgba(0,0,0,.3));transition:transform .8s cubic-bezier(.2,.8,.2,1)}.berry.no-animation{animation:none!important}.b1{top:25%;left:30%;width:220px;height:220px}.b2{top:60%;left:42%;width:100px;height:100px}.b3{top:30%;left:62%;width:250px;height:250px}.b4{top:15%;left:48%;width:140px;height:140px}.b5{top:75%;left:20%;width:120px;height:120px}.b6{top:45%;left:75%;width:180px;height:180px}.b7{top:15%;left:40%;width:80px;height:80px;opacity:.7}.b8{top:50%;left:55%;width:70px;height:70px;opacity:.6}.b9{top:80%;left:35%;width:75px;height:75px;opacity:.7}.hero-right,.product-carousel{display:flex;flex-direction:column;align-items:flex-end}.hero-right{justify-content:space-between;text-align:right;height:100%;padding:6rem 0;z-index:100;width:450px;pointer-events:none}.product-carousel{gap:1.5rem;pointer-events:auto}.carousel-cards{display:flex;gap:1rem}.card,.card-info{display:flex;flex-direction:column}.card{border:1px solid var(--glass-border);padding:5rem 1rem 1rem;border-radius:28px;align-items:center;gap:1.5rem;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);width:135px;position:relative;backdrop-filter:blur(10px);text-align:center}.card:hover{background:rgba(255,255,255,.12);border-color:var(--glass-border-strong)}.card,.card.active{background:var(--glass-bg)}.card.active{border-color:var(--pink)}.card img{width:140px;height:auto;margin-top:-8rem;filter:drop-shadow(0 20px 35px rgba(0,0,0,.5));transition:transform .5s cubic-bezier(.34,1.56,.64,1)!important;display:block;will-change:transform}.card:hover img{transform:translateY(-30px) rotate(-12deg) scale(1.15)!important}.card-info{font-size:.7rem;width:100%;word-wrap:break-word}.card-info span:first-child{font-weight:600}.card-info span:last-child{color:var(--muted-color)}.carousel-nav{display:flex;gap:1rem}.nav-arrow{background:var(--glass-bg);border:1px solid var(--glass-border);color:#fff;width:36px;height:36px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .3s}.nav-arrow:hover{background:rgba(255,255,255,.1)}.side-title{align-self:flex-end;text-align:right}.glass-panel{background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:28px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:transform .4s ease,border-color .4s ease,background .4s ease}.ingredient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.ingredient-card{padding:2.2rem 1.6rem;text-align:left}.ingredient-card:hover{transform:translateY(-8px);border-color:var(--glass-border-strong);background:var(--glass-bg-strong)}.ingredient-icon{width:52px;height:52px;border-radius:14px;background:var(--pink);color:var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:1.4rem}.ingredient-card h3{font-size:1.15rem;font-weight:700;margin-bottom:.6rem}.eco-copy p,.flavor-panel .notes,.ingredient-card p{color:var(--muted-color);font-size:.92rem;line-height:1.6}.taste-grid{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.flavor-panel{display:flex;align-items:center;gap:2rem;padding:2.5rem}.flavor-panel img{width:120px;height:auto;flex-shrink:0;filter:drop-shadow(0 20px 35px rgba(0,0,0,.5))}.eco-copy h2,.flavor-panel h3{font-family:var(--font-heading);font-weight:400}.flavor-panel h3{font-size:2rem;margin-bottom:.6rem}.flavor-panel .notes{font-size:.95rem;margin-bottom:1.4rem}.taste-btn{background:var(--pink);color:var(--ink);border:0;padding:.7rem 1.6rem;border-radius:100px;font-weight:700;font-size:.85rem;cursor:pointer;transition:transform .3s ease,filter .3s ease}.taste-btn:hover{transform:translateY(-2px);filter:brightness(1.05)}.eco-wrap,.stat-grid{display:grid;grid-template-columns:1fr 1fr}.eco-wrap{gap:3rem;align-items:center}.eco-copy h2{font-size:clamp(2.2rem,5vw,3.5rem);line-height:1.05;margin-bottom:1.4rem}.eco-copy p{line-height:1.8;font-size:1.05rem}.stat-grid{gap:1.2rem}.stat-tile{padding:2rem 1.6rem;text-align:center}.stat-tile:hover{transform:translateY(-6px)}.cta-panel h2,.stat-num{font-family:var(--font-heading);font-weight:400}.stat-num{font-size:2.8rem;color:var(--pink);line-height:1}.stat-label{display:block;margin-top:.7rem;color:var(--muted-color);font-size:.85rem;line-height:1.4}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.review-card{padding:2rem;display:flex;flex-direction:column;gap:1.2rem}.review-card:hover{transform:translateY(-8px)}.stars{color:var(--pink);letter-spacing:2px;font-size:1rem}.review-card blockquote{font-size:1rem;line-height:1.7;color:#fff;flex:1}.reviewer,.reviewer .avatar{display:flex;align-items:center}.reviewer{gap:.9rem}.reviewer .avatar{width:44px;height:44px;border-radius:50%;background:var(--pink);color:var(--ink);justify-content:center;font-weight:700;flex-shrink:0}.reviewer .who{display:flex;flex-direction:column}.reviewer .who strong{font-size:.9rem}.reviewer .who span{font-size:.78rem;color:var(--muted-color)}.cta-panel{padding:4rem 3rem;text-align:center}.cta-panel h2{font-size:clamp(2.2rem,5vw,3.5rem);margin-bottom:1rem}.cta-panel p{color:var(--muted-color);max-width:480px;margin:0 auto 2rem;line-height:1.7}.newsletter-form{display:flex;gap:.6rem;max-width:440px;margin:0 auto}.newsletter-form input{flex:1;padding:.95rem 1.4rem;border-radius:100px;border:1px solid var(--glass-border-strong);background:rgba(0,0,0,.25);color:#fff;font-family:var(--font-main);font-size:.9rem;outline:0}.newsletter-form input::placeholder{color:rgba(255,255,255,.5)}.newsletter-form input:focus{border-color:var(--pink)}.newsletter-form button{background:var(--pink);color:var(--ink);border:0;padding:0 1.8rem;border-radius:100px;font-weight:700;cursor:pointer;white-space:nowrap;transition:transform .3s ease}.newsletter-form button:hover{transform:translateY(-2px)}.form-note{margin-top:1rem;font-size:.78rem;color:var(--muted-color);min-height:1em}.footer{position:relative;z-index:2;overflow:hidden;background:#04120e;border-top:1px solid var(--glass-border);padding:4.5rem 4%0}.footer-inner{position:relative;z-index:1;max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:2.2fr 1fr 1fr 1fr 1.1fr;gap:2rem}.footer .logo{margin-bottom:1.4rem;font-size:1.3rem}.footer-tagline{font-size:1.5rem;font-weight:700;line-height:1.25;max-width:300px;letter-spacing:-.01em}.footer-col h4{font-size:1rem;font-weight:700;color:#fff;margin-bottom:1.3rem}.footer-bottom,.footer-col a{display:flex;align-items:center;color:var(--muted-color)}.footer-col a{gap:.6rem;text-decoration:none;font-size:.92rem;margin-bottom:.9rem;transition:color .2s ease}.footer-col a:hover{color:var(--pink)}.social-link svg{flex-shrink:0;opacity:.85;transition:opacity .2s ease}.social-link:hover svg,.tilt-card:hover::after{opacity:1}.footer-bottom{position:relative;z-index:1;max-width:var(--maxw);margin:3rem auto 0;padding:1.5rem 0 2.2rem;border-top:1px solid rgba(255,255,255,.08);justify-content:space-between;font-size:.82rem}.footer-watermark{position:absolute;left:50%;bottom:-.18em;transform:translateX(-50%);width:100%;text-align:center;font-family:"Outfit",sans-serif;font-weight:900;font-size:clamp(5rem,20vw,18rem);line-height:.8;letter-spacing:.02em;color:rgba(255,255,255,.045);pointer-events:none;user-select:none;white-space:nowrap}.section{overflow:hidden}.cta-panel,.eco-copy,.eco-ledger,.ing-layout,.reviews-layout,.section-head,.taste-split{position:relative;z-index:1}.watermark{position:absolute;top:2.5rem;left:50%;transform:translateX(-50%);font-family:var(--font-heading);font-weight:400;font-size:clamp(7rem,20vw,18rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);white-space:nowrap;pointer-events:none;user-select:none;z-index:0}.section-decor,.tilt-card::after{position:absolute;inset:0;pointer-events:none}.section-decor{z-index:0}.decor-item{position:absolute;outline:0;--progress-bar-color:transparent;--poster-color:transparent;filter:drop-shadow(0 14px 26px rgba(0,0,0,.35));opacity:.85}.marquee{position:relative;z-index:2;overflow:hidden;padding:2.4rem 0;border-top:1px solid var(--glass-border);border-bottom:1px solid var(--glass-border);background:rgba(0,0,0,.12)}.marquee-track{display:flex;align-items:center;gap:2.5rem;width:max-content;animation:marquee 26s linear infinite}.marquee-track span{font-size:clamp(2rem,5vw,3.6rem);color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.55)}.marquee-track .mq-dot{-webkit-text-stroke:0;color:var(--pink);font-size:clamp(1rem,2.5vw,1.8rem)}.ingredient-card{overflow:hidden}.ing-num,.marquee-track span{font-family:var(--font-heading);line-height:1}.ing-num{position:absolute;top:1.2rem;right:1.4rem;font-size:1.6rem;color:rgba(255,255,255,.14)}.tilt-card{transition:transform .25s cubic-bezier(.2,.8,.2,1),border-color .4s ease,background .4s ease;transform-style:preserve-3d}.tilt-card::after{content:"";border-radius:inherit;background:radial-gradient(340px circle at var(--mx, 50%) var(--my, 50%),rgba(251,207,232,.16),transparent 60%);opacity:0;transition:opacity .35s ease}.review-card{overflow:hidden}.review-card::before{content:"“";position:absolute;top:-.8rem;right:1.2rem;font-family:var(--font-heading);font-size:5rem;line-height:1;color:rgba(251,207,232,.14);pointer-events:none}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}.decor-item{opacity:.6}}.section-sub.lead,.section-title.lead{text-align:left}.section-sub.lead{margin-left:0}.section-head.lead{text-align:left;max-width:640px;margin:0 auto 3rem 0}.ing-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(2rem,6vw,6rem);align-items:start}.ing-intro{position:sticky;top:7rem}.ing-intro .section-title.lead{font-size:clamp(3rem,6vw,5.5rem);line-height:.95;margin-top:.4rem}.ing-list{list-style:none}.ing-row{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:clamp(1rem,3vw,2rem);padding:2rem .5rem;border-bottom:1px solid var(--glass-border);transition:padding-left .45s cubic-bezier(.2,.8,.2,1),background .45s ease}.ing-row:first-child{border-top:1px solid var(--glass-border)}.ing-index{font-family:var(--font-heading);font-size:clamp(2.4rem,4vw,3.4rem);line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.35);transition:color .4s ease,-webkit-text-stroke .4s ease}.ing-body h3{font-size:1.4rem;font-weight:700;margin-bottom:.3rem}.ing-body p{color:var(--muted-color);font-size:.95rem;line-height:1.6;max-width:52ch}.ing-mark{color:var(--pink);opacity:.55;transition:opacity .4s ease,transform .4s ease}.ing-row:hover{padding-left:1.6rem;background:linear-gradient(90deg,rgba(251,207,232,.07),transparent 70%)}.ing-row:hover .ing-index{color:var(--pink);-webkit-text-stroke:1px transparent}.ing-row:hover .ing-mark{opacity:1;transform:scale(1.15)}.flavor-slab,.taste-split{display:flex;flex-direction:column}.taste-split{gap:1.2rem}.flavor-slab{position:relative;overflow:hidden;min-height:320px;border-radius:28px;border:1px solid var(--glass-border);justify-content:flex-end;padding:2.5rem}.flavor-slab.slab-green{background:linear-gradient(155deg,rgba(11,138,120,.5),rgba(1,20,17,.25))}.flavor-slab.slab-blue{background:linear-gradient(155deg,rgba(11,79,138,.5),rgba(1,12,20,.25))}.slab-index,.slab-info h3{font-family:var(--font-heading)}.slab-index{position:absolute;top:2rem;left:2.5rem;font-size:2.4rem;color:rgba(255,255,255,.28)}.flavor-slab img{position:absolute;top:50%;right:-8%;width:min(46%,250px);transform:translateY(-50%) rotate(8deg);filter:drop-shadow(0 30px 50px rgba(0,0,0,.5));transition:transform .6s cubic-bezier(.34,1.56,.64,1),right .6s ease;pointer-events:none}.slab-info{position:relative;z-index:1;max-width:65%}.slab-info h3{font-weight:400;font-size:clamp(2rem,3.5vw,3rem);margin-bottom:.6rem}.slab-info .notes{color:var(--muted-color);line-height:1.6;font-size:.95rem;margin-bottom:1.4rem}@media (min-width:769px){.taste-split{flex-direction:row;min-height:66vh}.flavor-slab{flex:1;transition:flex .6s cubic-bezier(.2,.8,.2,1)}.taste-split:hover .flavor-slab{flex:.8}.taste-split .flavor-slab:hover{flex:1.7}.slab-info .notes{max-height:0;opacity:0;overflow:hidden;margin-bottom:0;transition:max-height .5s ease,opacity .4s ease,margin .4s ease}.flavor-slab:hover .slab-info .notes{max-height:160px;opacity:1;margin-bottom:1.4rem}.flavor-slab:hover img{right:3%;transform:translateY(-52%) rotate(-4deg) scale(1.06)}}.eco-copy{max-width:640px;margin-bottom:clamp(2.5rem,6vw,4rem)}.eco-ledger{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,6vw,5rem);align-items:center}.eco-hero-num{display:block;font-family:var(--font-heading);font-weight:400;font-size:clamp(6rem,15vw,13rem);line-height:.82;color:var(--pink)}.eco-hero-label{display:block;margin-top:1.2rem;color:#fff;font-size:1.05rem;line-height:1.6;max-width:34ch;opacity:.9}.eco-rows{list-style:none}.eco-row{display:flex;align-items:baseline;justify-content:space-between;gap:1.5rem;padding:1.6rem 0;border-bottom:1px solid var(--glass-border)}.eco-row:first-child{border-top:1px solid var(--glass-border)}.eco-row-num{font-family:var(--font-heading);font-size:clamp(2.2rem,4vw,3.2rem);line-height:1;color:#fff}.eco-row-label{color:var(--muted-color);text-align:right;font-size:.95rem;max-width:18ch}.reviews-layout{display:grid;grid-template-columns:1.3fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}.review-hero{margin:0}.review-hero .stars{font-size:1.2rem}.review-hero blockquote{font-family:var(--font-heading);font-weight:400;font-size:clamp(1.8rem,3.4vw,3rem);line-height:1.15;margin:1.2rem 0 2rem}.reviews-head .section-title.lead{font-size:clamp(2.8rem,5vw,4.5rem);line-height:.95;margin-top:.5rem}.review-minis{list-style:none;margin-top:2rem;display:flex;flex-direction:column;gap:1.2rem}.review-mini{padding:1.4rem 1.6rem;border-left:2px solid rgba(251,207,232,.45);background:var(--glass-bg);border-radius:0 16px 16px 0;transition:background .3s ease,transform .3s ease}.review-mini:hover{background:var(--glass-bg-strong);transform:translateX(4px)}.review-mini p{font-size:.95rem;line-height:1.6;margin:.5rem 0}.mini-who{font-size:.8rem;color:var(--muted-color);font-weight:600}@media (max-width:1024px){.ingredient-grid{grid-template-columns:repeat(2,1fr)}.eco-wrap,.review-grid,.taste-grid{grid-template-columns:1fr}.main-product-3d{width:100vw;height:60vh}.footer-inner{grid-template-columns:1.6fr 1fr 1fr}.footer-brand{grid-column:1/-1}.ing-layout{grid-template-columns:1fr;gap:2.5rem}.ing-intro{position:static}.eco-ledger{gap:2.5rem}.eco-ledger,.reviews-layout{grid-template-columns:1fr}}@media (max-width:768px){.nav-toggle{display:flex}.nav{position:absolute;top:calc(100% + .6rem);right:4%;flex-direction:column;gap:.2rem;padding:.6rem;border-radius:20px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease}.nav.open{opacity:1;transform:translateY(0);pointer-events:auto}.nav-item{padding:.7rem 1.4rem}.contact-btn{display:none}.hero{min-height:auto;padding:8rem 6% 4rem}.hero-content{flex-direction:column;justify-content:flex-start;gap:3rem}.hero-left,.hero-right{padding:0;height:auto;width:100%;align-items:center;text-align:center}.description,.side-title{text-align:center}.side-title{align-self:center}.main-title,.side-title{font-size:clamp(3rem,14vw,5rem);white-space:normal}.main-product-3d{width:100vw;height:55vh}.b1{width:120px;height:120px}.b2{width:70px;height:70px}.b3{width:130px;height:130px}.b4{width:90px;height:90px}.b5{width:80px;height:80px}.b6{width:100px;height:100px}.b7,.b8,.b9{width:55px;height:55px}.footer-inner{grid-template-columns:1fr 1fr;gap:2rem 1.5rem}.footer-brand{grid-column:1/-1}.footer-bottom{gap:.6rem;text-align:center;padding-bottom:3rem}.footer-bottom,.newsletter-form{flex-direction:column}.newsletter-form button{padding:.9rem}.ingredient-grid,.stat-grid{grid-template-columns:1fr}.flavor-panel{flex-direction:column;text-align:center}.section{padding:5rem 5%}.section-decor{display:none}.watermark{font-size:clamp(5rem,30vw,9rem);opacity:.6}.tilt-card{transform:none!important}}