@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Arabic:wght@400;500;600;700;800&display=swap');

html[lang^="ar"] body {
    direction: rtl;
    font-family: 'Noto Sans Arabic', 'Segoe UI', Tahoma, Arial, sans-serif;
    text-align: right;
}

html[lang^="ar"] button,
html[lang^="ar"] input,
html[lang^="ar"] select,
html[lang^="ar"] textarea {
    font-family: inherit;
}

html[lang^="ar"] .content-hero h1,
html[lang^="ar"] .content-hero-lead,
html[lang^="ar"] .section-heading,
html[lang^="ar"] .content-prose,
html[lang^="ar"] .content-card,
html[lang^="ar"] .localized-review,
html[lang^="ar"] .faq-static,
html[lang^="ar"] .footer-shell,
html[lang^="ar"] .copyright {
    text-align: right;
}

html[lang^="ar"] .content-hero h1,
html[lang^="ar"] .section-heading h2,
html[lang^="ar"] .content-card h3 {
    letter-spacing: 0;
}

html[lang^="ar"] .content-header-home .content-hero h1,
html[lang^="ar"] .content-header-home .content-hero-lead {
    text-align: center;
}

html[lang^="ar"] .discount-price {
    direction: rtl;
}

html[lang^="ar"] .b2b-strip strong > .discount-price {
    direction: ltr;
    font-size: inherit;
}

html[lang^="ar"] .b2b-strip strong.fact-value-distance {
    font-size: 1.05rem;
}

html[lang^="ar"] .checkout-page input[type="email"] {
    direction: ltr;
    text-align: left;
}

html[lang^="ar"] .checkout-page input[type="tel"] {
    direction: ltr;
    text-align: right;
}

html[lang^="ar"] .checkout-page input::placeholder {
    unicode-bidi: plaintext;
}

html[lang^="ar"] .localized-review blockquote::before {
    content: "”";
}

@media (max-width: 720px) {
    html[lang^="ar"] .site-nav-brand {
        text-align: center;
    }
}
