/* Keep footer navigation quiet while preserving a visible keyboard focus. */
@media (min-width: 951px) {
  .kit-main-nav .wp-block-navigation-item > a,
  .header-inner > .languages a { font-size: 15px; }
}

.site-footer .footer-menu a,
.site-footer .footer-main-nav a { text-decoration: none; }
.site-footer .footer-menu a:focus-visible,
.site-footer .footer-main-nav a:focus-visible { outline: 2px solid currentColor; outline-offset: 4px; }

/* WordPress flow spacing resets the source gap after the privacy introduction. */
.kit-content > .page-intro + .privacy-copy { margin-block-start: 32px; }
@media (max-width: 700px) {
  .kit-content > .page-intro + .privacy-copy { margin-block-start: 24px; }
}

/* Keep the primary links visible beneath the logo on phones and tablets. */
@media (max-width: 950px) {
  .header-inner { flex-wrap: wrap; gap: 16px 8px; padding-block: 18px; }
  .header-inner > .brand { margin-right: auto; }
  .header-inner > .languages { margin-left: 0; gap: 0; }
  .header-inner > .languages a { min-width: 44px; min-height: 44px; font-size: 13px; }
  .header-inner > nav.kit-main-nav { order: 3; flex: 0 0 100%; width: 100%; margin: 0; }
  .kit-main-nav .wp-block-navigation__responsive-container-open,
  .kit-main-nav .wp-block-navigation__responsive-container-close { display: none !important; }
  .kit-main-nav .wp-block-navigation__responsive-container:not(.is-menu-open) {
    display: block !important; position: static; width: 100%;
  }
  .kit-main-nav .wp-block-navigation__responsive-close,
  .kit-main-nav .wp-block-navigation__responsive-dialog,
  .kit-main-nav .wp-block-navigation__responsive-container-content { width: 100%; }
  .kit-main-nav .wp-block-navigation__container {
    display: grid; grid-template-columns: repeat(6, minmax(0, 1fr));
    width: 100%; gap: 8px 12px; margin: 0;
  }
  .kit-main-nav .wp-block-navigation-item { grid-column: span 2; width: 100%; }
  .kit-main-nav .wp-block-navigation-item:nth-last-child(-n+2) { grid-column: span 2; }
  .kit-main-nav .wp-block-navigation-item > a {
    display: flex; align-items: center; justify-content: center;
    width: 100%; min-height: 48px; padding: 8px 4px;
    font-size: 13px; line-height: 1.4; text-align: center; white-space: normal;
  }
  .kit-main-nav .wp-block-navigation-item > a:focus-visible { outline: 2px solid var(--blue); outline-offset: 2px; }
  .kit-main-nav .current-menu-item > a:after { left: 20%; right: 20%; bottom: 2px; }
}
@media (max-width: 360px) {
  .header-inner > .brand img { width: 140px; }
  .kit-main-nav .wp-block-navigation__container { column-gap: 8px; }
}

/* Match the standard section rhythm on warranty, returns and delivery pages. */
.kit-content > .wp-block-group.page-intro + .kit-information-layout { margin-block-start: 62px; }
@media (max-width: 700px) {
  .kit-content > .wp-block-group.page-intro + .kit-information-layout { margin-block-start: 40px; }
}

/* Polish preview: six requested introductions. Other languages retain their layout. */
html[lang="pl-PL"] body:is(.page-id-84,.page-id-78,.page-id-80,.page-id-418,.page-id-81) .page-intro {
  --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-services-photo.webp');
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
  color: #fff;
  background-color: var(--navy);
  background-image: linear-gradient(90deg,#0b1d33 0%,#0b1d33 38%,rgba(11,29,51,.96) 49%,rgba(11,29,51,.3) 65%,rgba(11,29,51,0) 83%),var(--banner-photo);
  background-size: 100% 100%,auto 155%;
  background-position: center,right center;
  background-repeat: no-repeat;
}
html[lang="pl-PL"] body:is(.page-id-84,.page-id-78,.page-id-80,.page-id-418,.page-id-81) .page-intro h1 {
  color: #fff;
  width: 57%;
  max-width: 23ch;
  white-space: normal;
  text-wrap: balance;
}
html[lang="pl-PL"] body:is(.page-id-84,.page-id-78,.page-id-80,.page-id-418,.page-id-81) .page-intro .lead {
  color: #fff;
  width: 57%;
  max-width: 60ch;
  white-space: normal;
  font-size: 18px;
  line-height: 1.75;
}
html[lang="pl-PL"] body.page-id-80 .page-intro { --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-process.webp'); }
html[lang="pl-PL"] body.page-id-81 .page-intro { --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-contact-photo.webp'); }
html[lang="pl-PL"] body.page-id-78 .page-intro { --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-business.webp'); }
html[lang="pl-PL"] body.page-id-418 .page-intro { --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-blog.webp'); }
html[lang="pl-PL"] body:is(.page-id-78,.page-id-418) .page-intro {
  background-image: linear-gradient(90deg,rgba(11,29,51,0) 0%,rgba(11,29,51,.2) 23%,rgba(11,29,51,.96) 45%,#0b1d33 58%),var(--banner-photo);
  background-position: center,left center;
}
html[lang="pl-PL"] body:is(.page-id-78,.page-id-418) .page-intro > :is(h1,.lead) { margin-left: 44%; width: 56%; }

/* The home photograph sits above the symptom choices; copy has a solid reading surface. */
html[lang="pl-PL"] .page-id-79 .home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  background: var(--navy);
  align-items: center;
}
html[lang="pl-PL"] .page-id-79 .home-hero::before {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0 0 0 35%;
  background: url('/wp-content/uploads/2026/10/pl-banner-home.webp') left center / cover no-repeat;
  transform: scaleX(-1);
}
html[lang="pl-PL"] .page-id-79 .home-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg,#0b1d33 0%,#0b1d33 37%,rgba(11,29,51,.97) 47%,rgba(11,29,51,.32) 70%,rgba(11,29,51,.08));
  pointer-events: none;
}
html[lang="pl-PL"] .page-id-79 .hero-copy :is(h1,.lead,.local-line) { color: #fff; }
html[lang="pl-PL"] .page-id-79 .hero-copy .button { background: #fff; color: var(--navy); border-color: #fff; }
html[lang="pl-PL"] .page-id-79 .hero-copy .button.secondary { background: transparent; color: #fff; border-color: rgba(255,255,255,.65); }
html[lang="pl-PL"] .page-id-79 .hero-copy .button:hover { background: var(--blue); border-color: var(--blue); color: var(--navy); }
html[lang="pl-PL"] .page-id-79 .hero-copy .button:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
html[lang="pl-PL"] .page-id-79 .symptom-desk {
  margin-top: 145px;
  background: rgba(11,29,51,.96);
  border: 1px solid rgba(255,255,255,.18);
}
@media (min-width: 701px) and (max-width: 1000px) {
  html[lang="pl-PL"] body:is(.page-id-84,.page-id-78,.page-id-80,.page-id-418,.page-id-81) .page-intro { background-size: 100% 100%,auto 130%; }
  html[lang="pl-PL"] .page-id-79 .symptom-desk { margin-top: 110px; }
}
@media (max-width: 700px) {
  /* On narrow screens the photograph becomes a full-width lower panel. */
  html[lang="pl-PL"] body:is(.page-id-84,.page-id-78,.page-id-80,.page-id-418,.page-id-81) .page-intro {
    min-height: 0;
    padding: 30px 24px 205px;
    background-image: linear-gradient(180deg,#0b1d33 0%,#0b1d33 calc(100% - 195px),rgba(11,29,51,.86) calc(100% - 160px),rgba(11,29,51,0) 95%),var(--banner-photo);
    background-size: 100% 100%,auto 280px;
    background-position: center,right bottom;
  }
  html[lang="pl-PL"] body:is(.page-id-84,.page-id-78,.page-id-80,.page-id-418,.page-id-81) .page-intro > :is(h1,.lead) { width: 100%; max-width: 100%; margin-left: 0; }
  html[lang="pl-PL"] body:is(.page-id-84,.page-id-78,.page-id-80,.page-id-418,.page-id-81) .page-intro .lead { font-size: 16px; }
  html[lang="pl-PL"] body:is(.page-id-78,.page-id-418) .page-intro { background-position: center,left bottom; }
  html[lang="pl-PL"] .page-id-79 .home-hero { padding: 30px 24px 24px; gap: 0; }
  html[lang="pl-PL"] .page-id-79 .home-hero::before { inset: auto 0 260px; height: 330px; background-size: cover; }
  html[lang="pl-PL"] .page-id-79 .home-hero::after { background: linear-gradient(180deg,#0b1d33 0%,#0b1d33 38%,rgba(11,29,51,.12) 64%,#0b1d33 85%); }
  html[lang="pl-PL"] .page-id-79 .symptom-desk { margin-top: 185px; width: 100%; }
}

/* Preserve breathing room before the footer on the three information pages. */
.kit-content > .wp-block-group.page-intro + .kit-information-layout { padding-block-end: 64px; }
@media (max-width: 700px) {
  .kit-content > .wp-block-group.page-intro + .kit-information-layout { padding-block-end: 40px; }
}

/* Polish business header: solid navy copy at left, existing photograph at right. */
html[lang="pl-PL"] body.page-id-78 .page-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-image: none;
}
html[lang="pl-PL"] body.page-id-78 .page-intro > :is(h1,.lead) {
  margin-left: 0;
  width: 57%;
}
html[lang="pl-PL"] body.page-id-78 .page-intro::before,
html[lang="pl-PL"] body.page-id-78 .page-intro::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}
html[lang="pl-PL"] body.page-id-78 .page-intro::before {
  z-index: -2;
  background: var(--banner-photo) left center / auto 155% no-repeat;
  transform: scaleX(-1);
}
html[lang="pl-PL"] body.page-id-78 .page-intro::after {
  z-index: -1;
  background: linear-gradient(90deg,#0b1d33 0%,#0b1d33 38%,rgba(11,29,51,.96) 49%,rgba(11,29,51,.3) 65%,rgba(11,29,51,0) 83%);
}
@media (min-width: 701px) and (max-width: 1000px) {
  html[lang="pl-PL"] body.page-id-78 .page-intro::before { background-size: auto 130%; }
}
@media (max-width: 700px) {
  html[lang="pl-PL"] body.page-id-78 .page-intro > :is(h1,.lead) { width: 100%; }
  html[lang="pl-PL"] body.page-id-78 .page-intro::before { background-size: auto 280px; background-position: left bottom; }
  html[lang="pl-PL"] body.page-id-78 .page-intro::after {
    background: linear-gradient(180deg,#0b1d33 0%,#0b1d33 calc(100% - 195px),rgba(11,29,51,.86) calc(100% - 160px),rgba(11,29,51,0) 95%);
  }
}

/* Polish Blog and FAQ: photographic headers, copy left and imagery right. */
html[lang="pl-PL"] body:is(.page-id-418,.page-id-702) .page-intro {
  --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-blog-photo.webp');
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 320px;
  padding: 40px;
  overflow: hidden;
  border-radius: var(--panel-radius,8px);
  color: #fff;
  background-color: #0b1d33;
  background-image: linear-gradient(90deg,#0b1d33 0%,#0b1d33 38%,rgba(11,29,51,.96) 49%,rgba(11,29,51,.3) 65%,rgba(11,29,51,0) 83%),var(--banner-photo);
  background-size: 100% 100%,auto 155%;
  background-position: center,right center;
  background-repeat: no-repeat;
}
html[lang="pl-PL"] body.page-id-702 .page-intro { --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-faq-photo.webp'); }
html[lang="pl-PL"] body:is(.page-id-418,.page-id-702) .page-intro > :is(h1,.lead) {
  margin-left: 0;
  width: 57%;
  color: #fff;
  white-space: normal;
}
html[lang="pl-PL"] body:is(.page-id-418,.page-id-702) .page-intro h1 {
  max-width: 23ch;
  font-size: clamp(32px,3vw,42px);
  text-wrap: balance;
}
html[lang="pl-PL"] body:is(.page-id-418,.page-id-702) .page-intro .lead {
  max-width: 60ch;
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.75;
}
@media (min-width: 701px) and (max-width: 1000px) {
  html[lang="pl-PL"] body:is(.page-id-418,.page-id-702) .page-intro { background-size: 100% 100%,auto 130%; }
}
@media (max-width: 700px) {
  html[lang="pl-PL"] body:is(.page-id-418,.page-id-702) .page-intro {
    min-height: 0;
    padding: 30px 24px 205px;
    background-image: linear-gradient(180deg,#0b1d33 0%,#0b1d33 calc(100% - 195px),rgba(11,29,51,.86) calc(100% - 160px),rgba(11,29,51,0) 95%),var(--banner-photo);
    background-size: 100% 100%,auto 280px;
    background-position: center,right bottom;
  }
  html[lang="pl-PL"] body:is(.page-id-418,.page-id-702) .page-intro > :is(h1,.lead) { width: 100%; max-width: 100%; }
  html[lang="pl-PL"] body:is(.page-id-418,.page-id-702) .page-intro .lead { font-size: 16px; }
}

/* Keep the service equipment in view instead of the foreground desk. */
@media (min-width: 701px) {
  html[lang="pl-PL"] body.page-id-84 .page-intro { background-position: center,right top; }
}
@media (max-width: 700px) {
  html[lang="pl-PL"] body.page-id-84 .page-intro { background-size: 100% 100%,auto 235px; }
}

/* Approved title banners extended to NL and FR; page content is untouched. */
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-46,.page-id-15,.page-id-44,.page-id-12,.page-id-416,.page-id-417,.page-id-45,.page-id-11) .page-intro {
  --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-services-photo.webp');
  min-height: 320px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 40px;
  color: #fff;
  background-color: var(--navy);
  background-image: linear-gradient(90deg,#0b1d33 0%,#0b1d33 38%,rgba(11,29,51,.96) 49%,rgba(11,29,51,.3) 65%,rgba(11,29,51,0) 83%),var(--banner-photo);
  background-size: 100% 100%,auto 155%;
  background-position: center,right center;
  background-repeat: no-repeat;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-46,.page-id-15,.page-id-44,.page-id-12,.page-id-416,.page-id-417,.page-id-45,.page-id-11) .page-intro h1 {
  color: #fff;
  width: 57%;
  max-width: 23ch;
  white-space: normal;
  text-wrap: balance;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-46,.page-id-15,.page-id-44,.page-id-12,.page-id-416,.page-id-417,.page-id-45,.page-id-11) .page-intro .lead {
  color: #fff;
  width: 57%;
  max-width: 60ch;
  white-space: normal;
  font-size: 18px;
  line-height: 1.75;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-45,.page-id-11) .page-intro { --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-contact-photo.webp'); }
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro { --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-business.webp'); }
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-416,.page-id-417) .page-intro { --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-blog.webp'); }
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12,.page-id-416,.page-id-417) .page-intro {
  background-image: linear-gradient(90deg,rgba(11,29,51,0) 0%,rgba(11,29,51,.2) 23%,rgba(11,29,51,.96) 45%,#0b1d33 58%),var(--banner-photo);
  background-position: center,left center;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12,.page-id-416,.page-id-417) .page-intro > :is(h1,.lead) { margin-left: 44%; width: 56%; }

/* The home photograph sits above the symptom choices; copy has a solid reading surface. */
html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .home-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  color: #fff;
  background: var(--navy);
  align-items: center;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .home-hero::before {
  content: '';
  position: absolute;
  z-index: -2;
  inset: 0 0 0 35%;
  background: url('/wp-content/uploads/2026/10/pl-banner-home.webp') left center / cover no-repeat;
  transform: scaleX(-1);
}
html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .home-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg,#0b1d33 0%,#0b1d33 37%,rgba(11,29,51,.97) 47%,rgba(11,29,51,.32) 70%,rgba(11,29,51,.08));
  pointer-events: none;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .hero-copy :is(h1,.lead,.local-line) { color: #fff; }
html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .hero-copy .button { background: #fff; color: var(--navy); border-color: #fff; }
html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .hero-copy .button.secondary { background: transparent; color: #fff; border-color: rgba(255,255,255,.65); }
html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .hero-copy .button:hover { background: var(--blue); border-color: var(--blue); color: var(--navy); }
html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .hero-copy .button:focus-visible { outline: 3px solid #fff; outline-offset: 5px; }
html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .symptom-desk {
  margin-top: 145px;
  background: rgba(11,29,51,.96);
  border: 1px solid rgba(255,255,255,.18);
}
@media (min-width: 701px) and (max-width: 1000px) {
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-46,.page-id-15,.page-id-44,.page-id-12,.page-id-416,.page-id-417,.page-id-45,.page-id-11) .page-intro { background-size: 100% 100%,auto 130%; }
  html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .symptom-desk { margin-top: 110px; }
}
@media (max-width: 700px) {
  /* On narrow screens the photograph becomes a full-width lower panel. */
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-46,.page-id-15,.page-id-44,.page-id-12,.page-id-416,.page-id-417,.page-id-45,.page-id-11) .page-intro {
    min-height: 0;
    padding: 30px 24px 205px;
    background-image: linear-gradient(180deg,#0b1d33 0%,#0b1d33 calc(100% - 195px),rgba(11,29,51,.86) calc(100% - 160px),rgba(11,29,51,0) 95%),var(--banner-photo);
    background-size: 100% 100%,auto 280px;
    background-position: center,right bottom;
  }
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-46,.page-id-15,.page-id-44,.page-id-12,.page-id-416,.page-id-417,.page-id-45,.page-id-11) .page-intro > :is(h1,.lead) { width: 100%; max-width: 100%; margin-left: 0; }
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-46,.page-id-15,.page-id-44,.page-id-12,.page-id-416,.page-id-417,.page-id-45,.page-id-11) .page-intro .lead { font-size: 16px; }
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12,.page-id-416,.page-id-417) .page-intro { background-position: center,left bottom; }
  html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .home-hero { padding: 30px 24px 24px; gap: 0; }
  html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .home-hero::before { inset: auto 0 260px; height: 330px; background-size: cover; }
  html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .home-hero::after { background: linear-gradient(180deg,#0b1d33 0%,#0b1d33 38%,rgba(11,29,51,.12) 64%,#0b1d33 85%); }
  html:is([lang="nl-BE"],[lang="fr-BE"]) :is(.page-id-74,.page-id-14) .symptom-desk { margin-top: 185px; width: 100%; }
}

/* NL/FR business headers: solid navy copy at left, existing photograph at right. */
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background-image: none;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro > :is(h1,.lead) {
  margin-left: 0;
  width: 57%;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro::before,
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro::after {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro::before {
  z-index: -2;
  background: var(--banner-photo) left center / auto 155% no-repeat;
  transform: scaleX(-1);
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro::after {
  z-index: -1;
  background: linear-gradient(90deg,#0b1d33 0%,#0b1d33 38%,rgba(11,29,51,.96) 49%,rgba(11,29,51,.3) 65%,rgba(11,29,51,0) 83%);
}
@media (min-width: 701px) and (max-width: 1000px) {
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro::before { background-size: auto 130%; }
}
@media (max-width: 700px) {
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro > :is(h1,.lead) { width: 100%; }
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro::before { background-size: auto 280px; background-position: left bottom; }
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-44,.page-id-12) .page-intro::after {
    background: linear-gradient(180deg,#0b1d33 0%,#0b1d33 calc(100% - 195px),rgba(11,29,51,.86) calc(100% - 160px),rgba(11,29,51,0) 95%);
  }
}

/* NL/FR Blog and FAQ: photographic headers, copy left and imagery right. */
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-416,.page-id-417,.page-id-704,.page-id-703) .page-intro {
  --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-blog-photo.webp');
  display: flex;
  flex-direction: column;
  justify-content: center;
  min-height: 320px;
  padding: 40px;
  overflow: hidden;
  border-radius: var(--panel-radius,8px);
  color: #fff;
  background-color: #0b1d33;
  background-image: linear-gradient(90deg,#0b1d33 0%,#0b1d33 38%,rgba(11,29,51,.96) 49%,rgba(11,29,51,.3) 65%,rgba(11,29,51,0) 83%),var(--banner-photo);
  background-size: 100% 100%,auto 155%;
  background-position: center,right center;
  background-repeat: no-repeat;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-704,.page-id-703) .page-intro { --banner-photo: url('/wp-content/uploads/2026/10/pl-banner-faq-photo.webp'); }
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-416,.page-id-417,.page-id-704,.page-id-703) .page-intro > :is(h1,.lead) {
  margin-left: 0;
  width: 57%;
  color: #fff;
  white-space: normal;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-416,.page-id-417,.page-id-704,.page-id-703) .page-intro h1 {
  max-width: 23ch;
  font-size: clamp(32px,3vw,42px);
  text-wrap: balance;
}
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-416,.page-id-417,.page-id-704,.page-id-703) .page-intro .lead {
  max-width: 60ch;
  margin-top: 22px;
  font-size: 18px;
  line-height: 1.75;
}
@media (min-width: 701px) and (max-width: 1000px) {
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-416,.page-id-417,.page-id-704,.page-id-703) .page-intro { background-size: 100% 100%,auto 130%; }
}
@media (max-width: 700px) {
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-416,.page-id-417,.page-id-704,.page-id-703) .page-intro {
    min-height: 0;
    padding: 30px 24px 205px;
    background-image: linear-gradient(180deg,#0b1d33 0%,#0b1d33 calc(100% - 195px),rgba(11,29,51,.86) calc(100% - 160px),rgba(11,29,51,0) 95%),var(--banner-photo);
    background-size: 100% 100%,auto 280px;
    background-position: center,right bottom;
  }
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-416,.page-id-417,.page-id-704,.page-id-703) .page-intro > :is(h1,.lead) { width: 100%; max-width: 100%; }
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-416,.page-id-417,.page-id-704,.page-id-703) .page-intro .lead { font-size: 16px; }
}

/* Keep the service equipment in view instead of the foreground desk. */
@media (min-width: 701px) {
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-46,.page-id-15) .page-intro { background-position: center,right top; }
}
@media (max-width: 700px) {
  html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-46,.page-id-15) .page-intro { background-size: 100% 100%,auto 235px; }
}

/* Allow the original longer translations to wrap naturally. */
html:is([lang="nl-BE"],[lang="fr-BE"]) body:is(.page-id-74,.page-id-14) .hero-copy h1 { white-space: normal; text-wrap: balance; }