/* URMOT v2.8 — shared premium design layer. Loaded after legacy CSS on every page. */
:root{--urm-navy:#081b2e;--urm-navy-soft:#123149;--urm-gold:#d8ad67;--urm-gold-light:#f1d5a0;--urm-surface:#fff;--urm-canvas:#f4f6f9;--urm-ink:#112a40;--urm-muted:#697b8b;--urm-border:#e5ebf1;--urm-radius:18px;--urm-shadow:0 14px 40px rgba(8,27,46,.07);--urm-focus:0 0 0 4px rgba(216,173,103,.23)}
html{scroll-padding-top:100px}body{background:var(--urm-canvas);color:var(--urm-ink)}
:where(button,a,input,select,textarea):focus-visible{outline:2px solid #b88331;outline-offset:3px}
:where(.panel,.detail-panel,.gallery-card,.seller-card,.car,.v7-listing,.auth-page,.search,.empty,.notice){border-color:var(--urm-border);box-shadow:var(--urm-shadow)}
:where(.panel,.detail-panel,.gallery-card,.seller-card,.car,.v7-listing,.auth-page){border-radius:var(--urm-radius)}
:where(.panel input,.panel select,.panel textarea,.search input,.search select){background:#fbfcfe;border-color:#dce5ed;border-radius:12px;min-height:48px}
:where(.panel input,.panel select,.panel textarea,.search input,.search select):focus{border-color:#c3934e;box-shadow:var(--urm-focus);outline:0}
:where(.gold,.outline,.soft-button){border-radius:12px;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease}
.gold{background:linear-gradient(115deg,var(--urm-gold-light),var(--urm-gold));color:var(--urm-navy);border-color:#d4a75e}
:where(.gold,.outline,.soft-button):active{transform:translateY(1px)}
:where(.car,.brand-carousel-card,.make-tile){transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
:where(.car,.brand-carousel-card,.make-tile):hover{box-shadow:0 20px 50px rgba(8,27,46,.13);border-color:#dfc18f}
:where(.section-head h2,.panel h1,.detail-heading h1){letter-spacing:-.35px}
:where(.section-kicker){color:#a77b38;letter-spacing:1.1px}
:where(.car-img img,.gallery-main img){display:block}
:where(.car-specs span,.step){border-radius:9px}
:where(.empty,.notice){position:relative;overflow:hidden}
.empty:before{content:'🚗'!important;font-family:'Apple Color Emoji','Segoe UI Emoji',sans-serif!important;font-size:42px;line-height:1.2}
:where(.brand-carousel-logo img){object-fit:contain}
:where(.urmot-quick-item,.languages a){transition:background-color .2s ease,color .2s ease}
:where(.urmot-quick-item):hover{background:rgba(255,255,255,.09)}
@media(max-width:680px){.container{width:min(100% - 28px,1240px)}.panel{padding:22px}.premium-banner{border-radius:18px}.section-head{gap:12px}.brand-carousel-card{scroll-snap-align:start}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* URMOT v2.8.1 — compact, accessible car-brand rail and live inventory badges */
.makes-section .brand-carousel{gap:12px;padding-block:5px 14px}
.makes-section .brand-carousel-card{flex:0 0 clamp(128px,12.2vw,162px);min-height:164px;padding:12px 9px;gap:5px;border-radius:17px}
.makes-section .brand-carousel-logo{width:62px;height:62px;padding:9px;border-radius:14px}
.makes-section .brand-carousel-logo .urmot-brand-initial{font-size:23px}
.makes-section .brand-carousel-card strong{font-size:13px}
.makes-section .brand-carousel-card small{font-size:11px}
.makes-section .brand-carousel-link{width:21px;height:21px;margin-top:1px}
.brand-carousel-count{font-size:11px;font-weight:750;color:#856126;background:#fff6e5;border:1px solid #f0dfc0;padding:3px 9px;border-radius:30px;white-space:nowrap}
.urmot-brand-choice-count{font-size:11px;color:#8b6a36;background:#fff6e6;border-radius:999px;padding:4px 8px;margin-inline-start:auto;white-space:nowrap}
@media(max-width:680px){.makes-section .brand-carousel-card{flex-basis:125px;min-height:155px}.makes-section .brand-carousel-logo{width:56px;height:56px}.brand-carousel-count{font-size:10px}}