/* sataak-site-font-1620-r2: titles match the About heading face and weight. */
:root {
  --font-stack-header: "F-Heading-Font", "Times New Roman", "Sataak CJK", serif;
  --font-stack-body: "F-Heading-Font", "Times New Roman", "Sataak CJK", serif;
  --font-weight-header: 400;
  --font-weight-body: 400;
}

html,
body,
button,
input,
textarea,
select,
option {
  font-family: "F-Heading-Font", "Times New Roman", "Sataak CJK", serif !important;
}

body.template-home :is(
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6,
  .f-section__heading,
  .f-slide__title,
  .f-collection-card__title,
  .f-product-card__title,
  .f-product-card__name,
  .f-content-box__heading,
  .f-richtext__title,
  .f-image-card__heading,
  .f-image-card__title-link,
  .f-image-with-text__title,
  .f-custom-content__heading,
  .f-icon-box__heading
),
body :is(
  h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6,
  .f-section__heading,
  .f-slide__title,
  .f-collection-card__title,
  .f-product-card__title,
  .f-content-box__heading,
  .f-richtext__title,
  .f-image-card__heading,
  .f-image-card__title-link
) {
  font-family: "F-Heading-Font", "Times New Roman", "Sataak CJK", serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
}

.zfw-payment-button,
.zfw-payment-button * {
  font-family: Arial, sans-serif !important;
}