.hero{position:relative;z-index:1;padding:0;margin:0;background:#FAF7F2;overflow:hidden}
.hero-content{position:absolute;left:5%;top:50%;transform:translateY(-50%);z-index:10}
.hero-content h1{font-size:clamp(4.5rem,8vw,8.8rem);line-height:.92;font-weight:950;letter-spacing:-.055em;font-style:italic;color:var(--text);max-width:520px}
.hero-content h1 span{color:var(--accent)}
.hero-description{display:none}
.hero-cta-motion{display:inline-block;margin-top:34px}.hero-cta{display:inline-flex;align-items:center;gap:18px;padding:17px 20px 17px 30px;border-radius:999px;background:var(--accent);color:var(--text);font-weight:950;font-size:1.05rem;box-shadow:0 18px 34px rgba(182,125,0,.2);transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.hero-cta i{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.42);transition:.25s ease}
.hero-cta:hover{transform:translateY(-3px);background:var(--dark-yellow);box-shadow:0 24px 44px rgba(182,125,0,.26)}
.hero-cta:hover i{transform:translateX(3px);background:#fff}
.hero-picture,.hero-image{width:100%;height:auto;display:block;object-fit:contain}.hero-image,.hero-content h1,.hero-description,.hero-cta-motion,.offer-visual img,.offer-splash{will-change:transform}
.why-strip{position:relative;display:grid;grid-template-columns:repeat(5,1fr);min-height:220px;background:#F5C400;color:#111;border-top:1px solid rgba(17,17,17,.24);border-bottom:1px solid rgba(17,17,17,.24);overflow:hidden}
.why-strip:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(17,17,17,.16) .55px,transparent .75px);background-size:9px 9px;opacity:.22;pointer-events:none;mix-blend-mode:multiply}
.why-strip-track{display:contents}
.why-strip-col{position:relative;z-index:1;min-height:220px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px 24px}
.why-strip-col + .why-strip-col{border-left:1px solid rgba(17,17,17,.32)}
.why-strip-label + .why-strip-track .why-strip-col:first-child{border-left:1px solid rgba(17,17,17,.32)}
.why-strip-col i{font-size:2.8rem;line-height:1;margin-bottom:24px;color:#111;-webkit-text-stroke:.8px #111}
.why-strip-col h3{font-size:clamp(1.55rem,2.2vw,2.25rem);line-height:.96;font-weight:1000;letter-spacing:-.035em;margin-bottom:22px;color:#111}
.why-strip-col p{font-size:clamp(.98rem,1.3vw,1.18rem);line-height:1.36;font-weight:800;color:#111}
.why-strip-label{writing-mode:vertical-rl;text-orientation:mixed;letter-spacing:.08em;font-weight:1000;font-size:1.2rem}
.why-strip-label span:after{content:"";display:inline-block;width:42px;height:3px;background:#111;margin-top:18px;vertical-align:middle}
.showcase{background:var(--bg)}.showcase-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:44px}.showcase-strip article,.ingredient-grid article{padding:34px;min-height:230px}.showcase-strip article:nth-child(1){background:#fff}.showcase-strip article:nth-child(2){background:#eefce7}.showcase-strip article:nth-child(3){background:#fff4cb}.showcase-strip article:nth-child(4){background:#FFE27A}.showcase-strip i{font-size:2rem;color:var(--primary);margin-bottom:28px}.showcase-strip h3,.ingredient-grid h3{margin-bottom:14px}.flavors{background:#fff8ec}.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.flavor-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.8);border-radius:34px;background:#fff;box-shadow:var(--shadow);padding-bottom:28px;transition:.3s ease}.flavor-card .flavor-art{width:100%;transition:.5s;aspect-ratio:1.12;object-fit:cover}.flavor-card .can-mini{position:absolute;top:34px;left:50%;height:250px;width:auto;object-fit:contain;transform:translateX(-50%);filter:drop-shadow(0 24px 26px rgba(83,54,19,.22));transition:.4s ease}.flavor-card:hover{transform:translateY(-8px)}.flavor-card:hover .flavor-art{transform:scale(1.045)}.flavor-card:hover .can-mini{transform:translateX(-50%) translateY(-10px) rotate(2deg)}.flavor-card span{display:block;padding:24px 24px 6px;font-weight:950;font-size:1.45rem;letter-spacing:-.03em}.flavor-card small{display:block;padding:0 24px;color:var(--muted);font-size:1rem}.why{background:var(--bg)}.why-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:82px}.why-list{display:grid;gap:20px}.why-list div{display:grid;grid-template-columns:76px 1fr;gap:22px;border-top:1px solid var(--line);padding-top:30px}.why-list strong{color:var(--primary);font-size:2rem}.ingredient-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.ingredient-grid article:nth-child(1){background:#fff8d7}.ingredient-grid article:nth-child(2){background:#FFE27A}.ingredient-grid article:nth-child(3){background:#fff}.ingredient-grid article:nth-child(4){background:#e7fbf2}.review-swiper{overflow:hidden}.review-card p{font-size:1.35rem;color:var(--text)}.review-card span{display:block;color:var(--primary);margin-top:22px;font-weight:950}.brand-story{background:#fff}.editorial-grid{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:repeat(2,260px);gap:22px}.editorial-card{border-radius:34px;padding:34px;background:linear-gradient(135deg,#fff1cf,#fff);border:1px solid var(--line);box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:end}.editorial-card.tall{grid-row:span 2;background:linear-gradient(135deg,#FFE27A,#fff7df)}.editorial-card h3{font-size:clamp(2rem,4vw,4rem);line-height:.94;margin-bottom:16px}.faq-section{background:#fff8ec}.newsletter-box{border-radius:36px;padding:58px;background:linear-gradient(135deg,#FFE27A,#fff2c9);border:1px solid rgba(255,255,255,.8);display:grid;grid-template-columns:1fr .85fr;gap:30px;align-items:center;box-shadow:var(--shadow)}.newsletter-box form{display:flex;gap:12px}.newsletter-box input{flex:1;min-width:0}

.flavors{background:linear-gradient(180deg,#fff8ec 0%,#FAF7F2 100%);overflow:visible}
.shop-section-head{display:grid;justify-items:center;text-align:center;margin-bottom:26px}
.shop-section-head .eyebrow{margin-bottom:14px}
.shop-section-head h2{font-size:clamp(3.4rem,7vw,7rem);line-height:.9;letter-spacing:0}
.shop-section-head p{margin-top:18px;max-width:560px;color:#444;font-size:1.12rem;font-weight:700;line-height:1.55}
.flavor-filters{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-bottom:38px}
.flavor-filters button{border:1px solid rgba(17,17,17,.1);border-radius:999px;background:rgba(255,255,255,.72);color:#111;padding:12px 18px;font-size:.78rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em;cursor:pointer;transition:transform .28s ease,background .28s ease,box-shadow .28s ease,border-color .28s ease}
.flavor-filters button:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(61,45,24,.08)}
.flavor-filters button.active{background:#111;color:#fff;border-color:#111;box-shadow:0 14px 30px rgba(17,17,17,.16)}
.flavor-storefront{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;align-items:stretch;min-height:auto;overflow:visible}
.flavor-storefront.is-filtered{grid-template-columns:repeat(4,minmax(0,1fr));justify-content:stretch}
.flavor-secondary-stack{display:grid;gap:18px}
.flavor-card{appearance:none;border:1px solid rgba(17,17,17,.06);border-radius:32px;background:linear-gradient(180deg,var(--flavor-bg),#fff 78%);box-shadow:0 18px 48px rgba(61,45,24,.12);padding:20px 18px 24px;min-height:470px;display:flex;flex-direction:column;align-items:center;text-align:left;cursor:pointer;overflow:hidden;opacity:1;visibility:visible;transform:none;transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease,opacity .28s ease}
.flavor-card:before{content:"";position:absolute;inset:16px;border-radius:26px;background:radial-gradient(circle at 50% 25%,rgba(255,255,255,.75),rgba(255,255,255,0) 48%);pointer-events:none}
.flavor-card:hover,.flavor-card.active{transform:translateY(-10px);border-color:var(--flavor-accent);box-shadow:0 30px 74px rgba(61,45,24,.16),0 0 0 4px color-mix(in srgb,var(--flavor-accent) 20%,transparent)}
.flavor-card .fruit-mark{position:relative;z-index:1;align-self:flex-start;display:inline-flex;width:auto;padding:8px 13px;border-radius:999px;background:rgba(255,255,255,.56);color:#111;font-size:.76rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.image-wrapper{height:420px;display:flex;align-items:center;justify-content:center;padding-top:20px;margin:0 0 18px}
.flavor-can{position:relative;z-index:1;width:min(100%,260px);height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply;border-radius:22px;margin:0;filter:drop-shadow(0 22px 22px rgba(61,45,24,.18));transition:transform .42s cubic-bezier(.22,1,.36,1)}
.flavor-card:hover .flavor-can{transform:scale(1.05)}
.flavor-card .flavor-name{position:relative;z-index:1;display:block;width:100%;padding:0;margin-top:auto;color:#111;font-size:clamp(1.35rem,2vw,1.85rem);font-weight:1000;letter-spacing:-.045em;line-height:.95}
.flavor-card small{position:relative;z-index:1;display:block;width:100%;padding:10px 0 0;color:#666;font-size:1rem;font-weight:800;line-height:1.28}
.flavor-price{position:relative;z-index:1;display:block;width:100%;margin-top:16px;color:#111;font-size:1.05rem;font-weight:1000}
.flavor-card-actions{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
.flavor-featured{min-height:470px;padding:20px 18px 24px;background:linear-gradient(180deg,var(--flavor-bg),#fff 78%)}
.flavor-featured:before{inset:22px;border-radius:28px}
.flavor-featured .image-wrapper{height:410px;margin-bottom:22px}
.flavor-featured .flavor-can{width:min(100%,248px)}
.flavor-featured .flavor-name{font-size:clamp(1.5rem,1.8vw,1.95rem);line-height:1}
.flavor-featured small{max-width:none;font-size:.96rem}
.flavor-featured .flavor-price{font-size:1.05rem}
.flavor-featured .flavor-card-actions{grid-template-columns:1fr;gap:12px;margin-top:22px}
.flavor-secondary-stack .flavor-card{min-height:0;display:grid;grid-template-columns:128px 1fr;grid-template-rows:auto auto auto auto;column-gap:18px;align-items:center;padding:18px}
.flavor-secondary-stack .fruit-mark{grid-column:2;align-self:end}
.flavor-secondary-stack .image-wrapper{grid-column:1;grid-row:1 / span 4;width:128px;height:178px;padding-top:0;margin:0}
.flavor-secondary-stack .flavor-can{width:120px}
.flavor-secondary-stack .flavor-name{grid-column:2;font-size:1.55rem;margin-top:0}
.flavor-secondary-stack small{grid-column:2;padding-top:6px;font-size:.92rem}
.flavor-secondary-stack .flavor-price{grid-column:2;margin-top:8px}
.flavor-secondary-stack .flavor-card-actions{grid-column:1 / -1;grid-template-columns:1fr 1fr;margin-top:14px}
.flavor-card.is-hidden{display:none}
.flavor-cta-wrap{position:relative;z-index:4;display:flex;justify-content:center;clear:both;margin-top:64px;margin-bottom:80px;overflow:visible}
.flavor-cta-link{display:inline-flex;align-items:center;gap:12px;background:#F5C400;color:#111;padding:16px 36px;border-radius:9999px;font-weight:700;line-height:1;text-decoration:none;transition:transform .3s ease,box-shadow .3s ease}
.flavor-cta-link i{font-size:.95rem}
.flavor-cta-link:hover{transform:translateY(-3px) scale(1.03);box-shadow:0 16px 28px rgba(17,17,17,.16)}
.card-buy-now,.card-add-cart,.card-qty-control{width:100%;height:56px;border-radius:18px;font-weight:700;transition:all .3s ease;cursor:pointer}
.card-buy-now{display:inline-flex;align-items:center;justify-content:center;gap:10px;border:0;background:#F5C400;color:#111;box-shadow:0 12px 26px rgba(245,196,0,.2)}
.card-buy-now i{font-size:.92rem}
.card-buy-now:hover{transform:translateY(-2px) scale(1.02);background:#DDAA00;box-shadow:0 12px 30px rgba(245,196,0,.28)}
.card-buy-now:active{transform:scale(.98)}
.card-add-cart{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid #E5E5E5;background:#fff;color:#111}
.card-add-cart i{font-size:.95rem}
.card-add-cart:hover{transform:translateY(-1px);box-shadow:0 10px 20px rgba(0,0,0,.06);background:#fafafa}
.card-add-cart:active{transform:scale(.98)}
.card-qty-control{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;justify-items:center;height:56px;width:100%;border:1px solid #E5E5E5;border-radius:18px;background:#fff;padding:0 8px;animation:qtyReveal .28s ease both}
.minus-btn,.plus-btn,.qty-btn{width:40px;height:48px;display:flex;align-items:center;justify-content:center;border:0;border-radius:12px;background:#fff;color:#111;font-size:28px;font-weight:700;line-height:1;margin:0;padding:0;cursor:pointer;transition:background .2s ease,transform .2s ease;vertical-align:middle}
.card-qty-control button:hover{background:#f7f7f7}
.card-qty-control button:active{transform:scale(.95)}
.quantity-value,.qty-value{display:flex;align-items:center;justify-content:center;height:48px;min-width:40px;margin:0;padding:0;font-size:28px;font-weight:700;line-height:1;text-align:center;color:#111;font-variant-numeric:tabular-nums;transform:translateY(-2px);vertical-align:middle}
.flavor-detail-panel{margin-top:28px;border:1px solid rgba(17,17,17,.08);border-radius:34px;background:rgba(255,255,255,.78);box-shadow:0 24px 70px rgba(61,45,24,.12);padding:26px;display:grid;grid-template-columns:1.1fr .9fr auto;gap:28px;align-items:center}
.flavor-detail-panel h3{font-size:clamp(2rem,4vw,4.4rem);line-height:.92;margin:8px 0 12px;letter-spacing:-.06em}
.flavor-detail-panel p{color:#111;font-weight:800;max-width:540px}
.flavor-facts{display:grid;gap:8px}.flavor-facts span{color:var(--muted);font-weight:950;text-transform:uppercase;font-size:.75rem;letter-spacing:.12em}.flavor-facts strong{font-size:1rem;line-height:1.35}
.flavor-buybox{display:grid;grid-template-columns:auto auto;gap:12px;align-items:center;justify-content:end}.flavor-price{font-size:1.55rem;font-weight:1000}.flavor-qty{height:48px;display:flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:999px;background:#fff;padding:0 10px}.flavor-qty button{width:30px;height:30px;border:0;border-radius:50%;background:#fff4cb;color:#111;font-weight:1000;cursor:pointer}.flavor-qty span{min-width:18px;text-align:center;font-weight:1000}.buy-now{background:#111;color:#fff}.add-flavor-cart{background:#F5C400;color:#111}
@keyframes qtyReveal{from{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}

/* Limited offer banner (replaces old promotional section below flavors) */
.offer-banner{background:#F7F3ED}
.offer-banner.section-pad{padding:56px 0}
.offer-shell{width:100%;max-width:none;min-height:64vh;background:#F7F3ED;padding:36px clamp(80px,8vw,120px);display:grid;grid-template-columns:45fr 55fr;gap:52px;align-items:center;overflow:visible}
.offer-copy{display:grid;align-content:start}
.offer-badge{display:inline-flex;align-items:center;gap:10px;width:max-content;padding:10px 16px;border-radius:999px;background:#eee2ff;color:#6f32b1;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:.78rem}
.offer-copy h2{font-size:72px;line-height:.9;font-weight:1000;letter-spacing:-.045em;color:#111;margin-top:22px}
.offer-copy h2 span{display:block;color:#7B4BC6}
.offer-copy h3{margin-top:18px;font-size:clamp(1.55rem,2.25vw,2.15rem);line-height:1.2;letter-spacing:-.02em;color:#111;font-weight:850}
.offer-copy h3 .accent{color:#6f32b1}
.offer-copy p{margin-top:14px;max-width:680px;font-size:1.24rem;line-height:1.48;color:#2d2d2d}
.offer-timer{width:min(760px,100%);margin-top:24px;padding:16px 24px;border-radius:22px;background:rgba(236,227,251,.72);border:1px solid rgba(126,74,198,.22)}
.offer-timer strong{display:block;text-transform:uppercase;letter-spacing:.12em;color:#6f32b1;font-size:.84rem;font-weight:900}
.offer-timer-grid{margin-top:14px;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.offer-timer-grid div{position:relative;text-align:center}
.offer-timer-grid div + div:before{content:"";position:absolute;left:-4px;top:50%;width:1px;height:68%;background:rgba(111,50,177,.22);transform:translateY(-50%)}
.offer-timer-grid span{display:block;font-size:48px;line-height:.95;font-weight:900;color:#111}
.offer-timer-grid small{display:block;margin-top:5px;text-transform:uppercase;letter-spacing:.04em;color:#555;font-weight:800;font-size:13px}
.offer-expired{margin:14px 0 0;color:#6f32b1;font-size:1.2rem;font-weight:900;letter-spacing:.08em}
.offer-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.offer-buy,.offer-cart{height:56px;border-radius:16px;border:0;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:800;font-size:22px;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.offer-buy{background:#F5C400;color:#111;box-shadow:0 14px 30px rgba(245,196,0,.25)}
.offer-buy:hover{transform:translateY(-2px);background:#DDAA00;box-shadow:0 16px 32px rgba(245,196,0,.3)}
.offer-cart{background:#111;color:#fff}
.offer-cart:hover{transform:translateY(-2px);background:#000;box-shadow:0 12px 28px rgba(0,0,0,.24)}
.offer-features{display:grid;grid-template-columns:repeat(3,1fr);margin-top:16px;border:1px solid #e9dfd4;border-radius:20px;background:rgba(255,255,255,.65)}
.offer-features article{padding:14px 12px;display:flex;flex-direction:row;align-items:flex-start;gap:12px;align-content:start}
.offer-features article + article{border-left:1px solid #e9dfd4}
.offer-features i{width:36px;height:36px;flex:0 0 36px;border-radius:50%;display:grid;place-items:center;background:#efe4ff;color:#6f32b1;font-size:1rem}
.offer-feature-copy{min-width:0;display:block}
.offer-features h4{margin:0;font-size:18px;line-height:1.08;font-weight:700;letter-spacing:-.02em;color:#111}
.offer-features p{margin:6px 0 0;font-size:14px;line-height:1.5;color:#333;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none}
.offer-visual{position:relative;display:grid;place-items:center;min-height:56vh}
.offer-splash{position:absolute;width:min(620px,90%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(160,94,242,.44),rgba(160,94,242,.08) 52%,transparent 70%)}
.offer-visual img{position:relative;z-index:2;width:auto;max-width:min(646px,47.6vw);max-height:min(64vh,720px);object-fit:contain;transform:scale(1.1);transform-origin:center center;filter:drop-shadow(0 32px 34px rgba(87,47,140,.24))}

/* Homepage premium refinement */
.hero-content{left:6%;top:52%}
.hero-content h1{font-size:clamp(5.2rem,8.8vw,9.6rem);line-height:.88;letter-spacing:0;text-wrap:balance;text-shadow:0 8px 28px rgba(255,255,255,.3)}
.hero-cta-motion{margin-top:42px}
.hero-cta{min-width:214px;height:62px;padding:0 14px 0 32px;font-size:1.08rem;box-shadow:0 18px 42px rgba(187,139,0,.24),inset 0 1px 0 rgba(255,255,255,.45);transition:transform .32s cubic-bezier(.22,1,.36,1),background .32s ease,box-shadow .32s ease}
.hero-cta:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 26px 54px rgba(187,139,0,.28),inset 0 1px 0 rgba(255,255,255,.55)}

.why-strip{min-height:236px;box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -1px 0 rgba(17,17,17,.18)}
.why-strip:before{background-image:radial-gradient(rgba(17,17,17,.18) .45px,transparent .7px);background-size:8px 8px;opacity:.18}
.why-strip-col{min-height:236px;padding:34px 28px}
.why-strip-col i{width:58px;height:58px;display:grid;place-items:center;border:2px solid rgba(17,17,17,.86);border-radius:18px;font-size:1.75rem;margin-bottom:22px;background:rgba(255,255,255,.12);-webkit-text-stroke:0;box-shadow:inset 0 1px 0 rgba(255,255,255,.24)}
.why-strip-col h3{font-size:clamp(1.35rem,1.85vw,2rem);line-height:1.02;letter-spacing:0;margin-bottom:14px}
.why-strip-col p{max-width:220px;font-size:clamp(.9rem,1vw,1.02rem);line-height:1.42;font-weight:750}
.why-strip-label{font-size:1rem;letter-spacing:.06em}
.why-strip-label span:after{height:2px}

.flavors{padding-top:112px}
.flavors .section-head{margin-bottom:48px}
.flavors .section-head h2{letter-spacing:0;max-width:720px}
.flavor-grid{gap:28px}
.flavor-card{border-color:rgba(17,17,17,.08);border-radius:30px;box-shadow:0 18px 44px rgba(61,45,24,.1);padding:22px 20px 26px;transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .42s ease,box-shadow .42s ease}
.flavor-card:before{inset:18px;border-radius:24px;opacity:.78}
.flavor-card:hover,.flavor-card.active{transform:translateY(-7px);box-shadow:0 26px 64px rgba(61,45,24,.14),0 0 0 3px color-mix(in srgb,var(--flavor-accent) 18%,transparent)}
.flavor-card .fruit-mark{padding:8px 15px;font-size:.72rem;letter-spacing:.09em}
.image-wrapper{height:410px;margin-bottom:22px}
.flavor-can{width:min(100%,248px);filter:drop-shadow(0 24px 20px rgba(61,45,24,.15))}
.flavor-card .flavor-name{font-size:clamp(1.5rem,1.8vw,1.95rem);line-height:1;letter-spacing:0}
.flavor-card small{padding-top:9px;font-size:.96rem;font-weight:750}
.flavor-card-actions{margin-top:22px}
.card-buy-now,.card-add-cart,.card-qty-control{height:54px;border-radius:16px}
.card-buy-now{box-shadow:0 14px 28px rgba(245,196,0,.22),inset 0 1px 0 rgba(255,255,255,.36)}
.card-add-cart{box-shadow:0 8px 18px rgba(17,17,17,.04)}
.flavor-cta-wrap{margin-top:74px;margin-bottom:92px}
.flavor-cta-link{min-height:58px;padding:0 40px;font-weight:850;box-shadow:0 16px 34px rgba(245,196,0,.22),inset 0 1px 0 rgba(255,255,255,.38)}

.offer-banner.section-pad{padding:64px 0}
.offer-shell{min-height:58vh;padding:42px clamp(72px,7vw,112px);gap:58px}
.offer-copy h2{font-size:clamp(4.4rem,5.8vw,5.8rem);letter-spacing:0}
.offer-copy h3{max-width:760px;letter-spacing:0}
.offer-copy p{max-width:620px;line-height:1.58}
.offer-timer{margin-top:28px;border-radius:24px;background:rgba(255,255,255,.58);box-shadow:0 18px 44px rgba(92,48,128,.09)}
.offer-actions{max-width:720px;margin-top:22px}
.offer-buy,.offer-cart{height:58px;font-size:1.14rem}
.offer-features{max-width:820px;margin-top:20px;background:rgba(255,255,255,.74);box-shadow:0 18px 44px rgba(61,45,24,.08)}
.offer-features article{padding:16px 14px}
.offer-visual{min-height:54vh}
.offer-visual img{max-width:min(620px,45vw);max-height:min(60vh,680px)}

.product-story .why-grid{align-items:start}
.product-story h2{letter-spacing:0}
.why-list div{border-top-color:rgba(17,17,17,.12);padding-top:34px}
.why-list strong{color:#111;background:#F5C400;border-radius:999px;width:56px;height:56px;display:grid;place-items:center;font-size:1rem}
.why-list p{font-size:1.08rem;color:#333;font-weight:650}
.product-story{position:relative;background:linear-gradient(180deg,#FAF7F2 0%,#fff8ec 100%)}
.product-story .why-grid{grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:72px;align-items:center}
.story-copy{padding:28px 0;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:520px}
.story-copy h2{font-size:clamp(2.7rem,4vw,4.35rem);line-height:.98;font-weight:1000;letter-spacing:0;max-width:620px;text-transform:none}
.story-copy p{margin-top:24px;max-width:520px;color:#303030;font-size:1.15rem;line-height:1.62;font-weight:700}
.story-cta{margin-top:34px;display:inline-flex;align-items:center;gap:12px;min-height:54px;padding:0 24px;border-radius:999px;background:#111;color:#fff;font-weight:900;box-shadow:0 16px 36px rgba(17,17,17,.14);transition:transform .3s cubic-bezier(.22,1,.36,1),background .3s ease,box-shadow .3s ease}
.story-cta:hover{transform:translateY(-3px);background:#000;box-shadow:0 22px 44px rgba(17,17,17,.2)}
.story-panel{position:relative;border-radius:34px;background:linear-gradient(145deg,#fff 0%,#fff8df 100%);border:1px solid rgba(17,17,17,.06);box-shadow:0 24px 70px rgba(61,45,24,.12);padding:42px;overflow:hidden;display:grid;align-content:space-between;gap:26px;min-height:620px}
.story-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 34%,rgba(185,120,255,.22),transparent 37%),radial-gradient(circle at 80% 15%,rgba(245,196,0,.18),transparent 28%);pointer-events:none}
.story-visual{position:relative;z-index:1;display:grid;place-items:center;min-height:420px;overflow:visible;border-radius:28px}
.story-product-can{position:relative;z-index:4;width:min(78%,390px);height:auto;object-fit:contain;filter:drop-shadow(0 34px 32px rgba(70,35,105,.2));transform-origin:center}
.story-can-shadow{position:absolute;z-index:1;bottom:8px;left:50%;width:min(410px,72%);height:52px;border-radius:50%;background:radial-gradient(ellipse,rgba(38,24,14,.24),rgba(38,24,14,.07) 54%,transparent 72%);transform:translateX(-50%);filter:blur(5px)}
.story-product-line{position:relative;z-index:2;text-align:center;font-size:clamp(2rem,3.1vw,3.55rem);line-height:.92;font-weight:1000;letter-spacing:0;color:#111}
.energy-pulse{position:absolute;z-index:1;width:min(500px,82%);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(184,117,255,.36),rgba(184,117,255,.14) 48%,transparent 72%);filter:blur(.2px);opacity:.78}
.fruit-accent{position:absolute;z-index:2;border-radius:999px;background:#F5C400;box-shadow:0 14px 26px rgba(111,50,177,.12)}
.fruit-accent-one{left:12%;top:21%;width:56px;height:56px;background:linear-gradient(135deg,#B978FF,#F3E5FF)}
.fruit-accent-two{right:16%;top:28%;width:34px;height:34px;background:linear-gradient(135deg,#7b2fb8,#B978FF)}
.fruit-accent-three{right:19%;bottom:18%;width:74px;height:34px;background:linear-gradient(135deg,#F5C400,#FFE27A);transform:rotate(-16deg)}
.story-pills-wrap{position:relative;z-index:2;border-radius:26px;background:rgba(255,255,255,.72);border:1px solid rgba(17,17,17,.08);padding:22px;box-shadow:0 16px 44px rgba(61,45,24,.08)}
.story-pill-label{display:block;margin-bottom:14px;color:#111;font-size:.74rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}
.story-pills{display:flex;flex-wrap:wrap;gap:10px}
.story-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(17,17,17,.13);border-radius:999px;background:#fff;color:#111;padding:12px 16px;font-weight:850;line-height:1;box-shadow:0 8px 18px rgba(17,17,17,.04)}
.story-pill i{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:#F5C400;color:#111;font-size:.72rem}

.reviews{background:linear-gradient(180deg,#FAF7F2 0%,#fff8ec 100%)}
.review-swiper{padding:4px 0 18px}
.review-card{min-height:250px;padding:34px;border-radius:28px;background:rgba(255,255,255,.86);border:1px solid rgba(17,17,17,.07);box-shadow:0 18px 52px rgba(61,45,24,.1)}
.review-stars{color:#F5C400;font-size:.95rem;letter-spacing:.18em;margin-bottom:24px}
.review-card p{font-size:clamp(1.18rem,1.6vw,1.55rem);line-height:1.42;color:#111;font-weight:750}
.review-card span{display:flex;align-items:center;gap:10px;color:#111;margin-top:28px;font-weight:900}
.review-card span small{color:#666;font-weight:750}

.brand-story{background:linear-gradient(180deg,#fff 0%,#FAF7F2 100%)}
.editorial-grid{gap:26px}
.editorial-card{position:relative;overflow:hidden;border-radius:30px;padding:38px;background:linear-gradient(145deg,#fff,#fff8e2);box-shadow:0 20px 58px rgba(61,45,24,.1)}
.editorial-card:after{content:"";position:absolute;right:-40px;bottom:-70px;width:190px;height:190px;border-radius:50%;background:#F5C400;opacity:.16}
.editorial-card span{position:relative;z-index:1;width:max-content;margin-bottom:auto;color:#111;background:#F5C400;border-radius:999px;padding:8px 13px;font-size:.8rem;font-weight:950}
.editorial-card h3{position:relative;z-index:1;font-size:clamp(2.3rem,3.6vw,4.3rem);line-height:.96;letter-spacing:0}
.editorial-card p{position:relative;z-index:1;max-width:520px;color:#333;font-weight:650}

.faq-section{background:#fff8ec}
.faq details{border:1px solid rgba(17,17,17,.08);border-radius:22px;background:#fff;padding:0;margin-bottom:14px;box-shadow:0 12px 34px rgba(61,45,24,.07);overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}
.faq details:hover{transform:translateY(-2px);box-shadow:0 18px 44px rgba(61,45,24,.1)}
.faq summary{position:relative;list-style:none;padding:22px 58px 22px 24px;font-weight:900}
.faq summary::-webkit-details-marker{display:none}
.faq summary:after{content:"+";position:absolute;right:22px;top:50%;transform:translateY(-50%);width:30px;height:30px;border-radius:50%;background:#F5C400;display:grid;place-items:center;font-weight:950;transition:transform .28s ease}
.faq details[open] summary:after{transform:translateY(-50%) rotate(45deg)}
.faq details p{padding:0 24px 24px;color:#333;line-height:1.65}

.newsletter{background:#FAF7F2}
.newsletter-box{border-radius:32px;padding:54px;background:linear-gradient(135deg,#111 0%,#2a2104 52%,#F5C400 180%);box-shadow:0 26px 80px rgba(17,17,17,.18)}
.newsletter-box h2{color:#fff;letter-spacing:0}
.newsletter-box input{height:58px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.94)}
.newsletter-box .btn.primary{height:58px;background:#F5C400;color:#111;box-shadow:0 16px 34px rgba(245,196,0,.24)}
.newsletter-box .btn.primary:hover{background:#FFE27A}

/* Premium flavor storefront overrides */
.flavor-storefront .flavor-card{display:flex;opacity:1;visibility:visible;scale:1;border-color:rgba(17,17,17,.08);border-radius:30px;box-shadow:0 18px 44px rgba(61,45,24,.1);transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .42s ease,box-shadow .42s ease,opacity .28s ease}
.flavor-storefront .flavor-card:hover,.flavor-storefront .flavor-card.active{transform:translateY(-10px);border-color:var(--flavor-accent);box-shadow:0 30px 74px rgba(61,45,24,.16),0 0 0 3px color-mix(in srgb,var(--flavor-accent) 18%,transparent)}
.flavor-storefront .flavor-card:before{inset:18px;border-radius:24px;opacity:.78}
.flavor-featured{min-height:470px;padding:22px 20px 26px}
.flavor-featured .image-wrapper{height:410px;margin-bottom:22px}
.flavor-featured .flavor-can{width:min(100%,248px)}
.flavor-featured .flavor-name{font-size:clamp(1.5rem,1.8vw,1.95rem);line-height:1;letter-spacing:0}
.flavor-featured .flavor-card-actions{grid-template-columns:1fr;gap:12px}
.flavor-secondary-stack .flavor-card{min-height:0;display:grid;grid-template-columns:128px 1fr;grid-template-rows:auto auto auto auto;column-gap:18px;align-items:center;padding:18px}
.flavor-secondary-stack .fruit-mark{grid-column:2;align-self:end}
.flavor-secondary-stack .image-wrapper{grid-column:1;grid-row:1 / span 4;width:128px;height:178px;padding-top:0;margin:0}
.flavor-secondary-stack .flavor-can{width:120px;height:100%}
.flavor-secondary-stack .flavor-name{grid-column:2;font-size:1.55rem;margin-top:0}
.flavor-secondary-stack small{grid-column:2;padding-top:6px;font-size:.92rem}
.flavor-secondary-stack .flavor-price{grid-column:2;margin-top:8px}
.flavor-secondary-stack .flavor-card-actions{grid-column:1 / -1;grid-template-columns:1fr 1fr;margin-top:14px}
.flavor-storefront .card-buy-now,.flavor-storefront .card-add-cart,.flavor-storefront .card-qty-control{height:54px;border-radius:16px}
.flavor-card.is-hidden{display:none}

.quick-view{position:fixed;inset:0;z-index:15000;display:grid;place-items:center;background:rgba(17,17,17,.38);opacity:0;pointer-events:none;transition:opacity .25s ease}
.quick-view.open{opacity:1;pointer-events:auto}
.quick-card{position:relative;width:min(1080px,94vw);max-height:90vh;overflow:auto;border-radius:34px;background:#fff;border:1px solid rgba(255,255,255,.82);box-shadow:0 34px 100px rgba(17,17,17,.24);padding:42px}
.quick-close{position:absolute;right:20px;top:20px;width:44px;height:44px;border-radius:50%;z-index:2}
.quick-content{display:grid;grid-template-columns:.9fr 1.1fr;gap:42px;align-items:center}
.quick-media{display:grid;place-items:center;min-height:520px;border-radius:30px;background:radial-gradient(circle at 50% 35%,rgba(245,196,0,.24),transparent 44%),linear-gradient(180deg,#fff8ec,#fff)}
.quick-media img{height:min(62vh,560px);object-fit:contain;filter:drop-shadow(0 28px 26px rgba(61,45,24,.16))}
.quick-details{display:grid;gap:18px;align-content:center}
.quick-eyebrow{color:#F5C400;text-transform:uppercase;font-size:.74rem;font-weight:950;letter-spacing:.18em}
.quick-title{font-size:clamp(3.5rem,6vw,6rem);line-height:.92;letter-spacing:0;font-weight:1000}
.quick-description{max-width:56ch;color:#333;font-size:1.08rem;line-height:1.62;font-weight:650}
.quick-ingredients{display:grid;gap:6px;color:#111;font-weight:850}
.quick-ingredients span{color:#666;text-transform:uppercase;font-size:.72rem;letter-spacing:.14em}
.quick-price{font-size:2.7rem;font-weight:1000;color:#111;line-height:1}
.quick-qty{display:grid;grid-template-columns:54px 72px 54px;align-items:center;width:max-content;border:1px solid #E5E5E5;border-radius:999px;background:#fff;overflow:hidden}
.quick-qty button{height:52px;border:0;background:#fff;font-size:1.6rem;font-weight:900;cursor:pointer}
.quick-qty span{display:grid;place-items:center;height:52px;font-weight:1000;font-size:1.2rem;font-variant-numeric:tabular-nums}
.quick-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.quick-buy-now,.quick-add-cart{height:58px;border:0;border-radius:18px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-weight:900;cursor:pointer;transition:transform .3s ease,box-shadow .3s ease,background .3s ease}
.quick-buy-now{background:#F5C400;color:#111;box-shadow:0 16px 32px rgba(245,196,0,.24)}
.quick-add-cart{background:#111;color:#fff}
.quick-buy-now:hover,.quick-add-cart:hover{transform:translateY(-2px)}