.flavor-page .flavor-intro{padding-top:clamp(42px,5vw,68px);padding-bottom:28px;background:linear-gradient(128deg,#fffdf7 0%,#fff5dc 48%,#e8f7f4 100%)}
.flavor-page .flavor-intro-layout{display:grid;grid-template-columns:minmax(440px,.92fr) minmax(420px,1.08fr);align-items:center;gap:clamp(30px,5vw,72px)}
.flavor-page .flavor-intro h1{max-width:780px;font-size:clamp(46px,5.2vw,70px)}
.flavor-page .flavor-intro-copy>p{margin-top:14px;font-size:14px}
.flavor-page .flavor-intro-visual{height:268px;margin:0;overflow:hidden;background:#e9e2d4;border:4px solid #fff;border-radius:4px 28px 4px 4px;box-shadow:0 27px 64px rgba(53,64,61,.2)}
.flavor-page .flavor-intro-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.flavor-page .flavor-quick-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:900px;margin-top:22px}
.flavor-page .flavor-quick-guide>a{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;gap:4px 10px;min-height:76px;padding:13px 15px;border-radius:18px;box-shadow:0 12px 30px #234c7412}
.flavor-page .flavor-quick-guide>a>span{grid-column:1;grid-row:1;display:flex;align-items:center;gap:7px;font-size:10px;white-space:nowrap}
.flavor-page .flavor-quick-guide>a>span b{width:28px;height:28px}
.flavor-page .flavor-quick-guide>a>strong{grid-column:1;grid-row:2;font-size:clamp(15px,1.45vw,18px);line-height:1.18}
.flavor-page .flavor-quick-guide>a>em{grid-column:2;grid-row:1/3;justify-self:end;align-self:center;font-size:11px;white-space:nowrap}
.flavor-page .flavor-page-content{padding-top:34px}
.flavor-page .flavor-verification-status{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:12px;margin:12px 0 18px;padding:13px 15px;color:#17344a;background:linear-gradient(105deg,#fff8dc,#fffdf5);border:1px solid #e6c75f;border-left:4px solid #c99116;border-radius:14px;box-shadow:0 10px 26px #81631b12}
.flavor-page .flavor-verification-status>span{display:grid;place-items:center;width:38px;height:38px;color:#fff;background:#b87b10;border-radius:50%;font-size:15px;font-weight:950}
.flavor-page .flavor-verification-notice.checking>span{animation:flavor-verification-turn 1.6s linear infinite}
.flavor-page .flavor-verification-messages{display:grid;min-width:0}
.flavor-page .flavor-verification-messages>div{grid-area:1/1;display:grid;align-content:center;gap:2px;min-width:0}
.flavor-page .flavor-verification-messages>[aria-hidden=true]{visibility:hidden}
.flavor-page .flavor-verification-status strong{font-size:14px;line-height:1.35}
.flavor-page .flavor-verification-status small{color:#675b3d;font-size:12px;font-weight:700;line-height:1.5}
.flavor-page .flavor-verification-time{display:block;font-variant-numeric:tabular-nums}
.flavor-page .flavor-verification-status.ready{background:#f1f6ef;border-color:#ceddcf;border-left-color:#487453;box-shadow:none}
.flavor-page .flavor-verification-status.ready>span{background:#487453}
.flavor-page .flavor-verification-status.ready small{color:#52634f}
.flavor-page .flavor-verification-notice.error{background:linear-gradient(105deg,#fff0ee,#fffaf8);border-color:#e4aaa2;border-left-color:#b34f43}
.flavor-page .flavor-verification-notice.error>span{background:#a8473d}
@keyframes flavor-verification-turn{to{transform:rotate(360deg)}}
.flavor-page .flavor-page-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
@media(min-width:641px){.flavor-page .flavor-page-card{grid-template-rows:auto auto 1fr auto auto 52px}.flavor-page .flavor-page-card>.flavor-film-jump{grid-row:6;align-self:start}}
.flavor-boot-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.flavor-page-boot{min-height:calc(100svh - 200px)}
.flavor-boot-preview article{display:grid;align-content:space-between;gap:9px;min-height:236px;padding:20px;color:#fff;background:linear-gradient(135deg,#116d58,#248f74);border-radius:20px;box-shadow:0 14px 32px #173a311c}
.flavor-boot-preview article+article{background:linear-gradient(135deg,#c84259,#e86a76)}
.flavor-boot-preview small{color:#fff5b1;font-size:11px;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.flavor-boot-preview strong{max-width:560px;font-size:clamp(19px,2vw,27px);line-height:1.35;text-wrap:balance}
.flavor-boot-preview a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;color:var(--ink);background:#fff4aa;border-radius:999px;text-decoration:none;font-size:13px;font-weight:950}
.flavor-boot-refresh{display:flex;gap:9px;align-items:center;margin-top:12px;padding:10px 13px;color:var(--muted);background:#f7f3eb;border:1px solid var(--line);border-radius:999px;font-size:12px;font-weight:850}
.flavor-boot-refresh i{width:8px;height:8px;background:var(--family);border-radius:50%;animation:status-pulse 900ms ease-in-out infinite alternate}
.flavor-page-boot .flavor-boot-accuracy{margin-top:14px}
@media (width<=1020px){
  .flavor-page .flavor-intro-layout{grid-template-columns:1fr;gap:18px}
}
@media (width<=820px){
  .flavor-page .flavor-intro{padding:34px 20px 20px}
  .flavor-page .flavor-intro-layout{grid-template-columns:1fr;gap:13px}
  .flavor-page .flavor-intro h1{font-size:clamp(38px,11vw,52px)}
  .flavor-page .flavor-intro-copy>p{margin-top:10px;font-size:13px}
  .flavor-page .flavor-intro-visual{height:142px;border-width:3px;border-radius:3px 21px 3px 3px;box-shadow:0 16px 36px rgba(53,64,61,.17)}
  .flavor-page .flavor-intro-visual img{object-position:40% 48%}
  .flavor-page .flavor-quick-guide{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:17px 0 0;padding:0;overflow:visible}
  .flavor-page .flavor-quick-guide>a{min-width:0;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;min-height:72px;padding:11px 13px}
  .flavor-page .flavor-quick-guide>a>span{grid-row:1/3;align-self:center;font-size:0}
  .flavor-page .flavor-quick-guide>a>span b{font-size:11px}
  .flavor-page .flavor-quick-guide>a>strong{grid-column:2;grid-row:1;font-size:15px}
  .flavor-page .flavor-quick-guide>a>em{display:block;grid-column:2;grid-row:2;justify-self:start;font-size:11px}
  .flavor-page .flavor-page-content{padding-top:24px}
  .flavor-page .flavor-verification-status{margin:10px 0 14px;padding:12px 13px}
  .flavor-boot-preview{grid-template-columns:1fr;gap:8px}
  .flavor-boot-preview article{min-height:190px;padding:16px;border-radius:16px}
  .flavor-boot-preview strong{font-size:19px}
}
@media (width<=480px){
  .flavor-page .flavor-intro{padding:20px 18px 12px}
  .flavor-page .flavor-intro h1{font-size:clamp(34px,9.4vw,43px);line-height:1.01}
  .flavor-page .flavor-quick-guide{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:10px}
  .flavor-page .flavor-quick-guide>a{min-height:60px;padding:8px 10px}
  .flavor-page .flavor-quick-guide>a>strong{font-size:13px;line-height:1.18}
  .flavor-page .flavor-quick-guide>a>em{display:none}
  .flavor-page .flavor-intro-copy>p{display:none}
  .flavor-page-ja .flavor-intro h1,.flavor-page-ko .flavor-intro h1{font-size:clamp(31px,8.2vw,38px);line-height:1.03}
  .flavor-page .flavor-intro-visual{height:120px}
  .flavor-page .flavor-page-content{padding-top:18px}
  .flavor-page .flavor-page-card{min-height:270px;padding:16px 18px}
  .flavor-page .flavor-page-card h2{margin:13px 0 7px}
  .flavor-page .flavor-page-card>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
  .flavor-page .flavor-page-card>div{margin:11px 0}
}
@media (prefers-reduced-motion:reduce){.flavor-boot-refresh i,.flavor-page .flavor-verification-notice.checking>span{animation:none}}

/* The catalog is the activity: one nearby-store link, no duplicate step cards. */
.flavor-page .flavor-intro{padding-block:24px;background:var(--paper)}
.flavor-page .flavor-intro-layout{gap:24px}
.flavor-page .flavor-intro h1{font-size:clamp(34px,4.2vw,56px);line-height:1.15}
.flavor-page .flavor-intro-visual{height:160px;border-radius:16px;box-shadow:none}
.flavor-page .flavor-quick-guide{display:flex;margin-top:12px}
.flavor-page .flavor-quick-guide>a{display:inline-flex;gap:12px;align-items:center;min-height:44px;padding:10px 16px;border-radius:12px;box-shadow:none;font-size:14px;font-weight:700;line-height:1.4}
.flavor-page .flavor-quick-guide>a>span{display:inline;font-size:16px;white-space:normal}
@media(width<=1020px){.flavor-page .flavor-intro-visual{height:96px}}
@media(width<=480px){.flavor-page .flavor-intro{padding:16px 18px 12px}.flavor-page .flavor-intro-layout{gap:12px}.flavor-page .flavor-intro-visual{height:72px}.flavor-page .flavor-intro h1{font-size:clamp(29px,8.4vw,36px)}}
/* Keep the first translated flavor action clear of the fixed mobile navigation. */
@media(width<=480px){.flavor-page .flavor-verification-status{padding-block:10px;margin-bottom:10px}}