/* ============================================================
   ENTHUSIAST EXCHANGE — TIRE PDP (first-party · Only Tires)
   ============================================================ */
.crumb{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.06em; text-transform:uppercase; color:var(--carbon); padding:14px 0 0; }
.crumb a{ color:var(--carbon); } .crumb a:hover{ color:#CE202F; }
.tp{ display:grid; grid-template-columns:1fr; gap:26px; padding:18px 0 40px; }
@media (min-width:960px){ .tp{ grid-template-columns:1fr 1.15fr; align-items:start; } }
.tp__imgbox{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:26px; position:relative; }
.tp__imgbox img{ width:100%; max-width:420px; margin:0 auto; display:block; }
.tp__new{ position:absolute; top:14px; left:14px; font-family:var(--f-head); font-weight:800; font-size:12px; letter-spacing:.06em; text-transform:uppercase; background:#15803d; color:#fff; padding:5px 12px; border-radius:var(--pill); }
.tp__sold{ position:absolute; top:14px; right:14px; font-family:var(--f-mono); font-size:8.5px; letter-spacing:.07em; text-transform:uppercase; background:#101214; color:#fff; padding:5px 10px; border-radius:var(--pill); }
.tp__kick{ font-family:var(--f-mono); font-size:10px; letter-spacing:.1em; text-transform:uppercase; color:#CE202F; margin-bottom:6px; }
.tp h1{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:clamp(1.5rem,3.4vw,2.1rem); line-height:.95; color:var(--ink); margin-bottom:8px; }
.tp__sub{ font-family:var(--f-mono); font-size:11px; color:var(--carbon); line-height:1.6; margin-bottom:14px; }
.tp__badges{ display:flex; gap:8px; flex-wrap:wrap; margin-bottom:16px; }
.tp__bdg{ font-family:var(--f-mono); font-size:9px; letter-spacing:.05em; text-transform:uppercase; border:1px solid var(--line-input); border-radius:var(--pill); padding:5px 11px; color:var(--ink); }
.tp__bdg--green{ background:rgba(34,166,81,.1); border-color:transparent; color:#15803d; font-weight:500; }
/* size picker */
.szpick{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; margin-bottom:14px; }
.szpick__head{ padding:12px 15px; background:#101214; color:#fff; display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; }
.szpick__head b{ font-family:var(--f-head); text-transform:uppercase; font-size:14px; }
.szfilter{ display:flex; gap:6px; }
.szf{ font-family:var(--f-mono); font-size:10px; letter-spacing:.05em; border:1px solid rgba(255,255,255,.3); background:none; color:#fff; border-radius:var(--pill); padding:6px 13px; cursor:pointer; }
.szf[aria-pressed="true"]{ background:#CE202F; border-color:#CE202F; }
.szrow{ display:flex; align-items:center; gap:12px; padding:12px 15px; border-top:1px solid var(--line-2); }
.szrow[hidden]{ display:none; }
.szrow__spec{ flex:1; min-width:0; }
.szrow__spec b{ display:block; font-family:var(--f-mono); font-size:13px; color:var(--ink); }
.szrow__spec span{ font-family:var(--f-mono); font-size:9.5px; color:var(--carbon); }
.szrow__price{ font-family:var(--f-head); font-weight:800; font-size:18px; color:var(--ink); white-space:nowrap; }
.szrow__price span{ font-size:11px; color:var(--carbon); font-weight:400; font-family:var(--f-body); }
.szrow .btn{ flex:none; }
/* install module */
.inst{ background:var(--paper); border:1.5px solid #CE202F; border-radius:var(--r); padding:15px 16px; margin-bottom:14px; }
.inst__top{ display:flex; align-items:flex-start; gap:11px; }
.inst__top svg{ width:20px; height:20px; color:#CE202F; flex:none; margin-top:2px; }
.inst__top b{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:14px; color:var(--ink); display:block; }
.inst__top p{ font-size:12px; line-height:1.55; color:var(--carbon); margin-top:3px; }
.inst__row{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-top:11px; flex-wrap:wrap; }
.inst__price{ font-family:var(--f-mono); font-size:11px; color:var(--ink); }
.inst__toggle{ font-family:var(--f-mono); font-size:10px; letter-spacing:.05em; text-transform:uppercase; border:1.5px solid var(--ink); background:none; color:var(--ink); border-radius:var(--pill); padding:8px 15px; cursor:pointer; }
.inst__toggle[aria-pressed="true"]{ background:#15803d; border-color:#15803d; color:#fff; }
.inst a{ font-family:var(--f-mono); font-size:9px; letter-spacing:.05em; text-transform:uppercase; color:#CE202F; }
/* spec table */
.tspec{ background:var(--paper); border:1px solid var(--line); border-radius:var(--r); overflow:hidden; margin-top:26px; }
.tspec h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; font-size:16px; color:var(--ink); padding:15px 17px 5px; }
.tspec table{ width:100%; border-collapse:collapse; }
.tspec td{ padding:10px 17px; border-top:1px solid var(--line-2); font-size:12.5px; color:var(--carbon); }
.tspec td:first-child{ font-family:var(--f-mono); font-size:10px; letter-spacing:.06em; text-transform:uppercase; width:42%; }
.tspec td b{ color:var(--ink); }
.mononote{ font-family:var(--f-mono); font-size:9.5px; letter-spacing:.05em; text-transform:uppercase; color:var(--carbon); margin-top:12px; line-height:1.8; }
.xband{ background:var(--ocean-900); border-radius:var(--r); padding:20px 22px; display:flex; flex-wrap:wrap; gap:14px; align-items:center; margin:8px 0 40px; }
.xband .t{ flex:1; min-width:240px; }
.xband .t h2{ font-family:var(--f-head); font-weight:800; text-transform:uppercase; color:#fff; font-size:clamp(1rem,2.3vw,1.25rem); }
.xband .t p{ color:rgba(255,255,255,.72); font-size:12px; margin-top:4px; line-height:1.6; }

/* ==== utilities (extracted from inline style attributes) ==== */
.u26c2512{ display:inline-flex !important; align-items:center !important; gap:7px !important; text-decoration:none !important; }
.u4611933{ font-family:var(--f-mono) !important; font-size:9.5px !important; color:var(--ink) !important; }
.u54a40d7{ display:flex !important; align-items:center !important; gap:10px !important; }
.u576d1f1{ color:#15803d !important; }
.u5dab486{ flex:none !important; }
.u893be22{ color:#F5A623 !important; }
.u8ea7635{ width:17px !important; }
.u9c84315{ display:flex !important; align-items:center !important; gap:14px !important; flex-wrap:wrap !important; margin-bottom:12px !important; }
.ua8b9e33{ color:#F5A623 !important; letter-spacing:1px !important; font-weight:500 !important; }
.ub592715{ color:#fff !important; }
.uc6abb09{ font-family:var(--f-mono) !important; font-size:11px !important; color:var(--carbon) !important; }
.ud09ab2b{ height:20px !important; width:auto !important; }
.uec3dd84{ width:22px !important; height:22px !important; border-radius:6px !important; background:#101214 !important; display:grid !important; place-items:center !important; }