/* Shared visual language, loaded after each public page's feature styles. */
:root{--brand-maroon:#a30033;--brand-maroon-dark:#7a0026;--brand-maroon-soft:#f8edf1;--brand-navy:#0b1424;--brand-navy-2:#142238;--brand-paper:#f8f7f5;--brand-surface:#fff;--brand-line:#e6e1df;--brand-muted:#64748b;--brand-shadow:0 10px 32px rgba(11,20,36,.055);--site-content-width:1440px;--site-gutter:32px;--site-radius:20px;--site-control-radius:10px;--site-hero:linear-gradient(135deg,#0b1424,#142238);--red:var(--brand-maroon);--ink:var(--brand-navy);--paper:var(--brand-paper);--line:var(--brand-line);--vs-brand:var(--brand-maroon);--vs-ink:var(--brand-navy);--vs-border:var(--brand-line)}
html{background:var(--brand-paper);color-scheme:light}
body:has(>.motors-site-header){margin:0;background:var(--brand-paper);color:var(--brand-navy);font-family:'IBM Plex Sans Arabic',Arial,sans-serif;font-size:16px;line-height:1.7}
body:has(>.motors-site-header) :is(button,input,select,textarea){font-family:inherit}
body:has(>.motors-site-header)>main:not(:has(>.hero)):not(:has(>.route-page-head)){width:100%;max-width:var(--site-content-width);margin:0 auto;padding:32px var(--site-gutter) 64px;box-sizing:border-box}
body:has(>.motors-site-header) main.offers-root{width:100%;max-width:var(--site-content-width);margin:0 auto;padding:32px var(--site-gutter) 64px}
/* The same navy introduction and heading scale across public destinations. */
:is(.offers-hero,.directory-hero,.partner-hero,.garage-hero,.seller-hero,.deal-hero){background:var(--site-hero)!important;color:#fff;border:1px solid transparent;border-radius:var(--site-radius);box-shadow:none}
:is(.offers-hero,.directory-hero){min-height:280px;padding:40px;gap:32px;align-items:center}
:is(.offers-hero,.directory-hero,.partner-hero,.garage-hero,.seller-hero,.deal-hero) h1{font-size:clamp(30px,3.6vw,48px);font-weight:700;line-height:1.4;letter-spacing:0;margin:10px 0 16px}
:is(.offers-hero,.directory-hero,.partner-hero,.garage-hero,.seller-hero,.deal-hero) p{font-size:16px;font-weight:400;line-height:1.9;color:#cbd5e1}
:is(.offers-eyebrow,.directory-hero small){font-size:13px;font-weight:600;color:#e4a9bd!important}
.offers-hero-art{color:#cbd5e1;transform:none}.offers-hero-art span{color:#cbd5e1}.offers-hero-art circle{fill:var(--brand-navy-2)}

.offers-breadcrumb{margin:0 0 20px;font-size:13px;line-height:1.7}
/* Cards share one border, corner and restrained shadow. */
body:has(>.motors-site-header) :is(.car,.card,.review-card,.company-card,.request-card,.ratings-card,.package-card,.vs-card,.vs-panel,.offers-card,.offers-empty,.offers-filters,.offers-benefits>div,.offers-guide,.directory-section,.directory-tabs>a,.auth-shell,.seller-stats>div,.seller-stats>button){border:1px solid var(--brand-line)!important;border-radius:var(--site-radius)!important;background:var(--brand-surface);box-shadow:var(--brand-shadow)!important}
body:has(>.motors-site-header) :is(.company-card,.offers-card,.directory-tabs>a){transform:none}
body:has(>.motors-site-header) :is(.company-card:hover,.offers-card:hover,.directory-tabs>a:hover){border-color:#cda9b6!important;transform:none;box-shadow:var(--brand-shadow)!important}
body:has(>.motors-site-header) :is(.company-card h3,.offers-card h3,.offers-benefits h2,.review-card h3,.vs-card h3){font-size:20px;font-weight:700;line-height:1.6}
body:has(>.motors-site-header) :is(.offers-results-heading h2,.directory-section h2,.section-head h2,.offers-guide h2,.vs-panel h2){font-size:28px;font-weight:700;line-height:1.5}
body:has(>.motors-site-header) :is(.company-card p,.offers-card-description,.offers-empty p,.offers-guide p,.offers-benefits p,.directory-section>header p){font-size:14px;line-height:1.9;color:var(--brand-muted)}
.offers-benefits{gap:16px;margin:24px 0 32px}.offers-benefits>div{padding:24px}.offers-benefits>div>span,.tab-icon,.offers-empty-icon{color:var(--brand-maroon);background:var(--brand-maroon-soft);border-radius:12px}
.offers-card-heading{background:var(--brand-maroon-soft);color:var(--brand-maroon);padding:20px 24px}.offers-card-body{padding:24px}.offers-guide{background:var(--brand-surface);padding:24px}.offers-count{background:var(--brand-maroon-soft);color:var(--brand-maroon);border-radius:var(--site-control-radius)}
.directory-tabs{margin:24px 0 32px;padding:0;gap:16px}.directory-tabs>a{min-height:160px;padding:24px}.directory-tabs b{font-size:20px;font-weight:700}.directory-tabs small{font-size:13px;color:var(--brand-muted)}body:has(>.motors-site-header) .directory-tabs>a.active{border-color:var(--brand-maroon)!important;background:var(--brand-maroon-soft)}
.company-card{background:var(--brand-surface)}.company-kind,.directory-section>header small{color:var(--brand-maroon)}
/* Primary, secondary and on-dark actions keep the same shape and height. */
body:has(>.motors-site-header) :is(.offers-button,.offers-reset,.partner-login,.company-actions a,.auth-card form>button,.vs-panel button,.vs-card button,.vs-form button){display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--brand-line);border-radius:var(--site-control-radius);font:600 14px/1.6 'IBM Plex Sans Arabic',Arial,sans-serif;text-decoration:none;box-shadow:none;transform:none}
body:has(>.motors-site-header) :is(.offers-button,.company-actions .primary,.auth-card form>button,.vs-panel button,.vs-card button,.vs-form button){background:var(--brand-maroon)!important;border-color:var(--brand-maroon);color:#fff}
body:has(>.motors-site-header) :is(.offers-reset,.company-actions .secondary){background:#fff;color:var(--brand-navy)}
body:has(>.motors-site-header) :is(.offers-button-light,.partner-login){background:#fff!important;color:var(--brand-navy);border-color:#fff}
body:has(>.motors-site-header) :is(.offers-filters input,.offers-filters select,.directory-search,.vs-form input,.vs-form select,.vs-form textarea,.auth-card input){min-height:46px;border:1px solid var(--brand-line);border-radius:var(--site-control-radius);background:#fff;color:var(--brand-navy);font-size:14px;box-shadow:none}
body:has(>.motors-site-header) :is(.offers-button,.company-actions .primary):hover{background:var(--brand-maroon-dark)!important;transform:none}
body:has(>.motors-site-header) :is(.offers-button-light,.partner-login):hover{background:var(--brand-maroon-soft)!important;color:var(--brand-maroon)}
body:has(>.motors-site-header) :is(.offers-footer,.reference-footer,.site-footer){background:var(--brand-navy);color:#cbd5e1;border:0;margin:0}
body:has(>.motors-site-header)>footer{background:var(--brand-navy);color:#cbd5e1}
/* Keep document navigation opaque: cross-fades expose loading content as a flash. */
@view-transition{navigation:none}
@media(max-width:760px){:root{--site-gutter:16px;--site-radius:16px}body:has(>.motors-site-header)>main:not(:has(>.hero)):not(:has(>.route-page-head)),body:has(>.motors-site-header) main.offers-root{padding:24px var(--site-gutter) 48px}:is(.offers-hero,.directory-hero){min-height:240px;padding:28px 24px;gap:20px}:is(.offers-hero,.directory-hero,.partner-hero,.garage-hero,.seller-hero,.deal-hero) h1{font-size:32px}:is(.offers-hero,.directory-hero,.partner-hero,.garage-hero,.seller-hero,.deal-hero) p{font-size:15px}.offers-benefits>div,.offers-card-body,.offers-guide{padding:20px}.directory-tabs{gap:12px;margin:20px 0 24px}.directory-tabs>a{padding:20px;min-height:140px}body:has(>.motors-site-header) :is(.offers-results-heading h2,.directory-section h2,.section-head h2,.offers-guide h2){font-size:24px}}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}html,body:has(>.motors-site-header){scroll-behavior:auto}body:has(>.motors-site-header) :is(a,button,input,select,textarea){transition:none!important}}

body:has(>.motors-site-header) .offers-hero .offers-button-light{background:#fff!important;color:var(--brand-navy)!important;border-color:#fff}
body:has(>.motors-site-header) .offers-hero .offers-button-light:hover{background:var(--brand-maroon-soft)!important;color:var(--brand-maroon)!important}
.offers-hero-art svg{max-width:280px;max-height:180px}.offers-hero-art span{font-size:13px}
/* Route introductions align with the same container used by partners and offers. */
html[data-page] body:has(>.motors-site-header){background:var(--brand-paper)}
html[data-page] .route-page-head{max-width:var(--site-content-width);margin:0 auto;padding:32px var(--site-gutter) 24px}
html[data-page] .route-page-head>div{min-height:320px;padding:40px;border:1px solid transparent;border-radius:var(--site-radius);background:var(--site-hero);box-shadow:none;align-content:center}
html[data-page] .route-page-head :is(h1,.page-heading){max-width:900px;margin:10px 0 16px;font-size:clamp(30px,3.6vw,48px);font-weight:700;line-height:1.4}
html[data-page] .route-page-head p{font-size:16px;color:#cbd5e1;line-height:1.9}
html[data-page] .route-page-head small{font-size:13px;color:#e4a9bd;font-weight:600}
html[data-page] .route-page-head button{background:var(--brand-maroon);border-radius:var(--site-control-radius);min-height:44px;font-size:14px;font-weight:600}
:is(.offers-hero,.directory-hero){min-height:320px}
html[data-page] main>.section-shell:not(.route-page-head){max-width:var(--site-content-width);padding-inline:var(--site-gutter)}
@media(max-width:760px){html[data-page] .route-page-head{padding:24px var(--site-gutter) 20px}html[data-page] .route-page-head>div{min-height:240px;padding:28px 24px}html[data-page] .route-page-head :is(h1,.page-heading){font-size:32px}html[data-page] .route-page-head p{font-size:15px}:is(.offers-hero,.directory-hero){min-height:240px}}
@media(min-width:761px){.offers-hero{padding-block:35px}}
.motors-site-header .motors-site-favorites{position:relative;width:44px}
.motors-site-header #favorites-count{position:absolute;top:3px;inset-inline-end:3px;line-height:1}
@media(max-width:600px){.motors-site-header .motors-site-favorites{width:36px}}

.catalog-search-query{box-sizing:border-box;width:100%;min-height:48px;padding:12px 16px;margin-bottom:16px;border:1px solid var(--border,#dce1e8);border-radius:12px;font:inherit;color:inherit;background:var(--surface,#fff)}

/* One homepage footer for public pages and account workspaces. */
body:has(>.motors-site-footer){min-height:100svh;display:flex;flex-direction:column}
body:has(>.motors-site-footer)>.layout{width:100%;margin-block:0 32px}
body>.motors-site-footer{flex-shrink:0;width:100%;box-sizing:border-box;margin: auto 0 0;padding:0;border:0;background:var(--brand-navy);color:#cbd5e1;font:inherit;text-align:start}
body>.motors-site-footer .motors-footer-inner{box-sizing:border-box;width:100%;max-width:var(--site-content-width);margin:0 auto;padding:32px var(--site-gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}
body>.motors-site-footer a{color:#e2e8f0;text-decoration:none}
body>.motors-site-footer .motors-footer-brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;min-height:48px}
body>.motors-site-footer .motors-footer-brand img{display:block;width:48px;height:48px;object-fit:contain}
body>.motors-site-footer .motors-footer-brand span{display:flex;align-items:baseline;gap:6px}
body>.motors-site-footer .motors-footer-brand b{font-size:25px;color:#fff}
body>.motors-site-footer .motors-footer-brand em{font-style:normal;font-size:14px;color:#cbd5e1}
body>.motors-site-footer p{margin:0;color:#cbd5e1;font-size:14px;line-height:1.8}
body>.motors-site-footer .motors-footer-browse{display:inline-flex;align-items:center;min-height:44px;font-size:14px;white-space:nowrap}
body>.motors-site-footer a:focus-visible{outline:2px solid #fff;outline-offset:5px;border-radius:4px}
@media(max-width:600px){body>.motors-site-footer .motors-footer-inner{flex-direction:column;text-align:center;gap:12px;padding-block:28px}}
@media print{body>.motors-site-footer{display:none}}

.reference-footer-note{margin:0;padding:16px var(--site-gutter);text-align:center;color:var(--brand-muted);font-size:13px}