/* Local fonts keep the private configurator independent of font services. */
body,button,input,select,textarea{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
h1,h2,h3{font-family:system-ui,-apple-system,'Segoe UI',Arial,sans-serif}
.language-control{display:flex;align-items:center;gap:7px;flex-shrink:0;font-size:12px}
.language-control select{width:auto;min-width:112px;min-height:44px;padding:9px 26px 9px 10px;border-radius:7px;direction:ltr;background:#fff;color:#263238}
.language-control .language-icon{font-size:18px}
button,a,input,select,textarea{touch-action:manipulation}
input,select,textarea{max-width:100%;min-height:44px}
.actions,.result-actions,.download-actions{flex-wrap:wrap;gap:12px}
.actions button,.door-nav button,.section-nav button,.brand-switch button{min-height:44px}
.source-language{display:block;max-width:460px;line-height:1.7}
html[dir=rtl] body{font-family:'Segoe UI',Tahoma,Arial,sans-serif}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{font-family:'Segoe UI',Tahoma,Arial,sans-serif;letter-spacing:0;line-height:1.5}
html[dir=rtl] .step,html[dir=rtl] .card,html[dir=rtl] .option,html[dir=rtl] .product-info,html[dir=rtl] th,html[dir=rtl] td{text-align:start}
html[dir=rtl] aside{border-right:0;border-left:1px solid var(--line);padding-inline:42px}
html[dir=rtl] .kicker,html[dir=rtl] .eyebrow,html[dir=rtl] .topline,html[dir=rtl] .form-section-title,html[dir=rtl] .aside-bottom,html[dir=rtl] .tag,html[dir=rtl] footer{letter-spacing:0}
html[dir=rtl] .progress{margin-left:0;margin-right:auto}
html[dir=rtl] .card .arrow{right:auto;left:20px}
html[dir=rtl] .product-visual{border-right:0;border-left:1px solid var(--line)}
html[dir=rtl] .notice{border-left:0;border-right:3px solid var(--highlight,var(--accent))}
html[dir=rtl] .sku,html[dir=rtl] input[type=number],html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] .specs b,html[dir=rtl] video{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] input[type=number]{text-align:right}
html[dir=rtl] .calc-strip b,html[dir=rtl] .motor-facts b{direction:ltr;unicode-bidi:isolate;display:inline-block}
html[dir=rtl] .go4-class b,html[dir=rtl] .range-badge{direction:ltr;unicode-bidi:isolate;display:inline-block}
html[dir=rtl] label,html[dir=rtl] .subtitle,html[dir=rtl] .intro,html[dir=rtl] .motor-facts,html[dir=rtl] .summary{font-size:14px;line-height:1.9}
html[dir=rtl] .source,html[dir=rtl] .notice,html[dir=rtl] .kicker,html[dir=rtl] .step,html[dir=rtl] .section-nav button,html[dir=rtl] .door-nav button{font-size:12px;line-height:1.9}
html[dir=rtl] .brand-switch,html[dir=rtl] .brand{direction:ltr}
.bom-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain}
@media(max-width:900px){.header-right{gap:12px}.prototype{display:none}.language-control select{min-width:108px}}
@media(max-width:720px){header{height:auto!important;min-height:125px;flex-wrap:wrap;padding:15px 6%!important;gap:12px}.brand,.brand-mobe .brand{width:190px}.header-right{width:100%;justify-content:space-between;gap:10px}.brand-switch{display:flex}.brand-switch button{padding:10px 14px}.language-control select{min-width:112px}.language-icon{display:none}html[dir=rtl] aside{border:0;padding:28px 6% 22px}.section-nav,.door-nav{flex-wrap:nowrap!important;overflow-x:auto;max-width:100%;padding-bottom:9px;scrollbar-width:thin}.section-nav button,.door-nav button{flex-shrink:0}.topline{gap:12px}.actions>button{max-width:100%}footer{flex-wrap:wrap;gap:10px}.source-language{width:100%}.component-row{min-width:0}h1 br{display:initial}html[dir=rtl] .product-visual{border-left:0}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}