.atb-languages{display:flex;align-items:center;gap:8px;flex-shrink:0;font-size:12px;line-height:1.5;white-space:nowrap;position:relative;z-index:5;margin-inline-start:12px}
.atb-languages a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:4px 7px;color:inherit;text-decoration:none;border-bottom:2px solid transparent}
.atb-languages a[aria-current=page]{border-color:#c1a46a}.atb-languages a:focus-visible{outline:2px solid #c1a46a;outline-offset:2px}.atb-languages a[lang=ar]{font-family:Tahoma,Arial,sans-serif;letter-spacing:0;text-transform:none}
.d-header .atb-languages{color:#fff}.site-header .atb-languages{color:inherit}.reference-a .d-header{gap:12px}
.site-header nav.atb-languages{display:flex;position:static;inset:auto;flex-direction:row;align-items:center;padding:0;border:0;box-shadow:none;background:transparent;margin:0;gap:6px}
.site-header nav.atb-languages a{font-size:12px;min-height:44px;padding-inline:5px}
@media(min-width:1051px){.reference-a .d-header .d-navigation{gap:clamp(8px,1.2vw,22px)}.reference-a .d-header .d-header-quote{padding-inline:18px}}
@media(max-width:1050px){.d-header .atb-languages{margin-inline-start:auto}.site-header .atb-languages{margin-inline-start:0}.d-header .d-menu-button{margin-inline-start:0;order:4}.d-header .atb-languages{order:3}.d-header .d-header-quote{display:none}.site-header{gap:8px}}
@media(max-width:420px){.atb-languages{gap:2px;font-size:11px}.atb-languages a{padding-inline:5px}.reference-a .d-brand{font-size:17px}.reference-a .d-brand small{font-size:7px}.reference-a .d-header{padding-inline:16px;gap:7px}.site-header .wordmark{font-size:18px}.site-header .wordmark small{font-size:8px}}
html[dir=rtl] body{font-family:'Cairo',Tahoma,Arial,sans-serif;text-align:right;line-height:1.85}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] button,html[dir=rtl] input,html[dir=rtl] select,html[dir=rtl] textarea{font-family:inherit;letter-spacing:0}
html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{line-height:1.5;unicode-bidi:plaintext}
html[dir=rtl] .d-label,html[dir=rtl] .eyebrow,html[dir=rtl] .d-note,html[dir=rtl] .reference-hero-eyebrow,html[dir=rtl] .reference-hero-bottom,html[dir=rtl] .reference-brand-note{letter-spacing:0;text-transform:none}
html[dir=rtl] .d-brand,html[dir=rtl] .wordmark{direction:ltr;unicode-bidi:isolate;font-family:Arial,sans-serif;letter-spacing:.18em}
html[dir=rtl] .d-brand small,html[dir=rtl] .wordmark small{font-family:'Cairo',Tahoma,sans-serif;letter-spacing:0}
html[dir=rtl] .d-header,html[dir=rtl] .site-header{direction:rtl}
html[dir=rtl] .atb-languages{direction:ltr}
html[dir=rtl] .d-navigation,html[dir=rtl] #primary-nav,html[dir=rtl] .d-footer nav{direction:rtl}
html[dir=rtl] .reference-hero .d-hero-copy{direction:rtl;text-align:right}
html[dir=rtl] .reference-hero h1{font-size:clamp(38px,4.9vw,77px);line-height:1.48;letter-spacing:0}
html[dir=rtl] .reference-hero-description{line-height:1.9;max-width:100%}
html[dir=rtl] .reference-hero-eyebrow span{margin-inline-end:20px;margin-left:0}
html[dir=rtl] .reference-material-index a,html[dir=rtl] .reference-category-copy,html[dir=rtl] .d-section-heading,html[dir=rtl] .context-application-copy{text-align:right}
html[dir=rtl] .reference-window{direction:ltr}html[dir=rtl] .reference-window img{max-width:none}
html[dir=rtl] .icon,html[dir=rtl] .d-button>svg,html[dir=rtl] .d-text-link>svg{transform:scaleX(-1)}
html[dir=rtl] .d-floating-wa svg{transform:none}
html[dir=rtl] .d-floating-wa{right:auto;left:22px}
html[dir=rtl] .filters label,html[dir=rtl] .quote-panel label,html[dir=rtl] .form-grid,html[dir=rtl] .library-details{text-align:right}
html[dir=rtl] input,html[dir=rtl] textarea,html[dir=rtl] select{direction:rtl;text-align:right}
html[dir=rtl] input[type=email],html[dir=rtl] input[type=tel],html[dir=rtl] input[name=sku],html[dir=rtl] input[name=thickness],html[dir=rtl] input[name=dimensions]{direction:ltr;text-align:left}
html[dir=rtl] .product-specs dd,html[dir=rtl] .library-details dd,html[dir=rtl] .product-card .eyebrow,html[dir=rtl] .context-sku-list small{unicode-bidi:plaintext}
html[dir=rtl] .privacy-check{direction:rtl}html[dir=rtl] .privacy-check input{margin-inline:0 8px}
html[dir=rtl] .form-status{unicode-bidi:plaintext}html[dir=rtl] .d-scene figcaption{left:14px;right:auto;letter-spacing:0;text-align:right}
html[dir=rtl] .search-row{direction:rtl}html[dir=rtl] .search-row input{min-width:0}
html[dir=rtl] .quote-panel,html[dir=rtl] .context-intro,html[dir=rtl] .page-intro{overflow-wrap:anywhere}
html[dir=rtl] .spec-table td,html[dir=rtl] .spec-table th{text-align:right;unicode-bidi:plaintext}
html[dir=rtl] .spec-table th{padding-right:0;padding-left:16px}
html[dir=rtl] .whatsapp-float{right:auto;left:14px}
@media(min-width:761px){html[dir=rtl] .quote-panel{border-left:0;border-right:1px solid var(--line);padding-left:0;padding-right:50px}}
/* Existing A uses font shorthands on individual elements; override only Arabic. */
html[dir=rtl] body,html[dir=rtl] body :is(h1,h2,h3,p,a,label,input,select,textarea,button,small,span,figcaption,summary,dt,dd){font-family:'Cairo',Tahoma,Arial,sans-serif!important;letter-spacing:0}
html[dir=rtl] .design-a.reference-a .d-hero h1{font-size:clamp(38px,4.9vw,77px);line-height:1.48;letter-spacing:0}
html[dir=rtl] .design-a.reference-a .d-hero-copy{padding:5.9vw 2.8vw 3.8vw 0}
html[dir=rtl] .reference-a .d-hero-copy .reference-hero-description{line-height:1.9;letter-spacing:0}
html[dir=rtl] .reference-a .d-hero-copy .reference-hero-eyebrow{margin-right:6.6vw;margin-left:0}
html[dir=rtl] .reference-hero-eyebrow>span{left:auto;right:-7vw}
html[dir=rtl] .reference-brand-note{border-left:0;border-right:1px solid #cbb78680;padding-left:0;padding-right:18px}
html[dir=rtl] .honeypot{position:fixed!important;left:0!important;right:auto!important;top:0!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%);pointer-events:none}
@media(max-width:760px){html[dir=rtl] .reference-hero h1{font-size:44px}html[dir=rtl] .reference-hero .d-hero-copy{padding-inline:24px}html[dir=rtl] .d-floating-wa{left:12px}html[dir=rtl] .reference-quote h2{font-size:34px}html[dir=rtl] .d-header .d-menu-button{order:4}}
@media(max-width:760px){html[dir=rtl] .design-a.reference-a .d-hero-copy{padding:46px 24px 42px}html[dir=rtl] .design-a.reference-a .d-hero h1{font-size:44px;white-space:normal}}
