/* Shared language controls, About page, and right-to-left layouts. */
.language-bar {max-width:1320px;margin:auto;padding:10px 32px 0;display:flex;justify-content:flex-end}
.language-switcher {display:flex;align-items:center;gap:4px;flex-wrap:wrap;font-family:Arial,Tahoma,sans-serif;line-height:1.5}
.language-switcher a {display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:6px 12px;border-radius:6px;border:1px solid transparent;font-size:13px;text-decoration:none;color:#596171;background:#f5f6f8;white-space:nowrap}
.language-switcher a[aria-current] {background:#172030;color:white}
.language-switcher a:hover {border-color:#fa5935}
.language-switcher a:focus-visible {outline:3px solid #fa5935;outline-offset:2px}
.about-hero {display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:60px;padding:60px 0 45px;align-items:start}
.about-story h1 {margin:16px 0 26px;max-width:700px}
.about-prose {font-size:17px;line-height:1.9;color:#69707b;overflow-wrap:anywhere}
.about-actions {display:flex;align-items:center;gap:24px;flex-wrap:wrap;margin-top:30px}
.about-panel {background:#172030;color:white;padding:38px;border-radius:14px}
.about-panel .eyebrow {color:#ff947a}
.about-steps {padding:0;margin:30px 0 0;list-style:none;display:grid;gap:28px}
.about-steps li {display:flex;gap:18px}
.about-steps li>span {color:#ff947a;font-size:15px;line-height:2}
.about-steps h2 {font-size:21px;margin:0 0 10px;line-height:1.4}
.about-steps p {color:#c4cad5;font-size:15px;line-height:1.8}
.about-values {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:20px 0 40px}
.about-values article {border-top:1px solid #e5e7eb;padding:28px 12px 10px}
.about-values i {color:#fa5935;font-size:30px}
.about-values h2 {font-size:22px;line-height:1.4;margin:18px 0 14px}
.translation-editor {margin:24px 0;max-width:100%;text-align:start}
.translation-editor h3 {font-size:19px;margin:0 0 10px}
.translation-editor p {color:#69707b;line-height:1.8}
.translation-group {border:1px solid #e1e5eb;border-radius:8px;margin-top:16px;overflow:hidden}
.translation-group summary {padding:16px;cursor:pointer;background:#f7f8fa;font-size:17px;font-family:Arial,Tahoma,sans-serif}
.translation-fields {padding:18px;display:grid;gap:12px}
.translation-fields textarea {width:100%;font-family:Arial,Tahoma,sans-serif;line-height:1.8;resize:vertical}
input[type=email],input[type=tel],input[type=number],input[name=sku],input[name=setup_token] {direction:ltr;text-align:start;unicode-bidi:plaintext}
.detail-price,.product-card>strong,.order-summary strong,.order-item>strong,.cart-line>strong {unicode-bidi:plaintext}
[dir=rtl] body {font-family:Tahoma,Arial,sans-serif;line-height:1.8;text-align:right}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3,[dir=rtl] .eyebrow,[dir=rtl] .workspace-label,[dir=rtl] .small,[dir=rtl] .hero-foot,[dir=rtl] .hero-caption span,[dir=rtl] .welcome-card>div>span {letter-spacing:normal}
[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3 {line-height:1.45}
[dir=rtl] .brand,[dir=rtl] .admin-brand {letter-spacing:normal;direction:ltr;unicode-bidi:isolate}
[dir=rtl] .hero-copy {text-align:right}
[dir=rtl] .hero-copy h1 {font-size:clamp(2rem,3.4vw,3.3rem)}
[dir=rtl] .hero-copy h1 em {font-style:normal}
[dir=rtl] .category-card img {right:auto;left:-20px;transform:rotate(12deg)}
[dir=rtl] .category-card>b {right:auto;left:15px}
[dir=rtl] .product-tag {left:auto;right:14px}
[dir=rtl] .view-product {right:auto;left:14px}
[dir=rtl] .section-heading h2 span {margin-left:0;margin-right:7px}
[dir=rtl] th,[dir=rtl] td {text-align:right}
[dir=rtl] .admin-sidebar {left:auto;right:0}
[dir=rtl] .admin-main {margin-left:0;margin-right:248px}
[dir=rtl] .welcome-total {text-align:left}
[dir=rtl] .low-stock-row b {margin-left:0;margin-right:auto}
[dir=rtl] .form-check {padding-left:0;padding-right:1.875rem}
[dir=rtl] .form-check .form-check-input {float:right;margin-left:0;margin-right:-1.875rem}
[dir=rtl] .form-select {padding-right:.875rem;padding-left:2.5rem;background-position:left .875rem center}
[dir=rtl] .ph-arrow-right,[dir=rtl] .ph-arrow-left,[dir=rtl] .ph-arrow-up-right {display:inline-block;transform:scaleX(-1)}
.admin-topbar .language-switcher {margin-inline-start:auto}
.admin-topbar {flex-wrap:wrap}
@media(max-width:1200px) {
 [dir=rtl] .admin-main {margin-right:220px}
 .site-header {gap:18px}
 .desktop-nav {gap:18px}
}
@media(max-width:760px) {
 .language-bar {padding:10px 20px 0;justify-content:center}
 .language-switcher a {min-height:36px;font-size:13px;padding:6px 10px}
 .about-hero {grid-template-columns:1fr;gap:28px;padding:32px 0 20px}
 .about-story h1 {font-size:32px}
 .about-prose {font-size:16px}
 .about-panel {padding:26px}
 .about-values {grid-template-columns:1fr;gap:0;margin-bottom:10px}
 .about-values article {padding:24px 4px}
 .about-values h2 {font-size:22px}
 .about-actions {gap:20px}
 [dir=rtl] .hero-copy {padding:24px 20px 24px 0}
 [dir=rtl] .hero-copy h1 {font-size:clamp(1.4rem,5vw,2rem)}
 [dir=rtl] .hero-caption {left:12px;right:17px;text-align:right}
 [dir=rtl] .hero-caption strong {line-height:1.7}
 [dir=rtl] .hero-caption a {margin-left:0;margin-right:5px}
 [dir=rtl] .category-grid {margin-right:0;margin-left:-20px;padding-right:0;padding-left:20px}
 [dir=rtl] .category-card img {right:auto;left:-10px}
 [dir=rtl] .product-tag {left:auto;right:10px}
 [dir=rtl] .view-product {right:auto;left:10px}
 [dir=rtl] .admin-main {margin-right:0}
 [dir=rtl] .admin-sidebar {transform:translateX(100%)}
 [dir=rtl] .sidebar-open .admin-sidebar {transform:translateX(0);box-shadow:-25px 0 40px #151b2750}
 [dir=rtl] .welcome-total {text-align:right}
 .admin-breadcrumb {display:none}
 .admin-topbar {gap:10px;flex-wrap:nowrap}
 .admin-person {display:none}
 .admin-sidebar {top:75px}
 .admin-topbar .language-switcher {flex-wrap:nowrap}
}
@media(prefers-reduced-motion:reduce) {html {scroll-behavior:auto}*,*::before,*::after {transition:none!important}}

[dir=rtl] .product-meta,[dir=rtl] .hero-caption,[dir=rtl] .product-tag {letter-spacing:normal}
[dir=rtl] .text-end {text-align:left!important}
[dir=rtl] .text-start {text-align:right!important}

@media(max-width:760px) {.mobile-nav {grid-template-columns:repeat(5,minmax(0,1fr))} .mobile-nav a {font-size:11px}}

@font-face {font-family:'Noto Naskh Arabic';src:url('../vendor/fonts/noto-naskh/NotoNaskhArabic.ttf') format('truetype');font-weight:400 700;font-style:normal;font-display:swap}
[dir=rtl] body,[lang=ar],[lang=ckb],.translation-group summary,.translation-fields textarea {font-family:'Noto Naskh Arabic',Tahoma,Arial,sans-serif}
[dir=rtl] body {font-size:18px;line-height:1.8}
[dir=rtl] input,[dir=rtl] select,[dir=rtl] textarea,[dir=rtl] button {font-family:inherit}
.language-switcher a[lang=ar],.language-switcher a[lang=ckb] {font-size:16px;line-height:1.4}
[dir=rtl] .eyebrow {font-size:14px}