/* Asset version: 2026.10.04-1 */

/* Keep edge-cropped hero media and its gradient inside one centered panel.
   The 1920px limit follows the earlier landing-page hero wrapper. */
.section-hero {
  background: var(--bg-full, #0E3056);
}

.section-hero .hero-maxwrap {
  width: 100%;
  max-width: 1920px;
  margin-inline: auto;
}

/* Leave the next section visible below the slideshow on desktop. Content
   can still make the stage taller in short windows rather than being cut. */
@media (min-width: 834px) {
  .prototype-hero .hero-stage {
    min-height: max(480px, calc((100svh - var(--nav-h)) * .72));
    min-height: max(480px, calc((100dvh - var(--nav-h)) * .72));
  }
}

/* Inventory keeps its existing fluid gutters, with the same upper limit
   as the site's content tiles. This also contains the vehicle detail view. */
#occasions-app .inventory-filter-section,
#occasions-app .inventory-grid,
#occasions-app .detail-layout,
#occasions-app .detail-tabs-wrap {
  max-width: var(--maxW, 1200px);
}