.slick-banner .background-image,
.title-banner-wrapper,
.banner-homepage-parallax {
    height: 39.0625vw;
    max-height: 750px;
    min-height: 200px;
}

.container-fluid:has(.slick-banner),
.container-fluid:has(.title-banner-wrapper) {
    margin-bottom: 3rem;
}

.navbar.bg-header-velvet {
    position: relative;
    background-color: #000000;
}

.social-icon img {
    height: 20px;
}

.nav-padding {
    padding-top: 0 !important;
}

html {
    overflow-x: hidden;
}

body {
    overflow-x: visible !important;
}

/* Clip horizontal overflow (slick-trailer arrows at ±50px) below the root so
   mobile browsers don't widen the layout viewport, which pushed the fixed
   cookie banner below the visible screen. */
main {
    overflow-x: clip;
}

@media (min-width: 1200px) {
    .container {
        max-width: 1200px;
    }

    #navbar .nav-item,
    #navbar .navSearchIcon {
        padding: 0 0.35rem;
    }
}

@media (max-width: 1199px) {
    #navbar .nav-item,
    #navbar .navSearchIcon {
        padding: 0.4rem 0;
    }

    #navbar {
        padding-bottom: 0.75rem;
    }
}