/* Seasonal artwork sits within existing clear space and has no hit targets. */
#approved-root .approved-header::after {
  content: "";
  position: absolute;
  inset: auto 0 0;
  height: 13px;
  z-index: 1;
  background:
    radial-gradient(ellipse 3.8px 5px at 11px 7px, #fff0e2 0 18%, #ff5248 38% 66%, #ff392e60 79%, transparent 100%) 0 0 / 104px 13px repeat-x,
    radial-gradient(ellipse 3.8px 5px at 37px 7px, #efffff 0 18%, #62dcff 38% 66%, #2aa9ff60 79%, transparent 100%) 0 0 / 104px 13px repeat-x,
    radial-gradient(ellipse 3.8px 5px at 63px 7px, #fff8d3 0 18%, #ffc447 38% 66%, #ffae3060 79%, transparent 100%) 0 0 / 104px 13px repeat-x,
    radial-gradient(ellipse 3.8px 5px at 89px 7px, #efffe8 0 18%, #79f870 38% 66%, #38e05260 79%, transparent 100%) 0 0 / 104px 13px repeat-x,
    linear-gradient(#304f3d,#304f3d) center 2px / 100% 1px no-repeat;
  pointer-events: none;
}

body[data-page] > :is(#pageHero, #services, #gallery, #process, #otto-truck-estimator, #quote, #smart-tools, #ai-team, #about, #real-proof, #reviews, #referral, #area, #faq, .final-cta) {
  position: relative;
}

body[data-page] .seasonal-light-trim,
body[data-page] > footer > .seasonal-gifts {
  position: absolute;
  inset: 5px 14px auto;
  height: clamp(32px, 6vw, 56px);
  background: url('/assets/seasonal-garland.webp') no-repeat center / contain;
  pointer-events: none;
}

body[data-page] > #about > .seasonal-light-trim {
  display: none;
}

body[data-page] > #pageHero > .seasonal-light-trim {
  inset: auto 14px 5px;
  height: clamp(30px, 5vw, 48px);
}

body[data-page] > footer > .seasonal-gifts {
  inset-block-start: 4px;
  height: clamp(33px, 6vw, 52px);
}

@media (max-width: 680px) {
  #approved-root .approved-header::after { height: 11px; }
  body[data-page] .seasonal-light-trim { inset-block-start: 4px; }
  body[data-page] > #pageHero > .seasonal-light-trim { inset-block: auto 4px; }
}