/**
 * Break GeneratePress content shell for 2026 interiors.
 * #page.grid-container is normally max-width ~1200px — CRO needs full viewport;
 * section content stays constrained via .container-innova.
 *
 * GP Dynamic CSS / Additional CSS also inject:
 *   - #content { max-width: 1300px }
 *   - .site-content / .inside-article padding (~40px)
 *   - .separate-containers .site-main margins
 * Kill those here so section-inset is the only vertical rhythm.
 *
 * Hero note: desktop uses GP overlay (negative #page margin + hero padding-top).
 * Mobile uses stacked header — no overlay pull (see layout-gp.css).
 */

body.template-2026.full-width-content .container.grid-container,
body.template-2026 #page.site.grid-container.container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.template-2026 #content,
body.template-2026 div#content,
body.template-2026 .site-content#content {
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.template-2026 .site-content,
body.template-2026.one-container .site-content,
body.template-2026.full-width-content .site-content,
body.template-2026.full-width-content.one-container .site-content,
body.template-2026.separate-containers .site-content {
  display: block;
  width: 100%;
  max-width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.template-2026 .site-main,
body.template-2026 #primary,
body.template-2026 .content-area,
body.template-2026 .interior-2026,
body.template-2026 .inside-article,
body.template-2026 article {
  width: 100%;
  max-width: 100%;
  float: none;
  margin: 0 !important;
  padding: 0 !important;
}

body.template-2026.separate-containers .site-main,
body.template-2026.separate-containers .interior-2026,
body.template-2026.full-width-content.separate-containers .site-main,
body.template-2026.separate-containers .site-main > *,
body.template-2026 .site-main > * {
  margin: 0 !important;
}

body.template-2026.separate-containers .interior-2026 > *:last-child,
body.template-2026.one-container .interior-2026 > *:last-child {
  margin-bottom: 0;
}

/* GP one-container / separate-containers content padding must not sit above the hero */
body.template-2026.one-container .site-content,
body.template-2026.one-container.page .site-content,
body.template-2026.one-container.single .site-content,
body.template-2026.separate-containers .inside-article {
  padding-top: 0 !important;
  padding-right: 0 !important;
  padding-left: 0 !important;
  padding-bottom: 0 !important;
}

body.template-2026 .is-right-sidebar,
body.template-2026 .is-left-sidebar {
  display: none !important;
}

/*
 * Standalone marketing hero pages (services, news, sectors, etc.) — GP shell reset.
 * 2026 interiors use body.template-2026 above; these views only get innova-marketing-hero.
 */
body.innova-marketing-hero.full-width-content .container.grid-container,
body.innova-marketing-hero #page.site.grid-container.container {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

body.innova-marketing-hero #content,
body.innova-marketing-hero div#content,
body.innova-marketing-hero .site-content,
body.innova-marketing-hero .site-content#content,
body.innova-marketing-hero.one-container .site-content,
body.innova-marketing-hero.full-width-content .site-content,
body.innova-marketing-hero.separate-containers .site-content {
  display: block;
  max-width: 100% !important;
  width: 100% !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.innova-marketing-hero .site-main,
body.innova-marketing-hero #primary,
body.innova-marketing-hero #main,
body.innova-marketing-hero .content-area,
body.innova-marketing-hero .inside-article,
body.innova-marketing-hero article {
  width: 100% !important;
  max-width: 100% !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
}

body.innova-marketing-hero.separate-containers .site-main,
body.innova-marketing-hero.separate-containers .site-main > *,
body.innova-marketing-hero .site-main > * {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

body.innova-marketing-hero.one-container .site-content,
body.innova-marketing-hero.one-container.page .site-content,
body.innova-marketing-hero.one-container.single .site-content,
body.innova-marketing-hero.separate-containers .inside-article {
  padding: 0 !important;
}

/*
 * Marketing hero pages: break hero / USP / breadcrumbs out to full viewport width
 * while leaving legacy GP content (GB blocks, wysiwygbanner, etc.) at ~1220px.
 */
body.innova-marketing-hero .marketing-hero-shell {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: auto;
  box-sizing: border-box;
}

body.innova-marketing-hero .marketing-hero-shell .hero-section,
body.innova-marketing-hero .marketing-hero-shell .trust-strip,
body.innova-marketing-hero .marketing-hero-shell .interior-breadcrumb {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/*
 * Homepage video hero + USP — full-bleed shell inside #Hero GB container.
 */
body.home .innova-home-marketing-shell {
  margin-left: calc(-100vw / 2 + 100% / 2);
  margin-right: calc(-100vw / 2 + 100% / 2);
  max-width: 100vw;
  width: auto;
  box-sizing: border-box;
}

body.home .innova-home-marketing-shell .innova-home-hero-shell,
body.home .innova-home-marketing-shell .trust-strip {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

body.home .innova-home-marketing-shell .trust-strip-list,
body.home .innova-home-marketing-shell .trust-strip-list > li {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.home .innova-home-marketing-shell .trust-strip-label {
  margin: 0;
}

body.innova-marketing-hero .trust-strip-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

/*
 * Isolate hero stack from legacy CPT CSS (e.g. news-single.css `.single-news li`
 * adds margin-bottom: 5px — inflates the trust strip by ~5px on news pages).
 */
body.innova-marketing-hero .marketing-hero-shell ul,
body.innova-marketing-hero .marketing-hero-shell ol {
  margin: 0;
  padding-left: 0;
}

body.innova-marketing-hero .marketing-hero-shell .trust-strip-list,
body.innova-marketing-hero .marketing-hero-shell .trust-strip-list > li {
  margin: 0 !important;
  padding: 0;
  font-size: inherit;
  color: inherit;
  list-style: none;
}

body.innova-marketing-hero .marketing-hero-shell .trust-strip-label {
  font-size: 0.8125rem !important;
  line-height: 1.25 !important;
  font-weight: 600;
  margin: 0;
  color: var(--color-theme-blue) !important;
}

body.innova-marketing-hero .marketing-hero-shell .trust-strip > .container-innova {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}

@media (min-width: 48rem) {
  body.innova-marketing-hero .marketing-hero-shell .trust-strip > .container-innova {
    padding-top: 1.25rem !important;
    padding-bottom: 1.25rem !important;
  }
}

/* Legacy case study GB blocks — keep inner content at 1220px */
body.innova-marketing-hero .gb-container.wysiwygbanner > .gb-inside-container {
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
}

/*
 * Mobile: GP header + enquiry bar sit above #page — no overlay compensation.
 * Desktop: restore legacy pull so hero imagery shows under transparent header.
 * Applies to full 2026 interiors and standalone marketing hero pages.
 */
@media (max-width: 768px) {
  :is(body.template-2026, body.innova-marketing-hero).innova-2026-overlay-header div#page {
    margin-top: 0 !important;
  }

  /*
   * .mobile-enquiry is position:absolute (top:80px) so it does not expand
   * #mobile-header in document flow — pad the hero by the enquiry bar height.
   */
  :is(body.template-2026, body.innova-marketing-hero).innova-2026-overlay-header .hero-content-below-header {
    padding-top: var(--legacy-gp-mobile-enquiry-clearance, 34px) !important;
  }
}

@media (min-width: 769px) {
  :is(body.template-2026, body.innova-marketing-hero).innova-2026-overlay-header div#page {
    margin-top: var(--legacy-gp-desktop-page-offset, -125px) !important;
  }

  /* News is excluded from main-navigation-2026 #page pull — enforce overlay parity */
  body.innova-marketing-hero.single-news.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.single-services.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.single-sectors.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.single-our-products.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.single-products.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.page-template-page-products-template-old.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.page-template-default.innova-product-page.innova-2026-overlay-header div#page,
  body.innova-marketing-hero[class*="page-template-page-product"].innova-2026-overlay-header div#page,
  body.innova-marketing-hero.page-template-page-regent-spur.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.post-type-archive-spaces.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.post-type-archive-case-studies.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.post-type-archive-news.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.post-type-archive-sectors.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.post-type-archive-our-products.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.woocommerce-shop.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.post-type-archive-product.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.page-template-page-downloads.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.innova-downloads-page.innova-2026-overlay-header div#page,
  body.innova-marketing-hero.page-template-page-clients.innova-2026-overlay-header div#page {
    margin-top: var(--legacy-gp-desktop-page-offset, -125px) !important;
  }

  :is(body.template-2026, body.innova-marketing-hero).innova-2026-overlay-header .hero-content-below-header {
    padding-top: var(--legacy-gp-desktop-header-offset, 125px) !important;
  }
}

@media (max-width: 768px) {
  /*
   * GP Menu Plus clones the mobile nav into #sticky-placeholder.navigation-clone
   * (visibility:hidden but display:block — still reserves ~80px in document flow).
   * The live header is #mobile-header; collapse the hidden clone only.
   */
  body.template-2026 #sticky-placeholder.navigation-clone,
  body.template-2026 #sticky-placeholder[aria-hidden="true"],
  body.innova-marketing-hero #sticky-placeholder.navigation-clone,
  body.innova-marketing-hero #sticky-placeholder[aria-hidden="true"] {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.template-2026 div#mobile-menu,
  body.innova-marketing-hero div#mobile-menu {
    margin-top: 0 !important;
  }

  body.template-2026 #mobile-header ~ nav.main-navigation.navigation-clone,
  body.template-2026 #mobile-header ~ #sticky-placeholder,
  body.innova-marketing-hero #mobile-header ~ nav.main-navigation.navigation-clone,
  body.innova-marketing-hero #mobile-header ~ #sticky-placeholder {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  /*
   * Marketing hero — mobile content width matches 2026 interiors (container-innova gutters only).
   */
  body.innova-marketing-hero .marketing-hero-shell .hero-content-below-header {
    padding-left: 1rem !important;
    padding-right: 1rem !important;
    max-width: 100% !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }

  body.innova-marketing-hero .marketing-hero-shell .hero-copy,
  body.innova-marketing-hero .marketing-hero-shell .hero-copy.max-w-xl {
    max-width: none !important;
    width: 100% !important;
  }

  body.innova-marketing-hero .marketing-hero-shell .hero-mobile-image {
    width: 100% !important;
    max-width: none !important;
  }

  body.innova-marketing-hero .marketing-hero-shell .hero-cta-row {
    width: 100% !important;
  }

  body.innova-marketing-hero .marketing-hero-shell .hero-cta-row .btn-enquiry,
  body.innova-marketing-hero .marketing-hero-shell .hero-cta-row .btn-hero-secondary {
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }

  /*
   * Homepage [innova_hero_copy] shell — same GP shell reset as marketing heroes
   * (prevents white strip from .site-content / sticky-placeholder above #Hero).
   */
  body.home:has(#Hero .innova-home-hero-shell) #sticky-placeholder.navigation-clone,
  body.home:has(#Hero .innova-home-hero-shell) #sticky-placeholder[aria-hidden="true"],
  body.home:has(#Hero .innova-home-hero-shell) #mobile-header ~ nav.main-navigation.navigation-clone,
  body.home:has(#Hero .innova-home-hero-shell) #mobile-header ~ #sticky-placeholder {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    max-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  body.home:has(#Hero .innova-home-hero-shell) div#page {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.home:has(#Hero .innova-home-hero-shell) #content,
  body.home:has(#Hero .innova-home-hero-shell) div#content,
  body.home:has(#Hero .innova-home-hero-shell) .site-content,
  body.home:has(#Hero .innova-home-hero-shell) .site-main,
  body.home:has(#Hero .innova-home-hero-shell) #primary,
  body.home:has(#Hero .innova-home-hero-shell) #main,
  body.home:has(#Hero .innova-home-hero-shell) .content-area,
  body.home:has(#Hero .innova-home-hero-shell) .inside-article,
  body.home:has(#Hero .innova-home-hero-shell) .entry-content,
  body.home:has(#Hero .innova-home-hero-shell) article {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
  }

  body.home:has(#Hero .innova-home-hero-shell) .site-main > * {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
  }
}

body.template-2026 .interior-2026 > section,
body.template-2026 .interior-2026 > nav {
  margin-top: 0;
  margin-bottom: 0;
}

body.template-2026 .interior-2026 > section + section,
body.template-2026 .interior-2026 > nav + section {
  margin-top: 0;
}

/*
 * GeneratePress (and browser defaults) add h2/p/ul margins that CRO’s Tailwind
 * preflight zeros. Those margins stack *inside* .section-inset and inflate every
 * block — especially breadcrumb→intro, support lists, planning copy, compliance.
 */
body.template-2026 .interior-2026 h1,
body.template-2026 .interior-2026 h2,
body.template-2026 .interior-2026 h3,
body.template-2026 .interior-2026 h4,
body.template-2026 .interior-2026 h5,
body.template-2026 .interior-2026 h6,
body.innova-marketing-hero .marketing-hero-shell h1,
body.innova-marketing-hero .marketing-hero-shell h2,
body.innova-marketing-hero .marketing-hero-shell h3,
body.innova-marketing-hero .marketing-hero-shell h4,
body.innova-marketing-hero .marketing-hero-shell h5,
body.innova-marketing-hero .marketing-hero-shell h6 {
  margin-top: 0;
  margin-bottom: 0;
}

body.template-2026 .interior-2026 h2 {
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
  color: #163664;
}

body.template-2026 .interior-2026 h2.h2-on-dark {
  color: #ffffff;
}

body.template-2026 .interior-2026 p,
body.innova-marketing-hero .marketing-hero-shell p {
  margin-top: 0;
  margin-bottom: 0;
}

body.template-2026 .interior-2026 ul,
body.template-2026 .interior-2026 ol {
  margin: 0;
  padding-left: 0;
}

body.template-2026 .interior-2026 .list-none,
body.template-2026 .interior-2026 ul.grid,
body.template-2026 .interior-2026 .compliance-bullet-list,
body.template-2026 .interior-2026 .process-steps-grid,
body.template-2026 .interior-2026 .trust-strip-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

body.template-2026 .interior-2026 .trust-strip-list > li {
  margin: 0 !important;
  padding: 0;
}

/* Re-apply intentional gaps after the reset (match CRO space-y / body-copy) */
body.template-2026 .interior-2026 .space-y-6 > * + * {
  margin-top: 1.5rem;
}

body.template-2026 .interior-2026 .body-copy > p + p {
  margin-top: 1rem;
}

body.template-2026 .interior-2026 .intro-section-heading {
  margin-bottom: 20px;
}

body.template-2026 .interior-2026 .intro-lead {
  margin-bottom: 1.5rem;
}

body.template-2026 .interior-2026 .mb-3 { margin-bottom: 0.75rem; }
body.template-2026 .interior-2026 .mb-4 { margin-bottom: 1rem; }
body.template-2026 .interior-2026 .mb-6 { margin-bottom: 1.5rem; }
body.template-2026 .interior-2026 .mb-8 { margin-bottom: 2rem; }
body.template-2026 .interior-2026 .mt-8 { margin-top: 2rem; }
body.template-2026 .interior-2026 .section-eyebrow {
  margin-bottom: var(--spacing-section-eyebrow-gap);
}

body.template-2026 .interior-breadcrumb {
  margin: 0;
}

@media (max-width: 48rem) {
  body.template-2026 .interior-2026 h2 {
    font-size: 1.375rem;
  }
}

/* Related case studies: live GB block sits inside 2026 shell — no extra section-inset */
body.template-2026 .interior-related-casestudies {
  margin: 0;
  padding: 0;
}

body.template-2026 .interior-related-casestudies .gb-container-casestudies {
  /* Already full-bleed via related-casestudy-interiors.css; keep shell from clipping */
  box-sizing: border-box;
}

/* Prevent 2026 typography utilities from fighting live case-study tile CSS */
body.template-2026 .interior-related-casestudies h2.gb-headline-casestudiesheader {
  text-align: center;
  color: var(--accent, #0d2343) !important;
  font-weight: 600;
  margin-top: 40px;
  margin-bottom: 52px;
}

body.template-2026 .interior-related-casestudies p.gb-headline-CSheader {
  text-align: left;
  color: var(--contrast, #000) !important;
  font-size: 20px !important;
  font-weight: 700 !important;
  margin-bottom: 20px !important;
}

/* Standalone marketing hero (case studies, etc.) — navy fallback behind photo/text */
body.innova-marketing-hero .hero-section {
  position: relative;
  background-color: var(--color-accent, #0d2343);
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
}

/* Legacy CPT singles — block typography bleed into marketing hero */
body.innova-marketing-hero:is(.single-news, .single-services, .single-sectors) .marketing-hero-shell .hero-section .hero-subtitle {
  font-size: 21px !important;
  line-height: normal !important;
  margin-bottom: 2rem !important;
}

body.innova-marketing-hero:is(.single-news, .single-services, .single-sectors) .marketing-hero-shell .hero-copy-tagline {
  font-size: 0.875rem !important;
  line-height: 1.25 !important;
  margin-top: 1rem !important;
  margin-bottom: 0 !important;
}

body.innova-marketing-hero .hero-section .hero-copy,
body.innova-marketing-hero .hero-section .hero-title,
body.innova-marketing-hero .hero-section .hero-subtitle,
body.innova-marketing-hero .hero-section .hero-copy-tagline,
body.innova-marketing-hero .hero-section .hero-copy-tagline .hero-tagline-meta {
  color: #fff !important;
}

/* News singles — content width */
body.innova-marketing-hero.single-news .new-single-flex,
body.innova-marketing-hero.single-news .old-single-static {
  max-width: var(--max-width-content, 1220px);
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}

/*
 * Case studies archive — gap below breadcrumb before filters heading
 * (replaces legacy #breadcrumbs { margin-bottom: 60px } in casestudies-archive.css).
 */
body.innova-marketing-hero.post-type-archive-case-studies .marketing-hero-shell .interior-breadcrumb {
  margin-bottom: 3.75rem;
}

@media (max-width: 48rem) {
  body.innova-marketing-hero.post-type-archive-case-studies .marketing-hero-shell .interior-breadcrumb {
    margin-bottom: 1.875rem;
  }
}

/*
 * Products shop archive — gap below breadcrumb before sidebar/grid
 * (replaces legacy #breadcrumbs spacing in products-archive.css).
 */
body.innova-marketing-hero:is(.woocommerce-shop, .post-type-archive-product, .post-type-archive-our-products) .marketing-hero-shell .interior-breadcrumb {
  margin-bottom: 3.75rem;
}

@media (max-width: 48rem) {
  body.innova-marketing-hero:is(.woocommerce-shop, .post-type-archive-product, .post-type-archive-our-products) .marketing-hero-shell .interior-breadcrumb {
    margin-bottom: 1.875rem;
  }
}

/* WooCommerce shop — hero title replaces default archive header */
body.innova-marketing-hero.woocommerce-shop .woocommerce-products-header {
  display: none !important;
}

/*
 * Services — GP Elements / legacy New Template still output .gb-container-b836637e
 * banner blocks; hide when the marketing hero stack is active.
 */
body.innova-marketing-hero.single-services .gb-container-b836637e,
body.innova-marketing-hero.single-services .gb-container-b836637e.alignfull {
  display: none !important;
}

/*
 * Old Template services — marketing hero full bleed; content + sidebar in grid below.
 */
body.innova-marketing-hero.single-services.template-old .service-page-shell--hero {
  max-width: none;
  padding: 0;
}

body.innova-marketing-hero.single-services.template-old .service-page-shell--hero .service-page-body {
  max-width: 1220px;
  margin-left: auto;
  margin-right: auto;
  padding: 0px;
  box-sizing: border-box;
}

@media (max-width: 768px) {
  body.innova-marketing-hero.single-services.template-old .service-page-shell--hero .service-page-body {
    padding: 0 20px !important;
  }
}

body.innova-marketing-hero.single-services.template-old .marketing-hero-shell .interior-breadcrumb {
  margin-bottom: 3.75rem;
}

body.innova-marketing-hero.single-services.template-old .service-page-main .old-single-static.new-single-flex {
  max-width: none;
  padding: 0;
}

@media (max-width: 48rem) {
  body.innova-marketing-hero.single-services.template-old .marketing-hero-shell .interior-breadcrumb {
    margin-bottom: 1.875rem;
  }
}

/*
 * Downloads page — GP Elements / legacy banner blocks still hook generate_after_header
 * or page content; hide when the marketing hero stack is active.
 */
body.innova-marketing-hero:is(.page-template-page-downloads, .innova-downloads-page) :is(
  .banner.grid-container,
  .banner-new,
  .slidewrapper,
  .gb-container-b836637e,
  .gb-container.wysiwygbanner
) {
  display: none !important;
}

body.innova-marketing-hero:is(.page-template-page-downloads, .innova-downloads-page) #main :is(#breadcrumbs, h1.page-title, h2.page-title) {
  display: none !important;
}

/*
 * Downloads page — restore centred ~1220px column below marketing hero.
 * innova-marketing-hero resets GP #main to full viewport width; the legacy GB grid
 * relied on the GP container for horizontal constraint.
 */
body.innova-marketing-hero:is(.page-template-page-downloads, .innova-downloads-page) #main > .gb-grid-wrapper-0ee2eaa5 {
  max-width: var(--max-width-content, 1220px);
  width: 100%;
  margin-left: auto !important;
  margin-right: auto;
  box-sizing: border-box;
}

/*
 * Clients page — hide legacy breadcrumbs / banner blocks when marketing hero is active.
 */
body.innova-marketing-hero.page-template-page-clients :is(
  .banner.grid-container,
  .banner-new,
  .gb-container-b836637e,
  .gb-container.wysiwygbanner
) {
  display: none !important;
}

body.innova-marketing-hero.page-template-page-clients #main :is(#breadcrumbs, h1.page-title, h2.page-title) {
  display: none !important;
}

body.innova-marketing-hero.page-template-page-clients .clients-page-content {
  padding-top: 60px;
}

body.innova-marketing-hero.page-template-page-clients .marketing-hero-shell .interior-breadcrumb {
  margin-bottom: 0;
}

/*
 * Areas We Cover — hide legacy breadcrumbs / banner blocks when marketing hero is active.
 */
body.innova-marketing-hero.page-template-2026-templates-page-areas-we-cover-php :is(
  .banner.grid-container,
  .banner-new,
  .gb-container-b836637e,
  .gb-container.wysiwygbanner
) {
  display: none !important;
}

body.innova-marketing-hero.page-template-2026-templates-page-areas-we-cover-php #main :is(#breadcrumbs, h1.page-title, h2.page-title) {
  display: none !important;
}

body.innova-marketing-hero.areas-we-cover-page .marketing-hero-shell .interior-breadcrumb {
  margin-bottom: 0;
}

/*
 * Product CPT singles — hide duplicate legacy header banners (flexible row skipped in PHP).
 */
body.innova-marketing-hero:is(.single-our-products, .single-products) :is(
  .banner.grid-container,
  .banner-new,
  .slidewrapper,
  .gb-container-b836637e,
  .gb-container.wysiwygbanner
) {
  display: none !important;
}

body.innova-marketing-hero:is(.single-our-products, .single-products) #main .new-single-flex > .content-carousel:first-child {
  display: none !important;
}

/*
 * Default-template product pages — hide duplicate legacy Gutenberg header banners.
 */
body.innova-marketing-hero.page-template-default.innova-product-page :is(
  .banner.grid-container,
  .banner-new,
  .slidewrapper,
  .gb-container-b836637e,
  .gb-container.wysiwygbanner
) {
  display: none !important;
}

/*
 * Product pages — remove GP top padding on .inside-article (hero sits flush above).
 */
body.innova-marketing-hero.innova-product-page.separate-containers .inside-article {
  padding: 0 40px;
}

/*
 * Product child templates — hide legacy GB header + breadcrumbs when marketing hero is active.
 */
body.innova-marketing-hero:is(
  [class*="page-template-page-product"],
  .page-template-page-regent-spur
) :is(
  .gb-container-b836637e,
  .gb-container-b2e7b4e6.breadcrumbs
) {
  display: none !important;
}