/* ============================================================
   ENTHUSIAST EXCHANGE — NEW TIRES (first-party · Only Tires)
   ============================================================ */
.chero{ background:linear-gradient(90deg, rgba(13,15,17,.96) 0%, rgba(13,15,17,.82) 55%, rgba(13,15,17,.55) 100%), url("assets/exchange/hero-tires-stack.jpg") right center / cover no-repeat, var(--ocean-900); color:#fff; padding:46px 0 38px; }
.chero__kick{ font-family:var(--f-mono); font-size:10px; letter-spacing:.16em; text-transform:uppercase; color:var(--lime); margin-bottom:10px; }
.chero__kick img{ height:20px; width:auto; vertical-align:middle; margin-left:8px; }
.chero h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.8rem,4.8vw,2.9rem); line-height:.95; }
.chero h1 .hl{ color:var(--lime); }
.chero p{ margin-top:12px; font-size:14px; line-height:1.65; color:rgba(255,255,255,.75); max-width:66ch; }
.chero p b{ color:#fff; }
/* size finder */
.tfind{ background:var(--ocean-900); padding-bottom:26px; }
.tfind__card{ background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); border-radius:var(--r); padding:16px; display:grid; grid-template-columns:1fr; gap:10px; }
@media (min-width:860px){ .tfind__card{ grid-template-columns:1fr 1fr 1fr auto; align-items:end; } }
.tfind label{ font-family:var(--f-mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.6); display:block; margin-bottom:5px; }
.tfind select{ width:100%; font-size:16px; padding:11px 12px; border:1px solid rgba(255,255,255,.25); border-radius:8px; background:#1A1C1F; color:#fff; }
/* trust strip */
.tstrip{ background:var(--bone); border-bottom:1px solid var(--line); }
.tstrip .wrap{ display:grid; grid-template-columns:1fr 1fr; gap:1px; }
@media (min-width:900px){ .tstrip .wrap{ grid-template-columns:repeat(4,1fr); } }
.tsi{ padding:14px 12px; display:flex; gap:10px; align-items:flex-start; }
.tsi svg{ width:19px; height:19px; color:#CE202F; flex:none; margin-top:1px; }
.tsi b{ display:block; font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:12.5px; color:var(--ink); }
.tsi span{ font-size:11px; color:var(--carbon); line-height:1.5; }
.psec{ padding-block:30px 48px; background:var(--bone); }
.blocknum{ font-family:var(--f-mono); font-size:10px; letter-spacing:.14em; text-transform:uppercase; color:var(--command); }
.ptitle{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.4rem,3.4vw,2rem); line-height:.98; color:var(--ink); margin:6px 0 14px; }
.ptitle .hl{ color:var(--command); }
/* brand strip */
.tbrands{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; background:var(--paper); border:1px solid var(--line);
  border-radius:var(--r); padding:12px 14px; margin-bottom:16px; }
.tbrands .bchip{ background:#fff; border:1px solid var(--line-2); border-radius:9px; width:108px; height:46px;
  display:grid; place-items:center; padding:7px 12px; }
.tbrands .bchip img{ max-height:100%; max-width:100%; object-fit:contain; filter:grayscale(1); opacity:.8; transition:var(--t); }
.tbrands .bchip:hover img{ filter:none; opacity:1; }
.tbrands__more{ font-family:var(--f-mono); font-size:9px; letter-spacing:.06em; text-transform:uppercase; color:var(--carbon); margin-left:auto; }
/* tire cards */
.tgrid{ display:grid; grid-template-columns:1fr; gap:14px; }
@media (min-width:640px){ .tgrid{ grid-template-columns:1fr 1fr; } }
@media (min-width:1020px){ .tgrid{ grid-template-columns:repeat(3,1fr); } }
.tc{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:16px; position:relative; display:flex; flex-direction:column; gap:8px; }
.tc__newchip{ position:absolute; top:12px; left:12px; font-family:var(--f-head); font-weight:800; font-size:11px;
  letter-spacing:.06em; text-transform:uppercase; background:#15803d; color:#fff; padding:4px 10px; border-radius:var(--pill); }
.tc__badge{ position:absolute; top:12px; right:12px; font-family:var(--f-mono); font-size:8px; letter-spacing:.07em; text-transform:uppercase; background:#101214; color:#fff; padding:4px 9px; border-radius:var(--pill); }
.tc__img{ width:130px; height:130px; object-fit:contain; align-self:center; }
.tc__tag{ font-family:var(--f-mono); font-size:8.5px; letter-spacing:.08em; text-transform:uppercase; color:#CE202F; }
.tc__mfg{ height:15px; max-width:92px; width:auto; object-fit:contain; object-position:left; display:block; margin:2px 0 1px; }
.tc__stars{ font-family:var(--f-mono); font-size:10px; color:var(--carbon); }
.tc__stars b{ color:#F5A623; letter-spacing:1px; font-weight:500; }
.tc__seller{ display:flex; align-items:center; gap:8px; text-decoration:none; border-top:1px dashed var(--line-2); padding-top:9px; margin-top:2px; }
.tc__seller span.av{ width:24px; height:24px; border-radius:7px; background:#101214; display:grid; place-items:center; flex:none; }
.tc__seller span.av img{ width:19px; height:auto; }
.tc__seller .t{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.03em; color:var(--ink); }
.tc__seller .t b{ color:#F5A623; font-weight:500; }
.tc__seller:hover .t{ color:#CE202F; }
.tc h3{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:16.5px; line-height:1.02; color:var(--ink); }
.tc__sizes{ display:flex; flex-wrap:wrap; gap:5px; }
.tc__sz{ font-family:var(--f-mono); font-size:9px; letter-spacing:.02em; background:var(--bone); border:1px solid var(--line-2); border-radius:var(--pill); padding:4px 9px; color:var(--ink); }
.tc__price{ font-family:var(--f-head); font-weight:800; font-size:21px; color:var(--ink); }
.tc__price span{ font-size:12px; color:var(--carbon); font-weight:400; font-family:var(--f-body); }
.tc__live{ font-family:var(--f-mono); font-size:8.5px; letter-spacing:.06em; text-transform:uppercase; color:#15803d; }
.tc__row{ display:flex; gap:10px; align-items:center; margin-top:auto; padding-top:4px; }
.tc__install{ font-family:var(--f-mono); font-size:9px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); text-decoration:underline; text-underline-offset:2px; }
.tc__install:hover{ color:#CE202F; }
/* Only Tires family band */
.otfam{ background:#101214; border-radius:var(--r); padding:26px 24px; margin-bottom:20px; display:flex; flex-wrap:wrap; gap:20px; align-items:center; position:relative; overflow:hidden; border:1.5px solid #CE202F; }
.otfam::after{ content:""; position:absolute; left:0; right:0; bottom:0; height:6px;
  background:repeating-linear-gradient(90deg, #CE202F 0 14px, transparent 14px 22px); opacity:.8; }
.otfam__logo{ flex:none; }
.otfam__logo img{ height:52px; width:auto; display:block; }
.otfam__logo .fam{ display:flex; align-items:center; gap:7px; margin-top:9px; font-family:var(--f-mono); font-size:8.5px; letter-spacing:.1em; text-transform:uppercase; color:rgba(255,255,255,.55); }
.otfam__logo .fam img{ height:20px; filter:none; }
.otfam__t{ flex:1; min-width:250px; }
.otfam__t .k{ font-family:var(--f-mono); font-size:9px; letter-spacing:.14em; text-transform:uppercase; color:var(--lime); margin-bottom:6px; }
.otfam__t h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; color:#fff; font-size:clamp(1.1rem,2.6vw,1.5rem); line-height:1.02; }
.otfam__t p{ color:rgba(255,255,255,.72); font-size:12.5px; line-height:1.65; margin-top:6px; }
.otfam__t p b{ color:#fff; }
/* top 5 picks */
.top5{ margin-bottom:18px; }
.top5__row{ display:grid; grid-template-columns:1fr; gap:9px; }
@media (min-width:900px){ .top5__row{ grid-template-columns:repeat(5,1fr); } }
.t5{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:12px 13px; display:flex; gap:11px; align-items:center; }
.t5__n{ font-family:var(--f-head); font-weight:800; font-size:26px; color:#CE202F; line-height:1; flex:none; }
.t5 img{ width:44px; height:44px; object-fit:contain; flex:none; }
.t5 .t{ min-width:0; }
.t5 .t b{ display:block; font-size:11.5px; color:var(--ink); line-height:1.25; }
.t5 .t span{ font-family:var(--f-mono); font-size:8.5px; color:var(--carbon); text-transform:uppercase; letter-spacing:.03em; }
/* filter rail + sort */
.tlayout{ display:grid; grid-template-columns:1fr; gap:18px; }
@media (min-width:1000px){ .tlayout{ grid-template-columns:250px 1fr; align-items:start; } }
.trail{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); }
.trail summary{ list-style:none; cursor:pointer; padding:13px 15px; font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:13.5px; color:var(--ink); display:flex; justify-content:space-between; align-items:center; }
.trail summary::-webkit-details-marker{ display:none; }
.trail summary::after{ content:"+"; font-size:17px; color:#CE202F; }
.trail[open] summary::after{ content:"–"; }
.trail__body{ padding:0 15px 15px; }
.tfg{ border-top:1px solid var(--line-2); padding:11px 0; }
.tfg > b{ display:block; font-family:var(--f-mono); font-size:9px; letter-spacing:.1em; text-transform:uppercase; color:var(--carbon); margin-bottom:8px; }
.tfg label{ display:flex; align-items:center; gap:8px; font-size:12.5px; color:var(--ink); padding:3px 0; cursor:pointer; }
.tfg label input{ accent-color:#CE202F; width:15px; height:15px; }
.tfg label span{ margin-left:auto; font-family:var(--f-mono); font-size:9px; color:var(--carbon); }
.tsort{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:13px; }
.tsort .res{ font-family:var(--f-mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); }
.tsort select{ font-size:13px; padding:9px 12px; border:1px solid var(--line-input); border-radius:8px; background:#fff; color:var(--ink); }
/* bands */
.tband{ margin-top:20px; background:var(--ocean-900); border-radius:var(--r); padding:22px; display:flex; flex-wrap:wrap; gap:15px; align-items:center; }
.tband img{ height:28px; width:auto; flex:none; }
.tband .t{ flex:1; min-width:240px; }
.tband .t .k{ font-family:var(--f-mono); font-size:9px; letter-spacing:.12em; text-transform:uppercase; color:var(--lime); margin-bottom:5px; }
.tband .t h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; color:#fff; font-size:clamp(1rem,2.4vw,1.3rem); line-height:1.05; }
.tband .t p{ color:rgba(255,255,255,.72); font-size:12px; line-height:1.6; margin-top:5px; }
.tband .t p b{ color:#fff; }
.mononote{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); margin-top:14px; line-height:1.8; }

/* ==== utilities (extracted from inline style attributes) ==== */
.u050067f{ color:var(--lime) !important; font-weight:700 !important; }
.u5dab486{ flex:none !important; }
.u6c3ca25{ font-size:14px !important; }
.u709c811{ font-family:var(--f-mono) !important; font-size:9px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:rgba(255,255,255,.55) !important; margin-top:10px !important; }
.u8fdce8d{ text-decoration:none !important; }
.u989c36e{ color:#CE202F !important; }
.ub30e2c0{ margin-bottom:8px !important; }
.uca8b030{ display:flex !important; align-items:center !important; gap:8px !important; font-family:var(--f-mono) !important; font-size:9.5px !important; letter-spacing:.06em !important; text-transform:uppercase !important; color:var(--carbon) !important; }
.ud79ce2b{ margin-top:8px !important; }