/* DAZRO — Arabic / RTL layer (Update 165). Loaded only on /ar/ pages. */
html[dir="rtl"]{--font:"IBM Plex Sans Arabic","Manrope",system-ui,Tahoma,sans-serif;--font-display:"IBM Plex Sans Arabic","Manrope",system-ui,Tahoma,sans-serif;--font-head:"IBM Plex Sans Arabic","Manrope",system-ui,Tahoma,sans-serif}
html[dir="rtl"] body,
html[dir="rtl"] button, html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea {
  font-family: "IBM Plex Sans Arabic", "Manrope", system-ui, -apple-system, "Segoe UI", Tahoma, sans-serif;
}
html[dir="rtl"] body { letter-spacing: 0 !important; }
html[dir="rtl"] * { letter-spacing: normal; }
html[dir="rtl"] .eyebrow, html[dir="rtl"] [class*="eyebrow"], html[dir="rtl"] [class*="kicker"] { letter-spacing: 0 !important; text-transform: none !important; }
/* arrows and chevrons point the other way (whole icon flipped once) */
html[dir="rtl"] svg:has(> polyline[points="12 5 19 12 12 19"]), html[dir="rtl"] svg:has(> polyline[points="9 18 15 12 9 6"]),
html[dir="rtl"] svg:has(> polyline[points="15 18 9 12 15 6"]), html[dir="rtl"] svg:has(> polyline[points="19 12 12 19 5 12"]) ,
html[dir="rtl"] svg:has(> path[d="M9 6l6 6-6 6"]), html[dir="rtl"] svg:has(> path[d="M5 12h14M13 6l6 6-6 6"]), html[dir="rtl"] svg:has(> path[d="M5 12h13M12 6l6 6-6 6"]),
html[dir="rtl"] svg:has(> path[d="M15 6l-6 6 6 6"]), html[dir="rtl"] svg:has(> path[d="M15 18l-6-6 6-6"]) { transform: scaleX(-1); }
/* numbers, prices, phone, emails stay left-to-right inside Arabic text */
html[dir="rtl"] [class*="price"] { unicode-bidi: isolate; }
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="email"],
html[dir="rtl"] a[href^="tel:"], html[dir="rtl"] a[href^="mailto:"] { direction: ltr; unicode-bidi: isolate; }
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[type="email"] { text-align: right; }
/* text alignment */
html[dir="rtl"] body { text-align: right; }
html[dir="rtl"] .center, html[dir="rtl"] [style*="text-align:center"], html[dir="rtl"] [style*="text-align: center"] { text-align: center; }
/* desktop nav: keep Arabic labels on one line */
@media (min-width: 901px) { html[dir="rtl"] .nav a, html[dir="rtl"] nav a .nav-t { white-space: nowrap; } html[dir="rtl"] .nav a { font-size: .92rem; } }

/* Update 166 — mobile polish */
/* Latin product/brand names inside Arabic layout: keep word order, align right */
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3, html[dir="rtl"] h4,
html[dir="rtl"] [class*="name"], html[dir="rtl"] [class*="title"], html[dir="rtl"] [class*="brand"],
html[dir="rtl"] .pc-n, html[dir="rtl"] .pdp-title, html[dir="rtl"] figcaption, html[dir="rtl"] img[alt] { unicode-bidi: plaintext; }
html[dir="rtl"] [class*="name"], html[dir="rtl"] [class*="title"], html[dir="rtl"] [class*="brand"] { text-align: right; }
html[dir="rtl"] .center [class*="title"], html[dir="rtl"] [style*="text-align:center"] [class*="title"] { text-align: center; }
/* Arabic reads better with more line height and no uppercase tracking */
html[dir="rtl"] body { line-height: 1.75; }
html[dir="rtl"] h1, html[dir="rtl"] h2, html[dir="rtl"] h3 { line-height: 1.35; letter-spacing: 0 !important; }
html[dir="rtl"] .display, html[dir="rtl"] [class*="display"] { letter-spacing: 0 !important; }
/* inputs: text starts on the right, numbers keep LTR */
html[dir="rtl"] input, html[dir="rtl"] select, html[dir="rtl"] textarea { text-align: right; }
html[dir="rtl"] input[type="tel"], html[dir="rtl"] input[inputmode="numeric"], html[dir="rtl"] input[type="number"] { direction: ltr; text-align: right; }
/* select arrow on the left side in RTL */
html[dir="rtl"] select { background-position: left .9em center !important; padding-left: 2.4em !important; padding-right: .9em !important; }
/* product name under Arabic title */
.pdp-name-ar { display: block; font-size: .95rem; font-weight: 500; color: var(--muted, #566374); margin: .3em 0 .5em; text-align: right; font-family: "Manrope", system-ui, sans-serif; }
/* cards: prevent cramped wrapping of Arabic badges */
html[dir="rtl"] [class*="badge"], html[dir="rtl"] [class*="tag"] { white-space: nowrap; }
/* sticky buy bars and drawers keep inside the screen */
html[dir="rtl"] body { overflow-x: hidden; }

/* mobile drawer slides in from the right in Arabic (menu button is on the right) */
html[dir="rtl"] .dzm { left: auto; right: 0; transform: translateX(102%); }
html[dir="rtl"] .dzm.on { transform: none; }
html[dir="rtl"] .dzm-foot a { font-size: .9rem; }

/* Update 167 — mirror image overlays so Arabic text always sits on the dark (readable) side */
@media (min-width: 821px) {
  html[dir="rtl"] .sf-home-shade { background: linear-gradient(260deg, var(--navy-deep) 0%, rgba(7,29,53,.93) 26%, rgba(7,29,53,.68) 44%, rgba(7,29,53,.3) 62%, rgba(7,29,53,.06) 82%, rgba(7,29,53,0) 100%); }
  html[dir="rtl"] .sf-home-bg picture, html[dir="rtl"] .sf-home-bg img { object-position: 28% center; }
  html[dir="rtl"] .sf-home-visual img { -webkit-mask: linear-gradient(to left, transparent 0%, rgba(0,0,0,.32) 22%, #000 58%); mask: linear-gradient(to left, transparent 0%, rgba(0,0,0,.32) 22%, #000 58%); }
  html[dir="rtl"] .sf-home-visual::after { background: linear-gradient(to left, var(--navy) 0%, rgba(14,58,102,.38) 26%, transparent 56%); }
  html[dir="rtl"] .sf-trustcard { right: auto; left: clamp(16px,2vw,28px); }
}
@media (min-width: 761px) {
  html[dir="rtl"] .why-top--cover .why-shade { background: linear-gradient(260deg, var(--navy-deep,#071d35) 0%, rgba(7,29,53,.93) 28%, rgba(7,29,53,.66) 48%, rgba(7,29,53,.28) 66%, rgba(7,29,53,.05) 86%, rgba(7,29,53,0) 100%); }
  html[dir="rtl"] .why-top--cover .why-bg img { object-position: 26% center; }
  html[dir="rtl"] .feat-brand-shade { background: linear-gradient(260deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.86) 30%, rgba(255,255,255,.45) 56%, rgba(255,255,255,.08) 80%, rgba(255,255,255,0) 100%); }
}
html[dir="rtl"] .cg2-hero-overlay { background: linear-gradient(255deg, rgba(20,17,12,.96) 0%, rgba(20,17,12,.8) 40%, rgba(20,17,12,.45) 100%); }
html[dir="rtl"] .sf-trustcard-item { border-right: 0; border-left: 1px solid var(--line); }
html[dir="rtl"] .sf-trustcard-item:last-child { border-left: 0; }
/* Arabic body text: a touch larger for readability */
html[dir="rtl"] p, html[dir="rtl"] li { font-size: 1.02em; }
@media (min-width: 821px){ html[dir="rtl"] .sf-trustcard { max-width: 640px; } }
html[dir="rtl"] .dzm-lab { font-size: .78rem; }
html[dir="rtl"] .dzm-foot a, html[dir="rtl"] .dzm-search span { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
html[dir="rtl"] .dzm-tile b { font-size: .9rem; line-height: 1.4; }
/* Update 168 — Arabic product title: readable size, not three giant lines */
html[dir="rtl"] .pdp-title { font-size: clamp(1.35rem, 2.2vw, 1.9rem) !important; line-height: 1.45; }
html[dir="rtl"] .pdp-simttl, html[dir="rtl"] .card-name { line-height: 1.5; }
