/**
 * EngageIQ site-wide Home header contract, V33
 *
 * Header structure and responsive geometry come from the existing shared Home
 * shell. This final layer prevents page-local styles from changing that shared
 * component, then preserves the original content clearance on five semantic
 * pages that previously placed a relative product header above their hero.
 */

body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header,
body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header *,
body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header *::before,
body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header *::after {
  box-sizing: border-box;
}

body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header {
  z-index: 10000 !important;
}

body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  :where(.skip-link, .screen-reader-text):focus {
  z-index: 11000 !important;
}

body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header
  .ei-site-nav {
  line-height: 1.5;
}

body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header
  .ei-site-nav
  a {
  margin-right: 0 !important;
}

body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header
  .ei-site-nav
  > details
  > summary,
body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header
  .ei-site-nav
  > a {
  line-height: 1.5;
}

body.ei-brand-sot[data-ei-page][data-ei-header-version="33"]
  .ei-site-header__toggle {
  font-family: var(--ei-v14-body, "Inter Tight", Arial, sans-serif) !important;
  font-size: 16px !important;
  font-weight: 500 !important;
  line-height: 1.5 !important;
}

body[data-ei-header-version="33"] :where(
  .ei-compare-hero,
  .ei-ml-hero,
  .ei-convoso-hero,
  .ei-features-hero,
  .ei-live-hero
) {
  padding-top: 224px;
}

@media (max-width: 767px) {
  body[data-ei-header-version="33"] :where(
    .ei-compare-hero,
    .ei-ml-hero,
    .ei-convoso-hero,
    .ei-features-hero,
    .ei-live-hero
  ) {
    padding-top: 152px;
  }
}