/* ARCH03.2: Top Zone rules moved to homepage-top-zone.css. Shared/downstream rules retained. */
/* DTV-PAGE09R Correction 07 — Mobile Global Shell Height Contract Recovery.
 * Scope: homepage <=430px only.
 * Root cause: legacy PAGE04 rule fixes .dtv-global-shell at 40px while the
 * Elementor mobile header container renders taller and visually overflows it.
 * Restore natural header flow, then apply the requested Header -> Hero gap.
 */
@media (max-width:430px){
  body.home .dtv-global-shell{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-bottom:18px!important;
    overflow:visible!important;
  }

  /* Let the visible Elementor mobile header establish the shell's real height. */
  body.home .dtv-global-shell > .elementor-element.elementor-element-dcd3b63{
    height:auto!important;
    min-height:0!important;
    max-height:none!important;
    margin-bottom:0!important;
    position:relative!important;
  }

  /* Correction 06/earlier opening-spacing attempts are superseded here. */
  body.home main[data-dtv-homepage="ux10"]{
    margin-top:0!important;
    padding-top:0!important;
  }
  
}