@font-face {
    font-family: "Yekan";
    src: url("/static/fonts/BYekan+.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: "IranNastaliq";
    src: url("/static/fonts/IranNastaliq.ttf") format("truetype");
    font-weight: normal;
    font-style: normal;
}


/* وقتی زبان فارسی است، این قوانین اعمال می‌شوند */
html[lang="fa"], 
html[lang="fa"] body, 
html[lang="fa"] h1, 
html[lang="fa"] h2, 
html[lang="fa"] h3, 
html[lang="fa"] h4,
html[lang="fa"] p,

html[lang="fa"] span, 
html[lang="fa"] a, 
html[lang="fa"] button, 
html[lang="fa"] input, 
html[lang="fa"] textarea {
    font-family: "Yekan", sans-serif !important;
}


html[lang="fa"] .hero-title,
html[lang="fa"] .hero-title span {
    font-family: "Yekan", sans-serif !important;
    line-height: 2;
    word-spacing: normal;
}



/* Persian-specific heading sizing adjustments */
html[lang="fa"] .section-head h2,
html[lang="fa"] .feature h2,
html[lang="fa"] .accessories-content h2,
html[lang="fa"] .packaging-content h2 {
    font-family: "Yekan", sans-serif !important;
    font-size: clamp(1.6rem, 2.8vw, 2.2rem) !important; /* Slightly smaller scale for Persian headers */
    line-height: 1.5 !important;
    letter-spacing: normal !important;
}

/* Prevent layout breaking for Nastaliq titles on mobile/tablet */
html[lang="fa"] .nastaliq-title {
    font-family: "IranNastaliq", serif !important;
    font-size: clamp(1.8rem, 5vw, 2.5rem) !important;
    line-height: 1.8 !important;
}


/* Make Persian hero title slightly smaller */
html[lang="fa"] .hero-title {
    font-size: clamp(3.8rem, 5.5vw, 4.4rem) !important;
}