/* ============================================================
   EXCHANGE SELL FLOW — the "list your setup" wizard, mocked
   as a walkthrough. Anatomy: hero → step rail → 4 step panels
   (search/prefill · condition+photos · pricing comps · payout)
   → fee comparison → FAQ. Uses only fi-styles.css variables.
   ============================================================ */
.crumbs{ background:var(--paper); border-bottom:1px solid var(--line); }
.crumbs__inner{ display:flex; flex-wrap:wrap; align-items:center; gap:8px; padding:11px 0;
  font-family:var(--f-mono); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; }
.crumbs a{ color:var(--carbon); } .crumbs a:hover{ color:var(--command); }
.crumbs .sep{ color:var(--line-input); } .crumbs .cur{ color:var(--ink); font-weight:500; }

/* hero */
.shero{ position:relative; background:var(--ocean-900); color:#fff; overflow:hidden; }
.shero__ghost{ position:absolute; right:-2%; top:50%; transform:translateY(-50%); font-family:var(--f-head); font-weight:900;
  font-size:clamp(80px,15vw,190px); line-height:1; color:transparent; -webkit-text-stroke:1.5px rgba(255,255,255,.07);
  pointer-events:none; user-select:none; white-space:nowrap; }
.shero__inner{ position:relative; z-index:2; padding-block:42px 44px; }
.shero__kicker{ font-family:var(--f-mono); font-size:11px; letter-spacing:.16em; text-transform:uppercase; color:var(--lime); }
.shero h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.9rem,5vw,3.1rem); line-height:.95; margin:12px 0 14px; }
.shero h1 .lime{ color:var(--lime); }
.shero__sub{ font-size:15px; line-height:1.65; color:rgba(255,255,255,.82); max-width:60ch; }
.shero__facts{ display:flex; gap:26px; flex-wrap:wrap; margin-top:22px; }
.sfact{ font-family:var(--f-mono); font-size:11px; letter-spacing:.06em; text-transform:uppercase; color:var(--steel); display:flex; align-items:center; gap:8px; }
.sfact b{ color:var(--lime); font-weight:500; }

/* hero background + worth-check card */
.shero__bg{ position:absolute; inset:0; z-index:0; }
.shero__bg img{ width:100%; height:100%; object-fit:cover; object-position:center; }
.shero__bg::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(100deg, rgba(16,18,20,.96) 32%, rgba(16,18,20,.82) 62%, rgba(16,18,20,.58)); }
.shero__grid{ display:grid; grid-template-columns:1fr; gap:26px; }
@media (min-width:960px){ .shero__grid{ grid-template-columns:1.15fr .85fr; align-items:center; } }
.wfind{ background:rgba(12,14,16,.72); border:1px solid var(--line-dark); border-radius:var(--r);
  padding:18px 18px 16px; backdrop-filter:blur(5px); }
.wfind__lbl{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--lime); margin-bottom:4px; }
.wfind__sub{ font-size:12.5px; color:rgba(255,255,255,.7); line-height:1.5; margin-bottom:13px; }
.wfind__row{ display:flex; gap:9px; margin-bottom:13px; }
.wfind input{ flex:1; min-width:0; padding:11px 12px; background:rgba(255,255,255,.07);
  border:1px solid var(--line-input); border-radius:var(--r-sm); color:#fff; font-size:14px; }
.wfind input::placeholder{ color:rgba(255,255,255,.45); }
.wfind input:focus{ outline:2px solid var(--lime); outline-offset:1px; }
.wfind__result{ background:rgba(206,32,47,.08); border:1px solid rgba(206,32,47,.3); border-radius:var(--r-sm); padding:13px 14px; }
.wfind__band{ font-family:var(--f-head); font-weight:800; font-size:26px; line-height:1; color:var(--lime); }
.wfind__meta{ font-family:var(--f-mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:rgba(255,255,255,.7); margin-top:7px; line-height:1.7; }
.wfind__meta b{ color:#fff; }
.wfind__note{ margin-top:11px; font-family:var(--f-mono); font-size:9px; letter-spacing:.06em; text-transform:uppercase;
  color:rgba(255,255,255,.5); display:flex; align-items:center; gap:6px; }
.wfind__note svg{ width:12px; height:12px; color:var(--lime); flex:none; }

/* auth gate — STEP 1 OF 6: the account. Prominent by design (2026-07-27). */
.sgate{ background:var(--paper); border-bottom:1px solid var(--line); }
.sgate__inner{ display:flex; align-items:center; gap:20px; flex-wrap:wrap; padding-block:24px; }
.sgate__ico{ width:52px; height:52px; border-radius:50%; background:var(--command); color:#fff; display:grid; place-items:center; flex:none; }
.sgate__ico svg{ width:24px; height:24px; }
.sgate__txt{ flex:1; min-width:250px; }
.sgate__kick{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.14em; text-transform:uppercase; color:var(--command); margin-bottom:5px; }
.sgate__title{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:20px; line-height:1; color:var(--ink); margin-bottom:6px; }
.sgate__msg{ font-size:13px; color:var(--carbon); line-height:1.55; max-width:62ch; }
.sgate__msg b{ color:var(--ink); }
.sgate__msg a{ color:var(--command); text-decoration:underline; text-underline-offset:2px; }
.sgate__acts{ display:flex; flex-direction:column; gap:8px; min-width:210px; }
.sgate__acts .btn{ text-align:center; }
.sgate__alt{ font-size:11.5px; color:var(--carbon); text-align:center; line-height:1.5; }
.sgate__alt a{ color:var(--command); text-decoration:underline; text-underline-offset:2px; font-weight:700; }
@media (max-width:700px){
  .sgate__inner{ gap:14px; }
  .sgate__ico{ display:none; }
  .sgate__acts{ width:100%; min-width:0; }
}
/* payout chooser — REQUIRED selection */
.paysel{ display:grid; grid-template-columns:1fr; gap:10px; }
@media (min-width:768px){ .paysel{ grid-template-columns:1fr 1fr; } }
.psopt{ position:relative; border:1.5px solid var(--line-input); border-radius:var(--r); padding:16px 16px 14px;
  background:var(--paper); cursor:pointer; transition:var(--t); }
.psopt:hover{ border-color:var(--command); }
.psopt.is-selected{ border-color:var(--command); box-shadow:inset 0 0 0 1.5px var(--command); background:rgba(206,32,47,.03); }
.psopt__check{ position:absolute; top:12px; right:12px; width:20px; height:20px; border-radius:50%;
  border:2px solid var(--line-input); display:grid; place-items:center; color:#fff; }
.psopt.is-selected .psopt__check{ background:var(--command); border-color:var(--command); }
.psopt__check svg{ width:11px; height:11px; opacity:0; }
.psopt.is-selected .psopt__check svg{ opacity:1; }
.psopt__lbl{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--carbon); }
.psopt__amt{ font-family:var(--f-head); font-weight:800; font-size:26px; line-height:1; color:var(--ink); margin:7px 0 4px; }
.psopt__sub{ font-family:var(--f-mono); font-size:10px; letter-spacing:.04em; text-transform:uppercase; color:var(--carbon); margin-bottom:8px; }
.psopt p{ font-size:12.5px; line-height:1.55; color:var(--carbon); }
.psopt p b{ color:var(--ink); }
.paysel__req{ margin-top:11px; font-family:var(--f-mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase;
  color:var(--orange-deep); display:flex; align-items:center; gap:7px; }
.paysel__req.is-ok{ color:#15803d; }
.paysel__req svg{ width:13px; height:13px; flex:none; }
/* review & publish */
.pub__sum{ display:flex; gap:14px; padding:15px; border:1px solid var(--line); border-radius:var(--r); margin-bottom:14px; flex-wrap:wrap; }
.pub__thumb{ width:86px; height:86px; border:1px solid var(--line); border-radius:var(--r-sm); overflow:hidden; flex:none; }
.pub__thumb img{ width:100%; height:100%; object-fit:cover; }
.pub__name{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:16.5px; line-height:1.05; color:var(--ink); }
.pub__meta{ font-family:var(--f-mono); font-size:10.5px; color:var(--carbon); margin-top:6px; line-height:1.8; }
.pub__meta b{ color:var(--ink); }
.pub__rows{ border:1px solid var(--line); border-radius:var(--r); overflow:hidden; margin-bottom:16px; }
.pub__row{ display:flex; justify-content:space-between; gap:12px; padding:11px 14px; border-bottom:1px solid var(--line-2); font-size:13px; color:var(--carbon); }
.pub__row:last-child{ border-bottom:none; }
.pub__row b{ color:var(--ink); font-family:var(--f-mono); font-size:12px; font-weight:500; }
.pub__row--hero{ background:var(--bone); }
.pub__row--hero b{ font-family:var(--f-head); font-size:16px; font-weight:800; }
.pub__terms{ display:flex; gap:10px; align-items:flex-start; padding:13px 14px; border:1.5px solid var(--line-input); border-radius:var(--r-sm);
  font-size:12.5px; color:var(--carbon); line-height:1.55; margin-bottom:14px; cursor:pointer; transition:var(--t); }
.pub__terms:hover{ border-color:var(--command); }
.pub__terms.is-checked{ border-color:var(--command); background:rgba(206,32,47,.03); }
.pub__terms input{ margin-top:2px; accent-color:var(--command); width:16px; height:16px; flex:none; }
.pub__terms b{ color:var(--ink); }
.pub__terms a{ color:var(--command); text-decoration:underline; text-underline-offset:2px; }
.pub__go.is-disabled{ opacity:.45; pointer-events:none; }
.pub__hint{ margin-top:10px; font-family:var(--f-mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); text-align:center; }

/* step rail */
.srail{ background:var(--paper); border-bottom:1px solid var(--line); position:sticky; top:0; z-index:40; }
.srail__inner{ display:flex; gap:4px; overflow-x:auto; padding-block:12px; }
.srail__step{ display:flex; align-items:center; gap:9px; font-family:var(--f-mono); font-size:10.5px;
  letter-spacing:.06em; text-transform:uppercase; color:var(--carbon); padding:8px 14px; border-radius:var(--pill);
  white-space:nowrap; transition:var(--t); }
.srail__step:hover{ color:var(--command); }
.srail__step.is-active{ background:var(--ocean-900); color:#fff; }
.srail__step.is-active .n{ background:var(--lime); color:var(--on-lime); }
.srail__step .n{ width:20px; height:20px; border-radius:50%; background:var(--bone-2); color:var(--ocean);
  display:grid; place-items:center; font-size:9.5px; font-weight:500; flex:none; }

/* step sections */
.ssec{ padding:44px 0; }
.ssec--bone{ background:var(--bone); }
.blocknum{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--command); }
.ssec h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:26px; line-height:.95; color:var(--ink); margin:8px 0 10px; }
.ssec h2 .hl{ color:var(--command); }
.ssec__lead{ font-size:14.5px; line-height:1.65; color:var(--carbon); max-width:64ch; margin-bottom:22px; }
.ssec__lead b{ color:var(--ink); }

/* wizard panel chrome */
.wiz{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); box-shadow:var(--sh-sm); overflow:hidden; }
.ssec--bone .wiz{ box-shadow:var(--sh); }
.wiz__head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:13px 18px;
  border-bottom:1px solid var(--line-2); background:var(--bone); }
.wiz__title{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--ink); font-weight:500; }
.wiz__save{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--carbon); }
.wiz__body{ padding:20px 18px; }

/* step 1 — category + search/prefill */
.cats{ display:grid; grid-template-columns:repeat(2,1fr); gap:10px; margin-bottom:18px; }
@media (min-width:768px){ .cats{ grid-template-columns:repeat(6,1fr); } }
.cat{ border:1px solid var(--line-input); border-radius:var(--r); padding:12px 6px; text-align:center; transition:var(--t); cursor:pointer; }
.cat:hover{ border-color:var(--command); }
.cat.is-active{ border-color:var(--command); background:rgba(206,32,47,.05); box-shadow:inset 0 0 0 1px var(--command); }
.cat__ico{ width:34px; height:34px; margin:0 auto 7px; color:var(--command); }
.cat__ico svg{ width:100%; height:100%; }
.cat__lbl{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:11.5px; color:var(--ink); }
.fld{ margin-bottom:14px; }
.fld label{ display:block; font-family:var(--f-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--carbon); margin-bottom:6px; }
.fld input,.fld select{ width:100%; padding:12px 13px; border:1px solid var(--line-input); border-radius:var(--r-sm); font-size:15px; color:var(--ink); background:var(--paper); }
.fld input:focus{ outline:2px solid var(--command); outline-offset:1px; }
.prefill{ border:1px solid var(--command); border-radius:var(--r); overflow:hidden; }
.prefill__head{ display:flex; align-items:center; gap:8px; padding:11px 14px; background:var(--ocean-900); color:#fff;
  font-family:var(--f-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; }
.prefill__head svg{ width:15px; height:15px; color:var(--lime); flex:none; }
.prefill__head b{ color:var(--lime); font-weight:500; }
.prefill__grid{ display:grid; grid-template-columns:repeat(2,1fr); }
@media (min-width:768px){ .prefill__grid{ grid-template-columns:repeat(4,1fr); } }
.prefill__cell{ padding:11px 14px; border-top:1px solid var(--line-2); }
.prefill__cell .k{ font-family:var(--f-mono); font-size:8.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--carbon); }
.prefill__cell .v{ font-family:var(--f-mono); font-size:12.5px; color:var(--ink); font-weight:500; margin-top:3px; }

.fld-row2{ display:grid; grid-template-columns:1fr; gap:10px; }
@media (min-width:560px){ .fld-row2{ grid-template-columns:1fr 1fr; } }
/* step 2 — condition + photos */
.grades{ display:grid; grid-template-columns:1fr 1fr; gap:10px; margin-bottom:20px; }
@media (min-width:768px){ .grades{ grid-template-columns:repeat(4,1fr); } }
.grade{ border:1px solid var(--line-input); border-radius:var(--r); padding:14px; cursor:pointer; transition:var(--t); }
.grade:hover{ border-color:var(--command); }
.grade.is-active{ border-color:var(--command); background:rgba(206,32,47,.05); box-shadow:inset 0 0 0 1px var(--command); }
.grade__flag{ margin-bottom:8px; }
.grade p{ font-size:12px; line-height:1.5; color:var(--carbon); }
.flag--new{ background:var(--lime); color:var(--on-lime); }
.flag--exc{ background:var(--command); color:#fff; }
.flag--good{ background:var(--ocean-900); color:#fff; }
.flag--fair{ background:var(--orange-deep); color:#fff; }
.shots{ display:grid; grid-template-columns:repeat(3,1fr); gap:10px; }
@media (min-width:768px){ .shots{ grid-template-columns:repeat(6,1fr); } }
.shot{ position:relative; aspect-ratio:1/1; border:1.5px dashed var(--line-input); border-radius:var(--r-sm);
  display:grid; place-items:center; text-align:center; padding:8px; transition:var(--t); cursor:pointer; }
.shot:hover{ border-color:var(--command); }
.shot--done{ border-style:solid; border-color:var(--command); background:linear-gradient(150deg,#26282c,#101214); }
.shot--done .shot__lbl{ color:rgba(255,255,255,.55); }
.shot--done .shot__check{ position:absolute; top:6px; right:6px; width:18px; height:18px; border-radius:50%;
  background:var(--lime); color:var(--on-lime); display:grid; place-items:center; }
.shot--done .shot__check svg{ width:11px; height:11px; }
.shot__lbl{ font-family:var(--f-mono); font-size:9px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); line-height:1.5; }
.shot__lbl b{ display:block; font-size:16px; color:var(--command); font-weight:500; margin-bottom:3px; }
.shots__note{ margin-top:12px; font-size:12.5px; color:var(--carbon); line-height:1.6; }
.shots__note b{ color:var(--ink); }

/* step 3 — pricing comps */
.price-grid{ display:grid; grid-template-columns:1fr; gap:16px; }
@media (min-width:960px){ .price-grid{ grid-template-columns:1fr 1.2fr; } } /* suggest first (2026-08-26 swap) — sizes unchanged: comps keeps the wider track */
.comps{ border:1px solid var(--line); border-radius:var(--r); overflow:hidden; min-width:0; }
.price-grid > *{ min-width:0; }
.comps__head, .comp__what, .comp__meta{ overflow-wrap:anywhere; }
@media (max-width:700px){
  .comp{ flex-wrap:wrap; }
  .comp > div:last-child{ display:flex; align-items:baseline; gap:8px; }
  .comp__days{ text-align:left; margin-top:0; }
}
.comps__head{ padding:11px 14px; background:var(--bone); font-family:var(--f-mono); font-size:10px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--carbon); }
.comps__head b{ color:var(--ink); font-weight:500; }
.comp{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:11px 14px; border-top:1px solid var(--line-2); }
.comp__what{ font-size:13px; color:var(--ink); font-weight:500; }
.comp__meta{ font-family:var(--f-mono); font-size:10px; color:var(--carbon); margin-top:2px; }
.comp__price{ font-family:var(--f-head); font-weight:800; font-size:17px; color:var(--ink); white-space:nowrap; }
.comp__days{ font-family:var(--f-mono); font-size:9px; color:var(--carbon); text-align:right; margin-top:2px; }
.suggest{ background:var(--ocean-900); color:#fff; border-radius:var(--r); padding:18px; }
.suggest__lbl{ font-family:var(--f-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:var(--steel); }
.suggest__band{ font-family:var(--f-head); font-weight:800; font-size:clamp(1.6rem,3vw,2.1rem); color:var(--lime); margin:8px 0 4px; }
.suggest__note{ font-size:12.5px; color:rgba(255,255,255,.66); line-height:1.55; margin-bottom:14px; }
.suggest__fld{ display:flex; gap:8px; margin-bottom:14px; flex-wrap:wrap; }
.suggest{ min-width:0; }
.suggest__fld input{ flex:1; min-width:0; padding:12px 13px; border:1px solid rgba(255,255,255,.35); border-radius:var(--r-sm);
  background:rgba(255,255,255,.06); color:#fff; font-size:16px; font-family:var(--f-mono); }
.suggest__fld input::placeholder{ color:rgba(255,255,255,.4); }
.payout{ border-top:1px solid var(--line-dark); padding-top:12px; }
.payout__row{ display:flex; justify-content:space-between; gap:10px; font-family:var(--f-mono); font-size:11.5px;
  color:rgba(255,255,255,.7); padding-block:4px; }
.payout__row b{ color:#fff; font-weight:500; }
.payout__row--total{ border-top:1px solid var(--line-dark); margin-top:6px; padding-top:10px; }
.payout__row--total b{ color:var(--lime); font-family:var(--f-head); font-size:18px; font-weight:800; }

/* step 4 — payout / ship */
.done-grid{ display:grid; grid-template-columns:1fr; gap:12px; }
@media (min-width:768px){ .done-grid{ grid-template-columns:repeat(3,1fr); } }
.done{ border:1px solid var(--line); border-radius:var(--r); padding:18px 16px; background:var(--paper); }
.done__ico{ width:42px; height:42px; border-radius:var(--r-sm); background:var(--bone); color:var(--command);
  display:grid; place-items:center; margin-bottom:11px; }
.done__ico svg{ width:23px; height:23px; }
.done h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:15px; color:var(--ink); margin-bottom:7px; }
.done p{ font-size:12.5px; line-height:1.6; color:var(--carbon); }
.done p b{ color:var(--ink); }

/* fee comparison */
.fees{ border:1px solid var(--line); border-radius:var(--r); overflow:hidden; }
.fees__row{ display:grid; grid-template-columns:1.4fr 1fr 1fr 1fr; }
.fees__row > div{ padding:12px 14px; font-size:13px; color:var(--carbon); border-top:1px solid var(--line-2); }
.fees__row--head > div{ background:var(--bone); border-top:none; font-family:var(--f-mono); font-size:9.5px;
  letter-spacing:.08em; text-transform:uppercase; color:var(--carbon); }
.fees__row > div:first-child{ font-family:var(--f-mono); font-size:11px; letter-spacing:.04em; text-transform:uppercase; color:var(--ink); font-weight:500; }
.fees__row--fi > div{ background:rgba(206,32,47,.05); color:var(--ink); }
.fees__row .yes{ color:var(--command); font-weight:700; }
.fees__row .no{ color:var(--orange-deep); }
@media (max-width:639px){ .fees__row{ grid-template-columns:1.3fr 1fr 1fr; } .fees__row > div:nth-child(4){ display:none; } }
.fees__note{ font-family:var(--f-mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); margin-top:10px; }

/* faq */
.sfaq{ max-width:820px; }
.sfaq h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:16px; color:var(--ink); margin:18px 0 6px; }
.sfaq p{ font-size:14px; line-height:1.7; color:var(--carbon); margin-bottom:10px; }
.sfaq p b{ color:var(--ink); }
.sfaq a{ color:var(--command); text-decoration:underline; text-underline-offset:2px; }
.scta{ display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:22px; }
.scta__note{ font-family:var(--f-mono); font-size:10.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); }
/* big step cue (v2 headers) */
.stephead{ display:flex; align-items:center; gap:14px; margin-bottom:4px; }
.stephead__n{ font-family:var(--f-head); font-weight:800; font-size:52px; line-height:.9; color:#CE202F; letter-spacing:-.02em; }
.stephead__n em{ font-style:normal; font-size:22px; color:var(--carbon); font-weight:800; }
.stephead__meta{ display:flex; flex-direction:column; gap:5px; }
.stephead__lbl{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--carbon); }
.stephead__dots{ display:flex; gap:5px; }
.stephead__dots i{ width:22px; height:5px; border-radius:3px; background:var(--line-2); display:block; }
.stephead__dots i.on{ background:#CE202F; }

/* ---- block ---- */

@media (min-width:860px){ .fld-row--3x{ grid-template-columns:repeat(3,1fr) !important; } }

/* ==== utilities (extracted from inline style attributes) ==== */
.u042d518{ accent-color:#CE202F !important; }
.u07685e6{ font-family:var(--f-mono) !important; font-size:9px !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:var(--carbon) !important; margin-top:8px !important; line-height:1.7 !important; }
.u12c3ad6{ background:var(--paper) !important; border:1.5px solid #CE202F !important; border-radius:var(--r) !important; padding:17px 18px !important; margin:14px 0 18px !important; }
.u131a710{ accent-color:#CE202F !important; margin-top:2px !important; }
.u14174c7{ font-family:var(--f-mono) !important; font-size:10px !important; letter-spacing:.05em !important; text-transform:uppercase !important; border:1.5px solid #CE202F !important; background:rgba(206,32,47,.06) !important; color:#CE202F !important; border-radius:999px !important; padding:8px 14px !important; cursor:pointer !important; }
.u14c183c{ font-family:var(--f-mono) !important; font-size:8.5px !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:#CE202F !important; }
.u1affb21{ font-family:var(--f-mono) !important; font-size:8.5px !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:var(--carbon) !important; margin-top:12px !important; border-top:1px dashed var(--line-2) !important; padding-top:10px !important; }
.u1efd749{ margin-top:16px !important; }
.u272875b{ font-size:12px !important; line-height:1.55 !important; color:var(--carbon) !important; margin-top:3px !important; }
.u296ab06{ font-family:var(--f-mono) !important; font-size:9px !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:var(--carbon) !important; margin-top:8px !important; }
.u3c47a6f{ font-family:var(--f-head) !important; font-weight:800 !important; text-transform:uppercase !important; font-size:15px !important; color:var(--ink) !important; display:block !important; margin-bottom:10px !important; }
.u433594d{ flex:none !important; margin-top:2px !important; }
.u45e6f0b{ font-family:var(--f-head) !important; font-weight:800 !important; text-transform:uppercase !important; font-size:14px !important; color:var(--ink) !important; display:block !important; }
.u4eb23a8{ color:#fff !important; }
.u5188eb1{ font-size:11.5px !important; color:var(--carbon) !important; margin-top:5px !important; }
.u5988567{ width:100% !important; padding:12px 13px !important; border:1px solid var(--line-input) !important; border-radius:var(--r-sm) !important; font-size:15px !important; font-family:var(--f-body) !important; color:var(--ink) !important; line-height:1.5 !important; resize:vertical !important; }
.u65a5d11{ font-family:var(--f-mono) !important; font-size:8.5px !important; letter-spacing:.05em !important; text-transform:uppercase !important; color:var(--carbon) !important; }
.u7e9175c{ display:flex !important; gap:11px !important; align-items:flex-start !important; }
.u9532720{ background-image:url(assets/exchange/037124cf-rpf1-white-white-jpg.jpg) !important; background-size:cover !important; background-position:center !important; }
.u9690a61{ margin-top:14px !important; background:var(--paper) !important; border:1.5px solid #CE202F !important; border-radius:var(--r) !important; padding:15px 16px !important; }
.u989c36e{ color:#CE202F !important; }
.u9af57d0{ object-position:center 58% !important; }
.ua1ec103{ font-family:var(--f-mono) !important; font-size:10px !important; letter-spacing:.06em !important; text-transform:uppercase !important; border:1.5px solid #CE202F !important; color:#CE202F !important; background:none !important; border-radius:var(--pill) !important; padding:8px 15px !important; cursor:pointer !important; }
.ua372106{ color:var(--ink) !important; }
.ub4ddf6f{ background-image:url(assets/exchange/ded922d9-rpf1-black-white-jpg.jpg) !important; background-size:cover !important; background-position:center !important; }
.ubbd42c1{ color:#CE202F !important; font-weight:700 !important; }
.uce9058d{ display:flex !important; gap:8px !important; align-items:center !important; font-size:12.5px !important; color:var(--ink) !important; padding:4px 0 !important; cursor:pointer !important; }
.udea0a81{ background-image:url(assets/exchange/f2f38638-3445305-1-2026-civic-honda-si-rev9-coilo.jpg) !important; background-size:cover !important; background-position:center !important; }
.ue0a279c{ display:grid !important; grid-template-columns:1fr !important; gap:14px !important; }
.ue11a6bc{ display:flex !important; gap:8px !important; align-items:flex-start !important; font-size:12.5px !important; color:var(--ink) !important; padding:4px 0 !important; cursor:pointer !important; }
.ue2cc313{ flex:1 !important; min-width:0 !important; }
.ue32cc1c{ color:var(--command) !important; text-decoration:underline !important; text-underline-offset:2px !important; }
.ue8b7a7a{ font-family:var(--f-mono) !important; font-size:9px !important; letter-spacing:.1em !important; text-transform:uppercase !important; color:var(--carbon) !important; margin-bottom:7px !important; }
.uec07e2a{ font-family:var(--f-mono) !important; font-size:10px !important; letter-spacing:.05em !important; text-transform:uppercase !important; border:1.5px solid var(--line-input) !important; background:none !important; color:var(--ink) !important; border-radius:999px !important; padding:8px 14px !important; cursor:pointer !important; }
.uf2659cc{ display:flex !important; align-items:center !important; gap:10px !important; margin-top:7px !important; flex-wrap:wrap !important; }
.uf4e3308{ margin-top:14px !important; }
.uf7d5a6c{ display:flex !important; gap:8px !important; flex-wrap:wrap !important; margin-top:10px !important; }

/* ===== v3 (2026-07-27): demo auth lock ===== */
.sgate__ico--ok{ background:#15803d; }
.ssec.is-locked{ filter:blur(2.5px) grayscale(.4); opacity:.55; user-select:none; cursor:pointer; }
.srail__step.is-disabled{ opacity:.4; pointer-events:none; }

/* sign-in modal — DOM built by ee-auth.js, styled here (CSP: no injected styles) */
.eeam{ position:fixed; inset:0; z-index:1000; display:grid; place-items:center; padding:18px; }
.eeam__back{ position:absolute; inset:0; background:rgba(10,12,14,.62); }
.eeam__card{ position:relative; width:min(400px,100%); background:var(--paper); border-radius:var(--r); box-shadow:0 24px 60px rgba(0,0,0,.35); padding:24px 22px 18px; }
.eeam__x{ position:absolute; top:10px; right:12px; font-size:22px; line-height:1; color:var(--carbon); background:none; border:none; cursor:pointer; padding:4px 8px; }
.eeam__title{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:19px; color:var(--ink); margin-bottom:6px; }
.eeam__sub{ font-size:12.5px; line-height:1.55; color:var(--carbon); margin-bottom:6px; }
.eeam__lbl{ display:block; font-family:var(--f-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color:var(--carbon); margin:11px 0 5px; }
.eeam__in{ width:100%; padding:12px 13px; border:1px solid var(--line-input); border-radius:var(--r-sm); font-size:15px; color:var(--ink); background:var(--paper); }
.eeam__in:focus{ outline:2px solid var(--command); outline-offset:1px; }
.eeam__err{ background:rgba(206,32,47,.08); border:1px solid var(--command); color:var(--command); border-radius:var(--r-sm); font-size:12px; line-height:1.5; padding:8px 10px; margin-top:10px; }
.eeam__go{ margin:14px 0 8px; }
.eeam__demo{ font-family:var(--f-mono); font-size:8.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--carbon); text-align:center; margin-top:10px; line-height:1.6; }
body.eeam-open{ overflow:hidden; }

.okg{ color:#15803d; }

/* delivery method chips — Sharetribe-native pickup option */
.dmeth{ display:grid; grid-template-columns:1fr; gap:8px; margin-bottom:14px; }
@media (min-width:640px){ .dmeth{ grid-template-columns:1fr 1fr; } }
.dmeth__opt{ text-align:left; border:1.5px solid var(--line-input); border-radius:var(--r); background:var(--paper); padding:12px 14px; cursor:pointer; transition:var(--t); }
.dmeth__opt b{ display:block; font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:12.5px; color:var(--ink); }
.dmeth__opt span{ display:block; font-size:11px; line-height:1.5; color:var(--carbon); margin-top:3px; }
.dmeth__opt:hover{ border-color:var(--command); }
.dmeth__opt.is-on{ border-color:var(--command); box-shadow:inset 0 0 0 1.5px var(--command); }
@media (min-width:900px){ .dmeth--3{ grid-template-columns:1fr 1fr 1fr; } }

/* pickup-only explainer (2026-08-10) */
.dmnote{ border:1.5px dashed var(--line-input); border-radius:var(--r); background:var(--paper); padding:12px 14px; margin:-6px 0 14px; }
.dmnote > b{ display:block; font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:11.5px; letter-spacing:.06em; color:var(--ink); margin-bottom:6px; }
.dmnote ul{ margin:0; padding-left:16px; }
.dmnote li{ font-size:11.5px; line-height:1.6; color:var(--carbon); margin:3px 0; }

/* iOS zoom guard — text-entry fields must be >=16px */
textarea#lstDesc{ font-size:16px !important; }

/* brand-first lock + YMM fallback (fitment nuance, 2026-07-29) */
.brandrow{ display:flex; gap:9px; align-items:center; margin-bottom:12px; }
.brandrow input{ flex:1; }
.brandlock{ font-family:var(--f-mono); font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:#15803d; border:1px solid #15803d; border-radius:var(--pill); padding:6px 11px; white-space:nowrap; }
.nomatch{ font-size:11.5px; margin-top:9px; }
.nomatch a{ color:var(--command); text-decoration:underline; text-underline-offset:2px; }
.ymmfall{ border:1.5px dashed var(--line-input); border-radius:var(--r); padding:14px; margin-top:10px; }
.ymmfall__why{ font-size:12px; line-height:1.55; color:var(--carbon); margin-bottom:11px; }
.ymmfall__why b{ color:var(--ink); }
.ymmrow{ display:grid; grid-template-columns:80px 1fr 1fr; gap:9px; }
.ymmrow label{ display:block; font-family:var(--f-mono); font-size:9.5px; letter-spacing:.08em; text-transform:uppercase; color:var(--carbon); margin-bottom:5px; }
.ymmrow > div{ min-width:0; }
.ymmrow input,.ymmrow select{ width:100%; min-width:0; padding:9px 8px; border:1px solid var(--line-input); border-radius:var(--r-sm); font-size:13px; color:var(--ink); background:var(--paper); text-overflow:ellipsis; white-space:nowrap; overflow:hidden; }
@media (max-width:767px){ .ymmrow input,.ymmrow select{ font-size:16px; padding:11px 10px; } }
.ymmrow select:disabled{ opacity:.45; }

.ymmrow{ grid-template-columns:72px 1fr 1fr 1fr; margin-bottom:9px; }
.ymmadd{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--command); background:none; border:1px dashed var(--command); border-radius:var(--pill); padding:8px 14px; cursor:pointer; margin-top:2px; }
.ymmadd:hover{ background:rgba(206,32,47,.05); }

/* focus mode — one step at a time, the rail is the map (2026-07-30) */
.ssec.wiz-off{ display:none; }
.srail__step.is-done .n{ background:#15803d; color:#fff; }

/* gate demo accordion — flip auth states for the walkthrough */
.sgate{ position:relative; }
.sgate__demo-toggle{ position:absolute; top:10px; right:12px; width:26px; height:26px; border:1px dashed var(--line-input); border-radius:50%; background:var(--paper); color:var(--carbon); cursor:pointer; font-size:12px; line-height:1; transition:var(--t); }
.sgate__demo-toggle:hover{ color:var(--command); border-color:var(--command); }
.sgate__demo{ border-top:1px dashed var(--line); padding:10px 0 2px; display:flex; gap:8px; flex-wrap:wrap; align-items:center; }
.sgate__demo b{ font-family:var(--f-mono); font-weight:500; font-size:8.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--carbon); }
.sgate__demo button{ font-family:var(--f-mono); font-size:9px; letter-spacing:.05em; text-transform:uppercase; color:var(--ink); background:var(--bone); border:1px solid var(--line-input); border-radius:var(--pill); padding:6px 11px; cursor:pointer; transition:var(--t); }
.sgate__demo button:hover{ border-color:var(--command); color:var(--command); }