/**
 * home-hero-mainnav-size-limit.css
 * Feedback sheet (gid=1129317246): "/de/ — Home Hero & Main Navigtion Size - Limit"
 * Figma: JTL-Website-Modules node 1084-11386 (file teRt2FXM9JffFSebtSTocH).
 *
 * On ultrawide screens the floating nav pill and the home hero stretched edge to
 * edge. Per the Figma dev-mode spec, cap both to a 1600px content width, centred,
 * so they stop growing past 1600px (below 1600px nothing changes — max-width has
 * no effect when the element is already narrower).
 *
 * Values taken verbatim from the Figma dev-mode inspector panel on the reference
 * frame (Drive 10CTceceH6U5FRsUCJd-Z3epJhmLt5AEZ):
 *   #header  -> max-width:1600px; margin:0 auto
 *              (background:transparent / border-bottom:none already set in
 *               custom-clone.css:124; position:sticky is the existing
 *               scroll behaviour — left as-is)
 *   body.home .hero-product-section (>=992px)
 *       -> position:relative; min-height:900px; margin-top:0; padding:0;
 *          overflow:hidden; max-width:1600px; width:100%; margin:0 auto;
 *          border-radius:0 0 62px 62px
 *
 * NOTE (blast radius): #header is the shared site header, so the nav cap applies
 * on every page (the main navigation is global — intentional, the pill should
 * never stretch ultrawide anywhere). The hero rule is scoped to body.home.
 */

/* Main navigation — cap the global header/nav pill to 1600px, centred. */
#header {
    max-width: 1600px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Home hero — 1600px centred card, rounded bottom, 900px min-height (desktop). */
@media (min-width: 992px) {
    body.home section.hero-product-section {
        position: relative !important;
        min-height: 900px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        overflow: hidden !important;
        max-width: 1600px !important;
        width: 100% !important;
        border-radius: 0 0 62px 62px !important;
    }
}