/* VWAG v20 — MQB community platform overhaul
   Cinematic, image-driven automotive UI. No framework required. */
:root{
  --bg:#080b0e;
  --panel:#0d1217;
  --panel-2:#11171d;
  --panel-3:#151c23;
  --border:#26313b;
  --border-strong:#35424e;
  --text:#f3f6f8;
  --muted:#94a2ae;
  --muted-2:#687681;
  --accent:#ff465d;
  --accent-2:#6bb8ff;
  --good:#55dda1;
  --warn:#f0bf5a;
  --bad:#ff6878;
  --shadow:0 18px 50px rgba(0,0,0,.32);
  --radius:12px;
  --base-font:17px;
  --sidebar-width:264px;
  --topbar-height:72px;
  --content-max:1560px;
  --ease:160ms ease;
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:dark;scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font:var(--base-font)/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body[data-density="compact"]{--radius:9px}
body.modal-open,html.modal-open{overflow:hidden}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
button:disabled{cursor:not-allowed;opacity:.5}
img,video{display:block;max-width:100%}
[hidden]{display:none!important}
::selection{background:rgba(107,184,255,.28);color:#fff}
:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}

/* App shell */
.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar-width);z-index:30;background:#090d11;border-right:1px solid #1e272f;display:flex;flex-direction:column;padding:0 12px 12px}
.brand{height:94px;display:flex;align-items:center;gap:13px;padding:0 8px;border-bottom:1px solid #1b242c;margin-bottom:12px}
.brand-mark{width:44px;height:44px;border-radius:11px;background:#f2f5f7;color:#091016;display:grid;place-items:center;font-weight:950;font-size:20px;letter-spacing:-.05em}
.brand-copy{min-width:0;display:grid;line-height:1.08}.brand-copy strong{font-size:19px;letter-spacing:.04em}.brand-copy small{margin-top:5px;color:#6f8190;font-size:10px;font-weight:850;letter-spacing:.16em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sidebar-nav{flex:1;overflow:auto;padding:4px 0 14px;scrollbar-width:thin;scrollbar-color:#27313a transparent}
.nav-group{display:grid;gap:4px}.nav-link{min-height:48px;padding:0 12px;border:1px solid transparent;border-radius:10px;display:grid;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:8px;color:#aeb9c2;font-weight:750;font-size:16px;transition:background var(--ease),border-color var(--ease),color var(--ease)}
.nav-link:hover{background:#10161c;color:#f5f7f9}.nav-link.active{background:#151c23;border-color:#2f3a44;color:#fff;box-shadow:inset 3px 0 0 var(--accent)}
.nav-icon{width:22px;color:#7f8c98;text-align:center;font-weight:900}.nav-link.active .nav-icon{color:var(--accent)}.nav-count{min-width:24px;height:24px;border-radius:12px;padding:0 7px;background:rgba(255,104,120,.15);border:1px solid rgba(255,104,120,.38);display:grid;place-items:center;color:#ff8996;font-size:11px}
.nav-separator{height:1px;background:#1f2830;margin:14px 5px}.nav-section-label{display:block;padding:0 13px 8px;color:#667581;font-size:10px;font-weight:900;letter-spacing:.16em}
.sidebar-footer{display:grid;gap:8px;padding-top:10px}.monitor-chip,.user-chip{min-height:54px;border:1px solid #26313a;border-radius:11px;background:#0d1217;display:flex;align-items:center;gap:10px;padding:8px 10px}.monitor-chip span:last-child,.user-chip>span:last-child{min-width:0;display:grid}.monitor-chip strong,.user-chip strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.monitor-chip small,.user-chip small{color:#788793;font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(85,221,161,.08)}
.user-avatar{width:35px;height:35px;border-radius:9px;background:#182029;overflow:hidden;display:grid;place-items:center;font-weight:900}.user-avatar img{width:100%;height:100%;object-fit:cover}
.app-shell{min-height:100vh;margin-left:var(--sidebar-width);display:flex;flex-direction:column;min-width:0}.topbar{position:sticky;top:0;z-index:25;height:var(--topbar-height);background:rgba(8,11,14,.95);backdrop-filter:blur(14px);border-bottom:1px solid #1e272f;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 clamp(18px,3vw,42px)}
.topbar-title{display:flex;align-items:center;gap:10px;min-width:0}.topbar-title span{border:1px solid #2b3742;border-radius:6px;padding:4px 7px;color:#91a0ac;font-size:10px;font-weight:900;letter-spacing:.12em}.topbar-title strong{font-size:16px;white-space:nowrap}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;min-width:0}.topbar-actions .user-chip{border:0;background:transparent;padding:0;min-height:42px}.topbar-actions .user-avatar{width:34px;height:34px}
.scan-mini{width:154px;display:grid;gap:4px}.scan-mini span{font-size:9px;font-weight:900;color:#9fb0bd;text-align:right;letter-spacing:.08em}.scan-mini i{height:4px;border-radius:4px;background:#1c252d;overflow:hidden}.scan-mini b{display:block;height:100%;width:100%;background:var(--good);transition:width .18s linear}.scan-mini.scanning b{background:var(--accent-2)}
.page-shell{width:100%;max-width:calc(var(--content-max) + 80px);margin:0 auto;padding:38px clamp(22px,4vw,54px) 70px;flex:1;min-width:0}.site-footer{width:100%;max-width:calc(var(--content-max) + 80px);margin:0 auto;padding:18px clamp(22px,4vw,54px) 30px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px;color:#5f6f7b;font-size:11px}.site-footer span:nth-child(2){text-align:center}.site-footer span:last-child{text-align:right}

/* Typography + controls */
h1,h2,h3,h4,p{margin-top:0}h1,h2,h3{letter-spacing:-.035em}h1{font-size:clamp(34px,3vw,48px);line-height:1.03;margin-bottom:9px}h2{font-size:clamp(24px,2vw,31px);line-height:1.12;margin-bottom:8px}h3{font-size:18px;line-height:1.25;margin-bottom:6px}p{color:var(--muted);font-size:16px}
.eyebrow{display:block;margin:0 0 8px;color:#7990a4;font-size:11px;font-weight:900;letter-spacing:.18em;text-transform:uppercase}.subtle{color:var(--muted-2);font-size:14px}.positive{color:var(--good)!important}.negative{color:var(--bad)!important}
.button{min-height:44px;border:1px solid #303c47;border-radius:9px;padding:0 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;background:#151c23;color:#e9eef2;font-weight:800;font-size:15px;line-height:1;transition:background var(--ease),border-color var(--ease),transform var(--ease)}.button:hover{background:#1c252e;border-color:#44525f}.button:active{transform:translateY(1px)}.button.primary{background:#f1f4f6;color:#0a1015;border-color:#f1f4f6}.button.primary:hover{background:#fff}.button.secondary{background:#17222c;border-color:#344452}.button.ghost{background:transparent}.button.text{background:transparent;border-color:transparent;padding:0 5px;min-height:34px}.button.danger,.icon-button.danger{color:#ff8b98}.button-row,.modal-actions,.page-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.text-link{color:#aab7c2;font-weight:750;font-size:15px}.text-link:hover{color:#fff;text-decoration:underline}.icon-button{min-height:32px;border:1px solid #2c3741;background:#11171d;color:#bac4cc;border-radius:7px;padding:0 9px;font-size:12px;font-weight:800}
input,textarea,select{width:100%;min-height:44px;border:1px solid #2d3944;border-radius:9px;background:#090e12;color:#f2f5f7;padding:10px 12px;font-size:16px;transition:border-color var(--ease),background var(--ease)}textarea{min-height:120px;resize:vertical;line-height:1.5}input::placeholder,textarea::placeholder{color:#5f6d78}input:focus,textarea:focus,select:focus{border-color:#5b6e7e;background:#0b1116;outline:none}label{color:#a9b5be;font-size:14px;font-weight:750}.form-stack{display:grid;gap:14px}.form-stack>label,.form-grid>label{display:grid;gap:7px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.span-2{grid-column:1/-1}.check-line,.check-card,.dm-toggle{display:flex!important;align-items:flex-start;gap:10px}.check-line input,.check-card input,.dm-toggle input{width:18px;height:18px;min-height:auto;margin:2px 0 0;accent-color:var(--accent)}.check-card{border:1px solid #2a3540;border-radius:10px;padding:12px;background:#0b1015}.check-card span{display:grid;gap:2px}.check-card small{color:#74828e;font-weight:500}.inline-control{display:flex;align-items:center;gap:8px}.inline-control select{width:auto;min-width:180px}.file-button{position:relative;overflow:hidden}

/* Page primitives */
.page-heading{max-width:var(--content-max);margin:0 auto 24px;display:flex;align-items:end;justify-content:space-between;gap:24px}.page-heading>div:first-child{max-width:820px}.page-heading p{margin-bottom:0}.page-heading .page-actions{justify-content:flex-end}
.panel,.hero-surface,.budget-hero,.live-scan-card,.ingestion-shell,.community-toolbar,.market-filter-panel,.custom-panel{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}
.panel{padding:20px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.section-head h2,.section-head h3{margin-bottom:0}.section-head small{color:#74828d}.split-section{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:18px 0 30px}.stat-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:16px 0}.stat-card{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:17px;display:grid;gap:3px}.stat-card span{color:#7c8995;font-size:12px;font-weight:800}.stat-card strong{font-size:26px;line-height:1.1}.stat-card small{color:#667580;font-size:11px}.spec-row{display:flex;flex-wrap:wrap;gap:7px;margin-top:7px}.spec-row span,.badge,.alert-pill{border:1px solid #2b3741;border-radius:999px;padding:4px 8px;color:#9eabb5;background:#0b1015;font-size:11px;font-weight:750}.badge.accent{border-color:rgba(255,70,93,.42);color:#ff8797;background:rgba(255,70,93,.08)}.progress{height:9px;border-radius:999px;overflow:hidden;background:#1d2630}.progress i{display:block;height:100%;background:var(--accent-2);transition:width .2s ease}.progress.large{height:11px}.empty-state{min-height:160px;border:1px dashed #2f3a45;border-radius:10px;display:grid;place-items:center;align-content:center;text-align:center;padding:24px;color:#83909a}.empty-state strong{font-size:18px;color:#e8edf1}.empty-state p{max-width:520px;margin:5px 0 12px}.empty-icon{font-size:24px;color:#5f7180}.loading-line,.page-loading{min-height:130px;display:grid;place-items:center;color:#84939e}.page-loading{gap:9px;align-content:center}.page-loading i{width:28px;height:28px;border:3px solid #29343e;border-top-color:var(--accent-2);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.muted-block{min-height:90px;border:1px dashed #28333d;border-radius:9px;display:grid;place-items:center;color:#73818c}.error-state{max-width:720px;margin:70px auto;text-align:center}.error-state span{color:var(--bad);font-weight:900}.error-state p{margin-bottom:16px}

/* Overview */
.hero-surface{padding:clamp(24px,4vw,48px);display:grid;grid-template-columns:minmax(0,1.5fr) minmax(240px,.5fr);gap:28px;min-height:270px;align-items:center;position:relative;overflow:hidden}.hero-surface:after{content:"";position:absolute;right:-100px;top:-120px;width:360px;height:360px;border-radius:50%;border:1px solid rgba(107,184,255,.1);pointer-events:none}.hero-kicker{color:var(--accent);font-size:11px;font-weight:900;letter-spacing:.17em}.hero-surface h2{font-size:clamp(36px,4.5vw,64px);max-width:780px;margin:8px 0 13px}.hero-surface p{max-width:670px;font-size:17px}.hero-actions{display:flex;gap:9px;margin-top:18px}.hero-stat{border-left:1px solid #2a3540;padding-left:24px;display:grid}.hero-stat strong{font-size:56px;line-height:1}.hero-stat span{font-size:16px;font-weight:800;margin-top:5px}.hero-stat small{color:#778691;margin-top:6px}.showcase-mini{display:grid;grid-template-columns:160px 1fr;gap:14px;align-items:center}.showcase-mini-media{height:115px;border-radius:9px;overflow:hidden;background:#121920}.showcase-mini-media img{width:100%;height:100%;object-fit:cover}.showcase-mini h3{font-size:20px;margin-bottom:4px}.showcase-mini p{margin:0}.mini-deal-list{display:grid}.mini-deal-list a{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid #202a33}.mini-deal-list a:first-child{border-top:0}.mini-deal-list span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-deal-list b{color:var(--good)}

/* Product cards + catalog */
.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.product-grid.compact-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.product-card{min-width:0;border:1px solid #27323c;background:var(--panel);border-radius:11px;overflow:hidden;display:flex;flex-direction:column;transition:border-color var(--ease),transform var(--ease)}.product-card:hover{border-color:#44515d;transform:translateY(-1px)}.product-media{height:235px;background:#f2f3f4;position:relative;overflow:hidden}.product-card.compact .product-media{height:190px}.product-media img{width:100%;height:100%;object-fit:contain}.retailer-chip,.discount-chip,.market-condition{position:absolute;top:10px;left:10px;border:1px solid rgba(255,255,255,.16);border-radius:999px;background:rgba(10,14,18,.84);backdrop-filter:blur(8px);padding:5px 8px;color:#dfe5e9;font-size:10px;font-weight:850}.discount-chip{left:auto;right:10px;background:rgba(18,95,67,.9);color:#9df0c7;border-color:rgba(99,221,160,.25)}.product-copy{padding:15px;display:flex;flex-direction:column;gap:8px;flex:1}.product-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#7c8995;font-size:11px}.product-copy h3{font-size:16px;margin:0;min-height:40px}.product-copy>small{color:#6f7d88}.product-price-row{display:flex;align-items:end;justify-content:space-between;gap:10px;padding-top:4px}.product-price-row strong{font-size:24px}.product-price-row span{color:#8d9aa5;font-size:11px}.product-fitment{color:#80909c;font-size:11px;padding-top:9px;border-top:1px solid #202a33;min-height:43px}.product-actions{display:flex;gap:6px;margin-top:auto;padding-top:4px}.product-actions .button{flex:1;min-width:0;min-height:37px;padding:0 8px;font-size:12px}
.catalog-toolbar{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius);padding:15px;margin-bottom:18px}.catalog-main-search{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(150px,.55fr));gap:9px}.catalog-filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:10px}.catalog-filters .check-line{font-weight:700;color:#9aa7b2}.garage-shortcuts{display:flex;gap:8px;overflow:auto;padding-bottom:8px;margin-bottom:12px}.garage-filter-button{min-width:235px;border:1px solid #2a3540;border-radius:10px;background:#0d1217;color:#dce2e8;text-align:left;padding:11px 13px;display:grid;gap:2px}.garage-filter-button strong{font-size:13px}.garage-filter-button small{color:#74828d}.garage-filter-button.active{border-color:var(--accent-2);background:#111a22}.ymm-finder{border:1px solid #28333d;border-radius:10px;background:#0a0f13;padding:13px;margin-bottom:14px}.ymm-grid{display:grid;grid-template-columns:repeat(4,minmax(130px,1fr)) auto;gap:8px;align-items:end}.ymm-grid label{display:grid;gap:5px}.catalog-feature{margin:20px 0 28px}.horizontal-products{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(270px,340px);gap:12px;overflow-x:auto;padding:2px 2px 12px;scroll-snap-type:x proximity}.horizontal-products>.product-card{scroll-snap-align:start}.retailer-sections{display:grid;gap:28px}.retailer-section{padding-top:4px;border-top:1px solid #1f2831}.retailer-section>.section-head{padding-top:18px}.catalog-results-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}

/* Deals */
.deals-toolbar{display:flex;gap:10px;align-items:end;margin-bottom:16px}.deals-toolbar label{display:grid;gap:6px;min-width:180px}

/* Garage */
.garage-hero{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);display:grid;grid-template-columns:minmax(0,1.4fr) minmax(330px,.6fr);overflow:hidden;min-height:520px;margin-bottom:30px}.garage-hero-media{min-height:520px;background:#0a0e12;overflow:hidden}.garage-hero-media img{width:100%;height:100%;object-fit:cover}.garage-hero-copy{padding:clamp(24px,3vw,38px);display:flex;flex-direction:column;justify-content:center}.garage-hero-copy h2{font-size:clamp(30px,3vw,43px);margin:13px 0}.garage-hero-copy p{font-size:16px}.metric-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:18px 0}.metric-grid>div{border:1px solid #27323d;border-radius:9px;padding:12px}.metric-grid span{display:block;color:#74828e;font-size:11px;text-transform:uppercase;font-weight:800}.metric-grid strong{font-size:18px}.garage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.garage-card{border:1px solid #27323b;border-radius:11px;background:var(--panel);overflow:hidden}.garage-card-media{aspect-ratio:16/10;overflow:hidden;background:#10171d;position:relative}.garage-card-media img{width:100%;height:100%;object-fit:cover}.showcase-tag{position:absolute;top:10px;left:10px;border:1px solid rgba(240,191,90,.34);background:rgba(31,25,12,.9);color:#f4d27d;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}.garage-card-copy{padding:15px}.garage-card-copy h3{margin-bottom:4px}.garage-card-copy p{font-size:13px;margin-bottom:8px}
.vehicle-picker{display:grid;grid-template-columns:minmax(300px,.85fr) minmax(360px,1.15fr);height:min(620px,70vh);border:1px solid #28343e;border-radius:11px;overflow:hidden;background:#090e12}.vehicle-picker-list{overflow:auto;border-right:1px solid #26313a}.vehicle-picker-filter{position:sticky;top:0;z-index:2;background:#0c1116;padding:12px;border-bottom:1px solid #26313a;display:grid;grid-template-columns:1fr 150px;gap:7px}.vehicle-row{width:100%;border:0;border-bottom:1px solid #202a32;background:transparent;color:#cbd3d9;text-align:left;padding:13px 14px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px}.vehicle-row:hover,.vehicle-row.selected{background:#131a21}.vehicle-row strong{font-size:14px}.vehicle-row small{display:block;color:#74818c;margin-top:3px}.vehicle-picker-preview{position:relative;overflow:hidden;background:#0c1116}.vehicle-preview-media{height:62%;overflow:hidden;background:#121920}.vehicle-preview-media img{width:100%;height:100%;object-fit:cover}.vehicle-preview-copy{padding:18px}.vehicle-preview-copy h3{font-size:24px;margin:3px 0 7px}.vehicle-picker-save{display:grid;grid-template-columns:1fr auto;gap:10px;margin-top:12px;align-items:end}.vehicle-picker-save label{display:grid;gap:6px}
.build-editor{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);gap:0;min-height:600px}.build-form{padding:4px 20px 4px 0}.build-gallery-panel{border-left:1px solid #26313a;padding-left:20px;min-width:0}.build-gallery-panel>.section-head{position:sticky;top:0;background:var(--panel);z-index:2;padding-bottom:10px}.media-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.gallery-item{border:1px solid #28333d;border-radius:9px;background:#0a0f13;overflow:hidden}.gallery-item.dragging{opacity:.45}.gallery-media{aspect-ratio:4/3;position:relative;overflow:hidden;background:#151c22}.gallery-media img,.gallery-media video{width:100%;height:100%;object-fit:cover}.gallery-item-bar{padding:7px 8px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#8b98a3;font-size:11px}.video-mark{position:absolute;inset:auto 8px 8px auto;background:#090c10;border-radius:50%;width:28px;height:28px;display:grid;place-items:center}.gallery-empty{min-height:180px;border:1px dashed #2c3741;border-radius:9px;display:grid;place-items:center;color:#74828d}

/* Watchlist / build budget */
.budget-hero{padding:22px;margin-bottom:18px;display:grid;grid-template-columns:minmax(300px,.8fr) minmax(0,1.2fr);gap:24px;position:relative;overflow:hidden}.budget-main p{margin:8px 0 0}.budget-amount{display:flex;align-items:center;gap:7px;margin-top:8px}.budget-amount>span{font-size:23px;color:#8494a0}.budget-amount input{max-width:220px;font-size:19px;font-weight:850}.budget-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.budget-kpis>div{border-left:1px solid #2b3540;padding-left:13px;display:grid;align-content:center}.budget-kpis span{font-size:11px;color:#71808c;text-transform:uppercase;font-weight:800}.budget-kpis strong{font-size:23px}.budget-progress{grid-column:1/-1;height:10px;background:#1d2630;border-radius:999px;overflow:hidden}.budget-progress i{display:block;height:100%;background:var(--accent-2)}
.watchlist-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:14px;align-items:start}.watchlist-main{min-width:0}.watchlist-head{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,.8fr) 180px;gap:14px;padding:0 16px 8px;color:#71808b;font-size:11px;font-weight:900;letter-spacing:.11em;text-transform:uppercase}.watch-row{border:1px solid #29343e;background:var(--panel);border-radius:11px;margin-bottom:10px;padding:14px 16px;display:grid;grid-template-columns:minmax(0,1.8fr) minmax(220px,.8fr) 180px;gap:14px;align-items:center;min-width:0}.watch-part{display:grid;grid-template-columns:106px minmax(0,1fr);gap:13px;align-items:center;min-width:0}.watch-part>img,.watch-part>.media-placeholder{width:106px;height:80px;border-radius:8px;object-fit:contain;background:#eef0f2}.watch-part h3{font-size:16px;margin:2px 0 4px}.watch-part small{color:#71808b}.watch-alert-plan{display:flex;flex-wrap:wrap;gap:5px}.watch-price{text-align:right}.watch-price strong{display:block;font-size:25px}.watch-price span{display:block;color:#7f8c97;font-size:11px}.watch-price b{display:block;color:var(--good);font-size:12px;margin-top:3px}.watch-summary{position:sticky;top:94px;border:1px solid #2b3540;border-radius:11px;background:#0d1217;padding:18px}.watch-summary>strong{display:block;font-size:36px;margin:4px 0 14px}.watch-summary>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid #222c35}.watch-summary span{color:#83919c;font-size:12px}.watch-summary b{font-size:14px}

/* Community garage */
.community-toolbar{padding:13px;display:grid;grid-template-columns:minmax(240px,1.5fr) minmax(200px,.7fr);gap:8px;margin-bottom:14px}.community-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.community-build-card{border:1px solid #29333d;border-radius:11px;background:var(--panel);overflow:hidden;cursor:pointer;transition:border-color var(--ease),transform var(--ease)}.community-build-card:hover{border-color:#45525e;transform:translateY(-1px)}.community-car-photo{aspect-ratio:4/3;background:#12191f;overflow:hidden;position:relative}.community-car-photo img{width:100%;height:100%;object-fit:cover}.community-card-copy{padding:14px}.member-line{display:flex;align-items:center;gap:7px;color:#a9b4bd;font-size:12px}.member-line img{width:25px;height:25px;border-radius:7px;object-fit:cover}.community-card-copy h3{font-size:16px;margin:9px 0 5px}.community-card-copy p{font-size:12px;margin:8px 0 0}.public-profile-head{display:flex;gap:14px;align-items:center;margin-bottom:18px}.profile-avatar-lg{width:72px;height:72px;border-radius:16px;object-fit:cover}.public-garage-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.public-car{border:1px solid #28333d;border-radius:10px;overflow:hidden;background:#0b1015}.public-car>div:first-child{aspect-ratio:16/10;background:#111820;overflow:hidden}.public-car img{width:100%;height:100%;object-fit:cover}.public-car>div:last-child{padding:12px}

/* Forum / timeline */
.forum-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}.tab-row,.segmented{display:flex;gap:6px;flex-wrap:wrap}.tab,.segmented button{min-height:38px;border:1px solid #2d3843;border-radius:8px;background:#0e141a;color:#9ba8b3;padding:0 12px;font-weight:800;font-size:12px}.tab.active,.segmented button.active{background:#1a222a;color:#fff;border-color:#44525f}.forum-feed{display:grid;gap:12px}.forum-post{border:1px solid #2a3540;border-radius:11px;background:var(--panel);padding:17px}.forum-author{display:flex;align-items:center;gap:10px}.forum-author img{width:42px;height:42px;border-radius:10px;object-fit:cover}.forum-author strong{display:block}.forum-author small{color:#74818d}.forum-tags{display:flex;gap:5px;flex-wrap:wrap;margin:12px 0}.forum-tags span{border:1px solid #2c3740;border-radius:999px;padding:4px 8px;color:#8fa0ad;font-size:10px;font-weight:850;text-transform:uppercase}.forum-body h2{font-size:25px;margin:4px 0 9px}.forum-body p{color:#ccd4da;font-size:15px;white-space:pre-wrap}.forum-media{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:13px}.forum-media:has(.forum-media-item:only-child){grid-template-columns:minmax(0,820px)}.forum-media-item{border-radius:10px;overflow:hidden;background:#070b0e;max-height:640px}.forum-media-item img,.forum-media-item video{width:100%;height:100%;max-height:640px;object-fit:cover}.forum-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:13px;padding-top:12px;border-top:1px solid #232d36}.forum-stats{color:#74828d;font-size:12px}.reaction-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.reaction{min-width:55px;height:44px;border:1px solid #2b3741;border-radius:22px;background:#111820;color:#eef2f5;padding:0 12px;font-size:20px;display:flex;align-items:center;justify-content:center;gap:5px}.reaction small{font-size:11px;color:#8896a1}.reaction.active,.reaction:hover{background:#1b252e;border-color:#53616d}.comment-thread{display:grid;gap:8px;margin-top:13px}.comment{border-left:2px solid #2c3741;padding:8px 0 8px 11px}.comment.accepted{border-color:var(--good);background:rgba(85,221,161,.035)}.comment-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.comment p{margin:4px 0;color:#c6cfd6;font-size:14px;white-space:pre-wrap}.comment-actions{display:flex;gap:8px}.comment-actions button{font-size:11px}.comment-form{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:12px}.accepted-badge{color:var(--good);font-size:10px;font-weight:900}.media-composer{display:grid;gap:10px}.media-draft-grid,.draft-media{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.media-draft-grid>div,.draft-media>div{border:1px solid #29343e;border-radius:9px;overflow:hidden}.media-draft-grid img,.media-draft-grid video,.draft-media img,.draft-media video{width:100%;aspect-ratio:4/3;object-fit:cover}.composer-controls{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px}

/* Marketplace */
.market-shell{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}.market-filter-panel{padding:14px;position:sticky;top:92px}.market-filter-panel .form-stack{gap:11px}.market-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.market-card{border:1px solid #29343e;border-radius:11px;background:var(--panel);overflow:hidden;cursor:pointer;transition:border-color var(--ease),transform var(--ease)}.market-card:hover{border-color:#465460;transform:translateY(-1px)}.market-card-media{aspect-ratio:4/3;background:#121820;overflow:hidden;position:relative}.market-card-media img,.market-card-media video{width:100%;height:100%;object-fit:cover}.market-card-copy{padding:14px}.market-card-price{font-size:24px;font-weight:950;letter-spacing:-.03em}.market-card-copy h3{font-size:16px;margin:5px 0}.market-card-meta{display:flex;gap:6px;flex-wrap:wrap;color:#788691;font-size:11px}.market-notice{border:1px solid #2b3640;border-radius:9px;padding:11px;background:#0a0f13;color:#83919c;font-size:12px}.listing-form{display:grid;gap:14px}.listing-media-composer{border:1px solid #2b3640;border-radius:10px;background:#0a0f13;padding:13px}.fulfillment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fitment-builder{border:1px solid #29343e;border-radius:10px;padding:13px;background:#0a0f13}.selected-fitments{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.selected-fitments span{border:1px solid #2f3a44;border-radius:999px;padding:5px 8px;font-size:11px}.listing-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:14px}.listing-primary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:17px}.listing-media{min-width:0}.listing-main-media{aspect-ratio:4/3;border:1px solid #28333d;border-radius:10px;background:#090d11;overflow:hidden}.listing-main-media img,.listing-main-media video{width:100%;height:100%;object-fit:cover}.listing-thumbs{display:flex;gap:7px;margin-top:8px;overflow:auto}.listing-thumbs button{width:78px;height:60px;padding:0;border:1px solid #29343d;border-radius:7px;background:#11171d;overflow:hidden}.listing-thumbs img,.listing-thumbs video{width:100%;height:100%;object-fit:cover}.listing-copy{display:grid;align-content:start;gap:12px}.listing-copy h2{font-size:27px}.listing-price{font-size:36px;font-weight:950}.seller-panel{border:1px solid #2b3540;border-radius:10px;padding:12px;background:#0a0f13;display:grid;gap:10px}.seller-identity{display:flex;align-items:center;gap:10px}.avatar-button,.member-profile-link{border:0;background:transparent;color:inherit;padding:0;display:flex;align-items:center;gap:10px;text-align:left}.avatar-button img,.seller-identity img{width:52px;height:52px;border-radius:10px;object-fit:cover}.similar-listings{border:1px solid #29343e;border-radius:11px;background:#0d1217;padding:13px;position:sticky;top:92px}.similar-card{width:100%;display:grid;grid-template-columns:76px 1fr;gap:9px;align-items:center;border:0;border-top:1px solid #202a33;background:transparent;color:#e7ecef;text-align:left;padding:10px 0}.similar-card:first-of-type{border-top:0}.similar-card img,.similar-card .media-placeholder{width:76px;height:60px;object-fit:cover;border-radius:7px}.similar-card span{display:grid}.similar-card b{font-size:12px;margin:2px 0}.similar-card small{color:#74818d}

/* Messages */
.messages-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:650px;border:1px solid #29343e;border-radius:11px;overflow:hidden;background:var(--panel)}.conversation-list{border-right:1px solid #27313a;overflow:auto;background:#0a0f13}.conversation-row{width:100%;border:0;border-bottom:1px solid #202a33;background:transparent;color:#dbe2e7;text-align:left;padding:12px;display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center}.conversation-row:hover,.conversation-row.active{background:#141b22}.conversation-row img{width:44px;height:44px;border-radius:10px;object-fit:cover}.conversation-row strong{display:block;font-size:14px}.conversation-row small{display:block;color:#74828d;font-size:11px}.unread-count{min-width:22px;height:22px;border-radius:11px;background:var(--accent);color:#fff;display:grid;place-items:center;font-size:10px}.conversation-pane{display:flex;flex-direction:column;min-width:0;min-height:650px}.message-header{min-height:72px;border-bottom:1px solid #27313a;display:flex;align-items:center;justify-content:space-between;padding:10px 14px}.member-profile-link img{width:48px;height:48px;border-radius:11px;object-fit:cover}.member-profile-link strong{display:block;font-size:14px}.member-profile-link small{color:#74818d}.message-stream{flex:1;padding:18px;overflow:auto;display:flex;flex-direction:column;gap:8px}.message-bubble{max-width:min(70%,680px);border:1px solid #29343e;border-radius:11px;padding:10px 12px;background:#111820}.message-bubble.mine{align-self:flex-end;background:#17212a;border-color:#354655}.message-bubble p{color:#d7dfe5;margin:0;white-space:pre-wrap}.message-bubble small{display:block;color:#697884;margin-top:4px}.message-bubble img{max-width:340px;border-radius:8px;margin-top:7px}.message-composer{border-top:1px solid #27313a;padding:10px;display:grid;grid-template-columns:auto 1fr auto;gap:8px}.message-disabled{border-top:1px solid #27313a;padding:14px;color:#84929d}.privacy-control{display:flex;align-items:center;gap:8px}.privacy-control select{min-width:220px}

/* Add product / ingestion */
.ingestion-shell{padding:18px}.mode-tabs{display:flex;gap:7px;margin-bottom:16px}.mode-tabs button{min-height:42px;border:1px solid #2d3843;border-radius:9px;background:#0a0f13;color:#9ca9b4;padding:0 14px;font-weight:850}.mode-tabs button.active{background:#182129;color:#fff;border-color:#45535f}.ingestion-panel{display:grid;gap:16px}.bulk-drop{min-height:230px;border:1px dashed #3b4854;border-radius:11px;display:grid;place-items:center;align-content:center;gap:7px;background:#090e12;text-align:center;padding:26px}.bulk-drop.dragover{border-color:var(--accent-2);background:#0e161e}.bulk-drop p{margin:0}.bulk-drop small{color:#74818d}.bulk-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:12px}.bulk-summary>div{border:1px solid #2b3640;border-radius:9px;padding:11px}.bulk-summary span{display:block;color:#74818c;font-size:10px;text-transform:uppercase;font-weight:850}.bulk-summary strong{font-size:22px}.bulk-review{margin-top:12px}.bulk-row-list{display:grid;gap:5px;max-height:430px;overflow:auto}.bulk-row-list>div{border:1px solid #27323c;border-radius:8px;padding:9px 10px;display:grid;grid-template-columns:110px minmax(0,1fr);gap:7px}.bulk-row-list small{grid-column:2;color:#6f7e89;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.status-ready{color:var(--good);font-weight:850}.status-excluded{color:var(--bad);font-weight:850}.bulk-job{border:1px solid #29343e;border-radius:10px;padding:13px;margin-top:12px}.ingest-preview{border:1px solid #2b3640;border-radius:10px;background:#0a0f13;padding:13px;display:grid;grid-template-columns:180px minmax(0,1fr);gap:14px}.ingest-preview>div:first-child{height:140px;background:#eef0f2;border-radius:8px;overflow:hidden}.ingest-preview img{width:100%;height:100%;object-fit:contain}.ingest-preview>div:last-child{display:grid;align-content:center;gap:6px}

/* Admin operations + reports */
.live-scan-card{padding:20px;margin-bottom:14px}.scan-active-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:10px}.scan-active-list span{border:1px solid #29343d;border-radius:8px;padding:8px 9px;display:grid}.scan-active-list b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.scan-active-list small{color:#71808c}.scan-stat-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin-top:12px}.scan-stat-grid>div,.admin-metrics>div{border:1px solid #29343e;border-radius:9px;padding:11px}.scan-stat-grid span,.admin-metrics span{display:block;color:#74828d;font-size:10px;text-transform:uppercase;font-weight:850}.scan-stat-grid strong,.admin-metrics strong{font-size:19px}.admin-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:14px}.admin-two-col{display:grid;grid-template-columns:1fr 1fr;gap:14px}.health-list,.error-list,.reports-queue{display:grid;gap:7px}.health-row,.error-card,.report-card{border:1px solid #29343e;border-radius:9px;padding:11px;background:#0a0f13}.health-row>div:first-child,.report-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.health-row strong{font-size:14px}.health-row b{color:var(--good)}.error-card p{color:#ff8795;margin:4px 0}.report-card{display:grid;gap:9px}.report-card-head span{color:#74818c;font-size:11px}.resolved-note{color:#80909a;font-size:12px}.moderation-toolbar{display:flex;gap:9px;margin-bottom:12px}

/* Customize — live split preview */
.customize-layout{display:grid;grid-template-columns:minmax(420px,.8fr) minmax(420px,1.2fr);gap:14px;align-items:start}.custom-panel{padding:16px}.custom-tabs{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:14px}.custom-tabs button{min-height:38px;border:1px solid #2c3741;border-radius:8px;background:#0b1015;color:#97a4ae;padding:0 11px;font-weight:800;font-size:12px}.custom-tabs button.active{background:#192129;color:#fff;border-color:#45535e}.custom-groups{display:grid;gap:12px}.custom-groups section{display:grid;grid-template-columns:1fr 1fr;gap:11px}.custom-groups section[hidden]{display:none}.custom-groups label{display:grid;gap:6px}.color-field{display:grid;grid-template-columns:48px 1fr;gap:7px}.color-field input[type=color]{padding:3px}.custom-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:15px;border-top:1px solid #25303a;padding-top:14px}.custom-preview-wrap{position:sticky;top:90px}.custom-preview{border:1px solid #2d3944;border-radius:11px;background:var(--bg);min-height:620px;overflow:hidden;box-shadow:var(--shadow)}.custom-preview-head{height:62px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 18px}.preview-brand{display:flex;align-items:center;gap:9px}.preview-brand i{width:34px;height:34px;border-radius:8px;background:#f2f5f7;color:#0b1014;display:grid;place-items:center;font-style:normal;font-weight:950}.preview-app{display:grid;grid-template-columns:150px 1fr;min-height:558px}.preview-app nav{border-right:1px solid var(--border);padding:14px 8px;display:grid;align-content:start;gap:6px}.preview-app nav span{padding:8px;border-radius:7px;color:var(--muted);font-size:11px}.preview-app nav span:first-child{background:var(--panel-2);color:var(--text)}.preview-app main{padding:24px}.preview-hero{border:1px solid var(--border);border-radius:var(--radius);background:var(--panel);padding:22px}.preview-hero h3{font-size:27px;margin:6px 0}.preview-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}.preview-cards>div{height:86px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel)}

/* Media editor */
.media-editor{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:16px}.media-editor-stage{min-height:470px;background:#05080a;border:1px solid #29343e;border-radius:10px;display:grid;place-items:center;overflow:hidden;padding:10px}.media-frame{width:100%;height:100%;max-height:560px;overflow:hidden;background:#0c1217;border-radius:8px}.media-frame.aspect-landscape{aspect-ratio:16/9;height:auto}.media-frame.aspect-square{aspect-ratio:1;height:auto;max-width:560px}.media-frame.aspect-portrait{aspect-ratio:4/5;height:auto;max-width:450px}.media-frame img,.media-frame video{width:100%;height:100%;object-fit:cover;transform-origin:center}.media-editor-controls{display:grid;align-content:start;gap:14px}.media-editor-controls label{display:grid;gap:6px}.media-editor-controls input[type=range]{padding:0;border:0;background:transparent}

/* Modal + toast */
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(1,3,5,.78);backdrop-filter:blur(9px);display:grid;place-items:center;padding:22px;overflow:auto}.modal-card{width:min(860px,100%);max-height:calc(100vh - 44px);overflow:auto;border:1px solid #35424e;border-radius:13px;background:#0d1217;box-shadow:0 30px 90px rgba(0,0,0,.58)}.modal-card.wide{width:min(1320px,100%)}.modal-card>header{min-height:76px;border-bottom:1px solid #28333d;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px 20px;position:sticky;top:0;background:#0d1217;z-index:5}.modal-card>header h2{font-size:25px;margin:2px 0 0}.modal-close{width:42px;height:42px;border:1px solid #34414d;border-radius:9px;background:#131a21;color:#f3f5f7;font-size:20px}.modal-body{padding:20px}.modal-lead{font-size:16px}.onboarding-progress{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.onboarding-progress>div{border:1px solid #2b3640;border-radius:10px;padding:13px;display:flex;gap:10px}.onboarding-progress b{width:28px;height:28px;border-radius:50%;border:1px solid #3a4651;display:grid;place-items:center}.onboarding-progress .done b{background:rgba(85,221,161,.12);border-color:rgba(85,221,161,.35);color:var(--good)}.onboarding-progress span{display:grid}.onboarding-progress small{color:#74818d}.toast-stack{position:fixed;right:20px;bottom:20px;z-index:200;display:grid;gap:8px}.toast{min-width:260px;max-width:420px;border:1px solid #394550;border-radius:10px;background:#111820;color:#f0f4f6;padding:11px 13px;box-shadow:var(--shadow);opacity:0;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease}.toast.show{opacity:1;transform:none}.toast.good{border-color:rgba(85,221,161,.35)}.toast.bad{border-color:rgba(255,104,120,.45)}
.media-placeholder{width:100%;height:100%;display:grid;place-items:center;background:#151c23;color:#60707c;font-weight:900;letter-spacing:.12em}.media-placeholder.small{width:76px;height:60px}.spark-chart{height:180px;border-bottom:1px solid #2a3540;display:flex;align-items:end;gap:3px;padding-top:14px;margin:12px 0}.spark-chart i{flex:1;min-width:3px;background:var(--accent-2);border-radius:3px 3px 0 0}.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.history-summary>div{border:1px solid #29343e;border-radius:9px;padding:10px}.history-summary span{display:block;color:#74818c;font-size:10px;text-transform:uppercase}.history-summary strong{font-size:18px}.history-list{display:grid}.history-list>div{display:flex;justify-content:space-between;padding:8px 0;border-top:1px solid #212b34}

/* Responsive */
@media(max-width:1380px){.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.community-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.garage-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.market-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.scan-stat-grid{grid-template-columns:repeat(3,1fr)}.budget-kpis{grid-template-columns:repeat(2,1fr)}.catalog-main-search{grid-template-columns:1.4fr repeat(2,minmax(140px,.6fr))}.catalog-main-search>*:last-child{grid-column:auto}.customize-layout{grid-template-columns:1fr 1fr}}
@media(max-width:1120px){:root{--sidebar-width:232px}.topbar-actions .user-chip{display:none}.hero-surface{grid-template-columns:1fr}.hero-stat{border-left:0;border-top:1px solid #2a3540;padding:18px 0 0}.garage-hero{grid-template-columns:1fr}.garage-hero-media{min-height:420px}.watchlist-layout{grid-template-columns:1fr}.watch-summary{position:static}.market-shell{grid-template-columns:1fr}.market-filter-panel{position:static}.listing-layout{grid-template-columns:1fr}.similar-listings{position:static}.messages-shell{grid-template-columns:280px 1fr}.build-editor{grid-template-columns:1fr}.build-gallery-panel{border-left:0;border-top:1px solid #27313a;padding:18px 0 0;margin-top:18px}.admin-two-col{grid-template-columns:1fr}.customize-layout{grid-template-columns:1fr}.custom-preview-wrap{position:static}.custom-preview{min-height:480px}.watchlist-head,.watch-row{grid-template-columns:minmax(0,1fr) 190px 150px}}
@media(max-width:900px){.sidebar{position:sticky;top:0;width:100%;height:auto;padding:0 10px;display:block;border-right:0;border-bottom:1px solid #1f2830}.brand{height:62px;margin:0;border-bottom:0}.brand-mark{width:36px;height:36px}.brand-copy small{display:none}.sidebar-nav{display:flex;overflow-x:auto;padding:0 0 8px}.nav-group{display:flex;gap:5px}.nav-separator,.nav-section-label,.sidebar-footer{display:none}.nav-link{min-width:max-content;min-height:40px;padding:0 10px;grid-template-columns:18px auto;border-radius:8px;font-size:13px}.nav-link.active{box-shadow:none;border-color:#3a4651}.admin-nav{margin-left:8px}.app-shell{margin-left:0}.topbar{top:110px;height:60px;padding:0 14px}.topbar-title{display:none}.topbar-actions{width:100%}.topbar-actions form{margin-left:auto}.page-shell{padding:24px 14px 52px}.site-footer{padding:14px;grid-template-columns:1fr}.site-footer span{text-align:left!important}.page-heading{align-items:start;flex-direction:column;margin-bottom:18px}.page-heading .page-actions{width:100%;justify-content:flex-start}.product-grid,.community-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.split-section{grid-template-columns:1fr}.stat-grid{grid-template-columns:1fr 1fr}.catalog-main-search{grid-template-columns:1fr 1fr}.catalog-main-search>input{grid-column:1/-1}.ymm-grid{grid-template-columns:1fr 1fr}.garage-hero-media{min-height:330px}.vehicle-picker{grid-template-columns:1fr;height:auto}.vehicle-picker-list{max-height:350px;border-right:0;border-bottom:1px solid #26313a}.vehicle-picker-preview{min-height:360px}.watchlist-head{display:none}.watch-row{grid-template-columns:1fr 160px}.watch-alert-plan{grid-column:1/-1}.market-filter-panel .form-stack{grid-template-columns:1fr 1fr}.listing-primary{grid-template-columns:1fr}.messages-shell{grid-template-columns:1fr;min-height:0}.conversation-list{max-height:260px;border-right:0;border-bottom:1px solid #27313a}.conversation-pane{min-height:520px}.custom-groups section{grid-template-columns:1fr}.media-editor{grid-template-columns:1fr}.media-editor-stage{min-height:350px}.bulk-summary{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){:root{--base-font:16px}.topbar{top:110px}.topbar-actions .button{padding:0 9px;font-size:12px}.scan-mini{display:none}.page-shell{padding-left:11px;padding-right:11px}.page-heading h1{font-size:34px}.hero-surface{padding:22px}.hero-surface h2{font-size:39px}.stat-grid,.product-grid,.community-grid,.garage-grid,.market-grid,.public-garage-grid{grid-template-columns:1fr}.product-media{height:230px}.horizontal-products{grid-auto-columns:82vw}.catalog-main-search,.ymm-grid{grid-template-columns:1fr}.catalog-main-search>input{grid-column:auto}.market-filter-panel .form-stack{grid-template-columns:1fr}.garage-hero-media{min-height:260px}.garage-hero-copy{padding:18px}.metric-grid{grid-template-columns:1fr 1fr}.watch-row{grid-template-columns:1fr}.watch-part{grid-template-columns:88px 1fr}.watch-part>img,.watch-part>.media-placeholder{width:88px;height:72px}.watch-price{text-align:left;border-top:1px solid #232d36;padding-top:9px}.budget-hero{grid-template-columns:1fr}.budget-kpis{grid-template-columns:1fr 1fr}.forum-media{grid-template-columns:1fr}.composer-controls{grid-template-columns:1fr}.listing-form .form-grid{grid-template-columns:1fr}.fulfillment-grid{grid-template-columns:1fr}.market-shell{display:block}.messages-shell{border-left:0;border-right:0}.message-bubble{max-width:88%}.scan-stat-grid,.admin-metrics{grid-template-columns:1fr 1fr}.scan-active-list{grid-template-columns:1fr}.bulk-summary{grid-template-columns:1fr 1fr}.ingest-preview{grid-template-columns:1fr}.ingest-preview>div:first-child{height:210px}.media-gallery,.media-draft-grid,.draft-media{grid-template-columns:1fr 1fr}.modal-backdrop{padding:8px}.modal-card{max-height:calc(100vh - 16px);border-radius:11px}.modal-card>header{padding:12px 14px}.modal-body{padding:14px}.onboarding-progress{grid-template-columns:1fr}.history-summary{grid-template-columns:1fr 1fr}}

/* ========================================================================== 
   VWAG v20 — Visual Experience Overhaul
   More cinematic, image-driven, community-first, while staying clean.
   ========================================================================== */
:root{--base-font:18px;--content-max:1680px;--cinematic-shadow:0 28px 80px rgba(0,0,0,.42)}
body{background:
  radial-gradient(circle at 82% 3%,rgba(107,184,255,.07),transparent 28rem),
  radial-gradient(circle at 12% 18%,rgba(255,70,93,.06),transparent 25rem),
  var(--bg);}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
h1{font-size:clamp(38px,3.5vw,58px)}h2{font-size:clamp(27px,2.5vw,38px)}h3{font-size:20px}p{font-size:17px;line-height:1.62}.eyebrow{font-size:12px}.subtle{font-size:15px}
.page-shell{padding-top:42px}.page-heading{margin-bottom:30px}.page-heading>div:first-child{max-width:960px}.page-heading p{font-size:17px}
.panel{padding:24px}.button{min-height:46px;font-size:15px;border-radius:10px}.text-link{font-size:15px}
input,textarea,select{min-height:48px;font-size:16px}.nav-link{font-size:16px;min-height:50px}.sidebar{background:linear-gradient(180deg,#090d11,#080b0e 70%)}
.topbar{background:rgba(8,11,14,.88);border-bottom-color:#222c34}.topbar:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:1px;background:linear-gradient(90deg,transparent,rgba(107,184,255,.18),rgba(255,70,93,.16),transparent)}
.global-search-button{height:40px;border:1px solid #2a3540;border-radius:10px;background:#0d1318;color:#aeb9c2;display:flex;align-items:center;gap:8px;padding:0 10px}.global-search-button span{font-size:20px;color:#dbe3e9}.global-search-button b{font-size:13px}.global-search-button kbd{border:1px solid #35424e;border-radius:6px;background:#151b21;padding:2px 6px;color:#788894;font:10px/1.5 ui-monospace,SFMono-Regular,monospace}.global-search-button:hover{background:#141c23;border-color:#44515d;color:#fff}

/* Cinematic overview */
.cinematic-hero{position:relative;min-height:520px;border:1px solid #2b3640;border-radius:18px;overflow:hidden;display:flex;align-items:flex-end;margin-bottom:34px;background:linear-gradient(135deg,#101821,#0a0f13);box-shadow:var(--cinematic-shadow)}
.cinematic-hero.has-photo{background-image:var(--hero-photo);background-size:cover;background-position:center}.cinematic-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,13,.94) 0%,rgba(7,10,13,.77) 38%,rgba(7,10,13,.2) 72%,rgba(7,10,13,.35) 100%),linear-gradient(0deg,rgba(7,10,13,.86),transparent 54%)}
.cinematic-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 45%,rgba(107,184,255,.05) 58%,transparent 70%);pointer-events:none}
.cinematic-hero-copy{position:relative;z-index:2;padding:clamp(34px,5vw,70px);max-width:800px}.cinematic-hero-copy h2{font-size:clamp(42px,5vw,72px);line-height:.98;margin:10px 0 18px;max-width:760px}.cinematic-hero-copy p{font-size:18px;max-width:650px;color:#b1bec8}.hero-kicker{display:inline-flex;border:1px solid rgba(107,184,255,.32);border-radius:999px;padding:6px 10px;color:#b8dcff;background:rgba(10,23,34,.68);font-size:11px;font-weight:900;letter-spacing:.14em}.cinematic-hero-metrics{position:absolute;z-index:3;right:24px;bottom:24px;display:grid;grid-template-columns:repeat(2,minmax(130px,1fr));gap:8px}.cinematic-hero-metrics>div{padding:13px 15px;border:1px solid rgba(255,255,255,.13);border-radius:10px;background:rgba(8,12,16,.72);backdrop-filter:blur(14px)}.cinematic-hero-metrics strong{display:block;font-size:22px}.cinematic-hero-metrics span{color:#84939f;font-size:11px;text-transform:uppercase;font-weight:850;letter-spacing:.08em}
.community-photo-strip{margin:36px 0}.build-photo-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.build-photo-card{position:relative;aspect-ratio:5/4;border-radius:12px;overflow:hidden;border:1px solid #29343e;background:#11171d;transition:.18s ease}.build-photo-card:hover{transform:translateY(-3px);border-color:#4b5c69}.build-photo-card img{width:100%;height:100%;object-fit:cover}.build-photo-card:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(4,7,9,.94))}.build-photo-card>div{position:absolute;z-index:2;left:13px;right:13px;bottom:11px;display:grid}.build-photo-card strong{font-size:14px}.build-photo-card span{font-size:11px;color:#a8b4bd;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.overview-split-v20{display:grid;grid-template-columns:1.05fr .95fr;gap:16px;margin:34px 0}.overview-feature-card{border:1px solid var(--border);border-radius:16px;background:linear-gradient(180deg,#10161c,#0d1217);padding:24px;overflow:hidden}.overview-feature-card.garage-feature{padding:0;display:grid;grid-template-columns:.9fr 1.1fr}.overview-feature-media{min-height:360px;background:#10171d}.overview-feature-media img{width:100%;height:100%;object-fit:cover}.overview-feature-copy{padding:28px;align-self:center}.deal-stack-v20{display:grid;gap:2px}.deal-stack-v20 a{display:grid;grid-template-columns:minmax(0,1fr) auto 56px;gap:10px;align-items:center;padding:10px;border-radius:9px}.deal-stack-v20 a:hover{background:#151d24}.deal-stack-v20 a>span{display:grid;grid-template-columns:48px minmax(0,1fr);gap:9px;align-items:center}.deal-stack-v20 img,.deal-stack-v20 i{width:48px;height:42px;border-radius:7px;object-fit:contain;background:#eef0f2;color:#18202a;display:grid;place-items:center;font-size:9px;font-style:normal}.deal-stack-v20 b{font-size:13px}.deal-stack-v20 strong{font-size:16px}.deal-stack-v20 em{color:var(--good);font-style:normal;font-weight:900}.market-preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:34px}.market-preview-card{border:1px solid #29343e;border-radius:12px;background:#0d1217;overflow:hidden}.market-preview-card>img,.market-preview-card>.media-placeholder{width:100%;height:210px;object-fit:cover}.market-preview-card>span{padding:13px;display:grid}.market-preview-card strong{font-size:21px}.market-preview-card b{font-size:14px}.market-preview-card small{color:#788893;margin-top:3px}

/* Global search */
.global-search-input{display:flex;align-items:center;gap:10px;border:1px solid #394754;border-radius:12px;padding:0 14px;background:#080d11}.global-search-input span{font-size:28px;color:#a9b9c6}.global-search-input input{border:0;background:transparent;min-height:58px;font-size:19px}.global-search-tabs{display:flex;gap:7px;margin:12px 0 16px}.global-search-tabs button{min-height:38px;border:1px solid #2c3741;border-radius:9px;background:#0d1318;color:#8998a3;padding:0 14px;font-weight:800}.global-search-tabs button.active{background:#1b252e;color:#fff;border-color:#52616e}.global-search-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}.global-search-results section{border:1px solid #2a3540;border-radius:12px;background:#0c1116;padding:10px}.search-section-head{display:flex;justify-content:space-between;padding:6px 7px 9px;color:#8796a1;font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}.search-member,.search-product{display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:10px;padding:9px;border-radius:9px}.search-member:hover,.search-product:hover{background:#151d24}.search-member img,.search-product img,.avatar-fallback,.part-fallback{width:48px;height:48px;border-radius:9px;object-fit:cover;background:#171f27;display:grid;place-items:center}.search-product img{object-fit:contain;background:#eef0f2}.search-member span:nth-child(2),.search-product span:nth-child(2){display:grid}.search-member small,.search-product small{color:#798893;font-size:12px}.search-empty{min-height:180px;display:grid;place-items:center;color:#70808b}

/* Member directory + profile */
.member-directory-toolbar{display:grid;grid-template-columns:minmax(260px,1fr) 190px 260px;gap:9px;margin-bottom:18px}.member-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.member-directory-card{border:1px solid #29343e;border-radius:14px;background:#0d1217;overflow:hidden;transition:.18s ease}.member-directory-card:hover{transform:translateY(-3px);border-color:#4e5d69;box-shadow:0 18px 40px rgba(0,0,0,.24)}.member-directory-cover{height:190px;position:relative;background:#111820;overflow:hidden}.member-directory-cover>img{width:100%;height:100%;object-fit:cover}.member-cover-fallback{height:100%;display:grid;place-items:center;color:#31404c;font-size:42px;font-weight:950}.presence{width:10px;height:10px;border-radius:50%;display:inline-block;background:#59636b}.presence.active{background:#56dca0;box-shadow:0 0 0 4px rgba(86,220,160,.1)}.presence.away{background:#f0bf5a}.presence.offline{background:#5f6870}.member-directory-cover>.presence{position:absolute;right:12px;bottom:12px}.member-directory-copy{padding:14px}.member-avatar-row{display:flex;gap:9px;align-items:center}.member-avatar-row img,.member-avatar-row .avatar-fallback{width:38px;height:38px;border-radius:10px;object-fit:cover}.member-avatar-row>div{display:grid}.member-avatar-row small{color:#73828d}.member-directory-copy h3{margin:12px 0 5px}.member-directory-copy p{font-size:14px;min-height:44px}.member-mini-stats{display:flex;gap:5px;flex-wrap:wrap}.member-mini-stats span{border:1px solid #2c3741;border-radius:999px;padding:4px 7px;font-size:10px;color:#9aa8b2}
.member-profile-hero{min-height:430px;position:relative;border:1px solid #2d3944;border-radius:18px;overflow:hidden;background:linear-gradient(135deg,#101820,#0b1015);display:flex;align-items:flex-end;padding:36px;margin-bottom:24px}.member-profile-hero.has-image{background-image:var(--profile-hero);background-size:cover;background-position:center}.member-profile-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,10,13,.96),rgba(7,10,13,.7) 47%,rgba(7,10,13,.23)),linear-gradient(0deg,rgba(7,10,13,.82),transparent 54%)}.member-profile-identity{position:relative;z-index:2;display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;max-width:760px}.member-profile-identity>img,.avatar-fallback.xl{width:92px;height:92px;border-radius:18px;object-fit:cover;background:#161e25;display:grid;place-items:center}.member-profile-identity h1{font-size:40px;margin:2px 0 6px}.member-profile-identity p{color:#c1cbd2;margin-bottom:8px}.presence-line{display:flex;align-items:center;gap:7px;color:#a5b1ba;font-size:12px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.social-icon-row{display:flex;gap:7px;flex-wrap:wrap;margin-top:13px}.social-icon-row a{height:38px;border:1px solid #35414c;border-radius:9px;background:rgba(9,14,18,.72);display:flex;align-items:center;gap:7px;padding:0 10px;font-size:12px}.social-icon-row svg{width:18px;height:18px}.social-icon-row a:hover{background:#18222a;border-color:#52616d}.member-profile-showcase{position:absolute;z-index:2;right:34px;bottom:34px;max-width:420px;background:rgba(8,12,16,.74);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.13);border-radius:12px;padding:18px}.member-profile-showcase h2{font-size:26px;margin-top:9px}.showcase-tag.static,.my-car-tag.static{position:static;display:inline-flex}.my-car-tag{position:absolute;top:10px;left:116px;border:1px solid rgba(107,184,255,.42);background:rgba(10,30,47,.9);color:#8dcaff;border-radius:999px;padding:5px 8px;font-size:10px;font-weight:850}.profile-page-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:18px}.profile-garage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-car-card{border:1px solid #2b3640;border-radius:14px;background:#0d1217;overflow:hidden}.profile-car-media{height:280px;position:relative;overflow:hidden;background:#121920}.profile-car-media img{width:100%;height:100%;object-fit:cover}.profile-car-copy{padding:16px}.profile-car-copy details{margin-top:12px;border-top:1px solid #222c35;padding-top:10px}.profile-sidebar{display:grid;align-content:start;gap:12px}.profile-about p{font-size:15px}.profile-favorites{display:grid;gap:3px;border-top:1px solid #28323b;padding-top:12px}.profile-favorites small{color:#71808c}.profile-activity-stats{display:grid;grid-template-columns:1fr 1fr;gap:8px}.profile-activity-stats>div{border:1px solid #27323d;border-radius:10px;padding:12px;display:grid}.profile-activity-stats strong{font-size:24px}.profile-activity-stats span{color:#72818c;font-size:11px}.profile-gallery-section{margin-top:30px}.profile-gallery-mosaic{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:220px;gap:9px}.profile-gallery-tile{position:relative;border:1px solid #29343e;border-radius:11px;overflow:hidden;background:#111820}.profile-gallery-tile:nth-child(5n+1){grid-column:span 2;grid-row:span 2}.profile-gallery-tile img,.profile-gallery-tile video{width:100%;height:100%;object-fit:cover}.profile-gallery-tile span{position:absolute;left:8px;bottom:8px;padding:4px 7px;border-radius:999px;background:rgba(5,8,10,.76);font-size:10px}.profile-listings-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.mini-listing{border:1px solid #29343e;border-radius:10px;overflow:hidden;background:#0d1217}.mini-listing img,.mini-listing>.media-placeholder{height:135px;width:100%;object-fit:cover}.mini-listing strong,.mini-listing span{display:block;padding:0 10px}.mini-listing strong{padding-top:9px;font-size:13px}.mini-listing span{padding-bottom:9px;color:#9cb0be;font-weight:850}

/* Community Garage */
.community-toolbar-v20{padding:12px;display:grid;grid-template-columns:minmax(280px,1fr) 260px;gap:9px;margin-bottom:16px}.community-search-box,.catalog-search-box,.market-search{display:flex;align-items:center;gap:8px;border:1px solid #2d3944;border-radius:9px;background:#090e12;padding-left:12px}.community-search-box span,.catalog-search-box span,.market-search span{font-size:21px;color:#8d9ba6}.community-search-box input,.catalog-search-box input,.market-search input{border:0;background:transparent}.community-grid-v20{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.community-build-card-v20{border:1px solid #29343e;border-radius:14px;background:#0d1217;overflow:hidden;transition:.18s ease}.community-build-card-v20:hover{transform:translateY(-3px);border-color:#4a5965;box-shadow:0 20px 48px rgba(0,0,0,.27)}.community-card-hero{height:300px;position:relative;overflow:hidden;background:#121920}.community-card-hero img{width:100%;height:100%;object-fit:cover}.community-card-badges{position:absolute;top:11px;left:11px;display:flex;gap:6px}.community-card-body{padding:16px}.member-line-v20{display:flex;gap:8px;align-items:center}.member-line-v20 img,.member-line-v20 .avatar-fallback{width:36px;height:36px;border-radius:9px;object-fit:cover}.member-line-v20>div{display:grid}.member-line-v20 small{color:#74838e}.community-card-body h3{margin:12px 0 7px}.community-card-body p{font-size:14px}.community-mini-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:12px}.community-mini-gallery>img,.community-mini-gallery>.video-thumb{height:72px;border-radius:7px;object-fit:cover;overflow:hidden;background:#141b21;position:relative}.community-mini-gallery video{width:100%;height:100%;object-fit:cover}.video-thumb b{position:absolute;inset:0;display:grid;place-items:center;color:white;text-shadow:0 2px 10px #000}

/* Compact parts catalog */
.catalog-toolbar-v20{padding:12px;margin-bottom:22px}.catalog-search-row{display:grid;grid-template-columns:minmax(260px,1fr) 210px 180px 190px auto auto auto;gap:8px;align-items:center}.filter-pill{height:46px;border:1px solid #2d3944;border-radius:9px;background:#0a0f13;padding:0 10px;display:flex!important;align-items:center!important;gap:7px;white-space:nowrap}.filter-pill input{width:16px;height:16px;min-height:0}.ymm-drawer{border-top:1px solid #26313a;margin-top:10px;padding-top:10px}.catalog-feature-v20{margin:12px 0 30px}.retailer-section-v20{padding:24px 0 8px;border-top:1px solid #202a32}.retailer-section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:14px}.retailer-section-head h2{font-size:34px;text-transform:none}.product-media{border:0;width:100%;padding:0;text-align:left;cursor:pointer;position:relative}.product-media-hint{position:absolute;right:9px;bottom:9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(8,12,16,.74);padding:4px 7px;color:#e9eef2;font-size:9px;font-weight:850;opacity:0;transform:translateY(3px);transition:.16s ease}.product-media:hover .product-media-hint{opacity:1;transform:translateY(0)}
.product-detail-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);gap:20px}.product-detail-media{min-height:420px;border:1px solid #2d3944;border-radius:12px;background:#eef0f2;display:grid;place-items:center;overflow:hidden}.product-detail-media img{max-width:100%;max-height:520px;object-fit:contain}.product-detail-info{display:grid;align-content:start;gap:14px}.product-detail-retailer{color:#8092a0;font-weight:800}.product-detail-price{font-size:44px;font-weight:950;letter-spacing:-.04em}.product-detail-info section{border-top:1px solid #28323c;padding-top:13px}.product-detail-info section p{font-size:15px}.price-line-chart{height:150px;border:1px solid #27323c;border-radius:10px;background:#090e12;display:flex;align-items:end;gap:2px;padding:10px;margin-top:12px}.price-line-chart i{flex:1;min-width:2px;background:linear-gradient(180deg,var(--accent-2),rgba(107,184,255,.2));border-radius:2px 2px 0 0}.history-empty{border:1px dashed #2d3944;border-radius:10px;color:#71808c;padding:26px;text-align:center}.similar-products-block{margin-top:20px;border-top:1px solid #26313a;padding-top:18px}.similar-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.similar-product-card{border:1px solid #2b3640;border-radius:10px;background:#0c1116;color:inherit;text-align:left;overflow:hidden;padding:0}.similar-product-card img,.similar-product-card>.media-placeholder{width:100%;height:120px;object-fit:contain;background:#eef0f2}.similar-product-card>span{display:grid;padding:10px}.similar-product-card small{color:#75838e}

/* Marketplace v20 */
.market-tabs{display:flex;gap:7px;margin:-6px 0 16px}.market-tabs button{height:40px;border:1px solid #2c3741;border-radius:9px;background:#0c1116;color:#8d9ba6;padding:0 14px;font-weight:800}.market-tabs button.active{background:#19232b;color:#fff;border-color:#4b5965}.market-shell-v20{display:grid;grid-template-columns:260px minmax(0,1fr);gap:14px;align-items:start}.market-filter-panel-v20{position:sticky;top:92px;border:1px solid #2b3640;border-radius:12px;background:#0d1217;padding:12px;display:grid;gap:11px}.market-filter-panel-v20 label{display:grid;gap:5px}.market-grid-v20{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.market-card-v20{border:1px solid #2a3540;border-radius:13px;background:#0d1217;overflow:hidden;cursor:pointer;transition:.18s ease}.market-card-v20:hover{transform:translateY(-3px);border-color:#4c5c68;box-shadow:0 18px 44px rgba(0,0,0,.26)}.market-card-media-v20{height:300px;position:relative;overflow:hidden;background:#151c22}.market-card-media-v20>img,.market-card-media-v20>.video-cover,.market-card-media-v20>.media-placeholder{width:100%;height:100%}.market-card-media-v20 img,.market-card-media-v20 video{width:100%;height:100%;object-fit:cover}.video-cover{position:relative}.video-cover>span{position:absolute;inset:0;display:grid;place-items:center;font-size:35px;text-shadow:0 2px 15px #000}.listing-status{position:absolute;top:10px;right:10px;border-radius:999px;padding:5px 8px;background:rgba(9,13,17,.86);border:1px solid #44515d;font-size:10px;font-weight:900;text-transform:uppercase}.market-card-copy-v20{padding:15px}.market-card-copy-v20>strong{font-size:27px}.market-card-copy-v20 h3{margin:4px 0}.market-card-copy-v20 p{font-size:14px;margin-bottom:10px}.listing-owner-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:11px}.listing-owner-actions .button{min-height:35px;font-size:11px}.listing-layout-v20{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:16px}.listing-primary-v20{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);gap:18px}.listing-main-media{min-height:500px;border:1px solid #2d3944;border-radius:12px;background:#111820;overflow:hidden;display:grid;place-items:center}.listing-main-media>img,.listing-main-media>.video-cover,.listing-main-media video{width:100%;height:100%;max-height:620px;object-fit:contain}.listing-main-media.media-error:after{content:'Media unavailable';color:#74828d}.listing-thumbs{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:7px}.listing-thumbs button{height:74px;border:1px solid #2c3741;border-radius:8px;overflow:hidden;background:#10171d;padding:0;position:relative}.listing-thumbs img,.listing-thumbs video{width:100%;height:100%;object-fit:cover}.listing-copy-v20{display:grid;align-content:start;gap:14px}.listing-price{font-size:45px;font-weight:950;letter-spacing:-.04em}.listing-meta-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.listing-meta-grid>div{border:1px solid #2a3540;border-radius:9px;background:#0b1015;padding:11px;display:grid;gap:3px}.listing-meta-grid span{color:#74838f;font-size:10px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.listing-meta-grid strong{font-size:14px}.listing-description,.listing-fitment{border-top:1px solid #26313a;padding-top:12px}.listing-fitment>div{display:flex;gap:6px;flex-wrap:wrap}.listing-fitment>div span{border:1px solid #2d3944;border-radius:999px;padding:5px 8px;color:#a8b4bd;font-size:11px}.seller-panel-v20{display:grid;grid-template-columns:1fr;gap:7px;border:1px solid #2c3741;border-radius:11px;padding:12px;background:#0b1015}.seller-identity{display:flex;align-items:center;gap:9px}.seller-identity img,.seller-identity>.avatar-fallback{width:46px;height:46px;border-radius:10px;object-fit:cover}.seller-identity>div{display:grid}.seller-identity small{color:#74828d}.similar-listings-v20{position:sticky;top:96px;align-self:start;border-left:1px solid #27313a;padding-left:14px;display:grid;gap:8px}.similar-card{width:100%;border:1px solid #2a3540;border-radius:9px;background:#0c1116;color:inherit;display:grid;grid-template-columns:74px minmax(0,1fr);gap:9px;text-align:left;padding:6px}.similar-card>img,.similar-card>.video-cover,.similar-card>.media-placeholder{width:74px;height:66px;border-radius:6px;object-fit:cover;overflow:hidden}.similar-card>span{display:grid;align-content:center}.similar-card small{color:#74828d}.listing-form-v20{display:grid;gap:16px;font-size:16px}.listing-media-composer{border:1px solid #2b3640;border-radius:12px;background:#0a0f13;padding:14px}.listing-media-composer .section-head strong{font-size:20px}.fulfillment-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.check-card{min-height:76px;align-items:center!important}.check-card input{width:22px;height:22px}.media-draft-grid.large{grid-template-columns:repeat(4,minmax(0,1fr))}.draft-media>div:first-child{height:160px}.draft-media img,.draft-media video{width:100%;height:100%;object-fit:cover}

/* Real customize preview */
.customize-layout-v20{display:grid;grid-template-columns:minmax(430px,.72fr) minmax(600px,1.28fr);gap:16px;align-items:start}.real-preview-wrap{position:sticky;top:90px}.real-preview-toolbar{display:flex;justify-content:space-between;align-items:end;gap:12px;margin-bottom:9px}.real-preview-toolbar>div:first-child{display:grid}.real-preview-toolbar small{color:#74828d}.preview-route-tabs{display:flex;gap:5px}.preview-route-tabs button{height:34px;border:1px solid #2d3944;border-radius:8px;background:#0c1116;color:#84939f;padding:0 9px;font-size:10px;font-weight:850}.preview-route-tabs button.active{background:#1a242d;color:#fff}.real-preview-browser{border:1px solid #33404b;border-radius:14px;background:#070a0d;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.34)}.browser-dots{height:38px;border-bottom:1px solid #26313a;background:#10161b;display:flex;align-items:center;gap:6px;padding:0 12px}.browser-dots i{width:9px;height:9px;border-radius:50%;background:#3a4650}.browser-dots i:first-child{background:#ff6878}.browser-dots i:nth-child(2){background:#f0bf5a}.browser-dots i:nth-child(3){background:#55dda1}.browser-dots span{margin-left:9px;color:#697985;font-size:10px}.real-preview-browser iframe{display:block;width:100%;height:720px;border:0;background:#080b0e}.preview-embed .sidebar{transform:scale(.8);transform-origin:top left;height:125%;}.preview-embed .app-shell{zoom:.78}.preview-embed .topbar-actions form,.preview-embed #globalSearchButton,.preview-embed #memberViewButton,.preview-embed #headerProfileButton{display:none!important}.preview-embed .page-shell{padding-top:28px}.preview-embed .site-footer{display:none}

/* Garage fit within viewport */
.garage-hero{min-height:0;height:min(700px,calc(100vh - 180px));grid-template-columns:minmax(0,1.55fr) minmax(340px,.55fr)}.garage-hero-media{min-height:0;height:100%;display:grid;place-items:center;background:#080d11}.garage-hero-media img{width:100%;height:100%;object-fit:contain}.garage-hero-copy{overflow:auto;padding:28px}.build-editor{grid-template-columns:minmax(0,1fr) minmax(420px,.9fr)}.build-gallery-panel{max-height:72vh;overflow:auto}.build-gallery-panel>.section-head{top:-4px}.media-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}

/* Make the whole site breathe more */
.product-card,.garage-card,.watch-row,.panel,.market-card-v20,.community-build-card-v20{box-shadow:0 10px 30px rgba(0,0,0,.12)}
.product-card:hover,.garage-card:hover{border-color:#46545f;transform:translateY(-2px)}
.product-card{transition:.16s ease}

@media(max-width:1500px){.build-photo-row{grid-template-columns:repeat(4,1fr)}.build-photo-row .build-photo-card:last-child{display:none}.member-directory-grid{grid-template-columns:repeat(3,1fr)}.market-grid-v20{grid-template-columns:repeat(2,1fr)}.catalog-search-row{grid-template-columns:minmax(230px,1fr) 190px 160px 170px auto auto}.catalog-search-row>#moreFilters{grid-column:auto}.profile-gallery-mosaic{grid-template-columns:repeat(3,1fr)}}
@media(max-width:1180px){.cinematic-hero-metrics{position:relative;right:auto;bottom:auto;grid-template-columns:repeat(4,1fr);width:100%;padding:0 28px 24px}.cinematic-hero{display:block}.cinematic-hero-copy{padding-bottom:22px}.overview-split-v20,.profile-page-grid,.listing-primary-v20,.product-detail-layout,.customize-layout-v20{grid-template-columns:1fr}.build-photo-row{grid-template-columns:repeat(3,1fr)}.member-directory-grid,.community-grid-v20{grid-template-columns:repeat(2,1fr)}.market-shell-v20{grid-template-columns:1fr}.market-filter-panel-v20{position:static;grid-template-columns:1fr 1fr 1fr}.market-filter-panel-v20 .market-notice{grid-column:1/-1}.listing-layout-v20{grid-template-columns:1fr}.similar-listings-v20{position:static;border-left:0;border-top:1px solid #27313a;padding:14px 0 0;grid-template-columns:repeat(3,1fr)}.similar-listings-v20>h3,.similar-listings-v20>.eyebrow{grid-column:1/-1}.real-preview-wrap{position:static}.member-profile-showcase{position:relative;right:auto;bottom:auto;margin:24px 0 0;max-width:none}.member-profile-hero{display:block}.profile-garage-grid{grid-template-columns:1fr 1fr}.catalog-search-row{grid-template-columns:1fr 1fr 1fr}.catalog-search-box{grid-column:1/-1}.filter-pill,#moreFilters{width:auto}.garage-hero{height:auto;grid-template-columns:1fr}.garage-hero-media{height:min(70vh,620px)}}
@media(max-width:900px){.global-search-button b,.global-search-button kbd{display:none}.global-search-results{grid-template-columns:1fr}.cinematic-hero{min-height:480px}.cinematic-hero-copy h2{font-size:48px}.cinematic-hero-metrics{grid-template-columns:1fr 1fr}.build-photo-row{display:flex;overflow:auto}.build-photo-card{min-width:260px}.overview-split-v20,.market-preview-grid,.member-directory-grid,.community-grid-v20,.profile-garage-grid{grid-template-columns:1fr}.market-preview-grid{grid-template-columns:1fr 1fr}.member-directory-toolbar,.community-toolbar-v20{grid-template-columns:1fr}.member-profile-identity{grid-template-columns:70px 1fr}.member-profile-identity>img,.avatar-fallback.xl{width:70px;height:70px}.member-profile-identity h1{font-size:32px}.profile-gallery-mosaic{grid-template-columns:1fr 1fr;grid-auto-rows:180px}.profile-gallery-tile:nth-child(5n+1){grid-column:span 2;grid-row:span 1}.market-filter-panel-v20{grid-template-columns:1fr}.market-card-media-v20{height:260px}.similar-listings-v20{grid-template-columns:1fr}.listing-primary-v20{grid-template-columns:1fr}.listing-main-media{min-height:330px}.catalog-search-row{grid-template-columns:1fr 1fr}.catalog-search-box{grid-column:1/-1}.media-draft-grid.large{grid-template-columns:1fr 1fr}.real-preview-browser iframe{height:590px}.product-detail-media{min-height:320px}.similar-product-grid{grid-template-columns:1fr 1fr}.build-editor{grid-template-columns:1fr}.build-gallery-panel{max-height:none}}
@media(max-width:620px){:root{--base-font:17px}.cinematic-hero-copy{padding:24px}.cinematic-hero-copy h2{font-size:40px}.cinematic-hero-metrics{padding:0 20px 20px}.market-preview-grid,.profile-gallery-mosaic,.similar-product-grid{grid-template-columns:1fr}.catalog-search-row{grid-template-columns:1fr}.filter-pill,#moreFilters{width:100%}.market-grid-v20{grid-template-columns:1fr}.market-card-media-v20{height:240px}.listing-meta-grid{grid-template-columns:1fr}.fulfillment-grid{grid-template-columns:1fr}.media-draft-grid.large{grid-template-columns:1fr}.member-profile-hero{padding:22px}.member-profile-identity{grid-template-columns:1fr}.social-icon-row a span{display:none}.profile-listings-strip{grid-template-columns:1fr 1fr}.real-preview-browser iframe{height:520px}.preview-route-tabs{display:none}}

/* ============================================================
   VWAG v20.0.2 HOTFIX — Marketplace listing media containment
   Prevents listing photos/videos from forcing the media grid
   wider than its track and covering the product details column.
   ============================================================ */
.listing-layout-v20,
.listing-primary-v20,
.listing-media-column,
.listing-copy-v20,
.similar-listings-v20{
  min-width:0;
}

.listing-primary-v20{
  align-items:start;
}

.listing-media-column{
  width:100%;
  max-width:100%;
  overflow:hidden;
}

.listing-main-media{
  /* v20 inherited aspect-ratio:4/3 from the older listing styles.
     Combined with min-height:500px, that could make the media box
     wider than its CSS grid column. */
  aspect-ratio:auto !important;
  width:100%;
  max-width:100%;
  min-width:0;
  min-height:0 !important;
  height:clamp(360px,50vh,560px);
  max-height:560px;
  position:relative;
  isolation:isolate;
  overflow:hidden !important;
}

.listing-main-media > img,
.listing-main-media > video,
.listing-main-media > .video-cover{
  display:block;
  width:100% !important;
  height:100% !important;
  min-width:0;
  max-width:100% !important;
  max-height:100% !important;
  overflow:hidden;
}

.listing-main-media > img,
.listing-main-media > video,
.listing-main-media > .video-cover > video{
  object-fit:contain !important;
  transform-origin:center center;
}

.listing-main-media > .video-cover > video{
  display:block;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
}

.listing-copy-v20{
  width:100%;
  max-width:100%;
  overflow:hidden;
  position:relative;
  z-index:1;
}

.listing-copy-v20 h2,
.listing-copy-v20 p,
.listing-meta-grid strong{
  overflow-wrap:anywhere;
}

@media(max-width:1180px){
  .listing-main-media{
    height:min(56vh,520px);
    max-height:520px;
  }
}

@media(max-width:900px){
  .listing-main-media{
    height:min(52vh,430px);
    max-height:430px;
  }
}

@media(max-width:620px){
  .listing-main-media{
    height:min(46vh,360px);
    max-height:360px;
  }
}

/* v20.0.3 unified media upload reliability */
.media-load-fallback{min-height:140px;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:18px;text-align:center;background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.01));color:var(--muted);border:1px dashed var(--border);border-radius:inherit}.media-load-fallback span{font-weight:800;color:var(--text)}.media-load-fallback small{font-size:.82rem}.profile-banner-editor{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,320px) auto;gap:14px;align-items:center;padding:14px;border:1px solid var(--border);border-radius:var(--radius);background:var(--panel-2)}.profile-banner-editor>div:first-child{display:flex;flex-direction:column;gap:4px}.profile-banner-preview{height:92px;border-radius:calc(var(--radius) - 3px);overflow:hidden;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;color:var(--muted)}.profile-banner-preview img{width:100%;height:100%;object-fit:cover}.file-button{position:relative;overflow:hidden}.media-draft-grid .draft-media{min-width:0}.media-draft-grid .draft-media img,.media-draft-grid .draft-media video{display:block;width:100%;height:100%;object-fit:cover}.gallery-media{position:relative;overflow:hidden}.gallery-media>.media-load-fallback{position:absolute;inset:0}.listing-main-media>.media-load-fallback,.market-card-media-v20>.media-load-fallback{position:absolute;inset:0}.listing-main-media,.market-card-media-v20{position:relative;overflow:hidden}@media(max-width:900px){.profile-banner-editor{grid-template-columns:1fr}.profile-banner-preview{height:130px}}

/* ============================================================
   VWAG v20.1 — Community + media polish
   ============================================================ */
.member-quick-wrap{position:relative}.member-quick-button{display:flex;gap:8px;align-items:center}.member-quick-panel{position:absolute;right:0;top:calc(100% + 10px);width:320px;max-height:520px;overflow:hidden;background:rgba(10,14,18,.98);border:1px solid var(--border);border-radius:14px;box-shadow:0 24px 70px rgba(0,0,0,.55);z-index:120;padding:12px}.member-quick-head{display:grid;gap:10px}.member-quick-head input{height:40px}.member-quick-tabs{display:flex;gap:6px;margin:10px 0}.member-quick-tabs button{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:999px;padding:7px 10px;font-weight:800}.member-quick-tabs button.active{color:var(--text);border-color:#52606b}.member-quick-list{max-height:390px;overflow:auto;display:grid;gap:4px}.member-quick-row{width:100%;display:grid;grid-template-columns:42px 1fr 12px;align-items:center;gap:10px;text-align:left;border:0;background:transparent;color:var(--text);padding:8px;border-radius:10px}.member-quick-row:hover{background:var(--panel-2)}.member-quick-row img,.member-quick-row .avatar-fallback{width:42px;height:42px;border-radius:50%;object-fit:cover}.member-quick-row span{display:grid}.member-quick-row small{color:var(--muted)}.member-quick-empty,.member-quick-loading{padding:18px;color:var(--muted);text-align:center}

.media-editor-v21{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:18px}.media-editor-main{min-width:0}.media-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.aspect-buttons{display:flex;flex-wrap:wrap;gap:6px}.aspect-buttons button{border:1px solid var(--border);background:var(--panel-2);color:var(--muted);border-radius:8px;padding:8px 11px;font-weight:850}.aspect-buttons button.active{color:#fff;border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 35%,transparent)}.media-help{font-size:.82rem;color:var(--muted)}.media-editor-canvas{min-height:520px;background:#05080a;border:1px solid var(--border);border-radius:14px;padding:14px;display:grid;place-items:center}.media-editor-frame{position:relative;width:100%;height:min(64vh,620px);overflow:hidden;background:#0a1015;border-radius:10px;cursor:grab;touch-action:none}.media-editor-frame.dragging{cursor:grabbing}.media-editor-frame.aspect-landscape{aspect-ratio:16/9;height:auto;max-height:620px}.media-editor-frame.aspect-square{aspect-ratio:1;height:auto;max-width:620px}.media-editor-frame.aspect-portrait{aspect-ratio:4/5;height:auto;max-width:480px}.media-editor-frame.aspect-banner{aspect-ratio:4/1;height:auto;max-height:320px}.media-editor-frame img,.media-editor-frame video,.media-mini-frame img,.media-mini-frame video{width:100%;height:100%;object-fit:cover;transform-origin:center;display:block}.crop-guide{position:absolute;inset:0;pointer-events:none;border:1px solid rgba(255,255,255,.35);box-shadow:0 0 0 9999px rgba(0,0,0,.08)}.crop-guide i{position:absolute;background:rgba(255,255,255,.16)}.crop-guide i:nth-child(1),.crop-guide i:nth-child(2){top:0;bottom:0;width:1px;left:33.333%}.crop-guide i:nth-child(2){left:66.666%}.crop-guide i:nth-child(3),.crop-guide i:nth-child(4){left:0;right:0;height:1px;top:33.333%}.crop-guide i:nth-child(4){top:66.666%}.media-editor-side{display:grid;align-content:start;gap:16px}.media-live-preview{display:grid;gap:8px}.media-mini-frame{width:100%;height:170px;border:1px solid var(--border);border-radius:10px;overflow:hidden;background:#080d11}.media-mini-frame.aspect-landscape{aspect-ratio:16/9;height:auto}.media-mini-frame.aspect-square{aspect-ratio:1;height:auto}.media-mini-frame.aspect-portrait{aspect-ratio:4/5;height:auto}.media-mini-frame.aspect-banner{aspect-ratio:4/1;height:auto}.media-editor-side label{display:grid;gap:8px}.media-editor-side input[type=range]{padding:0}.media-editor-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}

.profile-page-grid.v21{grid-template-columns:minmax(0,1.55fr) minmax(320px,.55fr);align-items:start}.profile-sidebar-sticky{position:sticky;top:94px;display:grid;gap:12px}.profile-gallery-inline{margin-top:18px}.profile-gallery-inline .profile-gallery-mosaic{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:160px}.profile-gallery-inline .profile-gallery-tile:first-child{grid-column:span 2;grid-row:span 2}.profile-gallery-tile>span{display:none!important}.profile-gallery-button{width:100%;justify-content:center}.friend-actions{display:flex;flex-wrap:wrap;gap:8px}.friend-list-preview{display:flex;align-items:center;gap:0;margin-top:10px}.friend-list-preview img,.friend-list-preview .avatar-fallback{width:34px;height:34px;border-radius:50%;object-fit:cover;border:2px solid var(--panel);margin-left:-7px}.friend-list-preview>*:first-child{margin-left:0}.friend-count{color:var(--muted);font-size:.85rem;margin-left:8px}

.gallery-item.is-cover .gallery-media{box-shadow:inset 0 0 0 2px #f3bd43}.gallery-cover-badge{position:absolute;left:8px;top:8px;z-index:2;background:#5c4310;color:#ffd976;border:1px solid #8a6416;border-radius:999px;padding:4px 7px;font-size:10px;font-weight:900}.gallery-media-actions{display:flex;gap:5px;flex-wrap:wrap}.cover-photo-button-label{white-space:nowrap}

.product-source-note{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 12px;border:1px solid var(--border);background:var(--panel-2);border-radius:10px;color:var(--muted);font-size:.82rem}.product-detail-info section p{white-space:pre-line}.retailer-detail-sections{display:grid;gap:12px}.retailer-detail-sections section{padding-top:12px;border-top:1px solid var(--border)}

.forum-footer button.reaction{type:button}.reaction b{min-width:18px;height:18px;border-radius:999px;display:inline-grid;place-items:center;padding:0 5px;background:rgba(255,255,255,.08);font-size:11px}.reaction.active{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,var(--panel-2))}

@media(max-width:1100px){.profile-page-grid.v21{grid-template-columns:1fr}.profile-sidebar-sticky{position:static}.media-editor-v21{grid-template-columns:1fr}.media-editor-canvas{min-height:360px}.media-editor-frame{height:min(56vh,500px)}}
@media(max-width:720px){.member-quick-panel{position:fixed;left:12px;right:12px;top:78px;width:auto}.profile-gallery-inline .profile-gallery-mosaic{grid-template-columns:1fr 1fr}.media-editor-toolbar{align-items:flex-start;flex-direction:column}.media-editor-canvas{min-height:300px;padding:8px}.media-editor-frame{height:430px}.media-editor-side{grid-template-columns:1fr}.media-help{font-size:.75rem}}
.member-profile-hero{position:relative;overflow:hidden}.member-profile-hero-media{position:absolute;inset:0;overflow:hidden;z-index:0}.member-profile-hero-media img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}.member-profile-overlay{z-index:1}.member-profile-identity,.member-profile-showcase{position:relative;z-index:2}.discord-handle{display:block;color:var(--muted);margin:-5px 0 7px}.full-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.full-gallery-item{min-height:220px;border:1px solid var(--border);border-radius:12px;overflow:hidden;background:#070b0e}.full-gallery-item img,.full-gallery-item video{width:100%;height:100%;max-height:520px;object-fit:cover;display:block;transform-origin:center}.button-row.compact{gap:5px}.button-row.compact button{padding:6px 9px;font-size:.78rem}
@media(max-width:900px){.full-gallery-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.full-gallery-grid{grid-template-columns:1fr}}

/* ============================================================
   VWAG Final Release — community/profile/media refinement
   ============================================================ */

/* Garage hero: use the same cover-style crop language as the vehicle card. */
.garage-hero{min-height:0;height:auto;grid-template-columns:minmax(0,1.55fr) minmax(340px,.65fr);align-items:stretch}
.garage-hero-media{min-height:0;height:auto;aspect-ratio:16/10;align-self:center}
.garage-hero-media img{width:100%;height:100%;object-fit:cover;transform-origin:center;display:block}
.garage-hero-copy{min-height:100%;padding:30px}
@media(min-width:1181px){.garage-hero{max-height:min(72vh,720px)}.garage-hero-media{max-height:min(72vh,720px)}}

/* Member hero: identity and showcase are two deliberate columns, never overlapping. */
.member-profile-hero{display:block;min-height:390px;padding:30px}
.member-profile-hero-content{position:relative;z-index:2;min-height:330px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,430px);gap:28px;align-items:end;width:100%}
.member-profile-identity{max-width:760px;align-self:end}
.member-profile-showcase{position:relative;right:auto;bottom:auto;max-width:none;width:100%;align-self:end;text-align:left;color:var(--text);cursor:pointer;background:rgba(8,12,16,.82);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:20px}
.member-profile-showcase:hover{border-color:#53616d;transform:translateY(-1px)}
.member-profile-showcase small{display:block;margin-top:10px;color:var(--muted);font-weight:800}
.member-profile-showcase h2{font-size:clamp(24px,2.1vw,34px);line-height:1.06;margin:10px 0}
.member-profile-hero-media img{transform-origin:center}

/* One-car profiles should feel like a feature page; multi-car profiles remain a garage grid. */
.profile-page-grid.vFinal{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(310px,.5fr);gap:22px;align-items:start}
.profile-primary-column{min-width:0}
.profile-garage-grid.single{grid-template-columns:minmax(0,1fr)}
.profile-garage-grid.single .profile-car-card{display:grid;grid-template-columns:minmax(330px,.95fr) minmax(300px,.7fr);min-height:360px}
.profile-garage-grid.single .profile-car-media{height:100%;min-height:360px}
.profile-garage-grid.single .profile-car-copy{display:flex;flex-direction:column;justify-content:center;padding:26px}
.profile-car-card{appearance:none;width:100%;padding:0;text-align:left;color:var(--text);cursor:pointer;font:inherit}
.profile-car-card:hover{border-color:#52616d;transform:translateY(-1px)}
.profile-card-open{display:inline-flex;margin-top:14px;color:#b8c8d4;font-weight:850;font-size:.86rem}
.profile-gallery-inline.compact-preview{margin-top:20px}
.profile-market-strip,.profile-social-feed{margin-top:30px}

/* Community cards are build previews, not mini galleries. */
.community-card-cta{display:inline-flex;margin-top:12px;color:#aec0cd;font-weight:850;font-size:.82rem}
.community-build-card-v20:hover .community-card-cta{color:#fff}

/* Full gallery viewer always shows the entire source image/video. */
.gallery-viewer{display:grid;gap:14px}
.gallery-viewer-stage{height:min(70vh,760px);min-height:420px;display:grid;place-items:center;background:#05080b;border:1px solid var(--border);border-radius:14px;overflow:hidden}
.gallery-viewer-stage img,.gallery-viewer-stage video{display:block;width:100%;height:100%;object-fit:contain;transform:none!important;background:#05080b}
.gallery-viewer-thumbs{display:flex;gap:8px;overflow:auto;padding:2px 1px 6px}
.gallery-viewer-thumbs button{position:relative;flex:0 0 110px;height:76px;border:1px solid var(--border);border-radius:9px;overflow:hidden;background:#0a0f14;padding:0}
.gallery-viewer-thumbs button.active{border-color:var(--accent);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 45%,transparent)}
.gallery-viewer-thumbs img,.gallery-viewer-thumbs video{width:100%;height:100%;object-fit:cover;display:block}
.gallery-viewer-thumbs span{position:absolute;inset:0;display:grid;place-items:center;font-size:22px;text-shadow:0 2px 8px #000}
.full-gallery-item img,.full-gallery-item video{object-fit:contain!important;transform:none!important;background:#05080b}

/* Vehicle build detail + build timeline. */
.build-view{display:grid;gap:30px}
.build-view-summary{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.7fr);gap:18px}
.build-view-main-photo{min-height:440px;max-height:640px;border:1px solid var(--border);border-radius:14px;overflow:hidden;background:#060a0d}
.build-view-main-photo img{width:100%;height:100%;object-fit:cover;display:block;transform-origin:center}
.build-view-info{border:1px solid var(--border);border-radius:14px;background:var(--panel);padding:24px}
.build-view-info h2{font-size:clamp(28px,3vw,42px);margin:7px 0 12px}
.build-view-info details{border-top:1px solid var(--border);padding:13px 0}.build-view-info summary{font-weight:850;cursor:pointer}.build-view-info details p{margin-top:9px;color:var(--muted)}
.metric-grid.compact{margin:18px 0}
.build-timeline-public{position:relative;display:grid;gap:0;margin-top:10px}
.build-timeline-public:before{content:"";position:absolute;left:12px;top:10px;bottom:10px;width:2px;background:linear-gradient(var(--accent),#26313a)}
.build-milestone{display:grid;grid-template-columns:150px minmax(0,1fr);gap:18px;position:relative;padding:0 0 20px 0}
.build-milestone-marker{position:relative;padding-left:30px;color:var(--muted);font-size:.84rem;font-weight:850}.build-milestone-marker i{position:absolute;left:5px;top:5px;width:16px;height:16px;border-radius:50%;background:var(--accent);border:4px solid #111820;box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 55%,#000)}
.build-milestone-card{border:1px solid var(--border);background:var(--panel);border-radius:13px;padding:18px}.build-milestone-head{display:flex;justify-content:space-between;gap:15px}.build-milestone-card h3{font-size:20px;margin:4px 0}.build-milestone-card p{color:#c2ccd3}.timeline-media{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:12px}.timeline-media img,.timeline-media video{width:100%;height:150px;object-fit:contain;background:#05080b;border-radius:8px}
.build-timeline-editor{margin-top:22px;padding-top:20px;border-top:1px solid var(--border)}
.timeline-editor-list{display:grid;gap:8px}.timeline-editor-row{display:flex;justify-content:space-between;align-items:center;gap:14px;border:1px solid var(--border);background:var(--panel-2);border-radius:10px;padding:12px 14px}.timeline-editor-row>div:first-child{display:grid;gap:3px}.timeline-editor-row small,.timeline-editor-row span{color:var(--muted)}.timeline-empty{border:1px dashed var(--border);border-radius:11px;padding:18px;color:var(--muted);text-align:center}.timeline-media-button{width:max-content}

/* Social feed embeds. */
.social-embed-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.social-embed-card{border:1px solid var(--border);border-radius:14px;overflow:hidden;background:var(--panel)}
.social-embed-head{height:48px;display:flex;align-items:center;gap:9px;padding:0 13px;border-bottom:1px solid var(--border)}.social-embed-head svg{width:20px;height:20px}.social-embed-head a{margin-left:auto;color:var(--muted);font-size:.82rem;font-weight:800}.social-embed-card iframe{width:100%;height:620px;border:0;background:#fff}.social-embed-card.tiktok iframe{background:#000}.social-post-fallback{border:1px solid var(--border);border-radius:10px;padding:16px}

/* Member quick panel gets a first-class presence selector. */
.member-quick-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.member-quick-title span{color:var(--muted);font-size:.78rem}.member-status-control{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:10px}.member-status-control span{font-size:.78rem;color:var(--muted);font-weight:800}.member-status-control select{height:38px;padding:0 10px}

/* Reactions: explicit interaction state and count visibility. */
.reaction{cursor:pointer;user-select:none}.reaction:disabled{opacity:.65;cursor:wait}.reaction b{font-variant-numeric:tabular-nums}.reaction.active b{background:color-mix(in srgb,var(--accent) 32%,rgba(255,255,255,.08))}

/* Profile media previews can crop for cards, while the gallery viewer never crops. */
.profile-gallery-mosaic .profile-gallery-tile{cursor:pointer}.profile-gallery-mosaic .profile-gallery-tile img,.profile-gallery-mosaic .profile-gallery-tile video{object-fit:cover;transform-origin:center}

@media(max-width:1180px){
  .member-profile-hero-content{grid-template-columns:1fr}.member-profile-showcase{max-width:620px}
  .profile-page-grid.vFinal{grid-template-columns:1fr}.profile-sidebar-sticky{position:static;grid-template-columns:repeat(3,minmax(0,1fr))}
  .profile-garage-grid.single .profile-car-card{grid-template-columns:1fr 1fr}
  .build-view-summary{grid-template-columns:1fr}.build-view-main-photo{height:min(62vh,600px)}
}
@media(max-width:820px){
  .profile-sidebar-sticky{grid-template-columns:1fr}.profile-garage-grid.single .profile-car-card{grid-template-columns:1fr}.profile-garage-grid.single .profile-car-media{min-height:300px}
  .social-embed-grid{grid-template-columns:1fr}.social-embed-card iframe{height:560px}
  .build-milestone{grid-template-columns:1fr;padding-left:34px}.build-timeline-public:before{left:12px}.build-milestone-marker{padding-left:0}.build-milestone-marker i{left:-29px}.timeline-media{grid-template-columns:1fr 1fr}
}
@media(max-width:620px){
  .garage-hero{grid-template-columns:1fr}.garage-hero-media{aspect-ratio:16/10}
  .member-profile-hero{padding:20px}.member-profile-hero-content{min-height:340px}.member-profile-identity{grid-template-columns:1fr}.member-profile-showcase h2{font-size:24px}
  .gallery-viewer-stage{min-height:280px;height:60vh}.social-embed-card iframe{height:500px}.timeline-media{grid-template-columns:1fr}
}