/* Biliton homepage hero upgrade v12.22.0 */
.v3-hero .v3-slide-content {
    width: min(1180px, calc(100% - 48px)) !important;
    max-width: 1180px !important;
    margin-right: auto !important;
    margin-left: auto !important;
    padding-right: 0 !important;
    padding-left: 0 !important;
}

.v3-hero .v3-slide {
    background-position: center center;
}

.v3-hero .v3-slide-overlay {
    background: linear-gradient(90deg, rgba(4, 25, 40, .97) 0%, rgba(4, 25, 40, .88) 36%, rgba(4, 25, 40, .48) 64%, rgba(4, 25, 40, .16) 100%);
}

.v3-hero .v3-eyebrow {
    padding: 7px 10px;
    border-left: 3px solid #ef7d00;
    background: rgba(7, 31, 51, .55);
    backdrop-filter: blur(5px);
}

.v3-hero .v3-slide-label {
    margin-top: 22px;
    color: #ffad4f;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.v3-hero .v3-slide h1,
.v3-hero .v3-slide-title {
    max-width: 760px;
    text-wrap: balance;
    text-shadow: 0 3px 22px rgba(0, 0, 0, .24);
}

.v3-hero .v3-slide-title {
    margin: 0 0 24px;
    font-size: clamp(44px, 4.6vw, 64px);
    line-height: 1.05;
    letter-spacing: -.03em;
}

.v3-hero .v3-slide-content > p:not(.v3-slide-label) {
    max-width: 660px;
    text-shadow: 0 2px 12px rgba(0, 0, 0, .28);
}

@media (max-width: 980px) {
    .v3-hero .v3-slide-content {
        width: min(100% - 40px, 1180px) !important;
    }
    .v3-hero .v3-slide-title {
        font-size: clamp(38px, 6vw, 50px);
    }

    /* Restore the touch-operated products dropdown overridden by legacy CSS. */
    .v3-nav .v3-mega.is-open .v3-mega-panel {
        display: block !important;
        position: static;
        width: 100%;
        margin-top: 8px;
        transform: none;
        box-shadow: none;
    }

    .v3-nav .v3-products-trigger {
        display: flex;
        width: 100%;
        align-items: center;
        justify-content: space-between;
        min-height: 44px;
        padding: 8px !important;
        text-align: left;
    }

    .v3-nav .v3-mega.is-open .v3-products-trigger small {
        transform: rotate(180deg);
    }
}

@media (max-width: 640px) {
    .v3-hero .v3-slide-content {
        width: calc(100% - 28px) !important;
    }
    .v3-hero .v3-slide-overlay {
        background: linear-gradient(90deg, rgba(4, 25, 40, .94), rgba(4, 25, 40, .78));
    }
    .v3-hero .v3-slide h1,
    .v3-hero .v3-slide-title {
        font-size: 36px;
    }
}