/* Local drink landing pages and a separate non-tea preparation experience. */
.ceremony-header [hidden] { display:none !important; }
.ceremony-header:has(.prototype-note[hidden]) { grid-template-columns:minmax(0,1fr) auto; }
.ceremony-header > div:first-child { min-width:0; }
.ceremony-header .back-link { display:inline-flex; margin-inline-end:16px; min-height:44px; align-items:center; }
.drink-landing { --drink-accent:#9c6845; --drink-wash:#f2e7d7; min-width:0; }
.drink-landing[data-type="tea"], .drink-landing[data-type="herbal"] { --drink-accent:#4d795f; --drink-wash:#e1eddf; }
.drink-landing[data-type="flower"] { --drink-accent:#a05c75; --drink-wash:#f3e3e9; }
.drink-landing[data-type="coffee"] { --drink-accent:#805339; --drink-wash:#eee1d1; }
.drink-landing[data-type="cocoa"] { --drink-accent:#774a39; --drink-wash:#efe0d7; }
.drink-hero { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(180px,.65fr); gap:24px; align-items:center; padding:clamp(22px,4vw,48px); background:var(--drink-wash); border:1px solid var(--line); border-radius:28px; margin-bottom:24px; overflow:hidden; }
.drink-hero h3 { font-size:clamp(28px,4vw,48px); line-height:1.05; margin:16px 0; overflow-wrap:anywhere; }
.drink-hero p { line-height:1.65; max-width:65ch; }
.drink-tags { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.drink-tag { display:inline-flex; align-items:center; gap:7px; padding:7px 11px; background:rgba(255,255,255,.75); color:#233e36; border:1px solid rgba(35,62,54,.12); border-radius:999px; font-size:13px; font-weight:650; }
.drink-country svg { width:24px; height:17px; border-radius:3px; box-shadow:0 0 0 1px #0002; flex-shrink:0; }
.drink-visual { height:190px; display:grid; place-items:center; position:relative; color:var(--drink-accent); isolation:isolate; }
.drink-visual::before { content:""; position:absolute; inset:4px 10%; border-radius:50%; background:#fffc; z-index:-1; }
.drink-visual svg { width:min(100%,240px); height:180px; filter:drop-shadow(0 12px 9px #1b302020); }
.drink-facts { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; margin:20px 0; }
.drink-panel { min-width:0; border:1px solid var(--line); border-radius:22px; padding:24px; background:#fffefa; }
.drink-panel h3 { font-size:21px; margin:0 0 16px; }
.drink-panel p,.drink-panel li { line-height:1.65; overflow-wrap:anywhere; }
.drink-panel dl { margin:0; }
.drink-panel dt { font-size:13px; color:#52655e; margin-top:15px; }
.drink-panel dd { margin:4px 0 0; line-height:1.6; overflow-wrap:anywhere; }
.drink-wide { grid-column:1/-1; }
.drink-source-list { padding-left:20px; }
.drink-source-list a { color:#285c4b; text-underline-offset:3px; overflow-wrap:anywhere; }
.drink-source-list li { margin:8px 0; }
.drink-warning { padding:15px 18px; border-left:3px solid #aa713b; border-radius:0 14px 14px 0; background:#fff3df; color:#634324; }
.drink-status { display:inline-flex; gap:6px; align-items:center; background:#f3e8da; border:1px solid #ddc6a8; border-radius:12px; padding:10px 13px; font-size:14px; }
.drink-status.is-ready { background:#e7f0e8; border-color:#b9d2be; color:#2a573b; }
.drink-factual-note { color:#647369; font-size:13px; line-height:1.6; }
.prepare-shell { max-width:1100px; margin:auto; padding:26px clamp(16px,4vw,34px) 64px; }
.prepare-nav { display:flex; justify-content:space-between; gap:18px; align-items:center; margin-bottom:28px; flex-wrap:wrap; }
.prepare-nav .language-picker { min-width:130px; }
.prepare-section-title { font-size:clamp(28px,5vw,46px); margin:12px 0 20px; }
.prepare-step { padding:clamp(22px,4vw,40px); background:#163d36; color:#fffef9; border-radius:26px; margin-top:22px; }
.prepare-step .eyebrow { color:#d6c59a; }
.prepare-step h3 { font-size:clamp(22px,3vw,32px); line-height:1.45; margin:20px 0; color:inherit; }
.prepare-progress { height:6px; border-radius:9px; background:#fff3; overflow:hidden; margin:20px 0; }
.prepare-progress span { display:block; height:100%; background:#d0c295; transition:width .2s; }
.prepare-step-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; }
.prepare-step-actions .button { flex:1 1 160px; }
.prepare-complete { color:#fff; font-size:24px; }
.drink-landing button:focus-visible,.prepare-shell a:focus-visible,.prepare-shell select:focus-visible { outline:3px solid #bc7d37; outline-offset:4px; }
.drink-panel ul { padding-inline-start:22px; }
@media(max-width:650px) { .drink-hero { grid-template-columns:1fr; gap:12px; }.drink-visual { height:145px; order:-1; }.drink-visual svg { height:140px; }.drink-facts { grid-template-columns:1fr; }.drink-panel { padding:20px; }.drink-wide { grid-column:auto; }.prepare-nav a { min-height:44px; display:inline-flex; align-items:center; }.drink-tags { gap:6px; }.drink-hero h3 { font-size:32px; } }
@media(max-width:800px) { .ceremony-header,.ceremony-header:has(.prototype-note[hidden]) { grid-template-columns:minmax(0,1fr); gap:16px; align-items:start; }.ceremony-header .language-picker { justify-self:start; }.ceremony-header h1 { font-size:clamp(32px,7vw,46px); }.ceremony-header .lead { max-width:65ch; }.ceremony-header .prototype-note { max-width:100%; }.ceremony-shell { padding:20px 16px 48px; } }
@media(prefers-reduced-motion:reduce) { .prepare-progress span { transition:none; } }