/* Hadity Laser — English pages (/en/, dir="ltr"). Loaded only there, before css/custom.css.
   Latin text in the brand's own families: Cormorant Garamond for display, Tajawal (Latin) for reading text. */
@font-face{font-family:"Tajawal Latin";src:url(../fonts/tajawal-latin-300-normal.woff2) format("woff2");font-weight:300;font-display:swap}
@font-face{font-family:"Tajawal Latin";src:url(../fonts/tajawal-latin-400-normal.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Tajawal Latin";src:url(../fonts/tajawal-latin-500-normal.woff2) format("woff2");font-weight:500;font-display:swap}
html[lang="en"]{--f-display:"Cormorant","Tajawal Latin",Georgia,serif;--f-body:"Tajawal Latin","Tajawal",system-ui,sans-serif}
html[lang="en"] body{line-height:1.7;letter-spacing:.005em}
html[lang="en"] h1,html[lang="en"] h2,html[lang="en"] h3,html[lang="en"] .h1,html[lang="en"] .h2,html[lang="en"] .h3{font-weight:500;line-height:1.12;letter-spacing:-.005em}
html[lang="en"] .h1,html[lang="en"] h1{font-size:calc(1.08 * clamp(2.4rem,5.4vw,4.6rem))}

/* arrows point forward (right) instead of left */
html[dir="ltr"] .arrow{transform:none}
html[dir="ltr"] .btn:hover .arrow{transform:rotate(45deg)}

/* things placed on the reading-start side in Arabic */
html[dir="ltr"] .badge{right:auto;left:14px}
html[dir="ltr"] .ibtn .n{left:auto;right:4px}
html[dir="ltr"] .drawer__panel{left:auto;right:0;transform:translateX(100%)}
html[dir="ltr"] .drawer.is-open .drawer__panel{transform:none}
html[dir="ltr"] .pcard__name,html[dir="ltr"] .prod__name{text-align:left}
html[dir="ltr"] .thank pre{text-align:left}
html[dir="ltr"] .hero__chip--a,html[dir="ltr"] .hero__chip--b{left:auto;right:-22px}
html[dir="ltr"] .timeline div::before{right:auto;left:0}
html[dir="ltr"] .preview small{left:auto;right:12px}
html[dir="ltr"] input[dir="ltr"],html[dir="ltr"] textarea[dir="ltr"]{text-align:left!important}