/*
 * One heading scale for every shop (30 Sep 2026): page titles were 42 px, home sections 34 px (bigger than the H1),
 * panels 28 px and footer headings 30 px extra bold, wrapping over three lines. Loaded after eletur.css.
 *
 *                     desktop  tablet  phone
 * page title (H1)       32      28      24
 * home text H1          26      24      21
 * section heading       24      22      20
 * panel / related       21      20      19
 * text H2 / H3        20 / 17  19 / 16  18 / 16
 * footer heading        21      20      19
 * product H1 stays 26 / 21 (eletur.css)
 */

/* Page titles: categories, brands, information pages, specials, contact, account */
.et-page__title,
body.et-storefront > .container #content > h1 {
  font-size: 32px;
  line-height: 1.15;
}

/* Home page text (the H1 of the shop and its headings, typed in the editor) */
.et-home-hero__seo .et-richtext h1,
.et-home-hero__seo .et-richtext h1:first-child,
.et-home-hero__seo > div > h1 {
  margin: 0 0 14px;
  font-size: 26px;
  line-height: 1.2;
}

.et-home-hero__seo .et-richtext h2,
.et-home-hero__seo .et-richtext h2:first-child,
.et-home-hero__seo > div > h2:first-child {
  margin: 18px 0 10px;
  font-size: 21px;
  line-height: 1.25;
}

.et-home-hero__seo .et-richtext > :first-child,
.et-home-hero__seo .et-richtext > div > :first-child {
  margin-top: 0;
}

.et-home-hero__seo .et-richtext h3 {
  font-size: 17px;
  line-height: 1.3;
}

.et-home-hero__copy h1 {
  font-size: 36px;
}

/* Section headings: home product rows, section blocks */
.et-home-section__header h2,
.et-section-heading h2 {
  font-size: 24px;
  line-height: 1.2;
}

/* Text headings outside the pages that have content-text-20260928.css */
.et-richtext h2 {
  font-size: 20px;
}

.et-richtext h3 {
  font-size: 17px;
}

/* Panels, related products, subcategories */
.et-contact-card h2,
.et-contact-form h2,
.et-summary-panel h2,
.et-panel h2,
.et-related h2 {
  font-size: 21px;
  line-height: 1.25;
}

.et-subcategory-panel__header h2 {
  font-size: 19px;
}

/* Footer headings: calm, one or two lines */
.et-footer-help h2,
.et-footer-location h2 {
  font-size: 21px;
  font-weight: 700;
  line-height: 1.25;
  text-wrap: balance;
}

body.et-storefront .zw-footer-help h2 {
  font-size: 20px;
  font-weight: 700;
}

@media (max-width: 991px) {
  .et-page__title,
  body.et-storefront > .container #content > h1 {
    font-size: 28px;
  }

  .et-home-hero__seo .et-richtext h1,
  .et-home-hero__seo .et-richtext h1:first-child,
  .et-home-hero__seo > div > h1 {
    font-size: 24px;
  }

  .et-home-hero__copy h1 {
    font-size: 30px;
  }

  .et-home-section__header h2,
  .et-section-heading h2 {
    font-size: 22px;
  }

  .et-contact-card h2,
  .et-contact-form h2,
  .et-summary-panel h2,
  .et-panel h2,
  .et-related h2 {
    font-size: 20px;
  }

  .et-richtext h2 {
    font-size: 19px;
  }

  .et-richtext h3 {
    font-size: 16px;
  }

  .et-footer-help h2,
  .et-footer-location h2 {
    font-size: 20px;
  }
}

@media (max-width: 767px) {
  .et-page__title,
  body.et-storefront > .container #content > h1 {
    font-size: 24px;
  }

  .et-home-hero__seo .et-richtext h1,
  .et-home-hero__seo .et-richtext h1:first-child,
  .et-home-hero__seo > div > h1 {
    font-size: 21px;
  }

  .et-home-hero__seo .et-richtext h2,
  .et-home-hero__seo .et-richtext h2:first-child,
  .et-home-hero__seo > div > h2:first-child {
    font-size: 18px;
  }

  .et-home-hero__copy h1 {
    font-size: 26px;
  }

  .et-home-section__header h2,
  .et-section-heading h2 {
    font-size: 20px;
  }

  .et-contact-card h2,
  .et-contact-form h2,
  .et-summary-panel h2,
  .et-panel h2,
  .et-related h2 {
    font-size: 19px;
  }

  .et-subcategory-panel__header h2 {
    font-size: 17px;
  }

  .et-richtext h2 {
    font-size: 18px;
  }

  .et-footer-help h2,
  .et-footer-location h2 {
    font-size: 19px;
  }

  body.et-storefront .zw-footer-help h2 {
    font-size: 18px;
  }
}