.flavors-body{background:#fffaf3;color:#0b0c0a}
.flavors-page{max-width:1100px;overflow:hidden}
.menu-links a[aria-current="page"]{color:#ffad64}
.flavors-hero{background:#fffaf3;text-align:center;overflow:hidden}
.flavors-hero-copy{padding:51px 20px 0;position:relative;z-index:1}
.flavors-eyebrow,.detail-eyebrow{font:800 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.23em;margin:0}
.flavors-hero h1{font:900 clamp(63px,9vw,110px)/.89 Arial,Helvetica,sans-serif;letter-spacing:-.07em;margin:17px 0 15px}
.flavors-hero-copy>p:last-child{font:500 19px/1.35 Arial,Helvetica,sans-serif;letter-spacing:.1em;margin:0}
.flavors-hero-photo{height:480px;background:url('assets/konaya-flavor-pair.png') center 48%/cover no-repeat;margin-top:5px}
.flavors-jump{position:static;display:flex;justify-content:center;gap:14px;padding:0 20px 32px;background:#fffaf3;border:0;box-shadow:none;min-width:0}
.flavors-jump a{min-width:205px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:16px 24px;border:1px solid #0d3b29;border-radius:40px;color:#0d3b29;font:800 13px/1 Arial,Helvetica,sans-serif;letter-spacing:.13em;transition:background-color .2s,color .2s}
.flavors-jump a:hover{background:#0d3b29;color:#fff}
.flavors-jump span{font-size:19px;font-weight:400}
.flavor-detail{display:grid;grid-template-columns:52% 48%;min-height:540px;scroll-margin-top:12px}
.detail-photo{min-height:540px;background-image:url('assets/konaya-flavor-pair.png');background-size:200% 100%;background-repeat:no-repeat}
.yuzu-photo{background-position:left center}
.peach-photo{background-position:right center}
.flavor-yuzu{background:#fff0d6}
.flavor-peach{background:#ffe7e0}
.flavor-peach .detail-photo{order:2}
.detail-copy{align-self:center;padding:55px clamp(34px,5.2vw,75px)}
.detail-eyebrow{font-size:12px;letter-spacing:.18em;color:#89451d}
.flavor-peach .detail-eyebrow{color:#a95450}
.detail-copy h2{font:900 clamp(54px,7.2vw,91px)/.91 Arial,Helvetica,sans-serif;letter-spacing:-.07em;margin:18px 0 21px}
.detail-lead{font:italic 26px/1.2 Georgia,serif;margin:0 0 13px}
.detail-description{max-width:350px;font:18px/1.42 Georgia,serif;margin:0}
.detail-facts{display:flex;gap:25px;border-top:1px solid #153c2b60;margin-top:33px;padding-top:16px;color:#0d3b29;font:800 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.12em}
.detail-facts span+span{border-left:1px solid #153c2b60;padding-left:25px}
.detail-facts strong{font-size:26px;letter-spacing:-.06em}
@media(max-width:700px){
  .flavors-hero-copy{padding:31px 17px 0}
  .flavors-eyebrow{font-size:10px;letter-spacing:.18em}
  .flavors-hero h1{font-size:clamp(51px,13vw,83px);margin:13px 0 11px}
  .flavors-hero-copy>p:last-child{font-size:14px;letter-spacing:.05em}
  .flavors-hero-photo{height:53vw;min-height:190px;max-height:350px;background-position:center 51%;margin-top:10px}
  .flavors-jump{gap:8px;padding:0 15px 25px}
  .flavors-jump a{min-width:0;flex:1;padding:12px 13px;font-size:10px;letter-spacing:.07em;gap:4px}
  .flavors-jump span{font-size:15px}
  .flavor-detail{display:flex;flex-direction:column;min-height:0}
  .detail-photo{width:100%;height:100vw;max-height:650px;min-height:0;background-size:200% 100%}
  .flavor-peach .detail-photo{order:0}
  .detail-copy{padding:29px 28px 36px;width:100%}
  .detail-eyebrow{font-size:11px;letter-spacing:.15em}
  .detail-copy h2{font-size:clamp(53px,13.2vw,77px);margin:14px 0 13px}
  .detail-lead{font-size:23px;margin-bottom:9px}
  .detail-description{font-size:17px;line-height:1.38}
  .detail-facts{margin-top:23px;padding-top:14px;font-size:12px}
  .detail-facts strong{font-size:24px}
}
@media(prefers-reduced-motion:reduce){.flavors-jump a{transition:none}}

/* The approved opening composition and Yuzu Lemon story. */
.flavors-hero-copy{padding-top:37px}
.flavors-hero h1{font-size:clamp(49px,7.1vw,83px);line-height:.95;white-space:nowrap;letter-spacing:-.058em;margin:13px 0 9px}
.flavors-hero-copy>p:last-child{letter-spacing:.16em}
.flavors-hero-photo{height:min(46vw,495px);background-position:center 52%;margin-top:6px}
.flavor-yuzu{grid-template-columns:52% 48%;min-height:475px;background:#fff1d4}
.flavor-yuzu .detail-photo{min-height:475px;background-size:auto 100%;background-position:15% center}
.flavor-yuzu .detail-copy{padding:36px clamp(25px,3.6vw,55px) 36px 5px}
.flavor-yuzu .detail-eyebrow{color:#111;font-size:12px;letter-spacing:.2em}
.flavor-yuzu h2{font-size:clamp(47px,5vw,67px);white-space:nowrap;margin:17px 0 12px}
.flavor-yuzu .detail-lead{font-size:25px;margin:0}
.flavor-yuzu .detail-facts{width:max-content;max-width:100%;margin-top:19px;padding-top:13px;gap:20px;border-color:#345c494d}
.flavor-yuzu .detail-facts span{display:flex;flex-direction:column;align-items:center;min-width:75px;gap:4px}
.flavor-yuzu .detail-facts span+span{padding-left:20px;border-color:#345c494d}
.flavor-yuzu .detail-facts strong{font-size:33px;line-height:1}
.flavor-yuzu .detail-description{margin-top:20px;font-size:18px;line-height:1.35}
@media(max-width:700px){
  .flavors-hero-copy{padding:24px 12px 0}
  .flavors-eyebrow{font-size:10px;letter-spacing:.22em}
  .flavors-hero h1{font-size:clamp(28px,8vw,52px);margin:10px 0 6px;letter-spacing:-.055em}
  .flavors-hero-copy>p:last-child{font-size:14px;letter-spacing:.14em}
  .flavors-hero-photo{height:68vw;min-height:228px;max-height:470px;background-size:auto 100%;background-position:center center;margin-top:10px}
  .flavor-yuzu{display:grid;grid-template-columns:52% minmax(0,48%);min-height:350px}
  .flavor-yuzu .detail-photo{width:100%;height:100%;max-height:none;min-height:350px;background-size:auto 100%;background-position:15% center}
  .flavor-yuzu .detail-copy{width:auto;padding:20px 11px 20px 5px;align-self:center;min-width:0}
  .flavor-yuzu .detail-eyebrow{font-size:9px;line-height:1.25;letter-spacing:.1em}
  .flavor-yuzu h2{font-size:clamp(25px,6.9vw,45px);line-height:1.04;margin:10px 0 7px;white-space:nowrap}
  .flavor-yuzu .detail-lead{font-size:clamp(15px,3.6vw,20px);line-height:1.2}
  .flavor-yuzu .detail-facts{gap:9px;margin-top:14px;padding-top:10px;font-size:10px;letter-spacing:.08em}
  .flavor-yuzu .detail-facts span{min-width:55px;gap:2px}
  .flavor-yuzu .detail-facts span+span{padding-left:9px}
  .flavor-yuzu .detail-facts strong{font-size:26px}
  .flavor-yuzu .detail-description{margin-top:15px;font-size:14px;line-height:1.26}
}

/* Flavor page opening: one continuous scene, with the title in its clear sky. */
.flavors-hero{position:relative;min-height:clamp(565px,60vw,690px);background:#fff5e7 url('assets/flavors-hero-desktop.png') center center/cover no-repeat}
.flavors-hero-copy{position:relative;z-index:1;padding:31px 16px 0}
.flavors-eyebrow{font-size:13px;letter-spacing:.27em}
.flavors-hero h1{font-size:clamp(43px,6vw,75px);line-height:1;letter-spacing:-.053em;margin:10px 0 5px}
.flavors-hero-copy>p:last-child{font-size:18px;letter-spacing:.14em}
.flavors-hero-photo{position:absolute;inset:0;width:100%;height:100%;margin:0;background:none}
@media(max-width:700px){
  .flavors-hero{min-height:0;aspect-ratio:1122/1403;background-image:url('assets/flavors-hero-mobile.png');background-position:center center;background-size:cover}
  .flavors-hero-copy{padding:17px 10px 0}
  .flavors-eyebrow{font-size:10px;letter-spacing:.24em}
  .flavors-hero h1{font-size:clamp(30px,8.6vw,59px);margin:8px 0 4px;white-space:nowrap;letter-spacing:-.057em}
  .flavors-hero-copy>p:last-child{font-size:13px;letter-spacing:.12em}
}

/* Individual flavor panels follow the alternating product stories. */
.flavor-detail{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:620px;overflow:hidden}
.flavor-yuzu{background:#fff1d4 url('assets/flavors-yuzu-panel.png') center center/cover no-repeat}
.flavor-peach{background:#ffe5dc url('assets/flavors-peach-panel.png') center center/cover no-repeat}
.flavor-detail .detail-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:none;pointer-events:none}
.flavor-detail .detail-copy{position:relative;z-index:1;align-self:center;padding:32px clamp(30px,4vw,58px);max-width:100%;width:100%}
.flavor-yuzu .detail-copy{grid-column:2;padding-left:5%}
.flavor-peach .detail-copy{grid-column:1;padding-right:4%;padding-left:9%}
.flavor-detail .detail-eyebrow{font:800 13px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.2em;color:#10120d}
.flavor-detail h2{font:900 clamp(42px,5.4vw,72px)/.97 Arial,Helvetica,sans-serif;letter-spacing:-.055em;white-space:nowrap;margin:19px 0 14px}
.flavor-detail .detail-lead{font:italic clamp(22px,2.6vw,30px)/1.22 Georgia,serif;margin:0}
.flavor-detail .detail-facts{display:flex;width:max-content;max-width:100%;gap:30px;border-top:1px solid #153c2b66;padding-top:18px;margin-top:27px;color:#111;font:800 13px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.14em}
.flavor-detail .detail-facts span{display:flex;flex-direction:column;align-items:center;gap:5px;min-width:90px}
.flavor-detail .detail-facts span+span{padding-left:30px;border-left:1px solid #153c2b66}
.flavor-detail .detail-facts strong{font-size:37px;line-height:1;letter-spacing:-.05em}
.flavor-detail .detail-description{font:20px/1.37 Georgia,serif;max-width:370px;margin-top:28px}
@media(max-width:700px){
  .flavor-detail,.flavor-yuzu{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(365px,96vw,545px);background-position:center center}
  .flavor-detail .detail-photo,.flavor-yuzu .detail-photo{position:absolute;inset:0;width:100%;height:100%;min-height:0;background:none}
  .flavor-yuzu .detail-copy{grid-column:2;padding:18px 9px 18px 0}
  .flavor-peach .detail-copy{grid-column:1;padding:18px 0 18px 18px}
  .flavor-detail .detail-eyebrow{font-size:clamp(8px,2.15vw,11px);letter-spacing:.12em;line-height:1.35}
  .flavor-detail h2{font-size:clamp(24px,6.7vw,44px);line-height:1.02;letter-spacing:-.058em;margin:13px 0 11px}
  .flavor-detail .detail-lead{font-size:clamp(16px,4.2vw,24px);line-height:1.17}
  .flavor-detail .detail-facts{gap:10px;margin-top:19px;padding-top:13px;font-size:10px;letter-spacing:.1em}
  .flavor-detail .detail-facts span{min-width:56px;gap:3px}
  .flavor-detail .detail-facts span+span{padding-left:12px}
  .flavor-detail .detail-facts strong{font-size:28px}
  .flavor-detail .detail-description{font-size:clamp(13px,3.45vw,17px);line-height:1.28;margin-top:18px}
}

/* Give the photography and copy distinct surfaces so neither obscures the other. */
.flavor-detail,.flavor-yuzu{display:grid;grid-template-columns:54% 46%;min-height:595px;background-image:none}
.flavor-yuzu{background-color:#fff1d4}
.flavor-peach{background-color:#ffe6df;grid-template-columns:46% 54%}
.flavor-detail .detail-photo{position:relative;inset:auto;min-height:595px;height:100%;width:100%;pointer-events:none;background-repeat:no-repeat;background-size:auto 100%}
.flavor-yuzu .detail-photo{grid-column:1;grid-row:1;background-image:url('assets/flavors-yuzu-panel.png');background-position:left center}
.flavor-peach .detail-photo{grid-column:2;grid-row:1;order:0;background-image:url('assets/flavors-peach-panel.png');background-position:right center}
.flavor-yuzu .detail-copy{grid-column:2;grid-row:1;padding:40px clamp(26px,4vw,57px)}
.flavor-peach .detail-copy{grid-column:1;grid-row:1;padding:40px clamp(26px,4vw,57px)}
@media(max-width:700px){
  .flavor-detail,.flavor-yuzu,.flavor-peach{display:flex;flex-direction:column;min-height:0}
  .flavor-detail .detail-photo,.flavor-yuzu .detail-photo{position:relative;inset:auto;flex:none;width:100%;height:92vw;min-height:0;max-height:500px;background-size:auto 132%}
  .flavor-yuzu .detail-photo{background-position:0 center}
  .flavor-peach .detail-photo{order:0;background-position:100% center}
  .flavor-yuzu .detail-copy,.flavor-peach .detail-copy{width:100%;padding:32px 27px 38px}
  .flavor-detail .detail-eyebrow{font-size:11px;letter-spacing:.17em}
  .flavor-detail h2{font-size:clamp(46px,11.5vw,68px);margin:13px 0 10px}
  .flavor-detail .detail-lead{font-size:22px}
  .flavor-detail .detail-facts{margin-top:22px;padding-top:16px;gap:20px;font-size:12px}
  .flavor-detail .detail-facts span{min-width:72px}
  .flavor-detail .detail-facts span+span{padding-left:20px}
  .flavor-detail .detail-facts strong{font-size:32px}
  .flavor-detail .detail-description{font-size:17px;line-height:1.42;max-width:360px;margin-top:22px}
}

/* Dedicated high-resolution opening with crisp live text. */
.flavors-hero.flavors-sharp-opening{position:relative;display:block;min-height:0;aspect-ratio:auto;background:#fff5e7;padding:0;margin:0;container-type:inline-size}
.flavors-sharp-art{display:block;width:100%;height:auto;margin:0}
.flavors-sharp-copy{position:absolute;top:7%;left:2%;right:2%;text-align:center;color:#090a08}
.flavors-sharp-copy h1{font:900 clamp(25px,6.2cqw,68px)/1.02 Arial,Helvetica,sans-serif;letter-spacing:-.035em;white-space:normal;margin:0 0 10px}
.flavors-sharp-copy>p{font:700 clamp(14px,2.8cqw,26px)/1.3 Arial,Helvetica,sans-serif;letter-spacing:0;margin:0;color:#0d3b29}
@media(max-width:400px){.flavors-sharp-copy{top:6%}.flavors-sharp-copy h1{font-size:6.2cqw;margin-bottom:7px}.flavors-sharp-copy>p{font-size:3.7cqw}}

/* Exact approved Yuzu composition, including its original type placement. */
.flavor-detail.flavor-yuzu.yuzu-exact-reference{display:block;position:relative;min-height:0;padding:0;margin:0;background:#ffe6a2;overflow:hidden}
.yuzu-reference-frame{position:relative;width:100%;overflow:hidden}
.yuzu-reference-frame img{display:block;width:100%;height:auto;max-width:none;margin:0}

/* High-resolution approved White Peach composition. */
.flavor-detail.flavor-peach.peach-exact-reference{display:block;position:relative;min-height:0;padding:0;margin:0;background:#ffddd3;overflow:hidden}
.peach-reference-art{display:block;width:100%;height:auto;max-width:none;margin:0}

/* Approved ivory closing section with both jelly sticks. */
.flavors-daily-band{display:block;position:relative;padding:0;margin:0;background:#fff5e7}
.flavors-daily-band img{display:block;width:100%;height:auto;margin:0}

/* Small separation between hero copy and the flat-lay packaging. */
.flavors-hero.flavors-sharp-opening{padding-top:clamp(14px,3cqw,30px)}
.flavor-shopping-actions{padding:20px 6% 28px;text-align:center;color:#0d3b29}
.flavor-shopping-actions>p{font:700 clamp(16px,3cqw,25px)/1.4 Arial,Helvetica,sans-serif;margin:0 0 15px}
.flavor-shopping-actions>p span{margin:0 12px}
.flavor-shopping-actions>div{display:flex;gap:12px;justify-content:center;max-width:720px;margin:auto}
.flavor-shopping-actions button{flex:1;min-width:0;border:2px solid #0d3b29;border-radius:32px;min-height:48px;padding:15px 18px;font:700 clamp(11px,2.2cqw,18px)/1.2 Arial,Helvetica,sans-serif;letter-spacing:.07em;cursor:pointer}
.flavor-shopping-actions .product-add{background:#0d3b29;color:#fffaf3}
.flavor-shopping-actions .product-subscribe{background:transparent;color:#0d3b29;margin:0}
.flavor-shopping-actions button:hover{filter:brightness(.94)}
@media(max-width:500px){.flavor-shopping-actions{padding:17px 6% 24px}.flavor-shopping-actions>div{flex-direction:column;gap:10px}.flavor-shopping-actions button{flex:auto;width:100%;font-size:12px;min-height:46px}}

/* Compact actions within each flavor composition, matching the reference. */
.yuzu-exact-reference .flavor-shopping-actions,.peach-exact-reference .flavor-shopping-actions{position:absolute;left:6%;bottom:7%;width:35%;padding:0;text-align:left;z-index:2}
.flavor-shopping-actions>p{font-size:clamp(11px,2.4cqw,23px);font-weight:400;margin:0 0 1.7cqw;white-space:nowrap;color:#101b0d}
.flavor-shopping-actions>p span{margin:0 1cqw}
.flavor-shopping-actions>div{display:flex;flex-direction:column;gap:1.3cqw;width:100%;max-width:none}
.flavor-shopping-actions button{flex:none;width:100%;min-height:0;padding:1.8cqw 1.3cqw;border-width:1.5px;font-size:clamp(10px,2.1cqw,17px);letter-spacing:.12em;line-height:1.15;border-radius:40px}
.flavor-shopping-actions .product-subscribe{margin:0;background:transparent;font-size:clamp(9px,1.7cqw,15px);letter-spacing:.13em}
@media(max-width:500px){.yuzu-exact-reference .flavor-shopping-actions,.peach-exact-reference .flavor-shopping-actions{left:5%;bottom:6%;width:36%}.flavor-shopping-actions>p{font-size:11px;margin-bottom:8px}.flavor-shopping-actions>div{gap:6px}.flavor-shopping-actions button{min-height:30px;padding:8px 5px;font-size:10px;letter-spacing:.09em}.flavor-shopping-actions .product-subscribe{font-size:8px;letter-spacing:.1em}}