/* Shared visual language for the existing search and detail screens. */
:root{--ink:#222521;--dark:#272b25;--dark-2:#31372d;--brass:#8f7857;--brass-dark:#776246;--text:#222521;--text-sub:#747771;--text-mute:#92968b;--border:#e1e2dc;--bg-alt:#f3f3ee;--radius:4px}
html{scroll-padding-top:105px}body{word-break:keep-all}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}:focus-visible{outline:2px solid var(--brass);outline-offset:4px}.wrap{max-width:1328px;padding-inline:48px}
header.site{background:white;color:var(--ink);border-bottom:1px solid var(--border)}.nav-row{height:88px;gap:32px}.logo .name{font-family:Arial,sans-serif;font-size:32px;font-weight:700;letter-spacing:-1.8px}.logo .tag{display:none}nav.main{gap:34px;font-size:13px;color:var(--ink);font-weight:500}nav.main a:hover,nav.main a.active{color:var(--brass)}.nav-right{color:var(--ink);font-size:12px}.nav-right .phone{font-weight:400;white-space:nowrap}.menu-btn{display:none;width:40px;height:40px;padding:10px;justify-content:center;gap:5px}.menu-btn span{height:1px;background:var(--ink);border-radius:0}.mobile-menu-panel{background:#f3f3ee}.mobile-menu-panel a{color:var(--ink);border-color:var(--border)}.mobile-menu-close{color:var(--ink);width:40px;height:40px;background:transparent;border:0}.breadcrumb{font-size:12px;padding-block:23px}
.brom-listings section{padding-top:18px}.brom-listings .page-head{margin-bottom:30px;align-items:center}.brom-listings .page-head h1{font-size:35px;font-weight:500;letter-spacing:-.05em}.brom-listings .page-head .count{font-size:12px;margin-top:8px}.brom-listings .page-head .count b{color:var(--brass)}.brom-listings .filter-bar{background:var(--bg-alt);border:0;border-radius:0;padding:7px 24px 20px;margin-bottom:30px}.brom-listings .type-tab{border-radius:0;font-size:12px;font-weight:500;padding:10px 17px}.brom-listings .search-input-wrap input{border-width:1px;border-radius:0;font-size:14px;padding-block:15px}.brom-listings .chip{border-radius:2px;font-size:12px;background:transparent}.brom-listings .chip.active{background:var(--ink)}.brom-listings .f-inline select,.brom-listings .toolbar select{border-radius:2px}.brom-listings .f-label{font-size:12px;font-weight:550}.brom-listings .active-bar{border-radius:0;background:#e8eae1}.brom-listings .a-chip{border-radius:2px}.brom-listings .toolbar{margin-block:24px}.brom-listings .grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 26px}.brom-listings .card{border:0;border-bottom:1px solid var(--border);border-radius:0;display:flex;flex-direction:column}.brom-listings .card .ph{background:#f0f1ed;flex-shrink:0;overflow:hidden}.brom-listings .card .ph img{transition:transform .4s}.brom-listings .card:hover .ph img{transform:scale(1.035)}.brom-listings .card .cap{padding:19px 0 22px;display:flex;flex-direction:column;flex:1}.brom-listings .card .name{font-size:18px;font-weight:550;letter-spacing:-.025em;line-height:1.5}.brom-listings .card .spec{font-size:12px;margin-top:7px}.brom-listings .card .bottom-row{margin-top:auto;padding-top:20px}.brom-listings .card .price{font-size:21px;font-weight:550;letter-spacing:-.025em}.brom-listings .card .status-tag{border-radius:1px;top:13px;left:13px;padding:4px 9px;font-size:10px;font-weight:500}.brom-listings .card .drop-tag,.brom-listings .card .upd-tag{border-radius:1px;background:var(--ink);box-shadow:none;font-size:10px;font-weight:400}.brom-listings .card .badge{border-radius:2px;font-size:10px;font-weight:500}.brom-listings .card .heart{top:12px;right:12px;width:32px;height:32px}.brom-listings .card .score{font-size:10px}
.brom-detail .info-panel{border-radius:5px;box-shadow:0 8px 30px rgba(28,35,20,.06);border:1px solid var(--border)}.brom-detail .title{font-weight:600;letter-spacing:-.04em;line-height:1.35}.brom-detail .main-img,.brom-detail .thumb{border-radius:3px}.brom-detail .hero{gap:28px}.brom-detail .sec-title{font-size:24px;font-weight:600;letter-spacing:-.035em}.brom-detail .subtitle{line-height:1.8}.brom-detail .spec-card,.brom-detail .ai-score-card,.brom-detail .seller-card{border-radius:5px}.brom-detail .info-panel .cta-row button,.brom-detail .info-panel .cta-row a{border-radius:3px}
@media(min-width:1600px){.wrap{max-width:1456px}}
@media(max-width:1100px){.wrap{padding-inline:32px}nav.main{gap:23px}.nav-row{gap:24px}}
@media(max-width:960px){nav.main{display:none}.menu-btn{display:flex}.wrap{padding-inline:24px}.nav-row{height:74px}.logo .name{font-size:29px}.brom-listings .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 20px}.brom-listings .page-head h1{font-size:30px}.brom-listings .page-head{align-items:flex-start;gap:20px}}
@media(max-width:540px){.wrap{padding-inline:20px}.nav-row{height:66px;gap:12px}.logo .name{font-size:27px}.nav-right{gap:9px;font-size:11px}.nav-right .phone{gap:5px}.nav-right .phone .icon{width:14px;height:14px}.brom-listings .grid{grid-template-columns:1fr;gap:28px}.brom-listings .page-head{margin-bottom:22px}.brom-listings .page-head h1{font-size:29px}.brom-listings .type-tabs{gap:6px;flex-wrap:wrap}.brom-listings .type-tab{font-size:11px;padding:8px 12px}.brom-listings .filter-bar{padding:0 16px 17px}.brom-listings .f-group{flex-direction:column;gap:10px}.brom-listings .f-label{flex-basis:auto;padding:0}.brom-listings .chip{font-size:11px;padding:7px 10px}.brom-listings .f-inline{flex-wrap:wrap;width:100%}.brom-listings .card .name{font-size:20px}.brom-listings .card .price{font-size:23px}.brom-detail .hero{gap:20px}.brom-detail .sec-title{font-size:22px}.breadcrumb{font-size:11px;padding-block:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* One wordmark across the showroom, inventory and vehicle pages. */
.logo .brand-logo{display:block;width:142px;height:auto;max-width:none}.brom-listings .card .ph img[src*="brom-mc20-showroom"]{object-position:center 60%}
@media(max-width:540px){.logo .brand-logo{width:118px}}