/* Arabic (RTL) overrides for /ar/caustic-soda. Loaded after landing.css. */
:root { --ar-font: "Plex Arabic", Geist, ui-sans-serif, system-ui, "Segoe UI", Tahoma, sans-serif; }
html[dir=rtl] body, html[dir=rtl] button, html[dir=rtl] input, html[dir=rtl] select, html[dir=rtl] textarea,
html[dir=rtl] .price .num, html[dir=rtl] .pack-price .num, html[dir=rtl] .spec-val, html[dir=rtl] .stock-main .num, html[dir=rtl] .summary .total .num { font-family: var(--ar-font); }
/* Arabic joins letters: no tracking, a little more leading. */
html[dir=rtl] *, html[dir=rtl] *::before, html[dir=rtl] *::after { letter-spacing: 0 !important; }
html[dir=rtl] body { line-height: 1.75; }
html[dir=rtl] h1, html[dir=rtl] h2, html[dir=rtl] h3, html[dir=rtl] .display, html[dir=rtl] .product { line-height: 1.3; }
/* Figures, phone numbers and emails keep left-to-right order. */
html[dir=rtl] .num, html[dir=rtl] .panel-contact a, html[dir=rtl] .buy-foot a, html[dir=rtl] input[type=tel], html[dir=rtl] input[type=email], html[dir=rtl] input[type=number] { direction: ltr; unicode-bidi: isolate; }
html[dir=rtl] input[type=tel], html[dir=rtl] input[type=email] { text-align: right; }
html[dir=rtl] .price .num { unicode-bidi: isolate; }
html[dir=rtl] .range button { font-family: var(--ar-font); }
/* Chart is drawn left to right (time axis), tooltip text stays readable. */
html[dir=rtl] .chart-plot { direction: ltr; }
html[dir=rtl] .c-tip { direction: rtl; text-align: center; }
html[dir=rtl] .c-axis, html[dir=rtl] .c-last { font-family: Geist, sans-serif; }

html[dir=rtl] .skip { left: auto; right: -999px; }
html[dir=rtl] .skip:focus { left: auto; right: 16px; }
html[dir=rtl] .btn-buy:hover .btn-ic { transform: translateX(-3px); }
html[dir=rtl] .table-wrap th, html[dir=rtl] .table-wrap td { text-align: right; }
html[dir=rtl] .step-list li::before { left: 8px; right: 48px; }
html[dir=rtl] .seg { margin-left: 0; margin-right: auto; }
html[dir=rtl] .quote-grid .seg { margin-right: 0; }
html[dir=rtl] .hp { left: auto; right: -9999px; }
html[dir=rtl] .done { text-align: right; }
html[dir=rtl] .sheet { margin: 0 auto 0 0; box-shadow: 24px 0 64px rgb(10 19 22 / .28); }
html[dir=rtl] .sheet[open] { animation-name: slide-rtl; }
@keyframes slide-rtl { from { transform: translateX(-40px); opacity: 0; } }
html[dir=rtl] .mbar-info { margin-right: 0; margin-left: auto; }
html[dir=rtl] .lang-sw { font-family: Geist, ui-sans-serif, sans-serif; }
.lang-sw { border: 1px solid currentColor; border-radius: 999px; padding: 4px 12px; text-decoration: none; font-size: 13px; opacity: .85; }
.lang-sw:hover { opacity: 1; }

@media (max-width: 1100px) {
  html[dir=rtl] .seg { margin-right: 0; }
  html[dir=rtl] .btn-sm { padding-left: 0; padding-right: 20px; }
}
@media (min-width: 1101px) {
  /* Buy panel on the right, scrolling content on the left. */
  html[dir=rtl] .site-head { margin-left: 0; margin-right: 42%; }
  html[dir=rtl] .shell { grid-template-columns: 42% minmax(0, 1fr); }
  html[dir=rtl] .buy { inset: 0 0 0 auto; }
}