@font-face{
  font-family:"Mergan Yekan Bakh VF";
  src:url("./static/fonts/YekanBakh-VF.woff2") format("woff2"),url("./static/fonts/YekanBakh-VF.woff") format("woff");
  font-style:normal;
  font-weight:100 950;
  font-stretch:62.5% 150%;
  font-display:swap;
}

:root{
  --font-family-app:"Mergan Yekan Bakh VF",Tahoma,Arial,sans-serif;
  --rabino-font-family:var(--font-family-app);
  --rabino-checkout-font-family:var(--font-family-app);
  --rabino-comment-font-family:var(--font-family-app);

  /* Standardized variable-font weight roles. */
  --font-weight-normal:400;
  --font-weight-medium:500;
  --font-weight-semibold:600;
  --font-weight-bold:700;
  --font-weight-black:800;

  /* Override Tailwind/system font tokens so every textual surface resolves to the same VF. */
  --font-sans:var(--font-family-app);
  --font-mono:var(--font-family-app);
  --default-font-family:var(--font-family-app);
  --default-mono-font-family:var(--font-family-app);

  --mergan-type-section-title-size:17px;
  --mergan-type-section-title-size-lg:19px;
  --mergan-type-body-size:13px;
  --mergan-type-body-size-mobile:12.5px;
  --mergan-type-body-line-height:2.05;
  --mergan-type-title-weight:700;
  --mergan-type-body-weight:400;
}

html,
body,
button,
input,
select,
textarea,
optgroup,
option{
  font-family:var(--font-family-app);
  font-stretch:100%;
}

body.mergan-react-runtime,
body.mergan-react-runtime button,
body.mergan-react-runtime input,
body.mergan-react-runtime select,
body.mergan-react-runtime textarea,
body.mergan-react-runtime optgroup,
body.mergan-react-runtime option{
  font-family:var(--font-family-app)!important;
  font-stretch:100%;
}

strong,
b{
  font-weight:var(--font-weight-bold);
}

/* Shared typography roles and long-form readability. */
#root main h1,
#root main h2,
#root main h3,
#root main h4,
#root main h5,
#root main h6{
  font-weight:var(--mergan-type-title-weight);
}

.mergan-product-section-title{
  font-size:var(--mergan-type-section-title-size)!important;
  font-weight:var(--mergan-type-title-weight)!important;
  line-height:1.75!important;
  letter-spacing:-.01em;
}

.mergan-long-copy,
.mergan-long-copy p,
.mergan-product-rich-description .mergan-rich-content p,
.article-reading-surface p,
.mergan-archive-description .mergan-rich-content p{
  font-weight:var(--mergan-type-body-weight)!important;
  text-align:justify!important;
  text-align-last:start;
  text-justify:inter-word;
}

.mergan-product-rich-description .mergan-rich-content,
.article-reading-surface .mergan-long-copy,
.article-reading-surface p,
.mergan-archive-description .mergan-rich-content{
  font-size:var(--mergan-type-body-size)!important;
  line-height:var(--mergan-type-body-line-height)!important;
}

.mergan-rich-content h1,
.mergan-rich-content h2,
.mergan-rich-content h3,
.mergan-rich-content h4,
.mergan-rich-content h5,
.mergan-rich-content h6,
.mergan-rich-detected-heading{
  font-weight:var(--mergan-type-title-weight)!important;
}

@media(min-width:640px){
  .mergan-product-section-title{
    font-size:var(--mergan-type-section-title-size-lg)!important;
  }
}

@media(max-width:639px){
  .mergan-product-rich-description .mergan-rich-content,
  .article-reading-surface .mergan-long-copy,
  .article-reading-surface p,
  .mergan-archive-description .mergan-rich-content{
    font-size:var(--mergan-type-body-size-mobile)!important;
  }
}
