/* Solris — homepage-only styles. Everything above the fold is already in
   critical.css; this file carries the sections the visitor scrolls to. */

.tpl-home .site-main>section:first-of-type{margin-block-start:0}

/* Give the hero image a real intrinsic box on mobile so the 4:5 crop cannot
   shift the CTA as it decodes. */
@media (max-width:767px){
  .hero__media img{position:absolute;inset:0}
}

/* Bundle band sits flush against the section above it. */
.bundles{margin-block-start:var(--sp-section)}

/* The category grid gets tighter labels on the narrowest phones, where a
   two-word category name otherwise wraps to three lines. */
@media (max-width:379px){
  .cat-tile__label{font-size:var(--fs--1);padding:var(--sp-5) var(--sp-2) var(--sp-2)}
}