﻿:root {
  --page-title-size: 35px;
  --page-title-padding: 36px;
}
@layer storefront-headings {
  #MainContent h1:not(.m-product-title, .store-collection-title),
  .m-password-page__heading {
    margin: 0 !important;
    padding-block: var(--page-title-padding) !important;
    font-family: var(--font-stack-header) !important;
    font-size: var(--page-title-size) !important;
    font-weight: var(--font-weight-header) !important;
    line-height: 1.25 !important;
    letter-spacing: -.025em !important;
    text-align: center !important;
    text-transform: none !important;
    overflow-wrap: anywhere;
  }
  #MainContent :is(.m-page-header, .shopify-policy__title, .store-about__hero, .store-contact__header, .store-payment__header, .store-track__header, .store-faq__header, .coin-cart-page__heading, .coin-checkout-page__heading, .coin-thankyou__header) {
    padding-block: 0 !important;
    margin-block: 0 !important;
    text-align: center !important;
  }
  #MainContent .m-page-header__description {
    margin: 0 auto 24px !important;
    text-align: center !important;
  }
  #MainContent.store-policy-page,
  #MainContent :is(.store-about, .store-contact, .store-payment, .store-track, .store-faq, .store-content-page, .coin-cart-page, .coin-checkout-page) {
    padding-top: 0 !important;
  }
}
@media (min-width: 768px) and (max-width: 1023px) {
  :root { --page-title-size: 25px; --page-title-padding: 30px; }
}
@media (max-width: 767px) {
  :root { --page-title-size: 22px; --page-title-padding: 24px; }
}
