/* Nearbury screens: shared components on top of home.css tokens. Mobile-first. */
.page{min-height:100vh;display:flex;flex-direction:column}
.page main{flex:1}
.pmain{padding:var(--s5) 0 var(--s7)}
.crumbs{display:flex;flex-wrap:wrap;gap:var(--s2);font-size:var(--fs-sm);color:var(--muted);margin-bottom:var(--s4)}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--ink);text-decoration:underline}
.h1{font-size:var(--fs-2xl);line-height:1.15;font-weight:var(--fw-bold);letter-spacing:-0.03em}
.meta{font-size:var(--fs-md);color:var(--muted)}
.price{font-size:var(--fs-lg);font-weight:var(--fw-price)}
.price-lg{font-size:var(--fs-2xl);font-weight:var(--fw-price);letter-spacing:-0.02em}
.divider{height:1px;background:var(--line);border:0;margin:0}
.stack{display:flex;flex-direction:column;gap:var(--s4)}
.row{display:flex;align-items:center;gap:var(--s3)}
.between{display:flex;align-items:center;justify-content:space-between;gap:var(--s4)}
.wrapx{flex-wrap:wrap}

/* Chips and filters */
.chips{display:flex;gap:var(--s2);overflow-x:auto;scrollbar-width:none;padding-bottom:2px}
.chip{flex:none;display:inline-flex;align-items:center;gap:var(--s2);height:40px;padding:0 var(--s4);border-radius:var(--r);border:1px solid var(--line);background:var(--bg);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--ink);cursor:pointer;white-space:nowrap}
.chip:hover{border-color:var(--ink)}
.chip.on{background:var(--ink);border-color:var(--ink);color:#FFFFFF}
.select{display:inline-flex;align-items:center;gap:var(--s2);height:40px;padding:0 var(--s3);border-radius:var(--r);border:1px solid var(--line);background:var(--bg);font:inherit;font-size:var(--fs-md);color:var(--ink);cursor:pointer}

/* Product grid */
.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5) var(--s3)}

/* Product page */
.pdp{display:grid;gap:var(--s6)}
.gallery{display:flex;flex-direction:column;gap:var(--s3)}
.gallery__main{aspect-ratio:1/1;background:#FFFFFF;border:1px solid var(--line);object-fit:contain}
.thumbs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.thumb{aspect-ratio:1/1;border:1px solid var(--line);border-radius:var(--r);background:#FFFFFF;object-fit:contain;padding:var(--s2);width:100%}
.thumb.on{border:2px solid var(--ink)}
.badges{display:flex;flex-wrap:wrap;gap:var(--s2)}
.badge{display:inline-flex;align-items:center;gap:var(--s2);height:32px;padding:0 var(--s3);border:1px solid var(--line);border-radius:var(--r);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--ink);background:var(--bg);cursor:pointer}
.offers{border:1px solid var(--line);border-radius:var(--r)}
.offer{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:var(--s3);width:100%;min-height:64px;padding:var(--s3) var(--s4);border:0;border-top:1px solid var(--line);background:var(--bg);font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.offer:first-child{border-top:0;border-radius:var(--r) var(--r) 0 0}
.offer:last-child{border-radius:0 0 var(--r) var(--r)}
.offer.on{background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--ink)}
.radio{width:20px;height:20px;border-radius:50%;border:2px solid #71717A;box-sizing:border-box;flex:none}
.radio.on{border:6px solid var(--ink)}
.specs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);border-top:1px solid var(--line);margin:0}
.specs dt,.specs dd{margin:0;padding:var(--s3) 0;border-bottom:1px solid var(--line);font-size:var(--fs-md)}
.specs dt{color:var(--muted)}
.buybar{display:flex;gap:var(--s2)}
.buybar .btn--p{flex:1}

/* Basket */
.cart{display:grid;gap:var(--s6)}
.shopgroup{border-top:1px solid var(--line)}
.shopgroup__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4) 0}
.line{display:grid;grid-template-columns:80px minmax(0,1fr) auto;gap:var(--s4);align-items:start;padding:var(--s4) 0;border-top:1px solid var(--line)}
.line img{width:80px;height:80px;border:1px solid var(--line);border-radius:var(--r);background:#FFFFFF;object-fit:contain}
.qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:var(--r);height:40px}
.qty button{width:40px;height:38px;border:0;background:none;font:inherit;font-size:var(--fs-lg);color:var(--ink);cursor:pointer}
.qty span{min-width:28px;text-align:center;font-weight:var(--fw-bold);font-size:var(--fs-md)}
.textbtn{border:0;background:none;padding:0;font:inherit;font-size:var(--fs-md);color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;min-height:32px}
.summary{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s3);align-self:start}
.sumrow{display:flex;justify-content:space-between;gap:var(--s3);font-size:var(--fs-md)}
.sumrow--total{font-size:var(--fs-lg);font-weight:var(--fw-bold);padding-top:var(--s3);border-top:1px solid var(--line)}
.progress{height:6px;background:var(--line);border-radius:var(--r);overflow:hidden}
.progress i{display:block;height:100%;background:var(--ink)}
.note{font-size:var(--fs-sm);color:var(--muted)}

/* Checkout */
.cohdr{border-bottom:1px solid var(--line);background:var(--bg)}
.cohdr .wrap{display:flex;align-items:center;justify-content:space-between;min-height:64px}
.secure{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--fs-md);color:var(--ink-2)}
.co{display:grid;gap:var(--s6)}
.cosec{display:flex;flex-direction:column;gap:var(--s4);padding:var(--s5) 0;border-top:1px solid var(--line)}
.cosec:first-child{border-top:0;padding-top:0}
.cosec__title{display:flex;align-items:baseline;gap:var(--s3)}
.cosec__n{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--muted)}
.express{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.paybtn{height:48px;border-radius:var(--r);font:inherit;font-size:var(--fs-md);font-weight:var(--fw-bold);cursor:pointer;border:1.5px solid var(--ink)}
.paybtn--dark{background:var(--ink);color:#FFFFFF}
.paybtn--light{background:var(--bg);color:var(--ink)}
.or{display:flex;align-items:center;gap:var(--s3);font-size:var(--fs-sm);color:var(--muted)}
.or::before,.or::after{content:"";flex:1;height:1px;background:var(--line)}
.opts{border:1px solid var(--line);border-radius:var(--r)}
.opt{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:center;gap:var(--s3);width:100%;min-height:68px;padding:var(--s3) var(--s4);border:0;border-top:1px solid var(--line);background:var(--bg);font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.opt:first-child{border-top:0;border-radius:var(--r) var(--r) 0 0}
.opt:last-child{border-radius:0 0 var(--r) var(--r)}
.opt.on{background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--ink)}
.opt__t{font-weight:var(--fw-bold);font-size:var(--fs-md)}
.opt__s{font-size:var(--fs-sm);color:var(--muted)}
.opt__p{font-weight:var(--fw-bold);font-size:var(--fs-md);white-space:nowrap}
.slots{display:flex;flex-wrap:wrap;gap:var(--s2)}
.field{display:flex;flex-direction:column;gap:var(--s2)}
.field label{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--ink)}
.input{height:48px;width:100%;padding:0 var(--s4);border:1px solid #A1A1AA;border-radius:var(--r);background:var(--bg);font:inherit;font-size:var(--fs-md);color:var(--ink)}
.input::placeholder{color:var(--muted)}
.fields2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s3)}
.saved{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);padding:var(--s4);border:1px solid var(--line);border-radius:var(--r)}
.paynow{width:100%;height:56px;font-size:var(--fs-md)}
.mini{display:grid;grid-template-columns:56px minmax(0,1fr) auto;gap:var(--s3);align-items:center}
.mini img{width:56px;height:56px;border:1px solid var(--line);border-radius:var(--r);background:#FFFFFF;object-fit:contain}

/* Confirmation, tracking, delivered */
.narrow{max-width:720px}
.okmark{width:48px;height:48px;border-radius:var(--r);background:var(--accent);display:inline-flex;align-items:center;justify-content:center}
.timeline{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.timeline li{display:grid;grid-template-columns:24px minmax(0,1fr) auto;gap:var(--s3);padding:var(--s3) 0;position:relative}
.timeline li::before{content:"";position:absolute;left:11px;top:34px;bottom:-10px;width:2px;background:var(--line)}
.timeline li:last-child::before{display:none}
.tdot{width:24px;height:24px;border-radius:var(--r);border:2px solid #A1A1AA;background:var(--bg);display:inline-flex;align-items:center;justify-content:center;position:relative;z-index:1}
.tdot--done{background:var(--ink);border-color:var(--ink)}
.tdot--now{background:var(--accent);border-color:var(--ink)}
.tt{font-weight:var(--fw-bold)}
.tt--next{color:var(--muted);font-weight:var(--fw-bold)}
.ts{font-size:var(--fs-sm);color:var(--muted)}
.panel{border:1px solid var(--line);border-radius:var(--r);padding:var(--s5)}
.stars{display:flex;gap:var(--s2)}
.star{width:48px;height:48px;border:1px solid var(--line);border-radius:var(--r);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.btnrow{display:flex;flex-wrap:wrap;gap:var(--s3)}

/* Popups spec board */
.spec{background:var(--bg-2);padding:var(--s7) var(--s6);font-family:var(--font);color:var(--ink)}
.spec *{box-sizing:border-box}
.spec h1,.spec h2,.spec h3,.spec p{margin:0}
.specgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s7) var(--s6);align-items:start}
.specitem{display:flex;flex-direction:column;gap:var(--s3)}
.cap{font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--muted)}
.sheet{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);box-shadow:0 8px 24px rgba(23,20,43,.08);padding:var(--s5);display:flex;flex-direction:column;gap:var(--s4)}
.sheet__head{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--s3)}
.sheet__title{font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:-0.01em}
.close{width:32px;height:32px;border:0;background:none;border-radius:var(--r);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink);margin:-4px -8px 0 0}
.close:hover{background:var(--bg-2)}
.toast{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) var(--s4);border-radius:var(--r);background:var(--ink);color:#FFFFFF;font-size:var(--fs-md)}
.toast a{color:#FFFFFF;font-weight:var(--fw-bold);text-decoration:underline;text-underline-offset:3px}
.codebox{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:var(--s2)}
.codebox span{height:52px;border:1px solid #A1A1AA;border-radius:var(--r);display:flex;align-items:center;justify-content:center;font-size:var(--fs-xl);font-weight:var(--fw-bold)}
.drop{height:150px;border:1.5px dashed #A1A1AA;border-radius:var(--r);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s2);font-size:var(--fs-md);color:var(--ink-2);text-align:center}
.cookie{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5);background:var(--bg);border:1px solid var(--line);border-radius:var(--r)}
.list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.list li{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);min-height:52px;border-bottom:1px solid var(--line);font-size:var(--fs-md)}

/* Sell landing */
.plans{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--r)}
.plan{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5)}
.plan + .plan{border-top:1px solid var(--line)}
.plan__price{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-0.03em;line-height:1}
.plan__price small{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--muted);letter-spacing:0}
.ticks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--s3)}
.ticks li{display:flex;gap:var(--s3);align-items:flex-start;font-size:var(--fs-md)}
.ticks svg{flex:none;margin-top:3px}
.faq{border-top:1px solid var(--line)}
.faq__q{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);width:100%;min-height:64px;padding:var(--s4) 0;border:0;border-bottom:1px solid var(--line);background:none;font:inherit;font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--ink);text-align:left;cursor:pointer}
.faq__a{padding:0 0 var(--s4);border-bottom:1px solid var(--line);color:var(--ink-2);font-size:var(--fs-md);margin:0}

/* Seller sign-up */
.onb{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s5)}
.stepper{display:flex;flex-direction:column;gap:var(--s2)}
.stepper__bar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s2)}
.stepper__bar i{height:4px;border-radius:2px;background:var(--line)}
.stepper__bar i.on{background:var(--ink)}
.gres{border:1px solid var(--line);border-radius:var(--r)}
.gres__row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s3);width:100%;min-height:72px;padding:var(--s3) var(--s4);border:0;border-top:1px solid var(--line);background:var(--bg);font:inherit;color:var(--ink);text-align:left;cursor:pointer}
.gres__row:first-child{border-top:0;border-radius:var(--r) var(--r) 0 0}
.gres__row:last-child{border-radius:0 0 var(--r) var(--r)}
.gres__row.on{background:var(--bg-2);box-shadow:inset 0 0 0 2px var(--ink)}
.fromg{display:inline-flex;align-items:center;gap:var(--s2);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--ink-2)}
.choices{display:grid;gap:var(--s2)}

/* Account */
.acct{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s5)}
.sidenav{display:flex;gap:var(--s1);overflow-x:auto;scrollbar-width:none;border-bottom:1px solid var(--line)}
.sidenav a{flex:none;display:inline-flex;align-items:center;justify-content:space-between;gap:var(--s2);min-height:44px;padding:0 var(--s3);font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--ink-2);text-decoration:none;border-radius:var(--r);white-space:nowrap}
.sidenav a:hover{background:var(--bg-2);color:var(--ink)}
.sidenav a[aria-current="page"]{background:var(--bg-2);color:var(--ink);font-weight:var(--fw-bold)}
.orderrow{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s4);align-items:center;padding:var(--s5) 0;border-top:1px solid var(--line)}
.thumbs-sm{display:flex;gap:var(--s2)}
.thumbs-sm img{width:48px;height:48px;border:1px solid var(--line);border-radius:var(--r);background:#FFFFFF;object-fit:contain}
.auth{max-width:440px;margin:0 auto;display:flex;flex-direction:column;gap:var(--s5)}
.acct__head{display:flex;flex-direction:column;gap:var(--s2);margin-bottom:var(--s5)}
.rows{border-top:1px solid var(--line)}
.rowitem{display:flex;align-items:center;justify-content:space-between;gap:var(--s4);padding:var(--s4) 0;border-bottom:1px solid var(--line)}
.rowitem__main{display:flex;flex-direction:column;gap:2px;min-width:0}
.switch{position:relative;width:44px;height:26px;border-radius:13px;background:#A1A1AA;border:0;cursor:pointer;flex:none}
.switch::after{content:"";position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#FFFFFF}
.switch.on{background:var(--ink)}
.switch.on::after{left:21px}
.danger{color:#B8341A;font-weight:var(--fw-bold)}

/* Messages */
.chat{display:grid;gap:var(--s5);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.threads{display:flex;flex-direction:column;border-bottom:1px solid var(--line)}
.thread{display:flex;flex-direction:column;gap:2px;padding:var(--s4);border:0;border-bottom:1px solid var(--line);background:var(--bg);text-align:left;font:inherit;color:var(--ink);cursor:pointer}
.thread:last-child{border-bottom:0}
.thread.on{background:var(--bg-2)}
.convo{display:flex;flex-direction:column;gap:var(--s3);padding:var(--s5)}
.bubble{max-width:78%;padding:var(--s3) var(--s4);border-radius:var(--r);font-size:var(--fs-md);line-height:1.45}
.bubble--them{background:var(--bg-2);border:1px solid var(--line);align-self:flex-start}
.bubble--me{background:var(--ink);color:#FFFFFF;align-self:flex-end}
.compose{display:flex;gap:var(--s2);padding:var(--s4);border-top:1px solid var(--line)}
.compose .input{flex:1}

/* Refer, pass */
.codepill{display:flex;align-items:center;justify-content:space-between;gap:var(--s3);height:56px;padding:0 var(--s2) 0 var(--s4);border:1.5px dashed var(--ink);border-radius:var(--r);font-size:var(--fs-lg);font-weight:var(--fw-bold);letter-spacing:.06em}
.bigstat{font-size:var(--fs-2xl);font-weight:var(--fw-bold);letter-spacing:-0.03em;line-height:1}

/* Shop page */
.shophead{display:grid;gap:var(--s5);padding-bottom:var(--s6);border-bottom:1px solid var(--line);margin-bottom:var(--s6)}
.shopmeta{display:flex;flex-wrap:wrap;gap:var(--s2) var(--s5);font-size:var(--fs-md);color:var(--ink-2)}
.verified{display:inline-flex;align-items:center;gap:var(--s2);height:28px;padding:0 var(--s3);border-radius:var(--r);background:var(--accent);font-size:var(--fs-sm);font-weight:var(--fw-bold)}

/* Help, legal, system */
.topics{display:grid;gap:0;border-top:1px solid var(--line)}
.topic{display:flex;justify-content:space-between;align-items:center;gap:var(--s4);min-height:64px;padding:var(--s4) 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--ink);font-weight:var(--fw-bold)}
.prose{max-width:70ch;display:flex;flex-direction:column;gap:var(--s4);color:var(--ink-2);font-size:var(--fs-md);line-height:1.65}
.prose h2{font-size:var(--fs-xl);color:var(--ink);font-weight:var(--fw-bold);margin-top:var(--s4)}
.toc{display:flex;flex-direction:column;gap:var(--s2);font-size:var(--fs-md)}
.toc a{color:var(--ink-2);text-decoration:none}
.toc a[aria-current="page"]{color:var(--ink);font-weight:var(--fw-bold)}
.bignum{font-size:var(--fs-display);font-weight:var(--fw-bold);letter-spacing:-0.05em;line-height:1}
.areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s5);border-top:1px solid var(--line)}
.areas li{list-style:none;display:flex;justify-content:space-between;align-items:center;min-height:56px;border-bottom:1px solid var(--line);font-size:var(--fs-md)}

/* Emails board */
.emails{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s6) var(--s5);align-items:start}
.email{background:var(--bg);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.email__top{display:flex;justify-content:space-between;align-items:center;padding:var(--s3) var(--s4);border-bottom:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted)}
.email__body{padding:var(--s5) var(--s4);display:flex;flex-direction:column;gap:var(--s3)}
.email__logo{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-0.045em}
.email__h{font-size:var(--fs-xl);font-weight:var(--fw-bold);letter-spacing:-0.02em;line-height:1.25}
.email__foot{padding:var(--s3) var(--s4);border-top:1px solid var(--line);font-size:var(--fs-sm);color:var(--muted)}
.sms{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r);padding:var(--s3) var(--s4);font-size:var(--fs-md);line-height:1.45}

@media (max-width:767px){
  .buybar{display:none}
  .paynow{display:none}
  .crumbs{font-size:var(--fs-sm)}
  .pmain{padding-top:var(--s4)}
  .summary{padding:var(--s4)}
  .line{grid-template-columns:72px minmax(0,1fr) auto;gap:var(--s3)}
  .line img{width:72px;height:72px}
  .chat{border-radius:var(--r)}
  .bubble{max-width:88%}
  .specs{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr)}
  .btnrow .btn{flex:1}
  .shophead .btnrow .btn{flex:1}
  .orderrow{grid-template-columns:minmax(0,1fr)}
  .orderrow > .btn,.orderrow > .row{justify-self:start}
}
@media (min-width:768px){
  .grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .plans{grid-template-columns:repeat(2,minmax(0,1fr))}
  .plans--3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .plan + .plan{border-top:0;border-left:1px solid var(--line)}
  .choices{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
  .acct{grid-template-columns:220px minmax(0,1fr);gap:56px;align-items:start}
  .sidenav{flex-direction:column;overflow:visible;border-bottom:0}
  .chat{grid-template-columns:320px minmax(0,1fr);gap:0}
  .threads{border-bottom:0;border-right:1px solid var(--line)}
  .shophead{grid-template-columns:minmax(0,1fr) auto;align-items:end}
  .areas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .topics{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s7)}
}
@media (min-width:1024px){
  .pmain{padding:var(--s6) 0 var(--s8)}
  .h1{font-size:var(--fs-2xl)}
  .grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s6) var(--s5)}
  .pdp{grid-template-columns:7fr 5fr;gap:56px;align-items:start}
  .cart{grid-template-columns:minmax(0,8fr) minmax(0,4fr);gap:56px}
  .co{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:72px}
  .line{grid-template-columns:96px minmax(0,1fr) auto}
  .line img{width:96px;height:96px}
}

/* Brand A */
.chip.on{background:var(--brand);border-color:var(--brand);color:#FFFFFF}.radio.on{border-color:var(--brand)}.opt.on,.offer.on,.gres__row.on{background:var(--brand-mist);box-shadow:inset 0 0 0 2px var(--brand)}.stepper__bar i.on{background:var(--brand)}.switch.on{background:var(--brand)}
.p a.btn--p,.p .btn--p{color:#FFFFFF}