/**
 * Airox: site-wide horizontal overflow protection and narrow-desktop layout.
 *
 * Full-bleed Airox backgrounds deliberately use 100vw + centered negative
 * margins. 100vw includes the vertical scrollbar on desktop browsers, which
 * can introduce a 1-scrollbar-wide horizontal page scroll. Clip only the
 * horizontal ROOT overflow, not individual interactive carousels/sliders.
 *
 * Keep the vertical document scrolling and sticky Airox header operational.
 */
html,
body {
    max-width: 100%;
    overflow-x: clip;
}

/* Safari/older browsers without support for overflow:clip. */
@supports not (overflow: clip) {
    html,
    body {
        overflow-x: hidden;
    }
}

@media (min-width: 1200px) and (max-width: 1500px) {
    /* Scale the desktop menu/search to avoid an over-wide fixed flex row. */
    .airox-header .airox-header__bar {
        padding-left: clamp(32px, 4vw, 60px);
        padding-right: clamp(26px, 3vw, 45px);
    }
    .airox-header .airox-header__main .airox-header__bar {
        gap: clamp(11px, 1.3vw, 19px);
    }
    .airox-header .airox-header__logo img {
        width: clamp(130px, 10vw, 150px);
    }
    .airox-header .airox-nav__menu {
        gap: clamp(11px, 1.3vw, 19px);
    }
    .airox-header .airox-nav__menu > li > a {
        font-size: clamp(12px, 0.92vw, 14px);
        letter-spacing: 0;
    }
    .airox-header .airox-header__search input[type="search"].airox-header__search-input {
        width: clamp(108px, 10.2vw, 155px);
        min-width: 0;
    }
    .airox-header .airox-header__search {
        padding-left: 13px;
    }
    .airox-header .airox-header__search-btn {
        width: 42px;
        height: 42px;
        margin-left: 4px;
    }
}

@media (min-width: 1025px) and (max-width: 1199px) {
    /* Same accessible off-canvas navigation as tablet, instead of forcing all
     * desktop links and the search form beyond a 1025-1199px viewport. */
    .airox-header .airox-header__bar {
        padding-left: 5%;
        padding-right: 5%;
    }
    .airox-header .airox-header__main .airox-header__bar,
    .airox-header.airox-header--history .airox-header__main .airox-header__bar {
        min-height: 74px;
    }
    .airox-header .airox-header__actions {
        margin-left: auto;
    }
    .airox-header.airox-header--history .airox-header__logo img {
        transform: none !important;
    }
}

@media (min-width: 1025px) and (max-width: 1320px) {
    /* Export's three stat labels have longer text than the History version.
     * Let them share the inner hero width rather than extend off the edge. */
    .airox-export-hero .airox-history-hero__stats {
        display: flex;
        width: min(80.4vw, 906px);
        max-width: 100vw;
        gap: clamp(15px, 2.5vw, 35px);
    }
    .airox-export-hero .airox-history-hero__stat:nth-child(1),
    .airox-export-hero .airox-history-hero__stat:nth-child(2),
    .airox-export-hero .airox-history-hero__stat:nth-child(3) {
        width: auto;
        flex: 1 1 0;
        min-width: 0;
    }
    .airox-export-hero .airox-history-hero__stat-value {
        font-size: clamp(15px, 1.65vw, 21px);
        white-space: normal;
        overflow-wrap: break-word;
    }
}

@media (max-width: 1024px) {
    /* Preserve the existing tablet/mobile layout, avoiding long text forcing
     * a fixed-width parent wider than the viewport. */
    .airox-history-hero__content,
    .airox-export-journey__content,
    .airox-export-presence__intro,
    .airox-export-inquiry__content {
        min-width: 0;
        max-width: 100%;
    }
}