.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{display:inline-flex;align-items:center;gap:18px;margin-top:34px;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:.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}
.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}.story-image{margin-top:28px}.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%)}
.flavors .section-head{margin-bottom:34px}
.flavor-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;align-items:stretch}
.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;transition:transform .4s ease,border-color .4s ease,box-shadow .4s 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) scale(1.025);border-color:var(--flavor-accent);box-shadow:0 28px 70px rgba(61,45,24,.16),0 0 0 4px color-mix(in srgb,var(--flavor-accent) 24%,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}
.flavor-can{position:relative;z-index:1;width:min(100%,250px);height:300px;object-fit:cover;object-position:center;mix-blend-mode:multiply;border-radius:22px;margin:4px auto 18px;filter:drop-shadow(0 22px 22px rgba(61,45,24,.18));animation:canFloat 4.4s ease-in-out infinite}
.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-card-actions{position:relative;z-index:2;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:18px}
.card-add-cart,.card-buy-now,.card-qty-control{min-height:48px;border:0;border-radius:999px;font-weight:1000;cursor:pointer;transition:transform .28s ease,box-shadow .28s ease,background .28s ease}
.card-add-cart{background:#F5C400;color:#000}.card-buy-now{background:#111;color:#fff}.card-add-cart:hover,.card-buy-now:hover,.card-qty-control button:hover{transform:scale(1.04)}
.card-qty-control{grid-column:span 1;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#fff;border:1px solid rgba(17,17,17,.12);padding:6px;animation:qtyReveal .3s ease both}
.card-qty-control button{width:34px;height:34px;border:0;border-radius:50%;background:#F5C400;color:#000;font-weight:1000;cursor:pointer;transition:transform .25s ease}.card-qty-control span{min-width:18px;text-align:center;font-weight:1000;color:#111}
.flavor-detail-panel{margin-top:28px;border:1px solid rgba(17,17,17,.08);border-radius:34px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);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 canFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes qtyReveal{from{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}