:root{
  --bg:#f2f4f3;
  --surface:#ffffff;
  --surface-2:#e7ebe9;
  --ink:#17262a;
  --ink-soft:#566468;
  --ink-faint:#8a9698;
  --accent:#0f6470;
  --accent-hover:#0b4d57;
  --accent-tint:#e0eeef;
  --amber:#b57628;
  --amber-tint:#f7efe2;
  --band:#1d4f57;
  --band-ink:#e9f2f2;
  --band-soft:#a9c6c8;
  --band-line:rgba(233,242,242,0.18);
  --line:rgba(23,38,42,0.13);
  --line-soft:rgba(23,38,42,0.07);
  --shadow-sm:0 1px 2px rgba(23,38,42,.06), 0 4px 12px -6px rgba(23,38,42,.10);
  --shadow-md:0 2px 6px rgba(23,38,42,.06), 0 18px 40px -22px rgba(23,38,42,.28);
  --shadow-lg:0 30px 70px -30px rgba(23,38,42,.36);
  --ok:#1d7a4c; --ok-tint:#e3f2e9;
  --r:12px;
  --f-display:'Bricolage Grotesque',ui-sans-serif,system-ui,Segoe UI,sans-serif;
  --f-body:'Manrope',ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;
  --f-mono:'DM Mono',ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--f-body);font-size:16px;
  line-height:1.6;-webkit-font-smoothing:antialiased;}
img{max-width:100%;display:block;}
a{color:inherit;}
button{font:inherit;color:inherit;}
h1,h2,h3,h4{font-family:var(--f-display);margin:0;font-weight:600;letter-spacing:-0.022em;
  text-wrap:balance;line-height:1.12;}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px;}
.mono{font-family:var(--f-mono);font-variant-numeric:tabular-nums;}
.eyebrow{font-family:var(--f-mono);font-size:11.5px;letter-spacing:0.13em;text-transform:uppercase;
  color:var(--accent);margin:0;}
.band-sec .eyebrow{color:var(--band-soft);}
:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px;}
.band-sec :focus-visible{outline-color:var(--band-ink);}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}
.reveal.in{opacity:1;transform:none;}
@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none;}}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;
  border-radius:8px;border:1px solid transparent;font-weight:600;font-size:14.5px;cursor:pointer;
  text-decoration:none;transition:background .18s,border-color .18s,transform .18s,box-shadow .18s,color .18s;}
.btn-primary{background:var(--accent);color:#fff;}
.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-sm);}
.btn-outline{background:transparent;border-color:var(--line);color:var(--ink);}
.btn-outline:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-tint);}
.btn-light{background:var(--band-ink);color:var(--band);}
.btn-light:hover{background:#fff;transform:translateY(-1px);}
.btn-onband{background:transparent;border-color:var(--band-line);color:var(--band-ink);}
.btn-onband:hover{background:rgba(233,242,242,0.12);border-color:var(--band-ink);}

header{position:sticky;top:0;z-index:60;background:rgba(242,244,243,.88);
  backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid var(--line-soft);}
.nav{display:flex;align-items:center;justify-content:space-between;height:70px;gap:24px;}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none;}
.brand-mark{width:40px;height:40px;border-radius:9px;overflow:hidden;flex:none;box-shadow:0 0 0 1px var(--line);}
.brand-mark img{width:100%;height:100%;object-fit:cover;}
.brand-txt{font-family:var(--f-display);font-weight:700;font-size:16px;line-height:1.15;}
.brand-txt small{display:block;font-family:var(--f-mono);font-weight:400;font-size:9.5px;letter-spacing:.14em;
  text-transform:uppercase;color:var(--ink-faint);margin-top:1px;}
.nav-links{display:flex;gap:28px;list-style:none;margin:0;padding:0;font-size:14.5px;font-weight:500;}
.nav-links a{text-decoration:none;color:var(--ink-soft);transition:color .18s;}
.nav-links a:hover{color:var(--accent);}
.nav-actions{display:flex;align-items:center;gap:12px;flex:none;}
@media (max-width:1040px){.nav-links{display:none;}}
@media (max-width:700px){.nav-actions .btn-outline{display:none;}}
@media (max-width:420px){.brand-txt small{display:none;}.brand-txt{font-size:14px;}.nav{gap:8px;}.wrap{padding:0 18px;}.nav-actions .btn{padding:9px 12px;font-size:13px;}}
.req-count{min-width:19px;height:19px;padding:0 5px;border-radius:10px;background:rgba(255,255,255,.24);
  font-family:var(--f-mono);font-size:11px;display:none;align-items:center;justify-content:center;}
.req-count[data-on="1"]{display:inline-flex;}

.hero{padding:70px 0 78px;position:relative;overflow:hidden;}
.hero::before{content:"";position:absolute;width:760px;height:760px;top:-340px;right:-260px;border-radius:50%;
  background:radial-gradient(circle,var(--accent-tint),transparent 66%);pointer-events:none;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;position:relative;}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr;gap:44px;}}
.hero h1{font-size:clamp(36px,4.7vw,57px);margin:16px 0 0;letter-spacing:-0.035em;}
.hero h1 em{font-style:normal;color:var(--accent);}
.hero .lead{font-size:17.5px;color:var(--ink-soft);max-width:52ch;margin:20px 0 0;}
.hero-cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;}
.hero-visual{position:relative;}
.hero-visual .main{border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md);}
.hero-visual .main img{width:100%;aspect-ratio:4/3;object-fit:cover;}

.strip{border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);background:var(--surface);}
.strip-row{display:grid;grid-template-columns:repeat(4,1fr);}
@media (max-width:860px){.strip-row{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.strip-row{grid-template-columns:1fr;}.strip-item{border-left:none;border-top:1px solid var(--line-soft);}.strip-item:first-child{border-top:none;}}
.strip-item{padding:22px 24px;border-left:1px solid var(--line-soft);display:flex;gap:13px;align-items:flex-start;}
.strip-item:first-child{border-left:none;}
.strip-item svg{width:20px;height:20px;flex:none;stroke:var(--accent);fill:none;stroke-width:1.6;margin-top:2px;}
.strip-item b{display:block;font-size:14.5px;font-weight:600;}
.strip-item span{font-size:12.5px;color:var(--ink-faint);}

.sec{padding:86px 0;}
.sec-head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:38px;flex-wrap:wrap;}
.sec-head h2{font-size:clamp(27px,3.3vw,39px);margin-top:12px;}
.sec-head p{color:var(--ink-soft);margin:12px 0 0;max-width:58ch;}

.co-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;}
@media (max-width:940px){.co-grid{grid-template-columns:1fr;gap:44px;}}
.co-photos{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.co-photos figure{margin:0;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-sm);}
.co-photos img{width:100%;aspect-ratio:3/4;object-fit:cover;}
.co-photos figure:last-child{transform:translateY(28px);}
.co-points{list-style:none;margin:26px 0 0;padding:0;display:flex;flex-direction:column;gap:15px;}
.co-points li{display:flex;gap:13px;font-size:15px;color:var(--ink-soft);}
.co-points svg{width:17px;height:17px;flex:none;margin-top:4px;stroke:var(--accent);fill:none;stroke-width:2;}
.quote-line{border-left:3px solid var(--amber);padding:4px 0 4px 18px;margin-top:28px;
  font-family:var(--f-display);font-size:18px;font-weight:500;letter-spacing:-0.015em;line-height:1.4;}

.cat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;}
@media (max-width:1000px){.cat-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.cat-grid{grid-template-columns:1fr;}}
.cat{position:relative;border-radius:var(--r);overflow:hidden;border:1px solid var(--line-soft);padding:0;
  cursor:pointer;text-align:left;background:var(--surface);box-shadow:var(--shadow-sm);
  transition:transform .22s,box-shadow .22s;}
.cat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.cat img{width:100%;aspect-ratio:1;object-fit:cover;}
.cat-txt{padding:15px 17px 17px;border-top:1px solid var(--line-soft);}
.cat-txt b{display:block;font-family:var(--f-display);font-size:16.5px;font-weight:600;letter-spacing:-0.02em;}
.cat-txt span{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.06em;color:var(--ink-faint);}
.cat-arrow{position:absolute;top:12px;right:12px;width:30px;height:30px;border-radius:50%;
  background:rgba(255,255,255,.92);box-shadow:var(--shadow-sm);display:grid;place-items:center;}
.cat-arrow svg{width:14px;height:14px;stroke:var(--ink);fill:none;stroke-width:2;}

.cat-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-faint);margin:0 0 14px;}
.cat-grid-soon{grid-template-columns:repeat(3,1fr);}
@media (max-width:860px){.cat-grid-soon{grid-template-columns:repeat(2,1fr);}}
@media (max-width:520px){.cat-grid-soon{grid-template-columns:1fr;}}
.cat-soon{display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:var(--r);
  border:1px dashed var(--line);background:var(--surface);text-align:left;cursor:pointer;
  transition:border-color .2s,background .2s,transform .2s;}
.cat-soon:hover{border-color:var(--accent);background:var(--accent-tint);transform:translateY(-2px);}
.cat-ico{width:46px;height:46px;border-radius:11px;background:var(--accent-tint);display:grid;place-items:center;flex:none;}
.cat-ico svg{width:24px;height:24px;stroke:var(--accent);fill:none;stroke-width:1.7;}
.cat-soon b{display:block;font-family:var(--f-display);font-size:16px;font-weight:600;letter-spacing:-0.02em;}
.cat-soon span.mono{font-size:10.5px;letter-spacing:.06em;color:var(--amber);text-transform:uppercase;}
.hero-cats{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px;}
.hero-cats a{font-size:12.5px;font-weight:600;padding:6px 12px;border-radius:20px;text-decoration:none;
  border:1px solid var(--line);color:var(--ink-soft);background:var(--surface);}
.hero-cats a.soon{border-style:dashed;color:var(--ink-faint);font-weight:500;}
.hero-cats a:hover{border-color:var(--accent);color:var(--accent);}
.pt-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start;padding-bottom:84px;}
@media (max-width:940px){.pt-grid{grid-template-columns:1fr;gap:36px;}}
.pt-photo{margin:0 0 30px;border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-md);}
.pt-photo img{width:100%;aspect-ratio:16/10;object-fit:cover;}
.pt-steps{display:flex;flex-direction:column;gap:22px;}
.pt-steps div{border-left:2px solid var(--accent-tint);padding-left:18px;}
.pt-steps span{font-size:11px;letter-spacing:.1em;color:var(--accent);}
.pt-steps b{display:block;font-family:var(--f-display);font-size:17px;font-weight:600;letter-spacing:-0.02em;margin:4px 0 4px;}
.pt-steps p{margin:0;font-size:14px;color:var(--ink-soft);}
.dd{position:relative;}
.dd-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;
  background:var(--bg);border:1px solid var(--line);border-radius:8px;padding:11px 13px;font-family:var(--f-body);
  font-size:14.5px;color:var(--ink-faint);}
.dd-btn[data-has="1"]{color:var(--ink);}
.dd-btn:hover,.dd-btn[aria-expanded="true"]{border-color:var(--accent);}
.dd-btn svg{width:16px;height:16px;flex:none;stroke:var(--ink-soft);fill:none;stroke-width:2;transition:transform .18s;}
.dd-btn[aria-expanded="true"] svg{transform:rotate(180deg);}
.dd-val{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.dd-menu{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:30;max-height:290px;overflow-y:auto;
  background:var(--surface);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow-md);padding:6px;}
.dd-group{font-family:var(--f-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-faint);
  padding:9px 10px 5px;}
.field .dd-opt{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:7px;cursor:pointer;margin:0;
  font-family:var(--f-body);font-size:14px;font-weight:500;letter-spacing:0;text-transform:none;color:var(--ink);}
.field .dd-opt:hover{background:var(--accent-tint);}
.field .dd-opt input{width:auto;margin:0;padding:0;background:none;border:none;accent-color:var(--accent);flex:none;}
.field .dd-opt.soon span{color:var(--ink-soft);}

.band-sec{background:var(--band);color:var(--band-ink);}
.band-sec h2{color:#fff;}
.band-sec p{color:var(--band-soft);}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--band-line);
  border:1px solid var(--band-line);border-radius:var(--r);overflow:hidden;margin-top:42px;}
@media (max-width:900px){.steps{grid-template-columns:repeat(2,1fr);}}
@media (max-width:500px){.steps{grid-template-columns:1fr;}}
.step{background:var(--band);padding:26px 24px 28px;}
.step-n{font-family:var(--f-mono);font-size:11px;letter-spacing:.1em;color:var(--band-soft);}
.step b{display:block;font-family:var(--f-display);font-size:17px;font-weight:600;color:#fff;
  margin:12px 0 8px;letter-spacing:-0.02em;}
.step span{font-size:14px;color:var(--band-soft);line-height:1.55;}

.filterbar{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:26px;}
.filters{display:flex;gap:9px;flex-wrap:wrap;}
.chip{padding:8px 15px;border-radius:20px;border:1px solid var(--line);background:var(--surface);
  font-size:13.5px;font-weight:500;cursor:pointer;color:var(--ink-soft);
  transition:background .18s,color .18s,border-color .18s;}
.chip:hover{border-color:var(--accent);color:var(--accent);}
.chip[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:#fff;}
.brand-pick{display:flex;align-items:center;gap:9px;}
.brand-pick label{font-family:var(--f-mono);font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-faint);}
.brand-pick select{background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 11px;
  font-family:var(--f-body);font-size:13.5px;color:var(--ink);}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
@media (max-width:1060px){.grid{grid-template-columns:repeat(3,1fr);}}
@media (max-width:800px){.grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:480px){.grid{grid-template-columns:1fr;}}
.card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);overflow:hidden;
  display:flex;flex-direction:column;text-align:left;cursor:pointer;padding:0;
  transition:border-color .2s,box-shadow .2s,transform .2s;}
.card:hover{border-color:var(--line);box-shadow:var(--shadow-md);transform:translateY(-3px);}
.card-img{position:relative;background:var(--surface-2);}
.card-img img{width:100%;aspect-ratio:1;object-fit:cover;}.card-tag{position:absolute;top:10px;left:10px;background:rgba(255,255,255,.93);backdrop-filter:blur(6px);
  border:1px solid var(--line-soft);border-radius:5px;padding:4px 8px;font-family:var(--f-mono);
  font-size:9.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);}
.card-picked{position:absolute;top:10px;right:10px;width:24px;height:24px;border-radius:50%;
  background:var(--accent);display:none;place-items:center;}
.card-picked svg{width:13px;height:13px;stroke:#fff;fill:none;stroke-width:2.4;}
.card[data-picked="1"] .card-picked{display:grid;}
.card-body{padding:16px 17px 18px;display:flex;flex-direction:column;gap:5px;flex:1;}
.card-brand{font-family:var(--f-mono);font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:var(--accent);}
.card-name{font-family:var(--f-display);font-size:16px;font-weight:600;letter-spacing:-0.015em;line-height:1.25;}
.card-sku{font-family:var(--f-mono);font-size:10.5px;color:var(--ink-faint);letter-spacing:.04em;}
.card-foot{margin-top:auto;padding-top:14px;display:flex;align-items:center;justify-content:space-between;gap:10px;
  border-top:1px solid var(--line-soft);}
.card-more{font-size:13px;font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:6px;}
.card-more svg{width:13px;height:13px;stroke:currentColor;fill:none;stroke-width:2;}
.card-avail{font-family:var(--f-mono);font-size:10px;letter-spacing:.05em;color:var(--ok);
  background:var(--ok-tint);border-radius:5px;padding:3px 7px;}

.pr-band{background:var(--surface);border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);}
.pr-grid{display:grid;grid-template-columns:1fr;gap:60px;align-items:center;padding:78px 0;max-width:820px;}
@media (max-width:940px){.pr-grid{grid-template-columns:1fr;gap:40px;}}
.pr-list{list-style:none;margin:26px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:20px 26px;}
@media (max-width:560px){.pr-list{grid-template-columns:1fr;}}
.pr-list b{display:block;font-family:var(--f-display);font-size:15.5px;font-weight:600;letter-spacing:-0.015em;margin-bottom:4px;}
.pr-list span{font-size:13.5px;color:var(--ink-soft);line-height:1.5;}
.pr-list li{border-left:2px solid var(--accent-tint);padding-left:15px;}
.pr-photo{border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-md);}
.pr-photo img{width:100%;aspect-ratio:11/8;object-fit:cover;}

.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;gap:38px;}}
.info b{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:6px;font-weight:400;}
.info div{margin-bottom:26px;}
.info a{color:var(--accent);text-decoration:none;font-weight:600;}
.info a:hover{text-decoration:underline;}
.form-card{background:var(--surface);border:1px solid var(--line-soft);border-radius:var(--r);padding:32px;box-shadow:var(--shadow-sm);}
.frow{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
@media (max-width:520px){.frow{grid-template-columns:1fr;}}
.field{margin-bottom:16px;}
.field label{display:block;font-family:var(--f-mono);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;
  color:var(--ink-faint);margin-bottom:7px;}
.field input,.field textarea,.field select{width:100%;background:var(--bg);border:1px solid var(--line);
  border-radius:8px;padding:11px 13px;font-family:var(--f-body);font-size:14.5px;color:var(--ink);}
.field textarea{resize:vertical;min-height:92px;}
.picked-box{background:var(--bg);border:1px dashed var(--line);border-radius:8px;padding:13px;min-height:56px;
  display:flex;flex-wrap:wrap;gap:8px;align-items:flex-start;}
.picked-empty{font-size:13px;color:var(--ink-faint);align-self:center;}
.ptag{display:inline-flex;align-items:center;gap:8px;background:var(--accent-tint);color:var(--accent);
  border-radius:20px;padding:6px 8px 6px 13px;font-size:12.5px;font-weight:600;}
.ptag span{font-family:var(--f-mono);font-size:10.5px;opacity:.8;font-weight:400;}
.ptag button{background:rgba(15,100,112,.14);border:none;border-radius:50%;width:19px;height:19px;cursor:pointer;
  display:grid;place-items:center;color:var(--accent);flex:none;}
.ptag button:hover{background:var(--accent);color:#fff;}
.ptag button svg{width:9px;height:9px;stroke:currentColor;stroke-width:2.6;fill:none;}

footer{border-top:1px solid var(--line-soft);padding:34px 0;}
.foot{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;
  font-family:var(--f-mono);font-size:11.5px;color:var(--ink-faint);letter-spacing:.03em;}

.backdrop{position:fixed;inset:0;background:rgba(23,38,42,.42);backdrop-filter:blur(3px);
  opacity:0;pointer-events:none;transition:opacity .28s;z-index:90;}
.backdrop.open{opacity:1;pointer-events:auto;}
.drawer{position:fixed;top:0;right:0;height:100dvh;width:min(520px,100vw);background:var(--bg);
  z-index:100;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);
  transform:translateX(100%);transition:transform .34s cubic-bezier(.4,0,.2,1);}
.drawer.open{transform:none;}
@media (prefers-reduced-motion:reduce){.drawer{transition:none;}.backdrop{transition:none;}}
.drawer-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;
  border-bottom:1px solid var(--line-soft);flex:none;}
.drawer-head h3{font-size:17px;}
.x-btn{background:var(--surface-2);border:none;border-radius:8px;width:34px;height:34px;cursor:pointer;
  display:grid;place-items:center;flex:none;transition:background .18s,color .18s;}
.x-btn:hover{background:var(--accent-tint);color:var(--accent);}
.x-btn svg{width:15px;height:15px;stroke:currentColor;stroke-width:2;fill:none;}
.drawer-body{overflow-y:auto;flex:1;padding:24px;}
.drawer-foot{border-top:1px solid var(--line-soft);padding:20px 24px;flex:none;background:var(--surface);}
.bb-img{border-radius:var(--r);overflow:hidden;background:var(--surface-2);margin-bottom:20px;}
.bb-img img{width:100%;aspect-ratio:16/11;object-fit:cover;}
.bb-brand{font-family:var(--f-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);}
.bb-name{font-size:25px;margin:9px 0 8px;letter-spacing:-0.025em;}
.bb-meta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:4px;}
.pill{display:inline-flex;align-items:center;gap:6px;border-radius:20px;padding:4px 11px;
  font-family:var(--f-mono);font-size:11px;letter-spacing:.04em;}
.pill-sku{background:var(--surface-2);color:var(--ink-soft);}
.pill-ok{background:var(--ok-tint);color:var(--ok);}
.bb-desc{color:var(--ink-soft);font-size:14.5px;margin:18px 0 0;}
.bb-specs{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line-soft);
  border:1px solid var(--line-soft);border-radius:10px;overflow:hidden;margin:22px 0 0;}
.bb-specs div{background:var(--surface);padding:13px 15px;}
.bb-specs b{display:block;font-family:var(--f-mono);font-size:9.5px;letter-spacing:.09em;
  text-transform:uppercase;color:var(--ink-faint);font-weight:400;margin-bottom:3px;}
.bb-specs span{font-size:14px;font-weight:600;}
.note{font-size:12px;color:var(--ink-faint);margin-top:12px;line-height:1.5;}

.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,90px);z-index:200;
  background:var(--ink);color:#fff;border-radius:9px;padding:12px 20px;font-size:14px;font-weight:600;
  box-shadow:var(--shadow-md);opacity:0;transition:transform .32s cubic-bezier(.22,1,.36,1),opacity .32s;}
.toast.show{transform:translate(-50%,0);opacity:1;}