/* Persian homepage. Loaded only when the front page is in FA. */

html[lang="fa"] {
    --fa-display: "Markazi Text", "Vazirmatn", serif;
    --fa-text: "Vazirmatn", sans-serif;
}

html[lang="fa"] body {
    font-family: var(--fa-text);
}

html[lang="fa"] body * {
    letter-spacing: 0;
    text-transform: none;
}

html[lang="fa"] :is(h1, h2, h3, .hero__headline, .site-footer__headline, .site-footer__logo-text) {
    font-family: var(--fa-display);
    font-weight: 500;
    font-style: normal;
    line-height: 1.35;
}

html[lang="fa"] .hero__headline {
    font-size: clamp(2.5rem, 5.2vw, 4.6rem);
    line-height: 1.28;
}

@media (min-width: 769px) {
    html[lang="fa"] .hero__panel {
        width: min(44rem, 54vw);
    }
}

@media (max-width: 1024px) and (min-width: 769px) {
    html[lang="fa"] .hero__panel {
        width: min(40rem, 78vw);
    }
}

@media (max-width: 768px) {
    html[lang="fa"] .hero__panel {
        width: 100%;
        padding: 20px 18px 14px;
    }

    html[lang="fa"] .hero__headline {
        font-size: clamp(1.85rem, 7.4vw, 2.7rem);
        line-height: 1.22;
        margin-bottom: 10px;
    }

    html[lang="fa"] .hero__desc {
        line-height: 1.7;
        max-width: none;
        margin-bottom: 14px;
    }
}

html[lang="fa"] .hero__desc,
html[lang="fa"] .about__desc,
html[lang="fa"] .products__subtitle,
html[lang="fa"] .gallery__subtitle,
html[lang="fa"] .contact__desc,
html[lang="fa"] .site-footer__desc {
    line-height: 1.9;
}

html[lang="fa"] .site-footer__headline-accent,
html[lang="fa"] .hero__headline .highlight,
html[lang="fa"] .about__title .highlight,
html[lang="fa"] .products__title .highlight,
html[lang="fa"] .gallery__title .highlight,
html[lang="fa"] .contact__title .highlight {
    font-style: normal;
}

html[lang="fa"] .site-footer__tagline {
    text-align: start;
    line-height: 1.8;
}

html[lang="fa"] .site-header__lang-toggle,
html[lang="fa"] .site-header__lang-btn {
    font-family: Inter, sans-serif;
    letter-spacing: 0.14em;
    text-transform: uppercase;
}

html[lang="fa"] .gallery__counter,
html[lang="fa"] .hero__counter,
html[lang="fa"] .products-card__index {
    direction: ltr;
    unicode-bidi: isolate;
    font-family: Inter, var(--fa-text), sans-serif;
    font-variant-numeric: lining-nums;
}

html[lang="fa"] .gallery__counter {
    flex-direction: row;
    justify-content: flex-start;
}