/* Arabic public storefront. Semantic base direction is declared on <html>. */
html[lang="ar"] body, html[lang="ar"] h1, html[lang="ar"] h2,
html[lang="ar"] h3, html[lang="ar"] h4, html[lang="ar"] button,
html[lang="ar"] input, html[lang="ar"] textarea, html[lang="ar"] select {
  font-family: Tahoma, Arial, "Geeza Pro", sans-serif !important;
}
html[lang="ar"] :is(h1,h2,h3,h4,.eyebrow,.hero-kicker,.hero-tags,.featured-label,.featured-cat,.pd-eyebrow) {
  letter-spacing:normal !important;text-transform:none !important;
}
html[lang="ar"] :is(p,li,.hero-copy p,.pd-section-intro) {line-height:1.85}
html[lang="ar"] :is(.hero-copy h1,.hero-copy h2,.section-title,.pd-title) {line-height:1.4}
html[lang="ar"] :is(.hero-copy,.pd-info,.pd-overview,.catalog-intro,.kc-body,.field,.panel-head,.footer-grid,.contact-info) {text-align:start}
html[lang="ar"] :is(th,td,.pd-spec-table th,.pd-spec-table td) {text-align:start}
html[lang="ar"] :is(ul,ol) {padding-inline-start:1.4em;padding-inline-end:0}
html[lang="ar"] .site-language-switch {padding:0;flex-shrink:0}
html[lang="ar"] .nav {gap:22px}
html[lang="ar"] .nav a {white-space:nowrap}
html[lang="ar"] .topbar-actions {gap:14px}
html[lang="ar"] .hero-metric {border-right:0;border-inline-end:1px solid #ffffff10}
html[lang="ar"] .pd-feature-list li {padding-left:0;padding-right:24px}
html[lang="ar"] .pd-feature-list li::before {left:auto;right:0}
html[lang="ar"] .kc-cta .kc-secondary {margin-left:0;margin-inline-start:8px}
html[lang="ar"] .actions .right {margin-left:0;margin-inline-start:auto}
html[lang="ar"] .pd-options,html[lang="ar"] .pd-color-options {justify-content:flex-start}
html[lang="ar"] .catalog-toolbar {flex-wrap:wrap}
html[lang="ar"] bdi {unicode-bidi:isolate}
html[lang="ar"] :is(.hero-metric b,.hero-stat-num) {direction:ltr;unicode-bidi:isolate}
html[lang="ar"] :is(.hero-arrow,.featured-nav,.pd-doc-arrow,.breadcrumb i) {direction:ltr;unicode-bidi:isolate}
@media(max-width:1100px){html[lang="ar"] .nav {display:none}}
@media(max-width:900px){html[lang="ar"] .hero-copy{text-align:center}}
@media(max-width:640px){
 html[lang="ar"] .topbar {gap:8px;flex-wrap:wrap}
 html[lang="ar"] .topbar-actions {width:100%;justify-content:center}
 html[lang="ar"] .hero-copy h1,html[lang="ar"] .hero-copy h2 {font-size:30px}
 html[lang="ar"] .header-actions {gap:8px}
 html[lang="ar"] .kc-cta .kc-secondary {margin:10px 0 0}
 html[lang="ar"] .btn {white-space:normal;text-align:center}
}