/* ARFA-003 — additive RTL adaptation for Arabic/Persian only.
   Frozen R12B artwork, Aurora, marks and existing LTR locales stay unchanged. */
html[dir="rtl"] body,
html[dir="rtl"] button,
html[dir="rtl"] select,
html[dir="rtl"] input,
html[dir="rtl"] textarea{
  font-family:"Noto Sans Arabic","Noto Kufi Arabic",Tahoma,"Segoe UI",Arial,sans-serif;
}
html[dir="rtl"] body{direction:rtl;text-align:start}
html[dir="rtl"] :is(h1,h2,h3,.hero-copy,.section-aside,.product-body,.detail-content,.footer-phrase){
  letter-spacing:normal;
}
html[dir="rtl"] :is(.eyebrow,.product-type,.index-label,.product-num,.section-kicker){
  letter-spacing:.02em;
  text-transform:none;
}
html[dir="rtl"] .nav{
  margin-left:0;
  margin-right:0;
  margin-inline-start:auto;
  margin-inline-end:28px;
}
html[dir="rtl"] .hero-note,
html[dir="rtl"] .footer-phrase,
html[dir="rtl"] .detail-content td,
html[dir="rtl"] .detail-content th{
  text-align:start;
}
html[dir="rtl"] .product-num{
  left:auto;
  right:29px;
  inset-inline-start:29px;
}
html[dir="rtl"] .detail-content .guide-prose ul,
html[dir="rtl"] .detail-content .guide-prose ol,
html[dir="rtl"] .detail-content .check-list{
  padding-left:0;
  padding-inline-start:26px;
}
html[dir="rtl"] .detail-content .check-list{padding-inline-start:21px}
html[dir="rtl"] .header .controls{
  margin-left:0;
  margin-inline-start:auto;
}
html[dir="rtl"] .lang-shell select{
  padding-left:28px;
  padding-right:14px;
  padding-inline:14px 28px;
}
html[dir="rtl"] .lang-shell::after{
  left:12px;
  right:auto;
  inset-inline-end:12px;
}
html[dir="rtl"] .site-consent,
html[dir="rtl"] .site-consent-actions{direction:rtl}
html[dir="rtl"] :is(code,pre,kbd,samp,.ltr-token,[dir="ltr"]){
  direction:ltr;
  unicode-bidi:isolate;
  text-align:left;
}
html[dir="rtl"] bdi{unicode-bidi:isolate}
html[dir="rtl"] :is(h1,.detail-hero .hero-content h1){line-height:1.14}
html[dir="rtl"] h2{line-height:1.16}
html[dir="rtl"] :is(p,li,.hero-copy,.section-aside){line-height:1.8}
/* Graphic compositions intentionally keep their approved physical geometry.
   Only textual overlays and flow direction adapt to RTL. */
html[dir="rtl"] .brand,
html[dir="rtl"] .footer-brand{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .product-num{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .kv-locale-switch{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .theme-switch{direction:ltr;unicode-bidi:isolate}
html[dir="rtl"] .arrow{unicode-bidi:isolate}

@media(max-width:980px){
  html[dir="rtl"] .nav{margin-inline-end:8px}
}
@media(max-width:790px){
  html[dir="rtl"] .header .nav{
    margin:0;
    justify-content:flex-start;
  }
  html[dir="rtl"] .header .controls{
    margin-left:0;
    margin-right:0;
    margin-inline-start:auto;
  }
}
@media(max-width:560px){
  html[dir="rtl"] .product-num{
    left:auto;
    right:20px;
    inset-inline-start:20px;
  }
  html[dir="rtl"] .lang-shell select{
    padding-left:22px;
    padding-right:10px;
    padding-inline:10px 22px;
  }
  html[dir="rtl"] .lang-shell::after{
    left:8px;
    right:auto;
    inset-inline-end:8px;
  }
}
@media(max-width:740px){
  html[dir="rtl"] .footer-phrase{text-align:start}
}