/*
   First-paint reservations for the home page.
   This is deliberately separate from the full stylesheet so the mobile
   header and Top Deals rail cannot jump while the catalog is booting.
*/
@media (max-width:760px){
  /* site.css arrives immediately after this file and defines smaller
     defaults, so these first-paint reservations must win the cascade. */
    body .site-header .nav{min-height:143px !important}
    body[data-page="home"] .hero{min-height:680px !important}
    /* The headline wraps once the webfont is ready. Reserve its final
       three-line height so the spotlight never jumps during first paint. */
    body[data-page="home"] .hero-copy{min-height:238px !important}
    body[data-page="home"] .hero-art{min-height:330px !important}
  body #deals .deal-rail{min-height:318px !important}
}

/* Keep below-the-fold home modules out of the first mobile layout pass while
   their reserved size keeps the page geometry stable. */
@media (max-width:760px){
  body[data-page="home"] #deals,
  body[data-page="home"] #most-wanted,
  body[data-page="home"] #bestpreise,
  body[data-page="home"] .category-campaigns,
  body[data-page="home"] #marken,
  body[data-page="home"] .recently-viewed{
    content-visibility:auto;
    contain-intrinsic-size:760px;
  }
}

/* Make the server-rendered first spotlight paint as soon as the critical
   stylesheet is available. The full stylesheet keeps the carousel motion,
   shadows and responsive refinements; these few declarations only prevent
   the initial hero image from waiting for the complete 178 KB bundle. */
body[data-page="home"] .hero-art{position:relative;overflow:hidden;isolation:isolate}
body[data-page="home"] .spotlight-stage{position:absolute;inset:108px 48px 48px;z-index:4}
body[data-page="home"] .spotlight-product{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:1;transform:none}
body[data-page="home"] .spotlight-product.is-active{opacity:1;transform:none}
@media (max-width:760px){
  body[data-page="home"] .spotlight-stage{inset:78px 22px 36px}
}