html[data-companion-site="spelling"] .site-header {
  position: sticky !important;
  z-index: 100 !important;
  top: 0;
  display: grid !important;
  grid-template-columns: minmax(300px, auto) minmax(0, 1fr) auto !important;
  align-items: center !important;
  gap: clamp(16px, 2vw, 32px) !important;
  min-height: 86px !important;
  height: 86px !important;
  box-sizing: border-box !important;
  padding: 14px clamp(18px, 3vw, 48px) !important;
  border-bottom: 1px solid rgba(255,255,255,.16) !important;
  background: linear-gradient(120deg, #022747, #063765) !important;
  color: #fff !important;
  box-shadow: 0 8px 28px rgba(2,39,71,.16) !important;
}

html[data-companion-site="spelling"] .header-brands,
html[data-companion-site="spelling"] .brand,
html[data-companion-site="spelling"] .header-actions {
  display: flex !important;
  align-items: center !important;
}

html[data-companion-site="spelling"] .header-brands { min-width: 0; gap: 5px !important; }
html[data-companion-site="spelling"] .brand { gap: 8px !important; color: #fff !important; text-decoration: none !important; }
html[data-companion-site="spelling"] .brand-divider { flex: 0 0 1px; width: 1px; height: 34px; margin: 0; background: rgba(255,255,255,.3); }
html[data-companion-site="spelling"] .intentional-brand-link { flex: 0 0 auto; }
html[data-companion-site="spelling"] .intentional-brand-link img { display: block; width: 112px !important; height: auto !important; max-height: 48px !important; object-fit: contain; }
html[data-companion-site="spelling"] .header-brands > a[aria-label="Spelling by Sound home"] { display: flex !important; min-width: 0 !important; padding: 0 !important; background: none !important; text-decoration: none !important; }
html[data-companion-site="spelling"] .brand-logo { display: block !important; flex: 0 0 48px; width: 48px !important; height: 48px !important; padding: 0 !important; object-fit: contain; }
html[data-companion-site="spelling"] .brand > span { min-width: max-content; padding: 0 !important; background: none !important; }
html[data-companion-site="spelling"] .brand small,
html[data-companion-site="spelling"] .brand strong { display: block !important; line-height: 1.08 !important; white-space: nowrap; }
html[data-companion-site="spelling"] .brand small { color: #f3ab25 !important; font-family: "DM Sans", sans-serif !important; font-size: .58rem !important; font-weight: 800 !important; letter-spacing: .1em; text-transform: uppercase; }
html[data-companion-site="spelling"] .brand strong { color: #fff !important; font-family: "Fraunces", serif !important; font-size: .92rem !important; font-weight: 700 !important; letter-spacing: 0; text-transform: none; }

html[data-companion-site="spelling"] .site-header a.brand[data-spelling-home="true"] strong,
html[data-companion-site="spelling"] .site-header a[aria-label="Spelling by Sound home"] strong { display: block !important; }
html[data-companion-site="spelling"] .site-header a.brand[data-spelling-home="true"] > span,
html[data-companion-site="spelling"] .site-header a[aria-label="Spelling by Sound home"] > span { padding: 0 !important; background: none !important; }

html[data-companion-site="spelling"] .site-header > nav {
  display: flex !important;
  min-width: 0;
  align-items: center;
  justify-content: center;
  gap: clamp(14px, 1.8vw, 28px) !important;
}

html[data-companion-site="spelling"] .site-header > nav a { color: #fff !important; font-size: .82rem !important; font-weight: 700 !important; text-decoration: none !important; white-space: nowrap; }
html[data-companion-site="spelling"] .header-actions { justify-content: flex-end; gap: 8px !important; white-space: nowrap; }
html[data-companion-site="spelling"] .header-button { display: inline-flex !important; min-height: 40px !important; height: 40px !important; align-items: center !important; justify-content: center !important; padding: 0 15px !important; border-radius: 2px !important; }
html[data-companion-site="spelling"] .companion-menu-toggle { display: none !important; }

@media (max-width: 1180px) {
  html[data-companion-site="spelling"] .site-header {
    grid-template-columns: minmax(0, 1fr) auto !important;
    left: 0 !important;
    right: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-inline: 0 !important;
  }
  html[data-companion-site="spelling"] .site-header > nav { display: none !important; }
  html[data-companion-site="spelling"] .companion-menu-toggle { display: inline-grid !important; }
}

@media (max-width: 700px) {
  html[data-companion-site="spelling"] .site-header { min-height: 74px !important; height: 74px !important; gap: 8px !important; padding: 10px 12px !important; }
  html[data-companion-site="spelling"] .header-brands { gap: 5px !important; }
  html[data-companion-site="spelling"] .intentional-brand-link img { width: 88px !important; }
  html[data-companion-site="spelling"] .brand-divider { height: 30px; }
  html[data-companion-site="spelling"] .brand-logo { flex-basis: 40px; width: 40px !important; height: 40px !important; }
  html[data-companion-site="spelling"] .brand small { font-size: .46rem !important; }
  html[data-companion-site="spelling"] .brand strong { font-size: .72rem !important; }
  html[data-companion-site="spelling"] .header-button { display: none !important; }
}

@media (max-width: 520px) {
  html[data-companion-site="spelling"] .header-brands { gap: 4px !important; }
  html[data-companion-site="spelling"] .intentional-brand-link,
  html[data-companion-site="spelling"] .brand-divider { display: block !important; }
  html[data-companion-site="spelling"] .intentional-brand-link img { width: 64px !important; }
  html[data-companion-site="spelling"] .brand-divider { height: 25px; margin-inline: 1px; }
  html[data-companion-site="spelling"] .brand-logo { flex-basis: 32px; width: 32px !important; height: 32px !important; }
  html[data-companion-site="spelling"] .brand small { font-size: .36rem !important; }
  html[data-companion-site="spelling"] .brand strong { font-size: .56rem !important; }
}

/* Final shared lock: the generated landing page carries stronger legacy header rules. */
html[data-companion-site="spelling"] body .site-header {
  min-height: 86px !important;
  height: 86px !important;
  box-sizing: border-box !important;
  left: 0 !important;
  right: 0 !important;
  transform: none !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-inline: 0 !important;
}
html[data-companion-site="spelling"] body .site-header .header-brands > a[aria-label="Spelling by Sound home"] {
  padding: 0 !important;
  margin: 0 !important;
  background: none !important;
}
html[data-companion-site="spelling"] body .site-header .header-brands .brand .brand-logo {
  flex: 0 0 48px !important;
  width: 48px !important;
  height: 48px !important;
  padding: 0 !important;
}
html[data-companion-site="spelling"] body .site-header .header-button {
  display: inline-flex !important;
  min-height: 40px !important;
  height: 40px !important;
  align-items: center !important;
  justify-content: center !important;
  padding: 0 15px !important;
  border-radius: 2px !important;
  text-align: center !important;
  line-height: 1 !important;
  white-space: nowrap !important;
}
html[data-companion-site="spelling"] body .site-header .companion-signin,
html[data-companion-site="spelling"] body .site-header .companion-cart-icon,
html[data-companion-site="spelling"] body .site-header .companion-menu-toggle {
  color: #403b34 !important;
  border-color: rgba(72,67,57,.22) !important;
  background: rgba(255,255,255,.96) !important;
}

@media (max-width: 700px) {
  html[data-companion-site="spelling"] body .site-header { min-height: 74px !important; height: 74px !important; }
  html[data-companion-site="spelling"] body .site-header .header-brands .brand .brand-logo { flex-basis: 40px !important; width: 40px !important; height: 40px !important; }
}

@media (max-width: 520px) {
  html[data-companion-site="spelling"] body .site-header .header-brands .brand .brand-logo { flex-basis: 32px !important; width: 32px !important; height: 32px !important; }
}

/* The hero frame must begin above the header, never through its brand copy. */
body .hero#top::before {
  top: -86px !important;
}

@media (max-width: 700px) {
  body .hero#top::before { top: -74px !important; }
}
/* Phone header: preserve the complete shared brand without compressing it. */
@media (max-width: 640px) {
  .site-header[data-companion-header-ready="true"] {
    height: 118px !important;
    min-height: 118px !important;
    padding: 8px 12px !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: 54px 44px !important;
    align-content: center !important;
    gap: 4px !important;
  }

  .site-header[data-companion-header-ready="true"] .header-brands {
    grid-row: 1 !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    gap: 9px !important;
  }

  .site-header[data-companion-header-ready="true"] .intentional-brand-link img {
    width: 104px !important;
    max-width: 104px !important;
  }

  .site-header[data-companion-header-ready="true"] .brand-divider {
    height: 38px !important;
  }

  .site-header[data-companion-header-ready="true"] .brand {
    gap: 7px !important;
  }

  .site-header[data-companion-header-ready="true"] .brand-logo {
    width: 40px !important;
    height: 40px !important;
    flex-basis: 40px !important;
  }

  .site-header[data-companion-header-ready="true"] .brand small {
    font-size: 8px !important;
    line-height: 1.15 !important;
    letter-spacing: .08em !important;
  }

  .site-header[data-companion-header-ready="true"] .brand strong {
    font-size: 15px !important;
    line-height: 1.05 !important;
    white-space: nowrap !important;
  }

  .site-header[data-companion-header-ready="true"] .header-actions {
    grid-row: 2 !important;
    width: 100% !important;
    min-width: 0 !important;
    justify-content: center !important;
    gap: 7px !important;
  }

  .site-header[data-companion-header-ready="true"] .companion-currency select {
    height: 40px !important;
    min-height: 40px !important;
  }

  .site-header[data-companion-header-ready="true"] .companion-signin {
    height: 40px !important;
    min-height: 40px !important;
    padding-inline: 15px !important;
  }

  .site-header[data-companion-header-ready="true"] .companion-cart-icon,
  .site-header[data-companion-header-ready="true"] .companion-menu-toggle {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    min-height: 40px !important;
  }
}

/* 2026-09-01 approved transparent Our Faith Filled Family wordmark */
html[data-companion-site="spelling"] .brand-logo{flex-basis:92px!important;width:92px!important;height:52px!important;object-fit:contain!important}html[data-companion-site="spelling"] .brand small{display:none!important}@media(max-width:760px){html[data-companion-site="spelling"] .brand-logo{flex-basis:72px!important;width:72px!important;height:46px!important}}

/* 2026-09-01 footer parent-brand logo */
html[data-companion-site="spelling"] .footer-intentional-title{display:block;width:112px;height:42px;font-size:0;background:url('/brand/intentional-logo.png') left center/contain no-repeat}html[data-companion-site="spelling"] .footer-intentional-title i{display:none}@media(max-width:760px){html[data-companion-site="spelling"] .footer-intentional-title{width:92px;height:36px}}
.footer-intentional-title{background:#fffdf8 url('/brand/intentional-logo.png?v=20260901-3') center/104px auto no-repeat!important;border-radius:12px;box-sizing:border-box;height:48px!important;margin:14px auto 0!important;width:132px!important}
@media(max-width:760px){.footer-brand{text-align:center}.footer-intentional-title{margin-inline:auto!important}}
/* 2026-09-01 transparent footer logo treatment */
.footer-intentional-title{background-color:transparent!important;border-radius:0}
/* 2026-09-01 definitive transparent footer logos */
.footer-intentional-title{background:none!important;border-radius:0!important;display:block!important;font-size:0!important;height:auto!important;width:112px!important}
.footer-intentional-title:before{content:url('/brand/intentional-logo.png?v=20260901-5');display:block;filter:brightness(0) invert(1);height:auto;width:112px}

/* 2026-09-01 unified Faith Filled Family header lockup */
html[data-companion-site="spelling"] .site-header{height:87px!important;min-height:87px!important;padding:11px 32px!important}
html[data-companion-site="spelling"] .intentional-brand-link,html[data-companion-site="spelling"] .header-brands>.brand-divider,html[data-companion-site="spelling"] .brand>span{display:none!important}
html[data-companion-site="spelling"] .header-brands,html[data-companion-site="spelling"] .brand{gap:0!important}
html[data-companion-site="spelling"] .brand-logo{display:block!important;flex:0 0 150px!important;width:150px!important;height:64px!important;object-fit:contain!important}
@media(max-width:700px){html[data-companion-site="spelling"] .site-header{height:77px!important;min-height:77px!important;padding:13px 19px!important}html[data-companion-site="spelling"] .brand-logo{flex-basis:108px!important;width:108px!important;height:50px!important}}