/* Reference: the showroom page in IMG_1566. Original Vazirmatn 33.003, bundled locally. */
@font-face{font-family:MMVazirmatn;src:url('/mm-vazirmatn-33-003.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--mm-page-font:MMVazirmatn,Vazirmatn,Tahoma,sans-serif;--mm-type-body:14px;--mm-type-description:13px;--mm-type-caption:12px;--mm-type-small:11px;--mm-type-h1:24px;--mm-type-h2:20px;--mm-type-h3:17px;--mm-type-card:15px;--mm-type-price:18px;--mm-type-action:15px}
html body,html body #mm-assistant,html body :is(.mm-bizcard,.mm-ads-page,.mm-seller-page,.mm-sellers){font-family:var(--mm-page-font)!important}
html body{font-size:var(--mm-type-body);line-height:1.8}
html body :is(button,input,select,textarea,optgroup,option,dialog):not(:where(.maplibregl-map *,.mapboxgl-map *,.leaflet-container *,.fa,.fas,.far,.fab,.material-icons,.material-symbols-outlined,.material-symbols-rounded,[data-icon-font])){font-family:var(--mm-page-font)!important}
html body :is(h1,h2,h3):not(:where(.maplibregl-map *,.mapboxgl-map *,.leaflet-container *)){font-weight:700;line-height:1.6}
html body h1:not(:where(.maplibregl-map *,.mapboxgl-map *,.leaflet-container *)){font-size:var(--mm-type-h1)!important}
html body h2:not(:where(.maplibregl-map *,.mapboxgl-map *,.leaflet-container *)){font-size:var(--mm-type-h2)!important}
html body h3:not(:where(.maplibregl-map *,.mapboxgl-map *,.leaflet-container *)){font-size:var(--mm-type-h3)!important}
html body :is(.bd-meta,.meta,.car-sub,.car-meta,.car-specs,.field-hint,.bd-description,.bd-hero p,.bd-route-message,.section-head p,.bd-empty p,.bd-message p){font-size:var(--mm-type-description)!important;line-height:1.9}
html body :is(.bd-business-card h3,.bd-product h3,.car-title,.car-card h3,.dealer-card h3,.business-card h3){font-size:var(--mm-type-card)!important;font-weight:700;line-height:1.7}
html body :is(.bd-price,.car-price,.detail-price){font-size:var(--mm-type-price)!important;font-weight:900;line-height:1.7}
html body :is(.bd-tag,.status-badge,.status,.verified,.available,.reserved){font-size:var(--mm-type-small)!important;font-weight:800}
html body .mm-listing-date{font-size:12px!important;line-height:1.8}html body :is(.car-card .mm-listing-date,.bd-price-note,.car-price small,.bd-kicker){font-size:var(--mm-type-small)!important;line-height:1.8}
html body :is(.bd-field label,.form-field label,.filter-field label){font-size:13px!important;font-weight:600}
html body :is(.bd-button,.btn,.contact),html body #sendMsgBtn{font-size:var(--mm-type-action)!important;font-weight:800;line-height:1.7}
html body :is(.bd-back,.back){font-size:16px!important;font-weight:800;line-height:1.8}
html body :is(.quick-card b,.service-card b,.business-card b){font-size:13px!important;font-weight:700;line-height:1.7}
html body :is(.bottom-nav small,.bottom-nav .nav-label){font-size:11px!important;font-weight:700;line-height:1.6}
html body :is(.filter-actions button,.bd-filter-actions .bd-button){font-size:13px!important}
html body .scope-switch button{font-size:12px!important}
html body :is(.footer-grid p,.footer-grid a){font-size:12px!important;line-height:1.9}
/* The reference showroom keeps its own proportions: name, section, card, details, price. */
html body .wrap>.dealer h1{font-size:23px!important;font-weight:700;line-height:1.7}
html body .wrap>.dealer .meta{font-size:13px!important;line-height:1.9}
html body .wrap>.dealer .verified{font-size:11px!important;font-weight:800}
html body .wrap>.dealer .contact{font-size:16px!important;font-weight:800}
html body .wrap>.section>h2{font-size:18px!important;font-weight:700;line-height:1.7}
html body #cars .car .body b{font-size:14px!important;font-weight:700}
html body #cars .car .meta{font-size:13px!important}
html body #cars .car .price{font-size:16px!important;font-weight:900}
html body #cars .car .status{font-size:10px!important;font-weight:800}
html body .wrap #messageBox .empty>b{font-size:16px!important;font-weight:700}
html body .bd-profile-info h1{font-size:23px!important}
html body .bd-route-card h1{font-size:24px!important}
html body #bdRouteSteps{font-size:14px;line-height:2}
html body #bdRouteDirections>summary{font-size:15px;font-weight:700}
html body #bdDrivingInstruction{font-size:18px!important;font-weight:800;line-height:1.8}
html body #bdDrivingTitle{font-size:16px!important}
html body #bdDrivingNext{font-size:13px!important;line-height:1.8}
html body #bdDrivingRemaining{font-size:16px!important;font-weight:800}
/* Keep the landing hero's compact text within its existing fixed height. */
html body .hero-content h1{font-size:41px!important;font-weight:900;line-height:1.35}
html body .hero-content p{font-size:13px!important;line-height:2}
@media(min-width:768px){:root{--mm-type-body:15px;--mm-type-h1:28px;--mm-type-h2:23px;--mm-type-h3:19px;--mm-type-card:17px;--mm-type-price:20px}html body :is(.quick-card b,.service-card b,.business-card b){font-size:14px!important}}
@media(max-width:767px){html body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden]),select,textarea):not(:where(.maplibregl-map *,.mapboxgl-map *,.leaflet-container *,.code-input-row *)){font-size:16px!important}html body .wrap>.dealer h1,html body .bd-profile-info h1{font-size:20px!important}html body .bd-route-card h1{font-size:22px!important}html body :is(.section-head h2,.bd-results-head h2){font-size:18px!important}html body .hero-content h1{font-size:24px!important;line-height:1.28}html body .hero-content p{font-size:9.5px!important;line-height:1.65}html body .hero-btn{font-size:10px!important}}
@media(max-width:360px){html body .hero-content h1{font-size:22px!important}html body .hero-content p{font-size:9px!important}}