/* Catalog and inquiry redesign. Existing vehicle data and actions are unchanged. */
.catalog-page-main{background:#f3f5f7;color:#132738}
.catalog-page-main :is(button,a,input,select,textarea){touch-action:manipulation}
.catalog-page-intro{background:#fff;border-block-end:1px solid #dce3e9;padding:22px 0 44px}
.catalog-back-link{color:#657584;font-size:14px;min-height:44px;gap:10px}
.catalog-back-link:hover{color:#132738}
.catalog-page-heading-row{align-items:center;gap:48px;margin-block-start:20px}
.catalog-page-heading-row>div{max-width:790px;min-width:0}
.catalog-page-heading-row .eyebrow{color:#ac3c1b;font-size:12px;letter-spacing:1px;margin-block-end:13px}
.catalog-page-heading-row h1{font:750 clamp(38px,4.2vw,58px)/1.12 var(--heading);color:#132738;letter-spacing:-1.8px;max-width:820px;overflow-wrap:anywhere;text-wrap:balance}
.catalog-page-intro-copy{color:#637383;font-size:16px;line-height:1.75;max-width:700px;margin-block-start:20px}
.catalog-page-action{min-height:54px;max-width:280px;border-radius:12px;background:#f06435;color:#fff;font-size:15px;font-weight:700;line-height:1.5;padding:15px 23px;box-shadow:none;transform:none}
.catalog-page-action:hover{background:#d94d21;transform:none}
.catalog-page-stock{padding:42px 0 64px}
.catalog-page-stock-heading{gap:20px;align-items:center;margin-block-end:24px}
.catalog-page-stock-heading h2{color:#132738;font-size:29px;font-weight:750;line-height:1.3;letter-spacing:-.7px;padding:0;max-width:none}
.catalog-page-stock #saved-toggle{min-height:44px;background:#fff;border:1px solid #dce3e9;border-radius:12px;padding:10px 14px;font-size:14px;gap:8px}
.catalog-page-stock #saved-toggle[aria-pressed=true]{background:#fff0e8;border-color:#f4b39a;color:#a53617}
.catalog-page-stock #saved-toggle svg{width:18px;height:18px}
.catalog-page-stock #saved-count{background:#edf1f5;color:#132738;min-width:24px;font-size:12px;padding:1px 7px}
.catalog-page-stock .catalog-filters{background:#fff;border:1px solid #dce3e9;border-radius:12px;padding:16px;grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));gap:12px}
.catalog-page-stock .catalog-filters :is(input,select){background:#fff;border:1px solid #dce3e9;border-radius:9px;height:50px;min-height:50px;font-size:14px;color:#132738;padding-inline:13px;width:100%;min-width:0}
.catalog-page-stock .catalog-search input{padding-inline-start:42px}
.catalog-page-stock .catalog-search svg{inset-inline-start:15px;left:auto;right:auto;inset-inline-start:15px;color:#6a7b89;width:18px;height:18px}
.catalog-page-stock .catalog-filters input::placeholder{color:#74828f}
.catalog-page-stock .catalog-filters :is(input,select):focus-visible{outline:3px solid #f0643566;outline-offset:1px;border-color:#d84f27}
.catalog-page-stock .results-line{font-size:13px;color:#637383;min-height:48px;margin:11px 0 17px;gap:15px}
.catalog-page-stock #reset-filters{min-height:44px;max-width:none;font-size:13px;color:#132738;padding:8px 0;text-decoration:underline;text-underline-offset:4px}
.catalog-page-stock .vehicle-grid{gap:24px}
.catalog-page-stock .vehicle-card{border:1px solid #dce3e9;border-radius:12px;background:#fff;box-shadow:none;transform:none;min-width:0}
.catalog-page-stock .vehicle-card:hover{box-shadow:none;transform:none}
.catalog-page-stock .car-image{background:#e9eef2;overflow:hidden;border-radius:0}
.catalog-page-stock .car-photo-button{min-height:44px}
.catalog-page-stock .actual-vehicle .car-image img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none;transition:none}
.catalog-page-stock .actual-vehicle:hover .car-image img{transform:none}
.catalog-page-stock .car-tags{inset-block-start:18px;left:auto;right:auto;inset-inline-start:18px;gap:7px}
.catalog-page-stock .car-tags .badge{font-size:12px;line-height:1.4;border-radius:6px;padding:7px 11px;box-shadow:none;background:#fff0e8;color:#9a3516}
.catalog-page-stock .car-tags .badge:not(.used):not(.outline){background:#fff0e8;color:#9a3516}
.catalog-page-stock .car-tags .badge.outline{background:#fff;border:1px solid #dce3e9;color:#435767;padding:6px 10px;backdrop-filter:none}
.catalog-page-stock .save-car{width:44px;height:44px;inset-block-start:16px;left:auto;right:auto;inset-inline-end:16px;background:#fff;border:1px solid #dce3e9;box-shadow:none}
.catalog-page-stock .save-car[aria-pressed=true]{background:#fff0e8;color:#b84620;border-color:#f0b397}
.catalog-page-stock .save-car svg{width:20px;height:20px}
.catalog-page-stock .car-content{color:#132738;min-width:0}
.catalog-page-stock .car-brand{color:#6b7b88;font-size:12px;font-weight:650;letter-spacing:1.2px}
.catalog-page-stock .car-content h3{color:#132738;font-weight:750}
.catalog-page-stock .detail-link{min-height:44px;line-height:1.25}
.catalog-page-stock .detail-link:hover{color:#d94d21}
.catalog-page-stock .car-specs{color:#647483;font-size:14px;line-height:1.7}
.catalog-page-stock .car-specs span+span:before{color:#a8b3bc;padding-inline:10px}
.catalog-page-stock .stock-label{display:inline-flex;align-items:center;gap:9px;color:#a83d1b;background:#fff0e8;padding:7px 11px;border-radius:7px;font-size:13px;font-weight:650;line-height:1.6}
.catalog-page-stock .stock-label .status-dot{background:#f06435;width:7px;height:7px;flex:none}
.catalog-page-stock .vehicle-configuration{font-size:14px;color:#657584;line-height:1.75}
.catalog-page-stock .vehicle-msrp{border-block-start:1px solid #e5eaf0;padding-block-start:15px;font-size:13px;line-height:1.7;color:#647483;gap:4px 12px;margin:0 0 19px}
.catalog-page-stock .vehicle-msrp strong{font-size:17px;color:#132738;font-weight:700}
.catalog-page-stock .car-footer{border-color:#dce3e9}
.catalog-page-stock .price-label{font-size:12px;color:#657584;letter-spacing:0}
.catalog-page-stock .price{font-size:19px;color:#132738;font-weight:750}
.catalog-page-stock .view-car{min-height:48px;padding:12px 20px;border:1px solid #132738;border-radius:10px;background:#132738;color:#fff;font-size:14px;font-weight:650;gap:20px;text-align:start;line-height:1.5;max-width:62%}
.catalog-page-stock .view-car:hover{background:#24435b;color:#fff}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:stretch}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-image{height:490px;min-height:0;border-inline-end:1px solid #dce3e9;border-block-end:0}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-content{padding:35px 34px 0;display:flex;flex-direction:column;align-items:start}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-content h3{font-size:39px;line-height:1.2;margin:8px 0 13px}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-brand{font-size:12px}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-specs{font-size:14px}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .stock-label{margin:21px 0 11px;font-size:13px}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .vehicle-configuration{font-size:14px;margin:0 0 17px}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-footer{margin-block-start:auto;padding:19px 0;width:100%;align-items:center;gap:14px}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .price-label{font-size:12px}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .price{font-size:19px}
body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .view-car{font-size:14px;min-height:48px}
.catalog-page-stock .catalog-note{margin-block-start:20px;color:#627383;gap:10px}
.catalog-page-stock .catalog-note p{font-size:13px;line-height:1.75}
.catalog-page-stock .info-icon{border-color:#8292a0;width:16px;height:16px;font-size:11px;flex:none}
.catalog-page-stock .empty-state{border:1px solid #dce3e9;border-radius:12px;background:#fff;padding:50px 28px;text-align:center}
.catalog-page-stock .empty-mark{background:#fff0e8;color:#b34721;border-radius:12px;width:52px;height:52px;margin-block-end:23px}
.catalog-page-stock .empty-state h3{font-size:29px;color:#132738;font-weight:750;line-height:1.35;max-width:710px;margin:0 auto 13px}
.catalog-page-stock .empty-state p{color:#637383;font-size:16px;line-height:1.8;max-width:660px;margin:0 auto 25px}
.catalog-page-stock .empty-state .button{background:#132738;color:#fff;font-size:15px;min-height:54px;border-radius:12px;box-shadow:none;transform:none;padding:15px 24px;max-width:100%;white-space:normal}
.used-details-section{background:#eef2f5;border-block-start:1px solid #dce3e9;padding:48px 0 62px}
.used-details-section h2{font-size:31px;font-weight:750;color:#132738;line-height:1.3;letter-spacing:-.6px;margin-block-end:27px;max-width:800px}
.used-detail-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.used-detail-grid article{border:1px solid #dce3e9;border-radius:12px;background:#fff;padding:25px;min-width:0}
.used-detail-grid .category-marker{font-size:13px;font-weight:650;color:#b34721}
.used-detail-grid h3{font-size:20px;font-weight:700;line-height:1.4;color:#132738;letter-spacing:-.3px;margin:17px 0 12px}
.used-detail-grid p{font-size:15px;line-height:1.8;color:#637383}

/* Dialogs: a clear close control, complete photos and a direct inquiry action. */
#vehicle-dialog,#inquiry-dialog{border:1px solid #dce3e9;border-radius:16px;background:#fff;color:#132738;box-shadow:none;max-width:calc(100% - 40px);max-height:calc(100dvh - 40px);overscroll-behavior:contain;scrollbar-gutter:stable}
#vehicle-dialog::backdrop,#inquiry-dialog::backdrop{background:#102334b8;backdrop-filter:none}
#vehicle-dialog{width:1120px;padding:0}
#vehicle-dialog>.dialog-close,#inquiry-dialog>.dialog-close{position:sticky;top:auto;left:auto;right:auto;inset-block-start:12px;inset-inline-start:auto;inset-inline-end:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;margin-block:12px -56px;margin-inline:auto 12px;border:1px solid #cbd6df;border-radius:12px;background:#fff;color:#132738;font-size:28px;line-height:1;z-index:12;box-shadow:none}
#vehicle-dialog>.dialog-close:hover,#inquiry-dialog>.dialog-close:hover{background:#fff0e8;border-color:#f06435}
#vehicle-detail-content{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:start;min-width:0}
#vehicle-dialog .vehicle-gallery{position:sticky;inset-block-start:0;align-self:start;background:#eef2f5;padding:64px 20px 18px;border-inline-end:1px solid #dce3e9;min-width:0;max-width:100%;direction:ltr}
#vehicle-dialog .vehicle-gallery .actual-detail-photo{width:100%;height:min(54dvh,490px);max-height:none;object-fit:contain;object-position:center;background:#e3e9ef;border-radius:10px;transform:none}
#vehicle-dialog .gallery-controls{display:flex;justify-content:center;align-items:center;gap:19px;margin:15px 0;font-size:14px;color:#435868}
#vehicle-dialog .gallery-controls button{width:48px;height:46px;min-height:44px;border:1px solid #cfd9e2;border-radius:10px;background:#fff;color:#132738;font-size:22px;box-shadow:none}
#vehicle-dialog .gallery-controls button:hover:not(:disabled){border-color:#f06435;color:#bc4821}
#vehicle-dialog .gallery-controls button:disabled{opacity:.38}
#vehicle-dialog .gallery-thumbnails{gap:10px;padding:4px 1px 8px;scrollbar-color:#a9b7c3 #e6edf2;scrollbar-width:thin;max-width:100%;overflow:auto;overscroll-behavior-x:contain}
#vehicle-dialog .gallery-thumbnails button{width:76px;height:66px;min-width:76px;min-height:44px;background:#fff;border:2px solid #fff;border-radius:8px;padding:4px;flex:none}
#vehicle-dialog .gallery-thumbnails button[aria-pressed=true]{border-color:#f06435}
#vehicle-dialog .gallery-thumbnails img{width:100%;height:100%;object-fit:contain;transform:none;border-radius:3px}
#vehicle-dialog .detail-body{display:flex;flex-direction:column;min-width:0;padding:65px 28px 30px;color:#132738}
#vehicle-dialog .detail-brand{font-size:12px;line-height:1.6;letter-spacing:1px;color:#6a7b89;margin:0 0 5px}
#vehicle-dialog .detail-title{font-size:38px;font-weight:750;line-height:1.2;letter-spacing:-1px;margin:2px 0 10px;color:#132738;overflow-wrap:anywhere}
#vehicle-dialog .official-trim-title{font-size:16px;line-height:1.65;color:#536778;font-weight:600;margin:0 0 14px}
#vehicle-dialog .detail-body .stock-label{align-self:start;color:#a83c1a;background:#fff0e8;font-size:13px;line-height:1.6;font-weight:650;gap:8px;padding:6px 10px;border-radius:7px;margin:0 0 18px}
#vehicle-dialog .stock-label .status-dot{background:#f06435;width:7px;height:7px;flex:none}
#vehicle-dialog .official-msrp{background:#eef2f5;border:1px solid #dce3e9;border-radius:12px;padding:18px;margin:0 0 21px}
#vehicle-dialog .official-msrp>span{color:#536879;font-size:13px;line-height:1.6}
#vehicle-dialog .official-msrp>strong{color:#132738;font-size:25px;font-weight:750;line-height:1.4;margin:6px 0}
#vehicle-dialog .official-msrp>p{color:#607383;font-size:13px;line-height:1.8;margin:8px 0 0}
#vehicle-dialog .detail-actions{order:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0 0 25px;padding:0;position:static}
#vehicle-dialog .detail-actions .button{min-width:0;min-height:48px;font-size:14px;line-height:1.5;border-radius:10px;padding:13px 15px;white-space:normal;box-shadow:none;transform:none;text-align:center;justify-content:center;gap:9px}
#vehicle-dialog .detail-actions .button:first-child{grid-column:1/-1;background:#f06435;color:#fff;border-color:#f06435;font-size:15px;font-weight:700;min-height:52px}
#vehicle-dialog .detail-actions .button:first-child:hover{background:#d84e23}
#vehicle-dialog .detail-actions .button.dark{background:#132738;border-color:#132738;color:#fff}
#vehicle-dialog .detail-actions .button.outline{background:#fff;border-color:#c9d5de;color:#132738}
#vehicle-dialog .detail-specs,#vehicle-dialog .official-specifications,#vehicle-dialog .vehicle-specific-note,#vehicle-dialog .detail-note{order:2}
#vehicle-dialog .detail-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid #dce3e9;border-radius:10px;overflow:hidden;margin:0 0 28px}
#vehicle-dialog .detail-specs>div{border:0;border-block-end:1px solid #e2e8ed;background:#f7f9fa;padding:13px 14px;min-width:0}
#vehicle-dialog .detail-specs>div:nth-child(odd){border-inline-end:1px solid #e2e8ed}
#vehicle-dialog .detail-specs :is(small,span){color:#647787;font-size:12px;line-height:1.6;display:block}
#vehicle-dialog .detail-specs strong{color:#132738;font-size:15px;font-weight:650;line-height:1.65;display:block;margin-block-start:3px;overflow-wrap:anywhere}
#vehicle-dialog .official-specifications{border-block-start:1px solid #dce3e9;padding:25px 0 17px}
#vehicle-dialog .official-specifications h3{color:#132738;font-size:24px;font-weight:750;line-height:1.35;margin:0 0 13px}
#vehicle-dialog .official-spec-note{color:#637383;font-size:14px;line-height:1.8;margin:0 0 20px}
#vehicle-dialog .technical-specs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px;margin:0 0 25px}
#vehicle-dialog .technical-specs>div{padding:13px 0;border-block-end:1px solid #dce3e9;min-width:0}
#vehicle-dialog .technical-specs dt{color:#647787;font-size:12px;line-height:1.6;margin:0 0 5px}
#vehicle-dialog .technical-specs dd{color:#132738;font-size:15px;font-weight:650;line-height:1.65;margin:0;overflow-wrap:anywhere;unicode-bidi:plaintext}
#vehicle-dialog .equipment-groups{display:grid;grid-template-columns:1fr;gap:22px;margin:23px 0 15px}
#vehicle-dialog .equipment-groups>div{background:#f3f5f7;border:1px solid #dce3e9;border-radius:10px;padding:18px}
#vehicle-dialog .equipment-groups h4{font-size:17px;font-weight:700;color:#132738;margin:0 0 10px;line-height:1.5}
#vehicle-dialog .equipment-groups ul{padding-inline-start:19px;margin:0;color:#536879}
#vehicle-dialog .equipment-groups li{font-size:14px;line-height:1.75;padding:4px 0}
#vehicle-dialog .official-source{font-size:14px;min-height:44px;color:#29485f;text-decoration:underline;text-underline-offset:4px;line-height:1.6;padding-block:8px;overflow-wrap:anywhere}
#vehicle-dialog .vehicle-specific-note,#vehicle-dialog .detail-note{background:#f3f5f7;border:0;border-inline-start:3px solid #f06435;padding:15px 17px;margin:12px 0 0;color:#5c7181;font-size:14px;line-height:1.85;border-radius:0 8px 8px 0}

/* Inquiry fields use readable labels and native controls that do not zoom on iOS. */
#inquiry-dialog{width:720px;padding:0 32px 30px}
#inquiry-dialog>.dialog-close{margin-inline-end:-19px}
#inquiry-dialog .inquiry-head{padding-block-start:36px}
#inquiry-dialog .inquiry-head .eyebrow{color:#ac3c1b;font-size:11px;line-height:1.6;letter-spacing:1px;margin:0 0 12px;padding:0;max-width:calc(100% - 45px)}
#inquiry-dialog .inquiry-head h2{color:#132738;font-size:34px;font-weight:750;line-height:1.2;letter-spacing:-1px;padding:0;max-width:calc(100% - 25px);margin:0}
#inquiry-dialog .inquiry-head>p{color:#637383;font-size:15px;line-height:1.8;margin:13px 0 23px}
#inquiry-dialog .inquiry-contact-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;border:0;background:#f3f5f7;padding:16px;border-radius:12px;margin:0 0 25px}
#inquiry-dialog .inquiry-contact-shortcuts>span{grid-column:1/-1;font-size:13px;color:#536879;margin:0 0 2px;line-height:1.6}
#inquiry-dialog .qr-shortcut{display:flex;align-items:center;justify-content:center;text-align:center;min-height:46px;border:1px solid #cbd6df;border-radius:9px;padding:10px 12px;background:#fff;color:#132738;font-size:13px;line-height:1.5;min-width:0;overflow-wrap:anywhere}
#inquiry-dialog .qr-shortcut:hover{border-color:#f06435;background:#fff8f4}
#inquiry-dialog .form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 16px}
#inquiry-dialog .form-grid label,#inquiry-dialog .message-label{min-width:0;gap:8px}
#inquiry-dialog .form-grid label>span,#inquiry-dialog .message-label>span{color:#132738;font-size:14px;font-weight:650;line-height:1.6}
#inquiry-dialog .form-grid label:has(input[required])>span:after{content:' *';color:#b34422}
#inquiry-dialog .form-grid :is(input,select),#inquiry-dialog textarea{border:1px solid #cbd6df;border-radius:9px;background:#fff;color:#132738;min-height:52px;height:52px;padding:12px 13px;font-size:16px;font-weight:400;line-height:1.5;min-width:0;width:100%}
#inquiry-dialog .form-grid input::placeholder{font-size:14px;color:#7d8c97}
#inquiry-dialog .form-grid :is(input,select):focus-visible,#inquiry-dialog textarea:focus-visible{outline:3px solid #f0643544;outline-offset:1px;border-color:#d94f26}
#inquiry-dialog .message-label{margin-block-start:20px}
#inquiry-dialog textarea{height:auto;min-height:124px;resize:vertical;line-height:1.65}
#inquiry-dialog .form-disclosure{background:#f3f5f7;border:1px solid #e0e7ed;border-radius:9px;color:#617484;font-size:13px;line-height:1.8;margin:20px 0;padding:13px 15px}
#inquiry-dialog .form-submit{width:100%;min-height:54px;border-radius:12px;background:#f06435;color:#fff;border:1px solid #f06435;font-size:16px;font-weight:700;padding:14px 20px;gap:15px;box-shadow:none;transform:none;justify-content:space-between}
#inquiry-dialog .form-submit:hover{background:#da4f24;border-color:#da4f24;transform:none}
#inquiry-dialog .draft-message{background:#f3f5f7;border:1px solid #dce3e9;border-radius:12px;padding:19px;gap:14px;align-items:start}
#inquiry-dialog .draft-message>span{width:36px;height:36px;border-radius:10px;background:#ffebe1;color:#a63c1a;font-size:19px}
#inquiry-dialog .draft-message h3{color:#132738;font-size:20px;line-height:1.4;margin:0;font-weight:750}
#inquiry-dialog .draft-message p{color:#627383;font-size:14px;line-height:1.8;margin:7px 0 0}
#inquiry-dialog #inquiry-summary{background:#fff;border:1px solid #dce3e9;border-radius:10px;color:#334f63;font-size:14px;line-height:1.8;padding:18px;max-height:31dvh;white-space:pre-wrap;overflow-wrap:anywhere;overflow:auto;margin:18px 0}
#inquiry-dialog .draft-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-items:stretch}
#inquiry-dialog .draft-actions .button{font-size:14px;line-height:1.5;min-width:0;min-height:48px;border:1px solid #cbd6df;border-radius:10px;background:#fff;color:#132738;padding:12px;white-space:normal;text-align:center;box-shadow:none;transform:none}
#inquiry-dialog #send-inquiry-whatsapp{grid-column:1/-1;background:#132738;border-color:#132738;color:#fff;min-height:54px;font-size:15px;font-weight:700}
#inquiry-dialog #edit-inquiry{grid-column:1/-1;min-height:44px;justify-self:center;margin:0;font-size:14px;color:#435e72;text-decoration:underline;text-underline-offset:4px;border:0}
#inquiry-dialog .whatsapp-delivery-note{border:1px solid #f4c7b6;border-inline-start:3px solid #f06435;border-radius:8px;background:#fff4ee;color:#7c4b38;font-size:13px;line-height:1.8;margin:18px 0 0;padding:13px 15px}
#inquiry-dialog .draft-contact-hint,#inquiry-dialog #form-notice{font-size:13px;line-height:1.8;color:#617484;margin-block:15px 0}
#inquiry-dialog #form-notice:empty{display:none}
#vehicle-dialog :is(button,a):focus-visible,#inquiry-dialog :is(button,a):focus-visible{outline:3px solid #f06435;outline-offset:3px}

/* Arabic keeps the same hierarchy and physical photo orientation. */
html[lang=ar] .catalog-page-heading-row h1{font-size:clamp(38px,4.2vw,58px);line-height:1.5;letter-spacing:normal}
html[lang=ar] .catalog-page-heading-row .eyebrow{font-size:13px;letter-spacing:normal}
html[lang=ar] .catalog-page-intro-copy{font-size:17px;line-height:1.95}
html[lang=ar] .catalog-page-stock-heading h2{font-size:31px;line-height:1.5}
html[lang=ar] .catalog-page-stock .empty-state h3{font-size:31px;line-height:1.5}
html[lang=ar] .catalog-page-stock .empty-state p{font-size:17px;line-height:1.95}
html[lang=ar] .used-details-section h2{font-size:32px;line-height:1.5}
html[lang=ar] .used-detail-grid h3{font-size:22px;line-height:1.6}
html[lang=ar] .used-detail-grid p{font-size:16px;line-height:1.95}
html[lang=ar] #vehicle-dialog .detail-title{letter-spacing:-1px}
html[lang=ar] #vehicle-dialog :is(.official-trim-title,.official-msrp>p,.official-spec-note,.equipment-groups li,.vehicle-specific-note,.detail-note){font-size:15px;line-height:1.9}
html[lang=ar] #vehicle-dialog .detail-specs>div{border:0;border-block-end:1px solid #e2e8ed}
html[lang=ar] #vehicle-dialog .detail-specs>div:nth-child(odd){border-inline-end:1px solid #e2e8ed}
html[lang=ar] #vehicle-dialog .detail-specs :is(small,span),html[lang=ar] #vehicle-dialog .technical-specs dt{font-size:13px}
html[lang=ar] #vehicle-dialog .detail-specs strong,html[lang=ar] #vehicle-dialog .technical-specs dd{font-size:16px}
html[lang=ar] #inquiry-dialog .inquiry-head h2{font-size:35px;line-height:1.5;letter-spacing:normal;padding:0}
html[lang=ar] #inquiry-dialog .inquiry-head .eyebrow{font-size:12px;letter-spacing:normal;padding:0}
html[lang=ar] #inquiry-dialog .form-grid label>span,html[lang=ar] #inquiry-dialog .message-label>span{font-size:15px}
html[lang=ar] #inquiry-dialog .draft-message h3{font-size:22px;line-height:1.5}
html[lang=ar] #inquiry-dialog :is(.inquiry-head>p,.form-disclosure,.draft-message p,.whatsapp-delivery-note,.draft-contact-hint){font-size:15px;line-height:1.9}
html[dir=rtl] #vehicle-dialog .vehicle-specific-note,html[dir=rtl] #vehicle-dialog .detail-note{border-radius:8px 0 0 8px}

@media(max-width:1000px){
  .catalog-page-heading-row{align-items:start;flex-direction:column;gap:24px}
  .catalog-page-heading-row h1{font-size:48px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-image{height:460px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-content{padding:27px 25px 0}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-content h3{font-size:34px}
  .catalog-page-stock .view-car{padding:12px 15px;gap:12px}
  #vehicle-dialog{width:920px}
  #vehicle-dialog .detail-body{padding-inline:23px}
  #vehicle-dialog .vehicle-gallery{padding-inline:16px}
  #vehicle-dialog .detail-title{font-size:33px}
}
@media(max-width:760px){
  .catalog-page-intro{padding:17px 0 30px}
  .catalog-back-link{font-size:13px}
  .catalog-page-heading-row{gap:21px;margin-block-start:13px}
  .catalog-page-heading-row .eyebrow{font-size:11px;margin-block-end:12px}
  .catalog-page-heading-row h1{font-size:36px;line-height:1.17;letter-spacing:-1px;max-width:100%}
  .catalog-page-intro-copy{font-size:15px;line-height:1.75;margin-block-start:16px}
  .catalog-page-action{width:100%;max-width:none;min-height:52px;font-size:15px;padding:13px 19px;justify-content:space-between}
  .catalog-page-stock{padding:27px 0 41px}
  .catalog-page-stock-heading{align-items:center;gap:12px;margin-block-end:18px;flex-wrap:wrap}
  .catalog-page-stock-heading h2{font-size:25px;line-height:1.35;max-width:100%;letter-spacing:-.6px;padding:0}
  .catalog-page-stock #saved-toggle{font-size:13px;padding:9px 12px}
  .catalog-page-stock .catalog-filters{grid-template-columns:repeat(2,minmax(0,1fr));padding:12px;gap:10px;border-radius:12px}
  .catalog-page-stock .catalog-search{grid-column:1/-1}
  .catalog-page-stock .catalog-filters>#catalog-sort{grid-column:1/-1}
  .catalog-page-stock .catalog-filters :is(input,select){font-size:16px;height:50px;min-height:50px;padding-inline:10px}
  .catalog-page-stock .catalog-search input{padding-inline-start:39px;font-size:16px}
  .catalog-page-stock .catalog-search svg{inset-inline-start:13px}
  .catalog-page-stock .results-line{font-size:13px;margin:7px 0 12px}
  .catalog-page-stock #reset-filters{font-size:13px;text-align:end}
  .catalog-page-stock .vehicle-grid{grid-template-columns:1fr;gap:20px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle{display:block}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-image{height:380px;min-height:0;border-inline-end:0;border-block-end:1px solid #dce3e9}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-content{padding:24px 21px 0;display:block}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-content h3{font-size:33px;line-height:1.2;margin:5px 0 8px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-specs{font-size:14px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .stock-label{font-size:13px;margin:17px 0 11px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .vehicle-configuration{font-size:14px;margin:0 0 17px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-footer{padding:17px 0;gap:12px;align-items:center}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .view-car{min-height:48px;font-size:14px;padding:11px 15px;gap:12px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .price{font-size:18px}
  .catalog-page-stock .vehicle-msrp{font-size:13px}
  .catalog-page-stock .vehicle-msrp strong{font-size:16px}
  .catalog-page-stock .catalog-note p{font-size:12px;line-height:1.8}
  .catalog-page-stock .empty-state{padding:32px 21px}
  .catalog-page-stock .empty-state h3{font-size:26px;line-height:1.35}
  .catalog-page-stock .empty-state p{font-size:15px;line-height:1.8;margin-block-end:23px}
  .catalog-page-stock .empty-state .button{font-size:15px;min-height:52px;padding:14px 18px;width:100%}
  .used-details-section{padding:34px 0 44px}
  .used-details-section h2{font-size:27px;line-height:1.35;margin-block-end:23px}
  .used-detail-grid{grid-template-columns:1fr;gap:14px}
  .used-detail-grid article{padding:22px}
  .used-detail-grid h3{font-size:21px;line-height:1.4;margin:13px 0 10px}
  .used-detail-grid p{font-size:15px;line-height:1.8}
  #vehicle-dialog,#inquiry-dialog{max-width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px;scrollbar-gutter:auto}
  #vehicle-dialog{width:calc(100% - 16px)}
  #vehicle-detail-content{display:block}
  #vehicle-dialog>.dialog-close,#inquiry-dialog>.dialog-close{inset-block-start:10px;margin-block:10px -54px;margin-inline:auto 10px}
  #vehicle-dialog .vehicle-gallery{position:static;border-inline-end:0;border-block-end:1px solid #dce3e9;padding:62px 14px 15px}
  #vehicle-dialog .vehicle-gallery .actual-detail-photo{height:350px;max-height:51dvh;object-fit:contain;border-radius:9px}
  #vehicle-dialog .gallery-controls{gap:18px;margin:13px 0;font-size:14px}
  #vehicle-dialog .gallery-controls button{width:48px;height:46px;min-height:44px}
  #vehicle-dialog .gallery-thumbnails{gap:9px;padding-block-end:8px}
  #vehicle-dialog .gallery-thumbnails button{width:70px;height:60px;min-width:70px}
  #vehicle-dialog .detail-body{padding:26px 21px 24px}
  #vehicle-dialog .detail-brand{font-size:12px}
  #vehicle-dialog .detail-title{font-size:35px;line-height:1.2;margin:4px 0 9px}
  #vehicle-dialog .official-trim-title{font-size:16px;line-height:1.6;margin-block-end:13px}
  #vehicle-dialog .detail-body .stock-label{font-size:13px;margin-block-end:18px}
  #vehicle-dialog .official-msrp{padding:17px;margin-block-end:21px}
  #vehicle-dialog .official-msrp>strong{font-size:26px}
  #vehicle-dialog .detail-actions{gap:10px;margin-block-end:26px}
  #vehicle-dialog .detail-actions .button{font-size:14px;min-height:48px;padding:12px 13px}
  #vehicle-dialog .detail-actions .button:first-child{min-height:52px;font-size:15px}
  #vehicle-dialog .detail-specs{margin-block-end:24px}
  #vehicle-dialog .detail-specs>div{padding:13px 12px}
  #vehicle-dialog .detail-specs :is(small,span){font-size:12px}
  #vehicle-dialog .detail-specs strong{font-size:15px}
  #vehicle-dialog .official-specifications{padding:24px 0 17px}
  #vehicle-dialog .official-specifications h3{font-size:25px;line-height:1.4}
  #vehicle-dialog .official-spec-note{font-size:14px;line-height:1.8}
  #vehicle-dialog .technical-specs{gap:0 17px}
  #vehicle-dialog .technical-specs dt{font-size:12px}
  #vehicle-dialog .technical-specs dd{font-size:15px}
  #vehicle-dialog .equipment-groups>div{padding:17px}
  #vehicle-dialog .equipment-groups h4{font-size:18px}
  #vehicle-dialog .equipment-groups li{font-size:14px;line-height:1.8}
  #vehicle-dialog .vehicle-specific-note,#vehicle-dialog .detail-note{font-size:14px;padding:14px 15px;line-height:1.8}
  #inquiry-dialog{padding:0 21px 24px;width:calc(100% - 16px)}
  #inquiry-dialog>.dialog-close{margin-inline-end:-11px}
  #inquiry-dialog .inquiry-head{padding-block-start:29px}
  #inquiry-dialog .inquiry-head .eyebrow{font-size:10px;line-height:1.7;margin-block-end:11px;max-width:calc(100% - 35px)}
  #inquiry-dialog .inquiry-head h2{font-size:29px;line-height:1.25;letter-spacing:-.7px;max-width:calc(100% - 15px)}
  #inquiry-dialog .inquiry-head>p{font-size:15px;line-height:1.75;margin:13px 0 20px}
  #inquiry-dialog .inquiry-contact-shortcuts{padding:14px;gap:9px;margin-block-end:24px}
  #inquiry-dialog .inquiry-contact-shortcuts>span{font-size:13px}
  #inquiry-dialog .qr-shortcut{font-size:13px;min-height:46px;padding:10px;line-height:1.5}
  #inquiry-dialog .form-grid{grid-template-columns:1fr;gap:17px}
  #inquiry-dialog .form-grid label>span,#inquiry-dialog .message-label>span{font-size:14px;line-height:1.6}
  #inquiry-dialog .form-grid :is(input,select),#inquiry-dialog textarea{font-size:16px;min-height:52px;padding:12px 13px;line-height:1.5}
  #inquiry-dialog .form-grid input::placeholder{font-size:14px}
  #inquiry-dialog textarea{min-height:120px;line-height:1.65}
  #inquiry-dialog .form-disclosure{font-size:13px;line-height:1.8;padding:13px 14px}
  #inquiry-dialog .form-submit{min-height:54px;font-size:16px;border-radius:10px}
  #inquiry-dialog .draft-message{padding:16px;gap:12px}
  #inquiry-dialog .draft-message h3{font-size:20px;line-height:1.4}
  #inquiry-dialog .draft-message p{font-size:14px;line-height:1.8}
  #inquiry-dialog #inquiry-summary{font-size:14px;padding:16px;line-height:1.8;max-height:31dvh}
  #inquiry-dialog .draft-actions{gap:10px}
  #inquiry-dialog .draft-actions .button{font-size:14px;min-height:48px;padding:12px 9px}
  #inquiry-dialog #send-inquiry-whatsapp{font-size:15px;min-height:54px}
  #inquiry-dialog .whatsapp-delivery-note{font-size:13px;line-height:1.8;padding:13px 14px}
  html[lang=ru] .catalog-page-heading-row h1{font-size:33px;line-height:1.25}
  html[lang=ar] .catalog-page-heading-row h1{font-size:37px;line-height:1.5}
  html[lang=ar] .catalog-page-heading-row .eyebrow{font-size:12px}
  html[lang=ar] .catalog-page-intro-copy{font-size:16px;line-height:1.95}
  html[lang=ar] .catalog-page-stock-heading h2{font-size:28px;line-height:1.5}
  html[lang=ar] .catalog-page-stock .empty-state h3{font-size:28px;line-height:1.5}
  html[lang=ar] .catalog-page-stock .empty-state p{font-size:16px;line-height:1.95}
  html[lang=ar] .used-details-section h2{font-size:29px;line-height:1.5}
  html[lang=ar] .used-detail-grid h3{font-size:22px;line-height:1.6}
  html[lang=ar] .used-detail-grid p{font-size:16px;line-height:1.95}
  html[lang=ar] #inquiry-dialog .inquiry-head h2{font-size:31px;line-height:1.5;letter-spacing:normal}
  html[lang=ar] #inquiry-dialog .inquiry-head .eyebrow{font-size:11px}
  html[lang=ar] #inquiry-dialog .form-grid label>span,html[lang=ar] #inquiry-dialog .message-label>span{font-size:15px}
  html[lang=ar] #inquiry-dialog .draft-message h3{font-size:22px}
}
@media(max-width:360px){
  .catalog-page-heading-row h1{font-size:32px;line-height:1.2}
  .catalog-page-stock-heading h2{font-size:23px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-image{height:330px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-content{padding:23px 17px 0}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-content h3{font-size:31px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .car-footer{flex-wrap:wrap;align-items:center;gap:13px}
  body[data-catalog-page=new] .catalog-page-stock .vehicle-card.actual-vehicle .view-car{width:100%;max-width:100%;justify-content:space-between}
  .catalog-page-stock .empty-state{padding:30px 17px}
  .catalog-page-stock .empty-state h3{font-size:24px}
  #vehicle-dialog .vehicle-gallery .actual-detail-photo{height:305px;max-height:49dvh}
  #vehicle-dialog .detail-body{padding-inline:17px}
  #vehicle-dialog .detail-title{font-size:31px}
  #vehicle-dialog .detail-specs>div{padding:12px 10px}
  #vehicle-dialog .technical-specs{grid-template-columns:1fr;gap:0}
  #vehicle-dialog .detail-actions{grid-template-columns:1fr}
  #vehicle-dialog .detail-actions .button{min-height:48px}
  #inquiry-dialog{padding-inline:17px}
  #inquiry-dialog>.dialog-close{margin-inline-end:-7px}
  #inquiry-dialog .inquiry-head h2{font-size:27px;line-height:1.3}
  #inquiry-dialog .inquiry-contact-shortcuts{grid-template-columns:1fr}
  #inquiry-dialog .qr-shortcut{min-height:46px}
  #inquiry-dialog .draft-actions{grid-template-columns:1fr}
  #inquiry-dialog .draft-actions .button{min-height:48px;font-size:14px}
  html[lang=ru] .catalog-page-heading-row h1{font-size:30px}
  html[lang=ar] .catalog-page-heading-row h1{font-size:34px;line-height:1.5}
  html[lang=ar] #inquiry-dialog .inquiry-head h2{font-size:29px;line-height:1.5}
}
@media(min-width:761px){html[dir=rtl] #vehicle-dialog .vehicle-gallery{border-inline-end:0;border-inline-start:1px solid #dce3e9}}
@media(max-width:760px){.catalog-page-stock :is(#catalog-search,#catalog-brand,#catalog-energy,#catalog-sort){font-size:16px}}