/* English pages (/en/): left-to-right layout and a Latin type stack.
   Loaded only on /en/; the Persian site never downloads it. Fonts are system fonts, so nothing
   is fetched from outside the server. */

/* Inter (OFL, Latin subset, variable weight) is bundled with the theme: no outside request. */
@font-face {
	font-family: "Inter";
	src: url("../fonts/Inter-latin-wght.woff2") format("woff2-variations"), url("../fonts/Inter-latin-wght.woff2") format("woff2");
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
:root {
	--font: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Vazirmatn", sans-serif;
}
body { direction: ltr; text-align: left; line-height: 1.7; font-feature-settings: "cv11", "ss01"; letter-spacing: -.005em; }
/* Inter is wider than Vazirmatn at heavy weights: calmer headings. */
[dir="ltr"] h1, [dir="ltr"] h2, [dir="ltr"] h3, [dir="ltr"] .hp-hero__title, [dir="ltr"] .lhero__title, [dir="ltr"] .section-head__title { font-weight: 800; letter-spacing: -.02em; }
.eyebrow { letter-spacing: .08em; }

/* Arrows point the reading direction. */
[dir="ltr"] .icon--arrow, [dir="ltr"] .pc-hint .icon { transform: scaleX(-1); }
[dir="ltr"] .btn:hover .icon--arrow { transform: scaleX(-1) translateX(-3px); }
[dir="ltr"] .footer__namad > .icon { transform: scaleX(-1); }
[dir="ltr"] .footer__namad:hover > .icon { transform: scaleX(-1) translateX(-4px); }
[dir="ltr"] .plan-nav [data-dir="-1"] .icon { transform: rotate(90deg); }
[dir="ltr"] .plan-nav [data-dir="1"] .icon { transform: rotate(-90deg); }

/* Physical left/right positions mirrored. */
[dir="ltr"] .skip-link:focus { right: auto; left: 8px; }
[dir="ltr"] .nav__list .sub-menu { right: auto; left: 0; }
[dir="ltr"] .step__icon::after { left: auto; right: -8px; content: counter(step); }
[dir="ltr"] .rules li { padding: 14px 18px 14px 54px; }
[dir="ltr"] .rules li::before { right: auto; left: 14px; content: counter(r); }
[dir="ltr"] .float-support { left: auto; right: 20px; }
[dir="ltr"] .single__nav-item--next { text-align: right; }
[dir="ltr"] .mprev__specs b { text-align: left; }
[dir="ltr"] .pkg__ribbon { right: auto; left: 24px; }
[dir="ltr"] .topbar__links a + a::before { right: auto; left: -3px; }
[dir="ltr"] .dc-field legend { float: left; }
[dir="ltr"] .dc-seg.dc-seg--dc label > span, [dir="ltr"] .dc-seg--port label > span, [dir="ltr"] .dc-seg--port small { text-align: left; }
[dir="ltr"] .dc-seg.dc-seg--dc input:checked + span::after { left: auto; right: 10px; }
[dir="ltr"] .dc-switch::after { right: auto; left: 3px; }
[dir="ltr"] .dc-switch:checked::after { transform: translateX(18px); }
[dir="ltr"] .dc-meter b, [dir="ltr"] .dc-noc__cell b, [dir="ltr"] .hh-card__code, [dir="ltr"] .pc__name { text-align: left; }
[dir="ltr"] .dc-noc__ok { left: auto; right: 20px; }
[dir="ltr"] .hp-adv__body, [dir="ltr"] .hp-adv__body .section-head__title, [dir="ltr"] .hp-why .section-head__title, [dir="ltr"] .hp-faq__head .section-head__title { text-align: left; }
[dir="ltr"] .hh-card__more li b, [dir="ltr"] .pc__specs b { text-align: right; }
[dir="ltr"] .footer__title::after { right: auto; left: 0; }
[dir="ltr"] .loc-tabs button.tabs__tab[aria-selected="true"]::after { left: auto; right: 10px; }
[dir="ltr"] .price-card__pick select { padding: 4px 0 4px 26px; background-position: right center; }
[dir="ltr"] .panel-mock, [dir="ltr"] .mega__from, [dir="ltr"] .dc-dev { direction: ltr; }
[dir="ltr"] .entry-content blockquote { border-right: 0; border-left: 4px solid var(--blue); }

@media (max-width: 960px) {
	[dir="ltr"] .nav { transform: translateX(-100%); }
	[dir="ltr"] .nav-open .nav { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}
@media (max-width: 760px) {
	[dir="ltr"] .float-support { left: auto; right: 14px; }
}
@media (max-width: 760px) {
	[dir="ltr"] .loc-tabs button.tabs__tab[aria-selected="true"]::after { right: 8px; }
}

/* Hero shade sits behind the text: mirror it so the text side stays readable. */
[dir="ltr"] .hp-hero__shade { transform: scaleX(-1); }
[dir="ltr"] .hp-hero__text { text-align: left; }

/* English menu labels are longer: tighter items; «Client area» covers sign-up as well. */
[dir="ltr"] .header-register { display: none; }
[dir="ltr"] .nav__list > li > a { padding: 10px 9px; font-size: 14.5px; }
[dir="ltr"] .site-header__inner { gap: 14px; }
[dir="ltr"] .site-header__actions { gap: 6px; }
[dir="ltr"] .site-header__brand { min-width: 0; flex: 0 1 auto; overflow: hidden; }
@media (max-width: 1440px) {
	[dir="ltr"] .nav__list > li > a { padding: 10px 7px; font-size: 14px; }
}
@media (max-width: 1280px) {
	[dir="ltr"] .nav__list > li > a { padding: 10px 5px; font-size: 13.5px; }
}
[dir="ltr"] .lhero__bg { inset: 0 0 0 auto; -webkit-mask-image: linear-gradient(to left, #000 20%, transparent 95%); mask-image: linear-gradient(to left, #000 20%, transparent 95%); }
[dir="ltr"] .lhero::after { left: auto; right: -6%; }

/* Justified Persian paragraphs read better left-aligned in English. */
[dir="ltr"] .lhero__intro, [dir="ltr"] .info-card p, [dir="ltr"] .dc__content p, [dir="ltr"] .prose p, [dir="ltr"] .dc-hero__intro, [dir="ltr"] .dc-article__item p, [dir="ltr"] .footer__about p, [dir="ltr"] .hh__intro, [dir="ltr"] .hp-dc__content p, [dir="ltr"] .hp-why p, [dir="ltr"] .cdn-what__text p { text-align: left; }
@media (max-width: 1180px) and (min-width: 961px) {
	[dir="ltr"] .site-header__brand { max-width: 190px; }
	[dir="ltr"] .site-header__actions .btn--primary span { display: none; }
	[dir="ltr"] .site-header__actions .btn--primary { padding-inline: 12px; }
}