@font-face{font-family:Spectral;font-style:normal;font-weight:400;font-display:swap;src:url(label-fonts/spectral-400.woff2) format('woff2')}
@font-face{font-family:Spectral;font-style:normal;font-weight:600;font-display:swap;src:url(label-fonts/spectral-600.woff2) format('woff2')}
@font-face{font-family:Spectral;font-style:normal;font-weight:700;font-display:swap;src:url(label-fonts/spectral-700.woff2) format('woff2')}
@font-face{font-family:Spectral;font-style:italic;font-weight:400;font-display:swap;src:url(label-fonts/spectral-400i.woff2) format('woff2')}

/* Create your blend.
   A lavender masthead (title + journey) runs the full viewport beneath the store header. The workbench stays at the
   theme's own content width. The store's black chrome returns as a full-width purchase dock whose action sits over the
   recipe column. The recurring mark is the blend band: the two teas' configured colours, divided into quarters. It is
   taken from the label's protected colour band and appears on the recipe card, the ratio choices, the review and the dock.
   Plum marks selection and progress. Gold marks commerce: pack tags, completed steps and the purchase action. */

/* 1. Tokens */
.btc-mixer{--mix-ink:#2f2836;--mix-muted:#625869;--mix-accent:#55328b;--mix-accent-deep:#40236d;--mix-plum-ink:#4a2f63;--mix-line:#e4dce9;--mix-line-strong:#cbbdd5;--mix-band:oklch(96.2% .016 305);--mix-band-edge:oklch(88.5% .03 305);--mix-tray:oklch(97.4% .009 305);--mix-sage:oklch(94.6% .03 128);--mix-sage-line:oklch(85% .045 128);--mix-sage-ink:#2f4429;--mix-gold:#ffd200;--mix-gold-paper:oklch(97.6% .028 92);--mix-gold-tint:oklch(92.5% .085 92);--mix-gold-edge:oklch(82% .07 88);--mix-amber-paper:oklch(95.6% .035 78);--mix-amber-line:oklch(84% .06 78);--mix-amber-ink:#5a4113;--mix-chrome:#141118;--mix-chrome-ink:#f5f0f7;--mix-chrome-muted:#c4b8cc;--mix-sidebar:20rem;--mix-gap:56px;--mix-radius:6px;--tea-a:#C9B27A;--tea-b:#9D85A8;--ratio-a:50;--mix-blend-band:linear-gradient(90deg,var(--tea-a) 0 calc(var(--ratio-a) * 1%),var(--tea-b) 0);color:var(--mix-ink);font-size:1rem;line-height:1.6;padding-bottom:0}
.btc-mixer button,.btc-mixer input,.btc-mixer select,.btc-mixer textarea{font-family:'Work Sans',sans-serif}
.btc-mixer button,.btc-mixer summary,.btc-mixer input,.btc-mixer select,.btc-mixer textarea{scroll-margin-bottom:150px}
.btc-mixer :focus-visible,.btc-studio :focus-visible{outline:2px solid #7a4fa0;outline-offset:4px}
.btc-mixer [data-panel]:focus{outline:none}

/* 2. The collection sits on the shop grid; clearance belongs at the foot of the page. */
.bt-content-page:has(.btc-mixer){width:min(var(--bt-width,1248px),calc(100% - var(--bt-gutter,32px) * 2));padding:0 0 40px}
.bt-content-page:has(.btc-mixer)>.bt-page-heading{display:none}
body:has(.btc-mixer) .bt-header-main{min-height:76px}
body:has(.btc-mixer) .bt-navigation>ul{min-height:44px}
body:has(.btc-mixer) .bt-navigation a{padding-block:10px}
body:has(.btc-mixer) .bt-announcement>.bt-container{min-height:30px}

/* 3. A short shop introduction and a persistent, legible sense of place. */
.btc-mixer .btc-mixer-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,22rem);align-items:center;gap:32px;max-width:none;margin:0;padding:16px 0 12px;text-align:left;border-image:conic-gradient(var(--mix-band) 0 0) fill 0//0 100vw}
.btc-mixer .btc-mixer-intro .bt-eyebrow{display:none}
.bt-page-content .btc-mixer .btc-mixer-intro h1{margin:0;font:400 2.5rem/1.08 'Castoro',serif;letter-spacing:-.025em;color:var(--mix-ink)}
.btc-mixer-intro h1 em{font-weight:400;color:var(--mix-accent)}
.btc-mixer-intro-detail>p{max-width:34ch;margin:0;font-size:.9375rem;line-height:1.5;color:var(--mix-muted)}
.btc-mixer-intro-detail .btc-intro-price{display:flex;align-items:baseline;gap:6px;flex-wrap:wrap;margin-top:10px;font-size:.875rem;color:var(--mix-ink)}
.btc-intro-price .amount{font-weight:600;font-size:1.0625rem}
.btc-intro-price>span:last-child:not(.amount){margin-left:6px;font-size:.75rem;color:var(--mix-muted)}
.btc-mixer .btc-mixer-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;max-width:none;margin:0 0 16px;padding:4px 0 6px;border:0;scroll-margin-top:0;border-image:linear-gradient(0deg,var(--mix-band-edge) 1px,var(--mix-band) 0) fill 0//0 100vw}
.btc-mixer .btc-mixer-steps button{display:flex;flex-direction:row;align-items:center;gap:10px;min-height:44px;min-width:0;padding:4px 14px 4px 0;border:0;border-radius:0;background:none;color:var(--mix-muted);font-size:.875rem;font-weight:500;line-height:1.3;text-align:left;opacity:1}
.btc-mixer .btc-mixer-steps button::after{display:none}
.btc-mixer .btc-mixer-steps button:disabled{cursor:default;opacity:1}
.btc-mixer .btc-step-number{display:grid;place-items:center;flex:none;width:30px;height:30px;border:1px solid var(--mix-line-strong);border-radius:50%;background:var(--mix-band);font:400 1rem/1 'Castoro',serif;color:inherit}
.btc-mixer .btc-step-name,.btc-mixer .btc-step-name>span{font:inherit;letter-spacing:0;color:inherit}
.btc-step-short{display:none}
.btc-mixer .btc-mixer-steps button:not(:disabled){color:var(--mix-ink)}
.btc-mixer .btc-mixer-steps button:has(~ button[aria-current]) .btc-step-number{border-color:var(--mix-gold);background:var(--mix-gold);color:var(--mix-ink)}
.btc-mixer .btc-mixer-steps button[aria-current]{color:var(--mix-accent);font-weight:600;background:none;border:0}
.btc-mixer .btc-mixer-steps button[aria-current] .btc-step-number{border-color:var(--mix-accent);background:var(--mix-accent);color:#fff}

/* 4. Workbench: recipe card alongside while you build; label studio and review use the whole bench. */
.btc-mixer .btc-mixer-workbench{display:grid;grid-template-columns:minmax(0,1fr) var(--mix-sidebar);gap:var(--mix-gap);align-items:start}
.btc-mixer[data-active-step="2"] .btc-mixer-workbench,.btc-mixer[data-active-step="3"] .btc-mixer-workbench{display:block}
.btc-mixer[data-active-step="2"] .btc-blend-aside,.btc-mixer[data-active-step="3"] .btc-blend-aside{display:none}
.btc-mixer-main{min-width:0}
.btc-mixer .btc-panel-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin:0 0 32px;padding:0;border:0}
.btc-mixer .btc-panel-heading .bt-eyebrow,.btc-mixer .btc-review-head .bt-eyebrow,.btc-mixer .btc-studio-controls>.bt-eyebrow{font-size:.75rem;letter-spacing:.14em;font-weight:600;color:var(--mix-accent);margin:0 0 10px}
.btc-mixer .btc-panel-heading h3,.btc-mixer .btc-review-head h3,.btc-mixer .btc-studio h3{font:400 2.25rem/1.12 'Castoro',serif;letter-spacing:-.02em;color:var(--mix-ink);margin:0 0 10px}
.btc-mixer .btc-panel-heading p,.btc-mixer .btc-review-head p{max-width:58ch;margin:0;font-size:1.0625rem;line-height:1.6;color:var(--mix-muted)}
.btc-mixer .btc-selection-count{flex:none;padding:0 0 4px;border-radius:0;background:none;color:var(--mix-accent);font-size:.9375rem;font-weight:600;white-space:nowrap}
.btc-mixer .btc-mixer-announcement{min-height:0;margin:0;font-size:.875rem;line-height:1.5;color:var(--mix-muted)}

.btc-mixer .btc-mixer-announcement:not(:empty){margin-top:16px;min-height:22px}

/* 5. A photographed ingredient collection. Whole products, page browsing, no nested scroll. */
.btc-mixer .btc-collection-heading{align-items:center;gap:20px;margin-bottom:18px}
.btc-mixer .btc-collection-heading h2{margin:0;font:400 1.625rem/1.2 'Castoro',serif;letter-spacing:-.015em;color:var(--mix-ink)}
@media(min-width:701px){.btc-mixer .btc-collection-heading{position:absolute;width:1px;height:1px;padding:0;margin:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}}
.btc-mixer .btc-selection-count{font-size:.875rem;font-weight:500;padding:0;white-space:nowrap}
.btc-mixer .btc-tea-tools{display:flex;align-items:center;justify-content:space-between;gap:16px 24px;flex-wrap:wrap;margin:0 0 16px}
.btc-tea-tools>label{flex:0 1 240px;min-width:180px}
.btc-mixer .btc-tea-tools input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--mix-line-strong);border-radius:2px;background:#fff;color:var(--mix-ink);font-size:.9375rem}
.btc-mixer .btc-family-filters{display:flex;gap:2px;flex-wrap:wrap;margin:0}
.btc-mixer .btc-family-filters button{min-height:44px;padding:8px 10px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:var(--mix-muted);font-size:.875rem}
.btc-mixer .btc-family-filters button:hover{color:var(--mix-ink)}
.btc-mixer .btc-family-filters button[aria-pressed=true]{border-bottom-color:var(--mix-accent);color:var(--mix-accent);font-weight:600;background:none}
.btc-mixer .btc-tea-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 20px;max-height:none;overflow:visible;overscroll-behavior:auto;padding:0;border:0;border-radius:0;background:none}
.btc-mixer .btc-tea-card{position:relative;display:flex;flex-direction:column;min-width:0;margin:0;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-align:left;overflow:visible}
.btc-mixer .btc-tea-card:hover,.btc-mixer .btc-tea-card[aria-pressed=true]{background:none;border:0;box-shadow:none}
.btc-mixer .btc-tea-card:focus-visible{outline:2px solid #7a4fa0;outline-offset:5px}
.btc-mixer .btc-tea-art{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:176px;overflow:hidden;border:1px solid #eee8ed;border-radius:2px;background:#f7f5f4}
.btc-tea-circle{display:block;flex-shrink:0;width:128px;height:128px;max-width:49%;object-fit:contain;border-radius:50%;background:#fff}
.btc-card-engraving{position:absolute;width:130px;height:170px;right:-25px;bottom:-30px;color:var(--tea);opacity:.12;pointer-events:none}
.btc-mixer .btc-mini-jar{display:flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:108px;margin-top:6px;gap:3px;flex-shrink:0;transform:none;transition:transform .2s ease-out}
.btc-mixer .btc-mini-jar:before{height:12px;top:-7px}
.btc-mini-lotus{position:relative;display:block;width:32px;height:22px;overflow:hidden}
.btc-mini-lotus img{position:absolute;left:0;top:0;width:32px!important;max-width:none;height:auto}
.btc-mini-brand{font:700 8px/.95 Spectral,serif!important;letter-spacing:0!important;color:#f9f1e4}
.btc-mini-brand small{display:block;font:600 4px/1.5 Spectral,serif;letter-spacing:.28em;text-align:center}
.btc-mixer .btc-mini-jar strong{font-size:7px;min-height:28px;border-bottom-width:2px}
.btc-mixer .btc-tea-card:hover .btc-mini-jar{transform:translateY(-2px)}
.btc-mixer .btc-card-check{z-index:1;top:10px;right:10px;width:24px;height:24px;border-radius:50%;background:var(--mix-accent);color:#fff;font-size:.875rem;font-weight:600;line-height:24px;text-align:center}
.btc-mixer .btc-tea-card[aria-pressed=true] .btc-tea-art{outline:2px solid var(--mix-accent);outline-offset:-2px}
.btc-mixer .btc-tea-family{margin:14px 0 5px;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase;color:var(--mix-muted)}
.btc-mixer .btc-tea-card>strong{margin:0 0 8px;font:400 1.375rem/1.2 'Castoro',serif;color:var(--mix-ink)}
.btc-mixer .btc-tea-note{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0 0 12px;font-size:.875rem;line-height:1.5;color:var(--mix-muted)}
.btc-mixer .btc-tea-action{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:44px;margin:auto 0 0;padding:8px 0 0;border:0;border-top:1px solid var(--mix-line);font-size:.875rem;font-weight:500;line-height:1.4;color:var(--mix-accent)}
.btc-mixer .btc-tea-card[aria-pressed=true]>strong{color:var(--mix-accent)}
.btc-mixer .btc-no-teas{margin:20px 0;color:var(--mix-muted)}
.btc-collection-selection{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:18px;padding:10px 0;border-block:1px solid var(--mix-line)}
.btc-picks-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.07em;color:var(--mix-muted);margin-right:8px}
.btc-mixer .btc-collection-selection button{display:flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:6px 10px;border:0;border-radius:2px;background:var(--mix-band);color:var(--mix-ink);font-size:.8125rem;text-align:left}
.btc-collection-selection img{display:block;flex:none;width:28px;height:28px;object-fit:contain;border-radius:50%}
.btc-collection-selection i{font-style:normal;font-size:1.125rem;color:var(--mix-accent)}
.btc-collection-pagination{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding-top:16px;border-top:1px solid var(--mix-line)}
.btc-collection-pagination>p{margin:0;font-size:.875rem;color:var(--mix-muted)}
.btc-collection-pagination>div{display:flex;align-items:center;gap:14px;font-size:.875rem;color:var(--mix-ink);white-space:nowrap}
.btc-mixer .btc-collection-pagination button{display:grid;place-items:center;min-width:44px;min-height:44px;padding:6px;border:1px solid var(--mix-line-strong);border-radius:2px;background:none;color:var(--mix-accent);font-size:1.125rem}
.btc-mixer .btc-collection-pagination button:hover:not(:disabled){background:var(--mix-band)}
.btc-mixer .btc-collection-pagination button:disabled{opacity:.35}

/* 6. Pairing: the two real ingredients as a specimen pair, joined by a gold seal. */
.btc-mixer .btc-balance-heading{margin-bottom:28px}
.btc-mixer .btc-pairing-story{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px 48px;margin:0 0 40px;padding:32px 40px;border:0;border-radius:var(--mix-radius);background:var(--mix-sage)}
.btc-mixer .btc-pairing-story:has(+ .btc-blend-caution:not([hidden])){margin-bottom:0;border-radius:var(--mix-radius) var(--mix-radius) 0 0}
.btc-pair-portraits{display:flex;align-items:flex-start;justify-content:center}
.btc-pair-portraits figure{flex:none;width:128px;margin:0;text-align:center}
.btc-pair-portraits img{display:block;width:128px;height:128px;margin:0 auto 12px;padding:6px;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--mix-sage-line)}
.btc-pair-portraits figcaption{font-size:.875rem;font-weight:500;line-height:1.35;color:var(--mix-sage-ink)}
.btc-pair-plus{position:relative;z-index:1;display:grid;place-items:center;flex:none;width:36px;height:36px;margin:46px -14px 0;border-radius:50%;background:var(--mix-gold);color:var(--mix-ink);font:400 1.375rem/1 'Castoro',serif}
.btc-mixer .btc-pair-overline{margin:0 0 8px;font-size:.75rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--mix-sage-ink)}
.btc-mixer .btc-pairing-story h4{margin:0 0 12px;font:400 2rem/1.15 'Castoro',serif;letter-spacing:-.015em;color:var(--mix-sage-ink)}
.btc-mixer .btc-pairing-story [data-pair-story]{max-width:54ch;margin:0;font-size:1.0625rem;line-height:1.65;color:var(--mix-sage-ink)}
.btc-mixer .btc-pair-facts{display:inline-block;max-width:54ch;margin:16px 0 0;padding-top:12px;border-top:1px solid var(--mix-sage-line);font-size:.875rem;font-weight:500;line-height:1.5;color:var(--mix-sage-ink)}
.btc-mixer .btc-blend-caution{max-width:none;margin:0 0 40px;padding:16px max(40px,calc(100% - 76ch)) 18px 40px;border:0;border-radius:0 0 var(--mix-radius) var(--mix-radius);background:var(--mix-amber-paper);box-shadow:inset 0 1px 0 var(--mix-amber-line);font-size:.9375rem;line-height:1.55;color:var(--mix-amber-ink)}

/* 7. Decisions: an order sheet. Labels on the left, controls filling the measure on the right. */
.btc-mixer .btc-purchase-decisions{display:block;margin:0;border-bottom:1px solid var(--mix-line)}
.btc-mixer .btc-ratio-control,.btc-mixer .btc-format-picker{display:block;min-width:0;margin:0;padding:0;border:0;border-top:1px solid var(--mix-line);background:none}
.btc-mixer .btc-decision{display:grid;grid-template-columns:13rem minmax(0,1fr);gap:16px 48px;align-items:start;padding:32px 0}
.btc-mixer .btc-decision-title{margin:0 0 8px;font:400 1.5rem/1.2 'Castoro',serif;color:var(--mix-ink)}
.btc-mixer .btc-control-help{max-width:28ch;margin:0;font-size:.9375rem;line-height:1.55;color:var(--mix-muted)}
.btc-decision-body{min-width:0}

/* Balance: one connected scale; each step shows its quarters in the teas' own colours. */
.btc-mixer .btc-ratio-presets{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:none;margin:0;border:1px solid var(--mix-line-strong);border-radius:var(--mix-radius);background:#fff}
.btc-mixer .btc-ratio-presets button{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:6px;min-width:0;min-height:0;padding:16px 18px 18px;border:0;border-radius:0;background:#fff;box-shadow:none;color:var(--mix-ink);font-size:.875rem;text-align:left;transition:background-color .15s}
.btc-mixer .btc-ratio-presets button:first-child{border-radius:5px 0 0 5px}
.btc-mixer .btc-ratio-presets button:last-child{border-radius:0 5px 5px 0}
.btc-mixer .btc-ratio-presets button+button{border-left:1px solid var(--mix-line)}
.btc-mixer .btc-ratio-presets button:focus-visible{z-index:1}
.btc-mixer .btc-ratio-presets button:not([aria-pressed=true]):hover{background:var(--mix-band)}
.btc-ratio-glyph{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;width:100%;max-width:7.5rem;height:12px;margin:0 0 6px}
.btc-ratio-glyph b{display:block;border-radius:2px;background:var(--tea-b);box-shadow:inset 0 0 0 1px rgb(40 24 52 / .16)}
.btc-mixer [data-ratio-preset="75"] .btc-ratio-glyph b:nth-child(-n+3),.btc-mixer [data-ratio-preset="50"] .btc-ratio-glyph b:nth-child(-n+2),.btc-mixer [data-ratio-preset="25"] .btc-ratio-glyph b:first-child{background:var(--tea-a)}
.btc-mixer .btc-ratio-presets strong{font:400 1.5rem/1.1 'Castoro',serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:inherit}
.btc-mixer .btc-ratio-presets [data-ratio-note]{max-width:none;font-size:.875rem;line-height:1.4;color:var(--mix-muted)}
.btc-mixer .btc-ratio-presets i{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--mix-gold);color:var(--mix-ink);font-size:.75rem;font-style:normal;font-weight:600;opacity:0}
.btc-mixer .btc-ratio-presets button[aria-pressed=true]{background:var(--mix-accent);color:#fff;box-shadow:none}
.btc-mixer .btc-ratio-presets button[aria-pressed=true] [data-ratio-note]{color:#ece3f3}
.btc-mixer .btc-ratio-presets button[aria-pressed=true] .btc-ratio-glyph b{box-shadow:0 0 0 1px rgb(255 255 255 / .6)}
.btc-mixer .btc-ratio-presets button[aria-pressed=true] i{opacity:1}
.btc-mixer .btc-ratio-caption{display:flex;justify-content:space-between;align-items:baseline;gap:8px 16px;flex-wrap:wrap;margin:12px 0 0;font-size:.875rem;line-height:1.5;color:var(--mix-ink)}
.btc-ratio-caption [data-ratio-a]::before,.btc-ratio-caption [data-ratio-b]::before{content:'';display:inline-block;width:10px;height:10px;margin-right:8px;border-radius:50%;background:var(--tea-a);box-shadow:inset 0 0 0 1px rgb(40 24 52 / .18)}
.btc-ratio-caption [data-ratio-b]::before{background:var(--tea-b)}
.btc-ratio-caption-divider{display:none}

/* Pack: price tags. The eyelet is the selection mark; the native price sits below a tear line. */
.btc-mixer .btc-pack-options{display:grid;grid-template-columns:repeat(auto-fit,minmax(10.5rem,1fr));gap:12px;max-width:none;border-radius:0;background:none}
.btc-mixer .btc-format-picker button{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr auto;align-items:start;gap:4px 10px;width:100%;min-height:136px;padding:16px 16px 14px;border:1px solid var(--mix-gold-edge);border-radius:var(--mix-radius);background:var(--mix-gold-paper);box-shadow:none;color:var(--mix-ink);font-size:1rem;text-align:left;transition:background-color .15s,border-color .15s}
.btc-mixer .btc-format-picker button:not([aria-pressed=true]):hover{border-color:#b89a4c;background:oklch(96% .045 92)}
.btc-mixer .btc-format-picker button[aria-pressed=true]{border-color:var(--mix-accent);background:var(--mix-gold-tint);box-shadow:inset 0 0 0 1px var(--mix-accent)}
.btc-mixer .btc-pack-mark{position:relative;grid-column:1;grid-row:1;width:20px;height:20px;margin-top:1px;border:1.5px solid #8b7a52;border-radius:50%;background:#fff;flex:none}
.btc-mixer .btc-format-picker button[aria-pressed=true] .btc-pack-mark{border-color:var(--mix-accent)}
.btc-mixer .btc-format-picker button[aria-pressed=true] .btc-pack-mark::after{content:'';position:absolute;inset:3px;border-radius:50%;background:var(--mix-accent)}
.btc-mixer .btc-pack-copy{grid-column:2;grid-row:1/3;display:flex;flex-direction:column;gap:2px;min-width:0}
.btc-mixer .btc-pack-copy>strong{font-size:1rem;font-weight:600;line-height:1.3;white-space:normal;color:var(--mix-ink)}
.btc-mixer .btc-pack-copy small{font-size:.875rem;line-height:1.4;color:var(--mix-muted)}
.btc-mixer .btc-pack-price{grid-column:1/-1;grid-row:3;margin-top:12px;padding-top:10px;border-top:1px dashed var(--mix-gold-edge);font-size:1.375rem;font-weight:600;line-height:1.2;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--mix-ink)}
.btc-mixer .btc-format-picker button[aria-pressed=true] .btc-pack-price{border-top-color:#b89a4c;color:var(--mix-accent-deep)}

/* 8. Ingredient detail: specimen notes, opened on request. */
.btc-mixer .btc-pair-details{margin:0;padding:0;border:0;border-bottom:1px solid var(--mix-line)}
.btc-mixer .btc-pair-details>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:76px;padding:20px 0;font:400 1.375rem/1.25 'Castoro',serif;color:var(--mix-ink);cursor:pointer;list-style:none}
.btc-pair-details>summary::-webkit-details-marker{display:none}
.btc-details-hint{display:flex;align-items:center;gap:16px;font:400 .875rem/1.4 'Work Sans',sans-serif;color:var(--mix-muted)}
.btc-details-hint i{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--mix-accent);border-radius:50%;font-size:1.25rem;font-style:normal;line-height:1;color:var(--mix-accent);transition:transform .2s,background-color .2s}
.btc-mixer .btc-pair-details>summary:hover .btc-details-hint i{background:var(--mix-band)}
.btc-pair-details[open] .btc-details-hint i{transform:rotate(45deg);background:var(--mix-accent);color:#fff}
.btc-pair-detail-body{padding:8px 0 40px}
.btc-mixer .btc-ingredient-details{display:grid;grid-template-columns:1fr 1fr;gap:48px}
.btc-mixer .btc-ingredient-details article{display:grid;grid-template-columns:88px minmax(0,1fr);align-content:start;column-gap:20px;min-width:0;padding:24px 0 0;border:0;border-top:4px solid var(--tea)}
.btc-ingredient-detail-photo{grid-row:span 2;width:88px;height:88px;margin:0;padding:4px;float:none;object-fit:contain;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--mix-line)}
.btc-mixer .btc-ingredient-details article>span{align-self:end;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--mix-muted)}
.btc-mixer .btc-ingredient-details h4{align-self:start;margin:4px 0 0;font:400 1.625rem/1.2 'Castoro',serif;color:var(--mix-ink)}
.btc-mixer .btc-ingredient-details article>p:not(.btc-ingredient-caution){grid-column:1/-1;max-width:62ch;margin:20px 0 0;font-size:1rem;line-height:1.65;color:var(--mix-muted)}
.btc-mixer .btc-ingredient-details dl{grid-column:1/-1;display:grid;grid-template-columns:7.5rem minmax(0,1fr);margin:20px 0 0;font-size:.9375rem;line-height:1.55}
.btc-mixer .btc-ingredient-details dt,.btc-mixer .btc-ingredient-details dd{margin:0;padding:10px 0;border-top:1px solid var(--mix-line)}
.btc-mixer .btc-ingredient-details dt{font-weight:600;color:var(--mix-ink)}
.btc-mixer .btc-ingredient-details dd{color:var(--mix-muted)}
.btc-mixer .btc-ingredient-details .btc-ingredient-caution{grid-column:1/-1;margin:16px 0 0;padding:12px 16px;border:0;border-radius:4px;background:var(--mix-amber-paper);font-size:.9375rem;line-height:1.55;color:var(--mix-amber-ink)}
.btc-mixer .btc-brew-note{margin:40px 0 0;padding:24px 28px;border:0;border-radius:var(--mix-radius);background:var(--mix-sage);color:var(--mix-sage-ink)}
.btc-mixer .btc-brew-note h4{margin:0 0 8px;font:400 1.25rem/1.3 'Castoro',serif;color:var(--mix-sage-ink)}
.btc-mixer .btc-brew-note p{max-width:68ch;margin:0 0 8px;font-size:.9375rem;line-height:1.6;color:var(--mix-sage-ink)}
.btc-mixer .btc-brew-note p:last-child{margin:0;font-size:.875rem}

/* 9. The recipe is a contrasting piece of the brand, led by the chosen ingredients. */
.btc-mixer .btc-blend-aside{position:sticky;top:20px;align-self:start;min-width:0}
.btc-mixer .btc-blend-pin{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 66px;align-items:start;min-width:0;max-width:100%;max-height:calc(100svh - 100px);overflow-y:auto;overflow-x:hidden;scrollbar-width:thin;padding:26px 24px 18px;border:0;border-radius:2px;background:#2b1e36;color:#f7f0fa}
.btc-mixer .btc-blend-pin::before{content:'';position:absolute;top:0;left:0;right:0;height:5px;background:var(--mix-blend-band)}
.btc-mixer:not([data-pair]) .btc-blend-pin::before{background:#a68ab7}
.btc-mixer .btc-blend-pin>.bt-eyebrow{grid-column:1;margin:0 0 7px;font-size:.75rem;letter-spacing:.1em;color:#d5c4df}
.btc-mixer .btc-blend-pin>h3{grid-column:1;min-height:0;margin:0;font:400 1.875rem/1.15 'Castoro',serif;letter-spacing:-.015em;text-align:left;color:#fff8f1}
.btc-mixer .btc-cup-scene{grid-column:2;grid-row:1/3;position:relative;isolation:isolate;width:66px;max-width:100%;margin:0;padding-top:8px}
.btc-mixer .btc-cup-scene::before{display:none}
.btc-mixer .btc-steam{top:0;height:24px;transform:scale(.4);transform-origin:bottom}
.btc-mixer .btc-recipe-note{grid-column:1/-1;margin:18px 0 16px;font-size:.875rem;line-height:1.6;color:#d8cddd}
.btc-mixer .btc-cup-slots{grid-column:1/-1;display:flex;flex-direction:column;gap:0;margin:0;border-top:1px solid #ffffff26}
.btc-mixer .btc-cup-slots button{display:grid;grid-template-columns:44px minmax(0,1fr) auto 14px;align-items:center;gap:10px;width:100%;min-height:66px;padding:10px 0;border:0;border-bottom:1px solid #ffffff26;border-radius:0;background:none;box-shadow:none;color:#f7f0fa;font-size:.875rem;line-height:1.35;text-align:left}
.btc-mixer .btc-cup-slots button>i{display:none}
.btc-mixer .btc-cup-slots button>span:first-of-type{min-width:0}
.btc-mixer .btc-cup-slots strong{font:400 1.25rem/1 'Castoro',serif;font-variant-numeric:tabular-nums;white-space:nowrap;color:#ecd88d}
.btc-mixer .btc-cup-slots button>span[aria-hidden]{font-size:1.125rem;text-align:center;color:#d1bfdc}
.btc-mixer .btc-cup-slots button:hover>span:first-of-type{text-decoration:underline;text-underline-offset:3px}
.btc-slot-photo{width:44px;height:44px;object-fit:contain;border-radius:50%;background:#fff;flex:none}
.btc-mixer .btc-empty-slot{display:flex;align-items:center;gap:14px;min-height:52px;padding:8px 0;border:0;border-bottom:1px solid #ffffff26;border-radius:0;font-size:.875rem;color:#ded1e5}
.btc-mixer .btc-empty-slot>span{flex:none;margin:0;color:#ecd88d;font:400 1.125rem/1 'Castoro',serif}
.btc-mixer .btc-taste-profile{grid-column:1/-1;margin:6px 0 0;padding:0;border:0}
.btc-mixer:not([data-pair]) .btc-taste-profile{display:none}
.btc-taste-profile>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:44px;font-size:.875rem;font-weight:500;color:#eee2f4;cursor:pointer;list-style:none}
.btc-taste-profile>summary::-webkit-details-marker{display:none}
.btc-taste-profile>summary>span{font-size:1.125rem;color:#ecd88d}
.btc-taste-profile[open]>summary>span{transform:rotate(45deg)}
.btc-mixer .btc-flavour-row{grid-template-columns:56px 1fr;margin:8px 0;font-size:.8125rem;color:#ded1e5}
.btc-mixer .btc-flavour-row i{height:4px;background:#ffffff20}
.btc-mixer .btc-flavour-row b{background:#bda0cd}
.btc-mixer .btc-taste-profile small{margin:12px 0 4px;font-size:.8125rem;line-height:1.5;color:#d1bfdc}
.btc-mixer .btc-draft-note{grid-column:1/-1;margin:4px 0 0;text-align:left}
.btc-mixer .btc-draft-note button{min-height:44px;margin:0;padding:4px 0;font-size:.8125rem;text-align:left;color:#d1bfdc}

/* 10. Shared label studio. Neutral base used wherever the studio appears. */
.btc-studio .btc-studio-controls{min-width:0;width:100%;border:0;padding:0}
.btc-studio .btc-studio-controls>p{font-size:1rem;line-height:1.6;color:#625869;max-width:50ch}
.btc-studio .btc-template-field{min-inline-size:0;margin-bottom:24px}
.btc-template-field legend{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:.9375rem;font-weight:500}
.btc-template-field legend>span{font-size:.8125rem;color:#625869;font-weight:400}
.btc-studio .btc-template-picker{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px 10px;max-height:300px;overflow-y:auto;padding:4px 5px 10px;scrollbar-width:thin}
.btc-studio .btc-template-picker button{font-size:.75rem;line-height:1.4;min-height:88px;gap:9px;color:#625869}
.btc-studio .btc-style-sample{position:relative;width:100%;height:70px;border:1px solid #dfd4e6;border-top:5px solid #a58baf;border-radius:0;display:flex;flex-direction:column;justify-content:center;gap:7px;overflow:hidden;box-shadow:none}
.btc-style-sample b{font:700 10px/1 Spectral,serif;z-index:1}
.btc-style-sample i{font:400 8px/1.1 'Castoro',serif;z-index:1}
.btc-template-branch{position:absolute;left:-14px;top:10px;color:#8d9c83;opacity:.25;transform:rotate(-20deg)}
.btc-template-branch svg{width:60px;height:75px}
.btc-style-midnight{background:#25202b;color:#fff8e9}
.btc-style-watercolour{background:#fbefef}
.btc-style-citrus{background:#fff8df;color:#765f22}
.btc-style-linen{background:repeating-linear-gradient(0deg,#f0edea 0 4px,#e9e4e0 4px 5px)}
.btc-style-wreath{background:#f8f3fa;color:#74507e}
.btc-style-celebration{background:radial-gradient(circle at 25% 25%,#ddc999 0 2px,transparent 3px),#fff7ed}
.btc-style-minimal{background:#fefdfc;border-top-color:#d6d0dc!important}
.btc-style-minimal .btc-template-branch{display:none}
.btc-style-apothecary{background:#eeefe6;outline:1px solid #c3c5b2;outline-offset:-6px}
.btc-style-herbarium{background:#f8f6ee}
.btc-style-herbarium .btc-template-branch,.btc-style-wreath .btc-template-branch{left:8px;top:-8px;transform:none}
.btc-studio .btc-studio-controls>label,.btc-studio .btc-studio-options>label,.btc-studio legend{font-size:.9375rem;font-weight:500}
.btc-studio label>span{font-size:.8125rem;color:#625869}
.btc-studio input:not([type=checkbox]),.btc-studio textarea,.btc-studio select{font-size:1rem;min-height:46px;padding:11px 12px;border-color:#b9a9c3;border-radius:2px}
.btc-studio .btc-studio-controls textarea{height:96px;min-height:96px}
.btc-studio .btc-swatches{gap:4px}
.btc-studio .btc-swatches button{width:44px;height:44px;border-width:9px;flex:0 0 44px}
.btc-studio .btc-proof-panel{align-self:start;position:sticky;top:24px;background:none;border:0;border-radius:0;padding:0;max-width:380px;width:100%;margin:0 auto}
.btc-studio .btc-proof-tabs{margin-bottom:16px;gap:8px}
.btc-studio .btc-proof-tabs button{min-height:44px;font-size:.875rem;color:#625869;padding:10px 12px}
.btc-studio .btc-proof-tabs button[aria-pressed=true]{color:#55328b}
.btc-proof-stage{border-radius:0}
.btc-proof-stage .btc-label-wordmark{font:700 21px/1 Spectral,serif;display:block}
.btc-label-wordmark span{display:block;font:600 8px/1.3 Spectral,serif;letter-spacing:.28em;margin-top:4px}
.btc-lotus{position:relative;width:45px;height:29px;overflow:hidden;flex-shrink:0}
.btc-lotus img{display:block;width:45px!important;height:auto;max-width:none}
.btc-live-label{position:relative;padding-top:14%}
.btc-live-band{position:absolute;left:0;right:0;top:0;min-height:9%;display:grid;place-items:center;background:var(--protected-band,#9d85a8);color:var(--protected-ink,#17121c);font-size:6px;letter-spacing:.03em;padding:5px}
.btc-studio .btc-proof-status,.btc-studio .btc-proof-approval{font-size:.875rem;line-height:1.55;color:#625869}
.btc-studio .btc-print-note{font-size:.8125rem;line-height:1.6;color:#625869}
.btc-proof-zoom{display:block;width:100%;border:0;background:none;color:#67447b;font-size:.875rem;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.btc-label-zoom{width:min(720px,calc(100% - 24px));max-height:calc(100svh - 24px);overflow:auto;border:0;border-radius:3px;padding:48px 20px 20px;color:#48334f}
.btc-close-proof{position:sticky;top:0;z-index:2;display:block;margin:-38px 0 8px auto;background:#fdfbfc;padding:8px 12px;border:0;border-radius:3px;color:#55328b;font-size:.9375rem;min-height:44px}
.btc-zoom-image-wrap{position:relative}
.btc-zoom-image-wrap img{display:block;width:100%;height:auto}
.btc-trim-guide{position:absolute;inset:2.12766%;border:1px dashed #55328b;pointer-events:none}
.btc-label-zoom>p{font-size:.875rem;line-height:1.6;margin:16px 0 0}

/* 11. Label workspace in the mixer: controls on the bench, the proof on a lit stand. */
.btc-mixer .btc-studio{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,26rem);gap:var(--mix-gap);align-items:start;color:var(--mix-ink)}
.btc-mixer .btc-studio-controls>p{margin:0 0 32px;font-size:1.0625rem;color:var(--mix-muted)}
.btc-mixer .btc-template-field{margin:0 0 28px;padding:0 0 28px;border-bottom:1px solid var(--mix-line)}
.btc-mixer .btc-template-field legend{margin-bottom:14px;font-size:1rem;font-weight:600;color:var(--mix-ink)}
.btc-mixer .btc-studio .btc-template-picker{grid-template-columns:repeat(auto-fill,minmax(7rem,1fr));gap:18px 12px;max-height:none;overflow:visible;padding:4px}
.btc-mixer .btc-studio .btc-template-picker button{min-height:0;gap:8px;font-size:.8125rem;color:var(--mix-muted)}
.btc-mixer .btc-studio .btc-template-picker button[aria-pressed=true]{color:var(--mix-accent);font-weight:600}
.btc-mixer .btc-studio .btc-style-sample{height:84px}
.btc-mixer .btc-studio .btc-template-picker button:hover .btc-style-sample{border-color:var(--mix-line-strong)}
.btc-mixer .btc-studio-controls>label{display:block;margin:0 0 20px;font-size:1rem;font-weight:600;color:var(--mix-ink)}
.btc-mixer .btc-studio input:not([type=checkbox]),.btc-mixer .btc-studio textarea,.btc-mixer .btc-studio select{min-height:48px;margin-top:8px;padding:12px 14px;border:1px solid var(--mix-line-strong);border-radius:4px;background:#fff;font-size:1rem;color:var(--mix-ink)}
.btc-mixer .btc-studio-options{gap:24px;margin-top:4px}
.btc-mixer .btc-studio-options legend{margin-bottom:10px;font-size:1rem;font-weight:600;color:var(--mix-ink)}
.btc-mixer .btc-studio .btc-proof-panel{position:sticky;top:24px;max-width:none;width:100%;margin:0;padding:24px 28px 20px;border:0;border-radius:var(--mix-radius);background:var(--mix-band)}
.btc-mixer .btc-studio .btc-proof-tabs{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin:0 0 24px;padding:4px;border-radius:var(--mix-radius);background:oklch(91% .026 305)}
.btc-mixer .btc-studio .btc-proof-tabs button{min-height:44px;padding:8px 12px;border:0;border-radius:4px;background:none;color:var(--mix-plum-ink);font-size:.9375rem;font-weight:500}
.btc-mixer .btc-studio .btc-proof-tabs button[aria-pressed=true]{background:#fff;color:var(--mix-accent);font-weight:600;box-shadow:0 1px 2px rgb(45 25 65 / .14)}
.btc-mixer .btc-proof-stage .btc-live-label,.btc-mixer .btc-proof-stage>img{box-shadow:0 18px 32px -18px rgb(45 25 65 / .5)}
.btc-mixer .btc-proof-zoom{margin-top:8px;color:var(--mix-accent);font-weight:500}
.btc-mixer .btc-studio .btc-proof-status{min-height:44px;margin:8px 0 12px;font-size:.9375rem;color:var(--mix-ink)}
.btc-mixer .btc-proof-retry{min-height:44px;margin:0 0 12px;padding:8px 16px;border:1px solid var(--mix-accent);border-radius:4px;background:#fff;color:var(--mix-accent);font-size:.9375rem;font-weight:500;text-decoration:none}
.btc-mixer .btc-studio .btc-proof-approval{display:flex;align-items:flex-start;gap:12px;margin:0;padding:14px 16px;border:1px solid var(--mix-line-strong);border-radius:4px;background:#fff;font-size:.9375rem;font-weight:500;line-height:1.45;color:var(--mix-ink);cursor:pointer}
.btc-mixer .btc-proof-approval input{flex:0 0 22px;width:22px;height:22px;margin:0}
.btc-mixer .btc-studio .btc-proof-approval:has(input:disabled){background:transparent;color:var(--mix-muted);cursor:not-allowed}
.btc-mixer .btc-studio .btc-proof-approval:has(input:checked){border-color:var(--mix-accent);box-shadow:inset 0 0 0 1px var(--mix-accent)}
.btc-mixer .btc-studio .btc-print-note{margin:16px 0 0;font-size:.8125rem;color:var(--mix-muted)}

/* 12. Review: the approved label on its stand, the recipe written out beside it. */
.btc-mixer .btc-review-head{margin:0 0 32px}
.btc-mixer .btc-review-sheet{display:grid;grid-template-columns:minmax(0,26rem) minmax(0,1fr);gap:var(--mix-gap);align-items:start}
.btc-mixer .btc-review-sheet:has([data-review-proof][hidden]){grid-template-columns:minmax(0,1fr)}
.btc-mixer .btc-review-sheet:has([data-review-proof][hidden]) .btc-review-proof-stage{display:none}
.btc-mixer .btc-review-proof-stage{display:grid;place-items:center;padding:clamp(28px,4vw,48px);border-radius:var(--mix-radius);background:var(--mix-band)}
.btc-mixer .btc-review-proof-stage img{display:block;width:100%;max-width:340px;height:auto;border:0;box-shadow:0 18px 32px -18px rgb(45 25 65 / .5)}
.btc-mixer .btc-review-info{min-width:0;max-width:40rem}
.btc-mixer .btc-review-recipe{margin:0;padding:0 0 24px;border:0;border-bottom:1px solid var(--mix-line);border-radius:0;background:none}
.btc-mixer .btc-review-recipe:not(:empty)::before{content:'';display:block;width:100%;max-width:16rem;height:12px;margin:0 0 20px;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),#fff 0 25%),var(--mix-blend-band)}
.btc-mixer .btc-review-recipe h4{margin:0 0 16px;font:400 2.5rem/1.1 'Castoro',serif;letter-spacing:-.02em;color:var(--mix-ink)}
.btc-mixer .btc-review-recipe p{margin:0 0 12px;font-size:1.0625rem;line-height:1.6;font-variant-numeric:tabular-nums;color:var(--mix-ink)}
.btc-mixer .btc-review-recipe p:last-child{margin:16px 0 0;padding-top:16px;border-top:1px dashed var(--mix-gold-edge);font-size:1.25rem;font-weight:600}
.btc-mixer .btc-review-label{display:block;margin:0;padding:24px 0;border:0;border-bottom:1px solid var(--mix-line)}
.btc-mixer .btc-review-label h4{margin:0 0 8px;font:400 1.375rem/1.25 'Castoro',serif;color:var(--mix-ink)}
.btc-mixer .btc-review-label p{max-width:52ch;margin:0 0 8px;font-size:1rem;line-height:1.6;color:var(--mix-muted)}
.btc-mixer .btc-review-label button{min-height:44px;padding:0;border:0;background:none;color:var(--mix-accent);font-size:.9375rem;font-weight:500;text-decoration:underline;text-underline-offset:4px}
.btc-mixer .btc-review-delivery,.btc-mixer .btc-review-purchase-note{margin:16px 0 0;font-size:.9375rem;line-height:1.55;color:var(--mix-muted)}
.btc-mixer .btc-review-purchase-note{color:var(--mix-ink);font-weight:500}

/* 13. Purchase dock: store chrome, full width, gold rule; the action sits over the recipe column. */
.btc-mixer .btc-mixer-action-dock{display:block;position:fixed;left:0;right:0;bottom:0;z-index:35;width:auto;min-height:0;margin:0;padding:0 0 env(safe-area-inset-bottom);transform:none;border:0;border-top:1px solid var(--mix-gold);border-radius:0;background:var(--mix-chrome);box-shadow:0 -10px 28px rgb(20 17 24 / .14);color:var(--mix-chrome-ink)}
.btc-mixer-app[hidden] .btc-mixer-action-dock{display:none}
.btc-dock-inner{display:grid;grid-template-columns:minmax(0,1fr) var(--mix-sidebar);gap:var(--mix-gap);align-items:center;width:min(var(--bt-width,1248px),calc(100% - var(--bt-gutter,32px) * 2));min-height:60px;margin-inline:auto;padding-block:8px}
.btc-dock-recipe{display:flex;align-items:center;gap:20px;min-width:0}
.btc-mixer .btc-mixer-action-dock .btc-mixer-back{flex:none;min-height:44px;margin:0;padding:8px 20px 8px 0;border:0;border-right:1px solid rgb(255 255 255 / .16);border-radius:0;background:none;color:var(--mix-chrome-muted);font-size:.9375rem}
.btc-mixer .btc-mixer-action-dock .btc-mixer-back:hover{color:#fff}
.btc-dock-band{display:none}
.btc-mixer[data-pair]:not([data-active-step="0"]) .btc-dock-band{display:block;flex:none;width:56px;height:10px;border-radius:2px;background:repeating-linear-gradient(90deg,transparent 0 calc(25% - 2px),var(--mix-chrome) 0 25%),var(--mix-blend-band)}
.btc-dock-summary{display:flex;flex-direction:column;gap:2px;min-width:0;margin-right:auto}
.btc-dock-summary strong{font-size:.9375rem;font-weight:600;line-height:1.35;color:var(--mix-chrome-ink)}
.btc-dock-summary span{overflow:hidden;max-width:none;font-size:.8125rem;line-height:1.4;white-space:nowrap;text-overflow:ellipsis;color:var(--mix-chrome-muted)}
.btc-dock-price{flex:none;font-size:1.5rem;font-weight:600;line-height:1.1;font-variant-numeric:tabular-nums;white-space:nowrap;color:#fff}
.btc-dock-price>small{display:none}
.btc-dock-actions{display:flex;min-width:0}
.btc-mixer .btc-mixer-action-dock .button{width:100%;min-height:44px;margin:0;padding:9px 24px;border:1px solid var(--mix-gold);border-radius:4px;background:var(--mix-gold);color:#1d1622;font-size:.9375rem;font-weight:600;white-space:nowrap;opacity:1}
.btc-mixer .btc-mixer-action-dock .button:hover:not(:disabled){border-color:#ffe066;background:#ffe066;color:#1d1622}
.btc-mixer .btc-mixer-action-dock .button:disabled{border-color:rgb(255 255 255 / .26);background:transparent;color:#a99fb1;opacity:1}
.btc-mixer .btc-mixer-action-dock :focus-visible{outline:2px solid #fff;outline-offset:3px}
.btc-mixer .btc-mixer-buy>span{white-space:nowrap}

/* 14. Comparison frames use the same page grid and full-bleed bands; only the store chrome is hidden. */
.btc-is-tournament-frame .bt-header,.btc-is-tournament-frame .bt-announcement,.btc-is-tournament-frame .bt-footer,.btc-is-tournament-frame .bt-skip-link{display:none!important}
.btc-is-tournament-frame .bt-content-page{width:min(var(--bt-width,1248px),calc(100% - var(--bt-gutter,32px) * 2))!important;padding:0 0 40px!important}
.btc-tournament-frame .btc-mixer-intro{display:none!important}

/* 15. Responsive */
@media(max-width:1120px){
 .btc-mixer{--mix-gap:40px}
 .btc-mixer .btc-mixer-workbench{display:flex;flex-direction:column;gap:32px}
 .btc-mixer .btc-mixer-main{width:100%}
 .btc-mixer button,.btc-mixer summary,.btc-mixer input{scroll-margin-top:96px}
 .btc-mixer .btc-studio{grid-template-columns:minmax(0,1fr) 22rem}
 .btc-mixer .btc-review-sheet{grid-template-columns:minmax(0,22rem) minmax(0,1fr)}
}
@media(max-width:860px){
 .btc-mixer .btc-decision{grid-template-columns:1fr;gap:16px;padding:28px 0}
 .btc-mixer .btc-control-help{max-width:52ch}
 .btc-mixer .btc-pairing-story{gap:24px 32px;padding:28px 32px}
 .btc-mixer .btc-blend-caution{padding-inline:32px}
 .btc-mixer .btc-ingredient-details{grid-template-columns:1fr;gap:40px}
 .btc-mixer .btc-studio{display:flex;flex-direction:column;gap:32px}
 .btc-mixer .btc-studio .btc-proof-panel{position:static;order:-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:0 24px;padding:20px}
 .btc-mixer .btc-proof-panel .btc-proof-tabs{grid-column:1/-1}
 .btc-mixer .btc-proof-panel .btc-proof-stage{grid-row:2/8;align-self:start}
 .btc-mixer .btc-proof-panel .btc-proof-stage.is-jar{aspect-ratio:3/4;margin-top:16px}
 .btc-mixer .btc-proof-panel>:not(.btc-proof-tabs):not(.btc-proof-stage):not(dialog):not(input){grid-column:2}
 .btc-mixer .btc-proof-panel .btc-proof-zoom{margin-top:0;text-align:left}
 .btc-mixer .btc-review-sheet{grid-template-columns:1fr;gap:32px}
 .btc-mixer .btc-review-proof-stage img{max-width:300px}
}
@media(max-width:700px){
 .btc-mixer{--mix-gap:28px}
 .btc-mixer .btc-panel-heading{align-items:start;gap:16px;margin-bottom:24px}
 .btc-mixer .btc-panel-heading h3,.btc-mixer .btc-review-head h3,.btc-mixer .btc-studio h3{font-size:1.875rem}
 .btc-mixer .btc-panel-heading p,.btc-mixer .btc-review-head p{font-size:1rem;line-height:1.55}
 .btc-mixer .btc-selection-count{margin-top:28px;font-size:.875rem}
 .btc-mixer .btc-balance-heading{margin-bottom:20px}
 .btc-mixer .btc-pairing-story{grid-template-columns:auto minmax(0,1fr);gap:16px;margin-inline:calc(var(--bt-gutter,20px) * -1);padding:24px var(--bt-gutter,20px);border-radius:0}
 .btc-mixer .btc-pairing-story:has(+ .btc-blend-caution:not([hidden])){border-radius:0}
 .btc-pair-portraits{grid-column:1;grid-row:1;align-items:center}
 .btc-pair-portraits figure{width:auto}
 .btc-pair-portraits img{width:64px;height:64px;margin:0;padding:3px}
 .btc-pair-portraits figcaption{display:none}
 .btc-pair-plus{width:24px;height:24px;margin:0 -8px;font-size:1rem}
 .btc-mixer .btc-pair-overline{display:none}
 .btc-mixer .btc-pairing-copy{display:contents}
 .btc-mixer .btc-pairing-story h4{grid-column:2;grid-row:1;margin:0;font-size:1.375rem;line-height:1.2}
 .btc-mixer .btc-pairing-story [data-pair-story]{grid-column:1/-1;font-size:1rem;line-height:1.6}
 .btc-mixer .btc-pair-facts{grid-column:1/-1;justify-self:start;margin-top:0}
 .btc-mixer .btc-blend-caution{margin-inline:calc(var(--bt-gutter,20px) * -1);margin-bottom:28px;padding:14px var(--bt-gutter,20px) 16px;border-radius:0}
 .btc-mixer .btc-decision{gap:14px;padding:24px 0}
 .btc-mixer .btc-decision-title{margin-bottom:4px;font-size:1.3125rem}
 .btc-mixer .btc-ratio-presets button{gap:4px;padding:14px 10px 14px 12px}
 .btc-mixer .btc-ratio-presets strong{font-size:1.25rem}
 .btc-mixer .btc-ratio-presets i{top:8px;right:8px;width:20px;height:20px}
 .btc-ratio-glyph{gap:2px;height:10px;margin-bottom:4px;max-width:calc(100% - 20px)}
 .btc-mixer .btc-ratio-caption{display:grid;gap:4px}
 .btc-mixer .btc-pack-options{grid-template-columns:1fr;gap:8px}
 .btc-mixer .btc-format-picker button{grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto;align-items:center;gap:4px 14px;min-height:68px;padding:12px 16px}
 .btc-mixer .btc-pack-mark{margin-top:0}
 .btc-mixer .btc-pack-copy{grid-column:2;grid-row:1}
 .btc-mixer .btc-pack-price{grid-column:3;grid-row:1;margin:0;padding:0;border:0;font-size:1.1875rem}
 .btc-mixer .btc-pair-details>summary{gap:16px;min-height:64px;padding:16px 0;font-size:1.1875rem}
 .btc-details-caption{display:none}
 .btc-mixer .btc-ingredient-details article{grid-template-columns:64px minmax(0,1fr);column-gap:16px}
 .btc-ingredient-detail-photo{width:64px;height:64px}
 .btc-mixer .btc-ingredient-details h4{font-size:1.375rem}
 .btc-mixer .btc-ingredient-details dl{grid-template-columns:6.5rem minmax(0,1fr)}
 .btc-mixer .btc-brew-note{padding:20px}
 .btc-mixer .btc-studio-controls>p{margin-bottom:24px;font-size:1rem}
 .btc-mixer .btc-studio .btc-proof-panel{display:block;margin-inline:calc(var(--bt-gutter,20px) * -1);padding:20px var(--bt-gutter,20px);border-radius:0}
 .btc-mixer .btc-proof-panel .btc-proof-stage{max-width:320px;margin-inline:auto}
 .btc-mixer .btc-proof-panel .btc-proof-stage.is-jar{max-width:220px;margin-top:24px}
 .btc-mixer .btc-studio .btc-template-picker{display:flex;gap:12px;overflow-x:auto;overflow-y:hidden;margin-inline:calc(var(--bt-gutter,20px) * -1);padding:4px var(--bt-gutter,20px) 12px;scroll-padding-inline:var(--bt-gutter,20px)}
 .btc-mixer .btc-studio .btc-template-picker button{flex:0 0 96px;width:96px}
 .btc-mixer .btc-studio .btc-style-sample{height:80px}
 .btc-mixer .btc-studio-options{grid-template-columns:1fr}
 .btc-mixer .btc-review-proof-stage{margin-inline:calc(var(--bt-gutter,20px) * -1);border-radius:0}
 .btc-mixer .btc-review-recipe h4{font-size:2rem}
}
@media(max-width:400px){
 .btc-mixer button,.btc-mixer summary,.btc-mixer input,.btc-mixer select,.btc-mixer textarea{scroll-margin-bottom:190px}
 .btc-mixer .btc-pairing-story h4{font-size:1.25rem}
 .btc-mixer .btc-ratio-presets [data-ratio-note]{font-size:.8125rem}
}
@media(max-width:359px){
 .btc-mixer .btc-ratio-presets{grid-template-columns:1fr}
 .btc-mixer .btc-ratio-presets button{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:2px 14px;padding:12px 44px 12px 14px}
 .btc-mixer .btc-ratio-presets button+button{border-left:0;border-top:1px solid var(--mix-line)}
 .btc-mixer .btc-ratio-presets button:first-child{border-radius:5px 5px 0 0}
 .btc-mixer .btc-ratio-presets button:last-child{border-radius:0 0 5px 5px}
 .btc-ratio-glyph{grid-column:1/-1;max-width:7.5rem}
 .btc-mixer .btc-ratio-presets i{top:50%;transform:translateY(-50%)}
 .btc-mixer .btc-ingredient-details dl{grid-template-columns:1fr}
 .btc-mixer .btc-ingredient-details dd{padding-top:0;border-top:0}
}
/* The proof stand is about 760px tall. It only stays pinned where it clears the dock, so approval can never sit under it. */
@media(max-height:900px) and (min-width:861px){
 .btc-mixer .btc-studio .btc-proof-panel{position:static}
}
@media(prefers-reduced-motion:reduce){.btc-mixer *,.btc-studio *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}


/* Collection reflow and the complete-page finish. */
@media(max-width:1120px){
 .btc-mixer[data-active-step="0"] .btc-blend-aside,.btc-mixer[data-active-step="1"] .btc-blend-aside{display:none}
 .btc-mixer .btc-mixer-workbench{display:block}
 .btc-mixer .btc-mixer-intro{gap:24px;grid-template-columns:minmax(0,1fr) minmax(0,20rem)}
 .btc-dock-inner{grid-template-columns:minmax(0,1fr) auto;gap:24px}
 .btc-dock-actions{min-width:15rem}
}
@media(max-width:1600px) and (min-width:701px){
 .btc-mixer .btc-tea-art{height:136px}
 .btc-mixer .btc-tea-circle{width:112px;height:112px}
 .btc-mixer .btc-mini-jar{width:52px;height:96px}
}
@media(max-width:700px){
 body:has(.btc-mixer) .bt-header-main{min-height:66px}
 .btc-mixer .btc-mixer-intro{display:block;padding:20px 0 12px}
 .bt-page-content .btc-mixer .btc-mixer-intro h1{font-size:2rem}
 .btc-mixer .btc-mixer-intro .bt-eyebrow{font-size:.6875rem;margin-bottom:6px}
 .btc-mixer-intro-detail{margin-top:10px}
 .btc-mixer-intro-detail>p:first-child{display:none}
 .btc-mixer-intro-detail .btc-intro-price{margin:0;font-size:.8125rem;gap:5px}
 .btc-intro-price .amount{font-size:.9375rem}
 .btc-intro-price>span:last-child:not(.amount){font-size:.75rem;margin-left:3px}
 .btc-mixer .btc-mixer-steps{padding:4px 0 10px;margin-bottom:20px}
 .btc-mixer .btc-mixer-steps button{flex-direction:column;align-items:start;gap:4px;min-height:54px;padding:4px 4px 0 0;font-size:.8125rem}
 .btc-mixer .btc-step-number{width:26px;height:26px;font-size:.875rem}
 .btc-step-full{display:none}.btc-step-short{display:inline}
 .btc-mixer .btc-collection-heading{margin-bottom:12px;gap:12px}
 .btc-mixer .btc-collection-heading h2{font-size:1.375rem}
 .btc-mixer .btc-selection-count{font-size:.75rem;margin:0}
 .btc-mixer .btc-tea-tools{display:block;margin-bottom:16px}
 .btc-mixer .btc-family-filters{flex-wrap:nowrap;overflow-x:auto;gap:0;margin-top:6px;scrollbar-width:none}
 .btc-mixer .btc-family-filters button{flex:none;white-space:nowrap;padding-inline:10px;font-size:.8125rem}
 .btc-mixer .btc-family-filters button:first-child{padding-left:0}
 .btc-mixer .btc-tea-library{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
 .btc-mixer .btc-tea-art{height:140px;gap:5px}
 .btc-mixer .btc-tea-circle{width:96px;height:96px;max-width:59%}
 .btc-mixer .btc-mini-jar{width:42px;height:80px;gap:2px}
 .btc-mixer .btc-mini-jar strong{font-size:6px;min-height:24px}
 .btc-mini-lotus{width:25px;height:17px}.btc-mini-lotus img{width:25px!important}
 .btc-mini-brand{font-size:6px!important}.btc-mini-brand small{font-size:3.5px}
 .btc-mixer .btc-tea-family{margin-top:11px;font-size:.75rem}
 .btc-mixer .btc-tea-card>strong{font-size:1.0625rem;margin-bottom:7px}
 .btc-mixer .btc-tea-note{font-size:.8125rem;line-height:1.5;margin-bottom:10px}
 .btc-mixer .btc-tea-action{font-size:.8125rem}
 .btc-mixer .btc-card-check{top:7px;right:7px;width:22px;height:22px;line-height:22px}
 .btc-picks-label{display:none}
 .btc-collection-selection{margin-bottom:16px;padding:8px 0;gap:6px}
 .btc-mixer .btc-collection-selection button{font-size:.75rem;gap:6px}
 .btc-collection-pagination{margin-top:20px;padding-top:12px;gap:12px}
 .btc-collection-pagination>p{font-size:.75rem}
 .btc-collection-pagination>div{gap:10px;font-size:.8125rem}
 .btc-dock-inner{grid-template-columns:minmax(0,1fr) auto;gap:12px;min-height:66px;padding-block:9px}
 .btc-dock-recipe{gap:10px;min-width:0}
 .btc-mixer .btc-mixer-action-dock .btc-mixer-back{min-width:44px;padding:8px 10px 8px 0}
 .btc-mixer .btc-mixer-action-dock .btc-back-word{display:none}
 .btc-mixer[data-pair]:not([data-active-step="0"]) .btc-dock-band{display:none}
 .btc-dock-summary{min-width:0}
 .btc-dock-summary strong{font-size:.8125rem}
 .btc-dock-summary span{display:none}
 .btc-mixer[data-active-step="1"] .btc-dock-summary,.btc-mixer[data-active-step="2"] .btc-dock-summary,.btc-mixer[data-active-step="3"] .btc-dock-summary{display:none}
 .btc-dock-price{margin-left:auto;font-size:1.125rem}
 .btc-dock-price>small{display:block;margin-top:2px;font-size:.75rem;line-height:1.3;color:var(--mix-chrome-muted)}
 .btc-dock-actions{min-width:0}
 .btc-mixer .btc-mixer-action-dock .button{min-height:46px;padding:10px 12px;font-size:.8125rem}
 .bt-content-page:has(.btc-mixer),.btc-is-tournament-frame .bt-content-page{padding-bottom:32px!important}
}
@media(max-width:359px){
 .btc-mixer .btc-tea-art{height:124px;gap:3px}
 .btc-mixer .btc-tea-circle{width:78px;height:78px}
 .btc-mixer .btc-mini-jar{width:36px;height:70px}
 .btc-mixer .btc-tea-card>strong{font-size:1rem}
 .btc-dock-inner{gap:8px}
 .btc-mixer .btc-mixer-action-dock .button{padding-inline:10px;font-size:.75rem}
}
body:has(.btc-mixer) .bt-footer{padding:44px 0 96px;background:#17121c;color:#f4edf7}
body:has(.btc-mixer) .bt-footer-panel{padding:0;gap:40px;background:none;border-radius:0}
body:has(.btc-mixer) .bt-footer-panel p{color:#cfc2d6}
body:has(.btc-mixer) .bt-copyright{padding:20px 0 0;margin-top:30px;border:0;border-top:1px solid #ffffff26;border-radius:0;background:none;color:#cabed2}
body:has(.btc-mixer) .bt-footer h2{font-size:.875rem}
@media(max-width:700px){
 body:has(.btc-mixer) .bt-footer{padding-top:32px;padding-bottom:92px}
 body:has(.btc-mixer) .bt-footer-panel{gap:28px 24px}
 body:has(.btc-mixer) .bt-copyright{padding-top:20px;font-size:.6875rem}
}

.btc-pair-portraits figcaption small{display:block;margin-top:3px;font:400 .75rem/1.4 'Work Sans',sans-serif;color:var(--mix-muted)}

@media(max-width:700px){.btc-mixer .btc-pair-portraits figcaption:has(small){display:block}.btc-mixer .btc-pair-portraits figcaption:has(small)>span{display:none}}

/* Print-theme picker: actual examples from renderer4, grouped by purpose. */
.btc-studio .btc-theme-groups{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 16px}
.btc-studio .btc-theme-groups button{min-height:44px;padding:8px 12px;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#625869;font:400 .875rem/1.3 'Work Sans',sans-serif}
.btc-studio .btc-theme-groups button[aria-pressed=true]{border-bottom-color:#55328b;color:#55328b;font-weight:600}
.btc-studio .btc-template-picker button[hidden]{display:none!important}
.btc-studio .btc-template-picker .btc-style-sample,.btc-mixer .btc-studio .btc-style-sample{height:auto;aspect-ratio:1;border:1px solid #d9cfe1;display:block;background:#fffcf4;box-shadow:none}
.btc-studio .btc-style-sample>img{display:block;width:100%;height:100%;object-fit:contain}
.btc-studio .btc-theme-description{min-height:2.8em;margin:14px 0 0;font-size:.875rem;line-height:1.5;color:#625869}
@media(max-width:700px){.btc-studio .btc-theme-groups{gap:0;margin-inline:-8px}.btc-studio .btc-theme-groups button{font-size:.8125rem;padding-inline:8px}.btc-mixer .btc-studio .btc-template-picker button{flex-basis:108px;width:108px}.btc-studio .btc-theme-description{margin-top:8px}}

.btc-studio-options:has([data-accent-controls][hidden]){grid-template-columns:minmax(0,20rem)}