/* Local fonts keep Arabic typography independent of third-party font requests. */
@font-face{font-family:Tajawal;src:url('/fonts/tajawal/Tajawal-Regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/fonts/tajawal/Tajawal-Medium.ttf') format('truetype');font-style:normal;font-weight:500 600;font-display:swap}
@font-face{font-family:Tajawal;src:url('/fonts/tajawal/Tajawal-Bold.ttf') format('truetype');font-style:normal;font-weight:700 900;font-display:swap}
html.locale-ar{--font-ar:Tajawal,Tahoma,Arial,sans-serif}
html.locale-ar body{font-family:var(--font-ar);font-size:16px;line-height:1.85}
html.locale-ar :is(h1,h2,h3,h4,p,label,input,select,textarea,button,.btn,.eyebrow,.hero-kicker,.breadcrumbs,.back-system,.scope-toggle,.pagination,.site-footer,.garage-overlay,.config-pane output){font-family:var(--font-ar);letter-spacing:0}
html.locale-ar :is(h1,h2,h3,h4){font-weight:700;font-style:normal;line-height:1.5;text-wrap:pretty}
html.locale-ar .hero h1{font-size:clamp(30px,3.5vw,44px);line-height:1.5}
html.locale-ar :is(.page-head,.detail-copy,.account-order-heading) h1{font-size:clamp(27px,3vw,36px);line-height:1.5}
html.locale-ar :is(.parts-showcase,.premium-garage,.marketing-band,.landing-cta,.entry-strip,.section-heading,.most-used) h2,
html.locale-ar .configurator-main header h2{font-size:clamp(25px,2.4vw,34px);line-height:1.55}
html.locale-ar :is(.feature-grid,.category-card,.subcategory-card,.system-card) h3{font-size:20px;line-height:1.55}
html.locale-ar :is(.hero,.page-head,.configurator-main header,.parts-showcase>header,.premium-garage>header,.feature-grid,.landing-cta,.auth-card,.checkout-page) p{font-size:16px;line-height:1.9}
html.locale-ar :is(.btn,.btn-add,.btn-quote,.config-submit,.rail-toggle,.back-system){font-size:15px;font-weight:700;line-height:1.6}
html.locale-ar .hero-actions .btn{font-size:15px;letter-spacing:0}
html.locale-ar .desktop-nav a{font-family:var(--font-ar);font-size:15px;font-weight:700;line-height:1.5;letter-spacing:0}
html.locale-ar :is(label,.checkout-form label,.auth-card label,.account-form label,.config-pane label>span,.search-console>label:first-child){font-size:14px;font-weight:500;line-height:1.8;letter-spacing:0}
html.locale-ar :is(input,select,textarea,.config-pane select,.config-pane input,.account-form input,.auth-card input){font-family:var(--font-ar);font-size:16px;line-height:1.6}
html.locale-ar :is(.eyebrow,.hero-kicker,.catalog-context,.breadcrumbs,.scope-toggle,.order-status){font-size:13px;font-weight:500;line-height:1.8;letter-spacing:0}
html.locale-ar .garage-overlay>span{font-family:var(--font-ar);font-size:12px;font-weight:500;line-height:1.7;letter-spacing:0}
html.locale-ar .garage-overlay h3{font-family:Tajawal,Inter,sans-serif;font-size:25px;font-weight:700;line-height:1.5;margin-block:6px}
html.locale-ar .garage-overlay p{font-size:14px;line-height:1.85;margin-bottom:12px}
html.locale-ar .garage-overlay b{font-family:var(--font-ar);font-size:13px;font-weight:700;line-height:1.7}
html.locale-ar :is(.configurator-visual small,.configurator-visual>div,.part-showcase-card>span,.part-showcase-card i,.part-showcase-card b,.config-pane output){font-family:var(--font-ar);font-size:13px;line-height:1.8;letter-spacing:0}
html.locale-ar .garage-card.has-image{min-height:320px}
html.locale-ar[data-theme="light"] .garage-card.has-image{min-height:0}
html.locale-ar :is(.site-footer p,.site-footer a:not(.wordmark),.site-footer>div>span,.seller-identity,.social-footer-copy p){font-family:var(--font-ar);font-size:14px;line-height:1.9;letter-spacing:0}
html.locale-ar .site-header .cart-label{font-family:var(--font-ar);font-size:13px;line-height:1.5}
html.locale-ar :is(.account-order-lines small,.account-order-lines strong,.account-order-lines span,.account-order-lines b,.account-order-heading p,.order-history li){font-size:15px;line-height:1.85}
html.locale-ar :is(.config-tabs button,.mode-tabs a){font-family:var(--font-ar);font-size:14px;font-weight:700;line-height:1.6;letter-spacing:0}
html.locale-ar :is(code,pre,.qty-control){font-family:'JetBrains Mono',monospace;letter-spacing:normal}
.seller-page [lang="ar"]{font-family:Tajawal,Tahoma,Arial,sans-serif;font-size:16px;line-height:1.85}
@media(max-width:560px){
 html.locale-ar .hero h1{font-size:30px}
 html.locale-ar .desktop-nav a{padding-block:12px}
 html.locale-ar .garage-overlay h3{font-size:24px}
 html.locale-ar .hero-actions .btn{font-size:14px}
}