/* Self-hosted webfonts. See assets/fonts/LICENSE-*-OFL-1.1.txt. */
@font-face {
  font-family: "B2B Vazirmatn";
  src: url("/catalogue/assets/fonts/Vazirmatn-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: "B2B Vazirmatn";
  src: url("/catalogue/assets/fonts/Vazirmatn-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: "B2B Vazirmatn";
  src: url("/catalogue/assets/fonts/Vazirmatn-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+08A0-08FF, U+FB50-FDFF, U+FE70-FEFF;
}

@font-face {
  font-family: "B2B Inter";
  src: url("/catalogue/assets/fonts/Inter-Regular.woff2") format("woff2");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "B2B Inter";
  src: url("/catalogue/assets/fonts/Inter-Medium.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "B2B Inter";
  src: url("/catalogue/assets/fonts/Inter-Bold.woff2") format("woff2");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

:root {
  --font-fa: "B2B Vazirmatn", "B2B Inter", Tahoma, Arial, sans-serif;
  --font-en: "B2B Inter", "Segoe UI", Arial, sans-serif;
}

html {
  font-synthesis: none;
}

html[lang="fa"] body {
  font-family: var(--font-fa);
  font-size: 16px;
  line-height: 1.75;
}

html[lang="en"] body {
  font-family: var(--font-en);
  font-size: 16px;
  line-height: 1.55;
}

button,
input,
select,
textarea {
  font: inherit;
  line-height: 1.45;
}

.btn,
.form-grid label,
.quote-form > label,
.action-card label,
.quote-detail form label,
.filter-card label,
.sf-navbar nav a {
  font-weight: 500;
}

.brand-mark,
.eyebrow,
.mini-visual,
.demo-notice,
.availability,
.tb-badge,
.tb-table th,
.tb-sidebar nav a.active,
.trust-row span::before,
.product-visual span,
.spec-section dd {
  font-weight: 700;
}

.sf-hero h1,
.section-heading h2,
.page-heading h1,
.product-card h3,
.detail-header h2,
.card-header h2,
.card-header h3,
.detail-grid h3,
.spec-section h3 {
  font-weight: 700;
}

.product-meta,
.trust-row span,
.section-heading > p,
.brand small,
.table-scroll,
.detail-copy,
.tb-table,
.quote-row,
.selected-item small,
.product-card small {
  line-height: 1.65;
}

input,
select,
textarea,
.tb-table,
.product-card small,
.selected-item small {
  font-variant-numeric: tabular-nums;
}

html[lang="fa"] .sf-hero h1 {
  line-height: 1.22;
  letter-spacing: 0;
}

html[lang="fa"] .section-heading h2,
html[lang="fa"] .page-heading h1 {
  line-height: 1.4;
  letter-spacing: 0;
}

html[lang="en"] .sf-hero h1 {
  line-height: 1.08;
}

html[lang="en"] .section-heading h2,
html[lang="en"] .page-heading h1 {
  line-height: 1.18;
}

@media (max-width: 600px) {
  html[lang="fa"] body {
    font-size: 15px;
  }

  .btn {
    min-height: 42px;
  }

  input,
  textarea,
  select {
    min-height: 44px;
  }
}