/* =========================================================
   ZUMI NATIVE HOMEPAGE — OUTER LAYOUT
   Matches the native Booking Portal spacing system:
   - 2200px boxed maximum width
   - 15px native page padding (8px on small screens)
   - 6–12px inner content gutter
   - 10–18px consistent gap between major homepage sections
   ========================================================= */

#zumi-native-homepage {
    width: 100%;
    margin: 0;
    padding: 0;
    background: #FFFFFF;
}

#zumi-native-homepage .zumi-native-homepage__container {
    width: 100%;
    max-width: 2200px;
    margin: 0 auto;
    padding: 15px 0;
    box-sizing: border-box;
}

@media (max-width: 760px) {
    #zumi-native-homepage .zumi-native-homepage__container {
        padding-top: 8px;
        padding-bottom: 8px;
    }
}

#zumi-native-homepage .zumi-native-homepage__container > .zumi-home-stack {
    width: 100%;
    max-width: 2200px;
    margin: 0 auto;
}

@font-face {
    font-family: "Zumi Poppins";
    src: url("/cf-fonts/s/poppins/5.2.7/latin/400/normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 400;
    font-display: swap;
}

@font-face {
    font-family: "Zumi Poppins";
    src: url("/cf-fonts/s/poppins/5.2.7/latin/500/normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 500;
    font-display: swap;
}

@font-face {
    font-family: "Zumi Poppins";
    src: url("/cf-fonts/s/poppins/5.2.7/latin/600/normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 600;
    font-display: swap;
}

@font-face {
    font-family: "Zumi Poppins";
    src: url("/cf-fonts/s/poppins/5.2.7/latin/700/normal.woff2") format("woff2");
    font-style: normal;
    font-weight: 700;
    font-display: swap;
}

.zumi-video-hero,
.zumi-video-hero * {
    box-sizing: border-box;
}

.zumi-video-hero {
    --orange: #E85E2A;
    --orange-hover: #E85E2A;

    position: relative;

    isolation: isolate;

    width: 100%;
    max-width: 2200px;

    min-height:
        clamp(550px, 40vw, 750px);

    margin: 0 auto;

    overflow: hidden;

    background: #111111;

    border-radius:
        4px;

    box-shadow: none;

    outline: none;
    filter: none;

    font-family:
        "Zumi Poppins",
        Arial,
        sans-serif;
}

.zumi-video-hero__poster {
    position: absolute;
    inset: 0;
    z-index: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    object-fit: cover;
    object-position: center center;
    pointer-events: none;
    opacity: 1;
    transition: opacity 220ms linear;
}

.zumi-video-hero__video {
    position: absolute;

    inset: 0;

    z-index: 0;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    object-fit: cover;

    object-position:
        center center;

    pointer-events: none;

    opacity: 0;
    transition: opacity 220ms linear;
}

.zumi-video-hero--video-ready .zumi-video-hero__video {
    opacity: 1;
}

.zumi-video-hero--video-ready .zumi-video-hero__poster {
    opacity: 0;
}

.zumi-video-hero::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:

        linear-gradient(
            90deg,
            rgba(5,5,5,.88) 0%,
            rgba(6,6,6,.75) 27%,
            rgba(7,7,7,.48) 50%,
            rgba(7,7,7,.17) 72%,
            rgba(7,7,7,.06) 100%
        ),

        linear-gradient(
            0deg,
            rgba(0,0,0,.32) 0%,
            rgba(0,0,0,.04) 48%,
            rgba(0,0,0,.05) 100%
        );
}

.zumi-video-hero::before {
    content: none !important;
    display: none !important;
}

.zumi-video-hero__content {
    position: relative;

    z-index: 5;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    justify-content: center;

    width: 100%;

    min-height: inherit;

    padding:
        clamp(46px, 4.5vw, 88px)
        clamp(30px, 4.2vw, 82px);

    color: #FFFFFF;
}

.zumi-video-hero__title {
    width: 100%;

    max-width: 1450px;

    margin: 0;

    color: #FFFFFF;

    font-size:
        clamp(56px, 5.7vw, 114px);

    font-weight: 800;

    line-height: .87;

    letter-spacing: -.067em;

    text-transform: uppercase;

    text-wrap: balance;
}

.zumi-video-hero__title-lead {
    display: block;

    margin-bottom: .045em;

    font-size: 1.10em;

    font-weight: 850;

    line-height: .82;

    letter-spacing: -.075em;
}

.zumi-video-hero__title-second {
    display: block;
}

.zumi-video-hero__orange {
    color:
        var(--orange);
}

.zumi-video-hero__nowrap {
    white-space: nowrap;
}

.zumi-video-hero__subtitle {
    max-width: 1150px;

    margin:
        clamp(22px, 2vw, 37px)
        0
        0;

    color: #FFD21C;

    font-size:
        clamp(27px, 2.4vw, 48px);

    font-weight: 550;

    line-height: 1.05;

    letter-spacing: -.03em;
}

.zumi-video-hero__support {
    display: flex;

    align-items: center;

    flex-wrap: wrap;

    gap:
        7px
        14px;

    margin-top:
        clamp(17px, 1.5vw, 27px);

    color:
        rgba(255,255,255,.84);

    font-size:
        clamp(14px, .9vw, 19px);

    font-weight: 450;

    line-height: 1.3;
}

.zumi-video-hero__support-item {
    display: inline-flex;

    align-items: center;

    gap: 8px;
}

.zumi-video-hero__support-dot {
    width: 6px;
    height: 6px;

    flex:
        0 0 6px;

    background:
        var(--orange);

    border-radius: 50%;
}

.zumi-video-hero__buttons {
    display: flex;

    flex-direction: row;

    flex-wrap: nowrap;

    align-items: center;

    gap:
        clamp(6px, .55vw, 10px);

    max-width: 100%;

    margin-top:
        clamp(24px, 2vw, 36px);
}

.zumi-video-hero__button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    min-width: 0;

    padding:
        clamp(11px, .72vw, 14px)
        clamp(14px, 1vw, 21px);

    border-radius: 5px;

    color:
        #FFFFFF !important;

    text-decoration:
        none !important;

    white-space: nowrap;

    font-size:
        clamp(13px, .85vw, 18px);

    font-weight: 650;

    line-height: 1;

    transform: none;

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.zumi-video-hero__button svg {
    display: block;

    width: 1.05em;
    height: 1.05em;

    flex: 0 0 auto;

    fill: currentColor;
}

.zumi-video-hero__button--primary {
    background:
        #E85E2A !important;

    border:
        1px solid
        var(--orange);

    box-shadow:
        0 6px 19px
        rgba(0,0,0,.22);
}

.zumi-video-hero__button--primary:hover {
    background:
        #E85E2A !important;

    border-color:
        #E85E2A !important;

    box-shadow:
        0 0 0 3px
        rgba(232,94,42,.18),

        0 6px 19px
        rgba(0,0,0,.22);
}

.zumi-video-hero__button--secondary {
    background:
        rgba(20,20,20,.32);

    border:
        1px solid
        rgba(255,255,255,.54);

    backdrop-filter:
        blur(9px);

    -webkit-backdrop-filter:
        blur(9px);
}

.zumi-video-hero__button--secondary:hover {
    background:
        rgba(255,255,255,.14);

    border-color:
        rgba(255,255,255,.90);
}

.zumi-video-hero__button:active {
    transform:
        scale(.985);
}

.zumi-video-hero__button:focus-visible {
    outline:
        2px solid
        #FFFFFF;

    outline-offset:
        3px;
}

@media (max-width: 1100px) {

    .zumi-video-hero {
        min-height:
            560px;
    }

    .zumi-video-hero__content {
        padding:
            42px
            38px;
    }

    .zumi-video-hero__title {
        max-width:
            950px;

        font-size:
            clamp(50px, 7vw, 78px);
    }

    .zumi-video-hero__subtitle {
        max-width:
            780px;

        font-size:
            clamp(27px, 3.5vw, 37px);
    }

}

@media (max-width: 700px) {

    .zumi-video-hero {
        min-height:
            455px;

        border-radius:
            4px;
    }

    .zumi-video-hero__poster,
    .zumi-video-hero__video {
        object-position:
            center center;
    }

    .zumi-video-hero {
        contain: layout paint style;
        transform: translateZ(0);
        backface-visibility: hidden;
    }

    .zumi-video-hero__poster,
    .zumi-video-hero__video {
        transform: none !important;
        filter: none !important;
        backface-visibility: hidden;
    }

    .zumi-video-hero::after {
        background:

            linear-gradient(
                0deg,
                rgba(5,5,5,.94) 0%,
                rgba(6,6,6,.82) 38%,
                rgba(6,6,6,.51) 66%,
                rgba(6,6,6,.13) 100%
            ),

            linear-gradient(
                90deg,
                rgba(0,0,0,.20),
                rgba(0,0,0,.02)
            );
    }

    .zumi-video-hero__content {
        justify-content: flex-end;

        align-items: center;

        min-height: 455px;

        padding:
            27px
            18px
            25px;

        text-align: center;
    }

    .zumi-video-hero__title {
        width: 100%;
        max-width: 100%;

        margin-left: auto;
        margin-right: auto;

        text-align: center;

        font-size:
            clamp(39px, 11vw, 55px);

        line-height: .87;

        letter-spacing: -.061em;
    }

    .zumi-video-hero__title-lead {
        margin-bottom:
            .05em;

        font-size:
            1.08em;

        line-height:
            .82;

        letter-spacing:
            -.072em;
    }

    .zumi-video-hero__subtitle {
        width: 100%;
        max-width: 96%;

        margin:
            15px
            auto
            0;

        text-align: center;

        font-size:
            clamp(20px, 5.7vw, 27px);

        line-height: 1.04;
    }

    .zumi-video-hero__support {
        width: 100%;

        justify-content: center;

        gap:
            5px
            10px;

        margin-top:
            11px;

        text-align: center;

        font-size:
            11.5px;
    }

    .zumi-video-hero__support-dot {
        width: 5px;
        height: 5px;

        flex-basis: 5px;
    }

    .zumi-video-hero__support-item {
        justify-content: center;
    }

    .zumi-video-hero__buttons {
        width: 100%;

        justify-content: center;

        gap: 5px;

        margin-top:
            15px;
    }

    .zumi-video-hero__button {
        padding:
            9px
            9px;

        gap: 5px;

        border-radius: 5px;

        font-size:
            clamp(10.8px, 3vw, 13px);
    }

}

@media (max-width: 420px) {

    .zumi-video-hero {
        min-height:
            435px;
    }

    .zumi-video-hero__content {
        min-height:
            435px;

        padding:
            24px
            16px
            22px;
    }

    .zumi-video-hero__title {
        font-size:
            clamp(36px, 10.7vw, 45px);
    }

    .zumi-video-hero__subtitle {
        margin-top:
            13px;

        font-size:
            clamp(18px, 5.4vw, 23px);
    }

    .zumi-video-hero__support {
        margin-top:
            9px;

        font-size:
            10.8px;
    }

    .zumi-video-hero__buttons {
        margin-top:
            13px;
    }

    .zumi-video-hero__button {
        padding:
            8px
            7px;

        font-size:
            10.5px;
    }

}

@media (max-width: 360px) {

    .zumi-video-hero {
        min-height:
            415px;
    }

    .zumi-video-hero__content {
        min-height:
            415px;

        padding:
            21px
            14px
            20px;
    }

    .zumi-video-hero__title {
        font-size:
            34px;
    }

    .zumi-video-hero__subtitle {
        font-size:
            17.5px;
    }

    .zumi-video-hero__support {
        font-size:
            10px;
    }

    .zumi-video-hero__button {
        padding:
            7px
            6px;

        font-size:
            9.8px;
    }

}

@media
only screen
and (max-height: 620px)
and (orientation: landscape) {

    .zumi-video-hero {
        min-height:
            420px;
    }

    .zumi-video-hero__content {
        min-height:
            420px;

        padding:
            27px
            30px;
    }

    .zumi-video-hero__title {
        font-size:
            clamp(42px, 6.4vw, 63px);
    }

    .zumi-video-hero__subtitle {
        margin-top:
            12px;

        font-size:
            clamp(20px, 3vw, 29px);
    }

    .zumi-video-hero__support {
        margin-top:
            9px;
    }

    .zumi-video-hero__buttons {
        margin-top:
            12px;
    }

}

@media (prefers-reduced-motion: reduce) {

    .zumi-video-hero__button {
        transition:
            none !important;
    }

}

.zumi-why,
.zumi-why * {
    box-sizing: border-box;
}

.zumi-why {
    --orange: #E85E2A;
    --orange-dark: #E85E2A;

    --black: #111111;
    --charcoal: #1B1B1B;
    --white: #FFFFFF;
    --line: #E3E1DE;

    --radius:
        clamp(12px, .8vw, 18px);

    width: 100%;
    max-width: 2200px;

    margin: 0 auto;

    padding:
        clamp(14px, 1.5vw, 28px)
        clamp(5px, .5vw, 12px)
        clamp(42px, 4vw, 80px);

    overflow: hidden;

    background: #FFFFFF;

    color: #1D1D1D;

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;
}

.zumi-why__intro {
    position: relative;

    isolation: isolate;

    display: flex;

    align-items: flex-end;

    width: 100%;

    min-height:
        clamp(650px, 46vw, 900px);

    overflow: hidden;

    padding:
        clamp(45px, 4.2vw, 86px);

    border-radius: 5px;

    background: #161616;

    box-shadow:
        0 10px 34px
        rgba(0,0,0,.08);
}

.zumi-why__intro-bg {
    position: absolute !important;

    inset: 0 !important;

    z-index: 0;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    object-position: 58% center !important;

    filter:
        saturate(.86)
        contrast(1.04);

    transform: scale(1.002);
}

.zumi-why__intro::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:

        linear-gradient(
            90deg,
            rgba(7,7,7,.94) 0%,
            rgba(7,7,7,.86) 28%,
            rgba(8,8,8,.65) 51%,
            rgba(8,8,8,.34) 72%,
            rgba(8,8,8,.20) 100%
        ),

        linear-gradient(
            0deg,
            rgba(0,0,0,.72) 0%,
            rgba(0,0,0,.22) 52%,
            rgba(0,0,0,.14) 100%
        );
}

.zumi-why__intro::before {
    content: "";

    position: absolute;

    z-index: 2;

    width:
        clamp(430px, 42vw, 900px);

    aspect-ratio: 1;

    right:
        clamp(-350px, -12vw, -120px);

    bottom:
        clamp(-400px, -19vw, -180px);

    background:
        radial-gradient(
            circle,
            rgba(232,94,42,.27) 0%,
            rgba(232,94,42,.10) 30%,
            rgba(232,94,42,0) 70%
        );

    pointer-events: none;
}

.zumi-why__map-stage {
    position: absolute;

    z-index: 3;

    top:
        clamp(27px, 2.3vw, 48px);

    right:
        clamp(28px, 3vw, 64px);

    width:
        clamp(330px, 31vw, 650px);

    aspect-ratio: 1 / .93;

    pointer-events: none;

    opacity: .92;
}

.zumi-why__map-stage::before,
.zumi-why__map-stage::after {
    content: "";

    position: absolute;

    border-radius: 50%;

    pointer-events: none;
}

.zumi-why__map-stage::before {
    width: 94%;
    aspect-ratio: 1;

    top: -8%;
    right: -12%;

    border:
        1px solid
        rgba(255,255,255,.13);

    box-shadow:
        0 0 0 26px rgba(255,255,255,.025),
        0 0 0 62px rgba(255,255,255,.018),
        0 0 0 104px rgba(232,94,42,.020);
}

.zumi-why__map-stage::after {
    width: 44%;
    aspect-ratio: 1;

    right: 2%;
    bottom: 3%;

    border:
        1px solid
        rgba(232,94,42,.35);

    box-shadow:
        0 0 0 14px rgba(232,94,42,.035);
}

.zumi-why__map {
    position: absolute !important;

    z-index: 2;

    top: 4%;
    right: 2%;

    display: block !important;

    width: 85% !important;
    max-width: none !important;

    height: 88% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;

    opacity: .23;

    filter:
        brightness(0)
        invert(1)
        drop-shadow(
            0 14px 34px
            rgba(0,0,0,.30)
        );

    transform:
        rotate(-4deg);

    transform-origin: center;
}

.zumi-why__intro-content {
    position: relative;

    z-index: 6;

    width: 100%;
    max-width: 1280px;

    padding-top:
        clamp(8px, .7vw, 14px);
}

.zumi-why__title {
    max-width: 1100px;

    margin: 0;

    color: #FFFFFF;

    font-size:
        clamp(63px, 7.2vw, 150px);

    font-weight: 800;

    line-height: .81;

    letter-spacing: -.075em;

    text-transform: uppercase;

    text-shadow:
        0 8px 32px
        rgba(0,0,0,.24);
}

.zumi-why__title span {
    display: block;
}

.zumi-why__title-orange {
    color: var(--orange);
}

.zumi-why__intro-copy {
    max-width: 1120px;

    margin:
        clamp(22px, 2vw, 36px)
        0
        0;

    padding:
        clamp(18px, 1.5vw, 28px)
        clamp(20px, 1.8vw, 34px);

    color:
        rgba(255,255,255,.84);

    background:
        linear-gradient(
            135deg,
            rgba(12,12,12,.58),
            rgba(12,12,12,.28)
        );

    border:
        1px solid
        rgba(255,255,255,.12);

    border-radius:
        4px;

    box-shadow:
        0 15px 40px
        rgba(0,0,0,.13);

    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);

    font-size:
        clamp(16px, 1vw, 22px);

    font-weight: 400;

    line-height: 1.55;

    letter-spacing: -.012em;
}

.zumi-why__intro-copy strong {
    color: #FFFFFF;

    font-weight: 700;
}

.zumi-why__intro-copy .zumi-why__geo {
    color: #FFFFFF;

    font-weight: 700;
}

.zumi-why__intro-copy .zumi-why__geo strong {
    color: var(--orange);
}

.zumi-why__stats {
    position: relative;

    z-index: 10;

    display: grid;

    grid-template-columns:
        repeat(5, minmax(0, 1fr));

    width:
        calc(100% - clamp(22px, 2.2vw, 44px));

    margin:
        clamp(-31px, -1.7vw, -18px)
        auto
        clamp(17px, 1.4vw, 27px);

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #111111 0%,
            #1A1A1A 55%,
            #201712 100%
        );

    border:
        1px solid
        rgba(255,255,255,.06);

    border-radius: 5px;

    box-shadow:
        0 18px 40px
        rgba(0,0,0,.15);
}

.zumi-why__stat {
    position: relative;

    min-width: 0;

    padding:
        clamp(21px, 1.8vw, 36px)
        clamp(15px, 1.4vw, 28px);

    border-right:
        1px solid
        rgba(255,255,255,.10);
}

.zumi-why__stat:last-child {
    border-right: 0;
}

.zumi-why__stat-value {
    display: block;

    color: #FFFFFF;

    font-size:
        clamp(32px, 2.8vw, 60px);

    font-weight: 800;

    line-height: .9;

    letter-spacing: -.055em;

    white-space: nowrap;
}

.zumi-why__stat-value strong {
    color: var(--orange);

    font-weight: 800;
}

.zumi-why__stat-label {
    display: block;

    margin-top: 10px;

    color:
        rgba(255,255,255,.70);

    font-size:
        clamp(11px, .68vw, 14px);

    font-weight: 650;

    line-height: 1.35;

    letter-spacing: .07em;

    text-transform: uppercase;
}

.zumi-why__stat-note {
    display: block;

    margin-top: 4px;

    color:
        rgba(255,255,255,.42);

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    font-size:
        clamp(10px, .58vw, 12px);

    line-height: 1.3;
}

.zumi-why__grid {
    display: grid;

    grid-template-columns:
        repeat(12, minmax(0, 1fr));

    gap:
        clamp(9px, .8vw, 17px);

    width: 100%;
}

.zumi-why__card {
    position: relative;

    isolation: isolate;

    min-height:
        clamp(410px, 29vw, 600px);

    overflow: hidden;

    background: #202020;

    border-radius: 5px;

    box-shadow:
        0 7px 26px
        rgba(0,0,0,.055);
}

.zumi-why__card--wide {
    grid-column: span 7;
}

.zumi-why__card--narrow {
    grid-column: span 5;
}

.zumi-why__card--full {
    grid-column: 1 / -1;

    min-height:
        clamp(430px, 28vw, 610px);
}

.zumi-why__card-image {
    position: absolute !important;

    inset: 0 !important;

    z-index: 0;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;

    transform: scale(1.002);

    transition:
        filter 220ms ease;
}

.zumi-why__card:hover
.zumi-why__card-image {
    filter:
        saturate(1.06)
        contrast(1.025);
}

.zumi-why__card--sossus
.zumi-why__card-image {
    object-position: center 52% !important;
}

.zumi-why__card--etosha
.zumi-why__card-image {
    object-position: center center !important;
}

.zumi-why__card--night
.zumi-why__card-image {
    object-position: center center !important;
}

.zumi-why__card--sandwich
.zumi-why__card-image {
    object-position: center center !important;
}

.zumi-why__card--kolmanskop
.zumi-why__card-image {
    object-position: center 56% !important;
}

.zumi-why__card::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 1;

    pointer-events: none;

    background:
        linear-gradient(
            180deg,
            rgba(0,0,0,.01) 18%,
            rgba(0,0,0,.13) 50%,
            rgba(0,0,0,.86) 100%
        );
}

.zumi-why__card-number {
    position: absolute;

    z-index: 3;

    top:
        clamp(17px, 1.5vw, 30px);

    right:
        clamp(17px, 1.5vw, 30px);

    color:
        rgba(255,255,255,.86);

    font-size:
        clamp(13px, .8vw, 17px);

    font-weight: 700;

    letter-spacing: .08em;
}

.zumi-why__card-content {
    position: absolute;

    z-index: 3;

    left: 0;
    right: 0;
    bottom: 0;

    padding:
        clamp(23px, 2.4vw, 47px);
}

.zumi-why__card-label {
    display: inline-flex;

    align-items: center;

    gap: 8px;

    margin-bottom: 10px;

    color: var(--orange);

    font-size:
        clamp(11px, .68vw, 14px);

    font-weight: 800;

    letter-spacing: .13em;

    text-transform: uppercase;
}

.zumi-why__card-label::before {
    content: "";

    width: 22px;
    height: 2px;

    background: currentColor;
}

.zumi-why__card-title {
    max-width: 940px;

    margin: 0;

    color: #FFFFFF;

    font-size:
        clamp(28px, 2.45vw, 52px);

    font-weight: 700;

    line-height: .98;

    letter-spacing: -.045em;

    text-transform: uppercase;
}

.zumi-why__card-copy {
    max-width: 830px;

    margin:
        13px
        0
        0;

    color:
        rgba(255,255,255,.88);

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    font-size:
        clamp(14px, .84vw, 18px);

    line-height: 1.52;
}

@media (max-width: 1350px) {

    .zumi-why__intro {
        min-height: 720px;
    }

    .zumi-why__map-stage {
        width:
            clamp(310px, 34vw, 500px);

        right: 25px;
    }

    .zumi-why__stats {
        grid-template-columns:
            repeat(3, minmax(0, 1fr));
    }

    .zumi-why__stat {
        border-bottom:
            1px solid
            rgba(255,255,255,.10);
    }

    .zumi-why__stat:nth-child(3n) {
        border-right: 0;
    }

    .zumi-why__stat:nth-last-child(-n+2) {
        border-bottom: 0;
    }

    .zumi-why__stat:nth-child(5) {
        grid-column: span 2;

        border-right: 0;
    }

}

@media (max-width: 1000px) {

    .zumi-why__intro {
        min-height: 760px;

        padding:
            44px
            34px;
    }

    .zumi-why__intro-bg {
        object-position:
            63% center !important;
    }

    .zumi-why__map-stage {
        top: 25px;
        right: 10px;

        width: 420px;

        opacity: .70;
    }

    .zumi-why__intro-content {
        max-width: 820px;
    }

    .zumi-why__title {
        max-width: 800px;

        font-size:
            clamp(59px, 8.7vw, 88px);
    }

    .zumi-why__intro-copy {
        max-width: 810px;
    }

    .zumi-why__card--wide,
    .zumi-why__card--narrow {
        grid-column: span 6;
    }

    .zumi-why__card {
        min-height: 460px;
    }

    .zumi-why__card--full {
        grid-column: 1 / -1;
    }

}

@media (max-width: 700px) {

    .zumi-why {
        padding:
            6px
            0
            0;
    }

    .zumi-why__intro {
        align-items: flex-end;

        min-height: 720px;

        padding:
            27px
            16px
            25px;

        border-radius: 5px;
    }

    .zumi-why__intro-bg {
        object-position:
            61% center !important;
    }

    .zumi-why__intro::after {
        background:

            linear-gradient(
                0deg,
                rgba(7,7,7,.96) 0%,
                rgba(7,7,7,.86) 43%,
                rgba(7,7,7,.49) 72%,
                rgba(7,7,7,.20) 100%
            ),

            linear-gradient(
                90deg,
                rgba(7,7,7,.48),
                rgba(7,7,7,.08)
            );
    }

    .zumi-why__map-stage {
        top: 14px;
        right: -77px;

        width: 330px;

        opacity: .58;
    }

    .zumi-why__map {
        opacity: .26;
    }

    .zumi-why__title {
        max-width: 100%;

        font-size:
            clamp(46px, 14vw, 68px);

        line-height: .83;

        letter-spacing: -.066em;
    }

    .zumi-why__intro-copy {
        margin-top: 19px;

        padding:
            14px
            14px;

        border-radius: 5px;

        font-size: 14.2px;

        line-height: 1.46;
    }

    .zumi-why__stats {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        width:
            calc(100% - 16px);

        margin:
            -12px
            auto
            8px;

        border-radius: 5px;
    }

    .zumi-why__stat {
        min-height: 112px;

        padding:
            17px
            14px;

        border-right:
            1px solid
            rgba(255,255,255,.10);

        border-bottom:
            1px solid
            rgba(255,255,255,.10);
    }

    .zumi-why__stat:nth-child(even) {
        border-right: 0;
    }

    .zumi-why__stat:nth-child(5) {
        grid-column: 1 / -1;

        border-right: 0;
        border-bottom: 0;
    }

    .zumi-why__stat:nth-child(4) {
        border-bottom: 0;
    }

    .zumi-why__stat-value {
        font-size:
            clamp(29px, 8vw, 39px);
    }

    .zumi-why__stat-label {
        margin-top: 8px;

        font-size: 10.2px;
    }

    .zumi-why__stat-note {
        font-size: 9.5px;
    }

    .zumi-why__grid {
        display: block;
    }

    .zumi-why__card {
        min-height: 390px;

        margin-bottom: 8px;

        border-radius: 5px;
    }

    .zumi-why__card--full {
        min-height: 405px;
    }

    .zumi-why__card-content {
        padding:
            22px
            18px;
    }

    .zumi-why__card-title {
        font-size:
            clamp(27px, 7.8vw, 37px);

        line-height: .96;
    }

    .zumi-why__card-copy {
        margin-top: 10px;

        font-size: 14px;

        line-height: 1.44;
    }

    .zumi-why__card-number {
        top: 15px;
        right: 15px;
    }

}

@media (max-width: 390px) {

    .zumi-why__intro {
        min-height: 700px;

        padding:
            24px
            13px
            20px;
    }

    .zumi-why__title {
        font-size:
            clamp(42px, 13.6vw, 54px);
    }

    .zumi-why__intro-copy {
        font-size: 13.5px;
    }

    .zumi-why__map-stage {
        right: -100px;

        width: 310px;
    }

    .zumi-why__card {
        min-height: 365px;
    }

}

@media (prefers-reduced-motion: reduce) {

    .zumi-why__card-image {
        transition: none !important;
    }

}

.zumi-static-fleet,
.zumi-static-fleet * {
    box-sizing: border-box;
}

.zumi-static-fleet {
    --orange: #E85E2A;
    --orange-hover: #E85E2A;
    --orange-soft: rgba(232,94,42,.10);

    --text: #181818;
    --muted: #5E5E5E;

    --white: #FFFFFF;
    --soft: #F7F7F7;
    --line: #E3E3E3;

    --radius: clamp(12px, .72vw, 18px);

    width: 100% !important;
    max-width: 2200px !important;

    margin: 0 auto;

    padding: clamp(4px, .45vw, 10px);

    background: #FFFFFF;

    color: var(--text);

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;
}

.zumi-static-fleet__selector,
.zumi-static-fleet__currency-bar,
.zumi-static-fleet__hero,
.zumi-static-fleet__intro,
.zumi-static-fleet__benefits,
.zumi-static-fleet__features {
    width: 100%;
    max-width: none;

    margin-left: 0;
    margin-right: 0;
}

.zumi-static-fleet__heading {
    margin:
        0
        0
        clamp(16px, 1.2vw, 26px);

    color: #3B3B3B;

    font-size: clamp(25px, 1.65vw, 37px);

    font-weight: 700;

    line-height: 1.15;

    letter-spacing: -.025em;
}

.zumi-static-fleet__selector {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: clamp(10px, .8vw, 16px);
    width: 100%;
    margin: 0 0 clamp(13px, .9vw, 19px);
}

.zumi-static-fleet__choice {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    display: grid;
    grid-template-columns: clamp(70px, 4.5vw, 90px) minmax(0, 1fr);
    align-items: center;
    gap: clamp(10px, .72vw, 14px);
    width: 100%;
    min-width: 0;
    min-height: clamp(78px, 5.4vw, 92px);
    padding: clamp(8px, .6vw, 11px);
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid #DEDEDE;
    border-radius: 5px;
    color: #181818;
    cursor: pointer;
    text-align: left;
    box-shadow: 0 3px 12px rgba(0,0,0,.035);
    transition: background-color 160ms ease, border-color 160ms ease, box-shadow 160ms ease;
}

.zumi-static-fleet__choice:hover {
    background: #FFFCFA;
    border-color: rgba(232,94,42,.52);
    box-shadow: 0 6px 18px rgba(0,0,0,.055);
}

.zumi-static-fleet__choice.is-active {
    background: #FFF9F5;
    border-color: var(--orange);
}

.zumi-static-fleet__choice.is-active::after {
    content: "";
    position: absolute;
    left: 11px;
    right: 11px;
    bottom: 0;
    height: 3px;
    background: var(--orange);
    border-radius: 3px 3px 0 0;
    pointer-events: none;
}

.zumi-static-fleet__choice:focus-visible {
    outline: 3px solid rgba(232,94,42,.30);
    outline-offset: 3px;
}

.zumi-static-fleet__thumb {
    display: block;
    width: clamp(70px, 4.5vw, 90px);
    height: clamp(54px, 3.35vw, 68px);
    overflow: hidden;
    border-radius: 5px;
    background: #EEEEEE;
}

.zumi-static-fleet__thumb img {
    display: block !important;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center !important;
}

.zumi-static-fleet__choice-name {
    display: block;
    min-width: 0;
    max-width: 100%;
    color: #111111;
    font-size: clamp(14px, .9vw, 18px);
    font-weight: 700;
    line-height: 1.18;
    letter-spacing: -.015em;
    white-space: normal;
    overflow: visible;
    text-overflow: clip;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    -webkit-hyphens: none;
}

.zumi-static-fleet__choice.is-new .zumi-static-fleet__choice-name {
    padding-right: 43px;
}

.zumi-static-fleet__choice-badge {
    position: absolute;
    z-index: 5;
    top: 7px;
    right: 7px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 34px;
    padding: 4px 7px;
    background: var(--orange);
    color: #FFFFFF;
    border-radius: 5px;
    box-shadow: 0 3px 8px rgba(0,0,0,.12);
    font-size: clamp(8px, .5vw, 10px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: .07em;
    text-transform: uppercase;
    pointer-events: none;
}

@media (min-width: 701px) and (max-width: 1050px) {
    .zumi-static-fleet__selector {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .zumi-static-fleet__choice {
        grid-template-columns: 82px minmax(0, 1fr);
        min-height: 84px;
    }

    .zumi-static-fleet__thumb {
        width: 82px;
        height: 61px;
    }

    .zumi-static-fleet__choice-name {
        font-size: clamp(15px, 1.65vw, 18px);
    }
}

.zumi-static-fleet__currency-bar {
    display: flex;

    align-items: center;

    justify-content: space-between;

    gap: clamp(12px, 1vw, 20px);

    margin-bottom:
        clamp(13px, 1vw, 20px);

    padding:
        clamp(9px, .65vw, 13px)
        clamp(11px, .85vw, 17px);

    background:
        linear-gradient(
            135deg,
            #FAFAFA,
            #F6F6F6
        );

    border:
        1px solid
        var(--line);

    border-radius: 5px;

    box-shadow:
        0 3px 12px
        rgba(0,0,0,.025);
}

.zumi-static-fleet__currency-label {
    display: flex;

    align-items: center;

    gap: 9px;

    flex: 0 0 auto;

    color: #454545;

    font-size:
        clamp(13px, .75vw, 16px);

    font-weight: 600;

    line-height: 1.2;

    white-space: nowrap;
}

.zumi-static-fleet__currency-label-icon {
    display: grid;

    place-items: center;

    width: 30px;
    height: 30px;

    background:
        var(--orange-soft);

    color:
        var(--orange);

    border-radius: 50%;

    font-size: 16px;

    font-weight: 700;
}

.zumi-static-fleet__currencies {
    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    justify-content: flex-end;

    gap:
        clamp(5px, .4vw, 8px);

    min-width: 0;
}

.zumi-static-fleet__currency-button {
    appearance: none;
    -webkit-appearance: none;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    min-width: 0;
    min-height: 40px;

    padding:
        8px
        clamp(10px, .7vw, 15px);

    background: #FFFFFF;

    color: #363636;

    border:
        1px solid
        #DADADA;

    border-radius: 5px;

    cursor: pointer;

    font-family: inherit;

    font-size:
        clamp(13px, .72vw, 16px);

    font-weight: 600;

    line-height: 1;

    white-space: nowrap;

    box-shadow:
        0 2px 5px
        rgba(0,0,0,.025);

    transition:
        background-color 160ms ease,
        color 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease;
}

.zumi-static-fleet__currency-button:hover {
    background: #FFFDFC;

    border-color:
        rgba(232,94,42,.55);
}

.zumi-static-fleet__currency-button.is-active {
    background: #FFFFFF;

    color:
        var(--orange);

    border-color:
        #E85E2A !important;

    box-shadow:
        0 0 0 2px
        rgba(232,94,42,.10),

        0 3px 10px
        rgba(0,0,0,.035);
}

.zumi-static-fleet__currency-button:focus-visible {
    outline:
        3px solid
        rgba(232,94,42,.28);

    outline-offset: 2px;
}

.zumi-static-fleet__currency-flag {
    display: inline-block;

    font-size:
        clamp(16px, .95vw, 20px);

    line-height: 1;
}

.zumi-static-fleet__currency-code {
    min-width: 0;
}

.zumi-static-fleet__panel[hidden] {
    display: none !important;
}

.zumi-static-fleet__panel.is-active {
    display: block;

    animation:
        zumiStaticPanelIn
        280ms
        cubic-bezier(.2,.8,.2,1);
}

@keyframes zumiStaticPanelIn {

    from {
        opacity: 0;

        transform:
            translateY(5px);
    }

    to {
        opacity: 1;

        transform:
            translateY(0);
    }

}

.zumi-static-fleet__hero {
    position: relative;

    isolation: isolate;

    height:
        clamp(440px, 31vw, 600px);

    overflow: hidden;

    background: #171717;

    border-radius:
        4px;

    box-shadow:
        0 7px 25px
        rgba(0,0,0,.045);
}


/* 2027 Toyota Hilux: small NEW badge over the top-right of the selected banner. */
.zumi-static-fleet__hero-new-badge {
    position: absolute;
    z-index: 5;
    top: clamp(14px, 1.5vw, 26px);
    right: clamp(14px, 1.5vw, 26px);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 9px 14px;
    border-radius: 5px;
    background: var(--orange, #E85E2A);
    color: #FFFFFF;
    font-size: 16px;
    font-weight: 800;
    line-height: 1;
    letter-spacing: .04em;
    box-shadow: 0 4px 12px rgba(0,0,0,.18);
    pointer-events: none;
}

.zumi-static-fleet__hero-backdrop {
    display: none !important;
}

.zumi-static-fleet__hero-image {
    position: absolute !important;

    inset: 0 !important;

    z-index: 1;

    display: block !important;

    width: 100% !important;
    max-width: none !important;

    height: 100% !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 0 !important;

    object-fit: cover !important;

    object-position:
        center bottom !important;

    pointer-events: none;
}

.zumi-static-fleet__panel[data-vehicle="camping"]
.zumi-static-fleet__hero-image {
    object-position:
        center bottom !important;
}

.zumi-static-fleet__hero::after {
    content: "";

    position: absolute;

    inset: 0;

    z-index: 2;

    pointer-events: none;

    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.70) 0%,
            rgba(0,0,0,.53) 28%,
            rgba(0,0,0,.26) 49%,
            rgba(0,0,0,.07) 71%,
            rgba(0,0,0,0) 88%
        );
}

.zumi-static-fleet__hero-content {
    position: absolute;

    z-index: 3;

    left: 0;
    right: 0;
    bottom: 0;

    display: flex;

    flex-direction: column;

    align-items: flex-start;

    padding:
        clamp(28px, 3vw, 60px);

    color: #FFFFFF;
}

.zumi-static-fleet__title {
    max-width: 1050px;

    margin: 0;

    color: #FFFFFF;

    font-size:
        clamp(35px, 2.7vw, 60px);

    font-weight: 700;

    line-height: 1;

    letter-spacing: -.04em;
}

.zumi-static-fleet__price {
    display: flex;

    align-items: baseline;

    gap:
        clamp(8px, .55vw, 12px);

    margin-top:
        clamp(13px, 1.1vw, 23px);

    color: #FFFFFF;

    font-size:
        clamp(25px, 1.7vw, 38px);

    font-weight: 400;

    line-height: 1;

    white-space: nowrap;
}

.zumi-static-fleet__price-value {
    display: inline-block;

    min-width: 3.7em;

    color:
        var(--orange);

    font-weight: 700;

    font-variant-numeric:
        tabular-nums;

    transition:
        opacity 120ms ease;
}

.zumi-static-fleet__actions {
    display: flex;

    flex-wrap: nowrap;

    align-items: center;

    gap:
        clamp(6px, .4vw, 9px);

    margin-top:
        clamp(17px, 1.25vw, 26px);
}

.zumi-static-fleet__button {
    appearance: none;
    -webkit-appearance: none;

    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 0;

    padding:
        clamp(10px, .6vw, 13px)
        clamp(12px, .8vw, 18px);

    border-radius: 5px;

    color:
        #FFFFFF !important;

    text-decoration:
        none !important;

    white-space: nowrap;

    font-size:
        clamp(13px, .8vw, 17px);

    font-weight: 600;

    line-height: 1;

    font-family: inherit;
    cursor: pointer;

    transform: none;

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.zumi-static-fleet__button--primary {
    background:
        #E85E2A !important;

    border:
        1px solid
        var(--orange);

    box-shadow:
        0 5px 17px
        rgba(0,0,0,.20);
}

.zumi-static-fleet__button--primary:hover {
    background:
        #E85E2A !important;

    border-color:
        #E85E2A !important;

    box-shadow:
        0 0 0 3px
        rgba(232,94,42,.16),

        0 5px 17px
        rgba(0,0,0,.20);
}

.zumi-static-fleet__button--secondary {
    background:
        rgba(20,20,20,.32);

    border:
        1px solid
        rgba(255,255,255,.62);

    backdrop-filter:
        blur(8px);

    -webkit-backdrop-filter:
        blur(8px);
}

.zumi-static-fleet__button--secondary:hover {
    background:
        rgba(255,255,255,.17);

    border-color:
        rgba(255,255,255,.92);
}

/* Temporarily unavailable vehicle actions remain visible but cannot navigate. */
.zumi-static-fleet__button.is-disabled,
.zumi-static-fleet__button:disabled {
    opacity: .62;
    cursor: not-allowed;
    pointer-events: none;
    box-shadow: none;
}

.zumi-static-fleet__button--primary.is-disabled,
.zumi-static-fleet__button--primary:disabled {
    background: #E85E2A !important;
    border-color: #E85E2A !important;
}

.zumi-static-fleet__button--secondary.is-disabled,
.zumi-static-fleet__button--secondary:disabled {
    background: rgba(20,20,20,.32);
    border-color: rgba(255,255,255,.44);
}

.zumi-static-fleet__intro {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    gap:
        clamp(25px, 3vw, 70px);

    padding:
        clamp(25px, 2vw, 42px)
        clamp(14px, 1.4vw, 30px);
}

.zumi-static-fleet__description {
    max-width: 1450px;

    margin: 0;

    color: #292929;

    font-size:
        clamp(19px, 1.15vw, 26px);

    font-weight: 500;

    line-height: 1.4;

    letter-spacing: -.012em;
}

.zumi-static-fleet__logo {
    display: block !important;

    width:
        clamp(110px, 7vw, 165px) !important;

    max-width: none !important;

    height: auto !important;

    max-height:
        82px !important;

    flex: 0 0 auto;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain;
}

.zumi-static-fleet__benefits {
    display: grid;

    grid-template-columns:
        repeat(4, minmax(0, 1fr));

    overflow: hidden;

    background: #FFFFFF;

    border:
        1px solid
        var(--line);

    border-radius: 5px;

    box-shadow:
        0 2px 8px
        rgba(0,0,0,.018);
}

.zumi-static-fleet__benefit {
    display: grid;

    grid-template-columns:
        clamp(46px, 2.5vw, 56px)
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(12px, .75vw, 17px);

    min-width: 0;

    padding:
        clamp(19px, 1.2vw, 28px);

    border-right:
        1px solid
        var(--line);
}

.zumi-static-fleet__benefit:last-child {
    border-right: 0;
}

.zumi-static-fleet__benefit-icon {
    display: grid;

    place-items: center;

    width:
        clamp(46px, 2.5vw, 56px);

    height:
        clamp(46px, 2.5vw, 56px);

    background:
        rgba(232,94,42,.12);

    color:
        var(--orange);

    border-radius: 50%;
}

.zumi-static-fleet__benefit-icon svg {
    display: block;

    width:
        clamp(24px, 1.3vw, 29px);

    height:
        clamp(24px, 1.3vw, 29px);

    fill: currentColor;
}

.zumi-static-fleet__benefit-title {
    margin:
        0
        0
        6px;

    color: #111111;

    font-size:
        clamp(16px, .88vw, 20px);

    font-weight: 700;

    line-height: 1.25;
}

.zumi-static-fleet__benefit-text {
    margin: 0;

    color: #5E5E5E;

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    font-size:
        clamp(14px, .73vw, 16.5px);

    line-height: 1.52;
}

.zumi-static-fleet__features {
    margin-top:
        clamp(12px, .8vw, 18px);

    overflow: hidden;

    background:
        var(--soft);

    border:
        1px solid
        var(--line);

    border-radius: 5px;

    box-shadow:
        0 2px 8px
        rgba(0,0,0,.018);
}

.zumi-static-fleet__features > summary {
    list-style: none;
}

.zumi-static-fleet__features >
summary::-webkit-details-marker {
    display: none;
}

.zumi-static-fleet__features-summary {
    display: flex;

    align-items: center;

    justify-content:
        space-between;

    min-height:
        clamp(74px, 3.8vw, 88px);

    padding:
        clamp(14px, .9vw, 19px)
        clamp(17px, 1.1vw, 26px);

    cursor: pointer;

    user-select: none;

    transition:
        background-color 170ms ease;
}

.zumi-static-fleet__features-summary:hover {
    background: #F0F0F0;
}

.zumi-static-fleet__features-left {
    display: flex;

    align-items: center;

    gap:
        clamp(13px, .75vw, 17px);
}

.zumi-static-fleet__features-symbol {
    display: grid;

    place-items: center;

    width:
        clamp(46px, 2.35vw, 54px);

    height:
        clamp(46px, 2.35vw, 54px);

    flex: 0 0 auto;

    background:
        var(--orange);

    color: #FFFFFF;

    border-radius: 50%;

    font-size:
        clamp(19px, 1vw, 24px);

    font-weight: 700;
}

.zumi-static-fleet__features-title {
    display: block;

    color: #111111;

    font-size:
        clamp(17px, .92vw, 21px);

    font-weight: 700;

    line-height: 1.25;
}

.zumi-static-fleet__features-count {
    display: block;

    margin-top: 4px;

    color: #666666;

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    font-size:
        clamp(13px, .68vw, 15.5px);

    line-height: 1.35;
}

.zumi-static-fleet__features-arrow {
    position: relative;

    width: 40px;
    height: 40px;

    flex: 0 0 40px;

    background: #FFFFFF;

    border:
        1px solid
        #DADADA;

    border-radius: 50%;

    transition:
        transform
        240ms
        cubic-bezier(.2,.8,.2,1);
}

.zumi-static-fleet__features-arrow::before,
.zumi-static-fleet__features-arrow::after {
    content: "";

    position: absolute;

    top: 50%;

    width: 9px;
    height: 2px;

    margin-top: -1px;

    background: #3D3D3D;

    border-radius: 2px;
}

.zumi-static-fleet__features-arrow::before {
    left: 11px;

    transform:
        rotate(45deg);
}

.zumi-static-fleet__features-arrow::after {
    right: 11px;

    transform:
        rotate(-45deg);
}

.zumi-static-fleet__features[open]
.zumi-static-fleet__features-arrow {
    transform:
        rotate(180deg);
}

.zumi-static-fleet__features-body {
    padding:
        5px
        clamp(20px, 1.25vw, 30px)
        clamp(21px, 1.3vw, 31px);
}

.zumi-static-fleet__feature-list {
    margin: 0;

    padding:
        8px 0 0;

    list-style: none;

    columns: 4;

    column-gap:
        clamp(28px, 1.8vw, 48px);
}

.zumi-static-fleet__feature {
    display: flex;

    align-items: center;

    gap:
        clamp(12px, .7vw, 16px);

    min-height:
        clamp(68px, 3.4vw, 78px);

    padding:
        9px 0;

    color: #252525;

    border-bottom:
        1px solid
        #DFDFDF;

    break-inside: avoid;

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    font-size:
        clamp(15px, .78vw, 17.5px);

    font-weight: 500;

    line-height: 1.38;
}

.zumi-static-fleet__feature-icon {
    display: grid;

    place-items: center;

    width:
        clamp(50px, 2.5vw, 58px);

    height:
        clamp(50px, 2.5vw, 58px);

    flex: 0 0 auto;

    background: #FFFFFF;

    border:
        1px solid
        #E2E2E2;

    border-radius: 5px;

    box-shadow:
        0 2px 7px
        rgba(0,0,0,.025);
}

.zumi-static-fleet__feature-icon img {
    display: block !important;

    width:
        clamp(37px, 1.9vw, 43px) !important;

    max-width: none !important;

    height:
        clamp(37px, 1.9vw, 43px) !important;

    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}

@media (max-width: 1500px) {

    .zumi-static-fleet__feature-list {
        columns: 3;
    }

    .zumi-static-fleet__benefits {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .zumi-static-fleet__benefit {
        border-right: 0;

        border-bottom:
            1px solid
            var(--line);
    }

    .zumi-static-fleet__benefit:nth-child(odd) {
        border-right:
            1px solid
            var(--line);
    }

    .zumi-static-fleet__benefit:nth-last-child(-n+2) {
        border-bottom: 0;
    }

}

@media (max-width: 1100px) {

    .zumi-static-fleet__hero {
        height:
            clamp(430px, 44vw, 510px);
    }

    .zumi-static-fleet__feature-list {
        columns: 2;
    }

}

@media (max-width: 900px) {

    .zumi-static-fleet__hero {
        height: auto;

        background: #181818;
    }

    .zumi-static-fleet__hero-backdrop {
        display: none !important;
    }

    .zumi-static-fleet__hero-image {
        position: relative !important;

        inset: auto !important;

        display: block !important;

        width: 100% !important;

        height: auto !important;
        max-height: none !important;

        object-fit: contain !important;

        object-position:
            center center !important;
    }

    .zumi-static-fleet__hero::after {
        display: none;
    }

    .zumi-static-fleet__hero-content {
        position: relative;

        left: auto;
        right: auto;
        bottom: auto;

        width: 100%;

        padding:
            18px
            18px
            19px;

        background:
            linear-gradient(
                135deg,
                #242424,
                #171717
            );
    }

    .zumi-static-fleet__title {
        max-width: 100%;

        font-size:
            clamp(27px, 5vw, 37px);

        line-height: 1;

        letter-spacing: -.04em;
    }

    .zumi-static-fleet__price {
        margin-top: 8px;

        font-size:
            clamp(20px, 3.7vw, 26px);

        line-height: 1;
    }

    .zumi-static-fleet__actions {
        margin-top: 12px;
    }

    .zumi-static-fleet__intro {
        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 17px;

        padding:
            25px
            18px;

        text-align: center;
    }

    .zumi-static-fleet__description {
        width: 100%;
        max-width: 900px;

        margin: 0 auto;

        text-align: center;
    }

    .zumi-static-fleet__logo {
        width:
            clamp(115px, 18vw, 155px) !important;

        max-height:
            78px !important;

        margin:
            0 auto !important;

        align-self: center;
    }

    .zumi-static-fleet__benefits {
        grid-template-columns: 1fr;
    }

    .zumi-static-fleet__benefit,
    .zumi-static-fleet__benefit:nth-child(odd) {
        grid-template-columns:
            52px
            minmax(0, 1fr);

        gap: 15px;

        padding: 18px;

        border-right: 0;

        border-bottom:
            1px solid
            var(--line);
    }

    .zumi-static-fleet__benefit:last-child {
        border-bottom: 0;
    }

    .zumi-static-fleet__benefit-icon {
        width: 50px;
        height: 50px;
    }

    .zumi-static-fleet__benefit-icon svg {
        width: 26px;
        height: 26px;
    }

    .zumi-static-fleet__benefit-title {
        font-size: 17px;
    }

    .zumi-static-fleet__benefit-text {
        font-size: 15px;

        line-height: 1.5;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet {
        --radius: 11px;

        padding: 0 !important;
    }

    .zumi-static-fleet__heading {
        margin-bottom: 14px;

        padding:
            0 4px;

        font-size:
            clamp(23px, 6vw, 28px);
    }

    .zumi-static-fleet__selector {
        display: flex;
        gap: 10px;
        width: 100%;
        margin: 0 0 12px;
        padding: 0 4px 8px;
        overflow-x: auto;
        overflow-y: hidden;
        scrollbar-width: none;
        scroll-snap-type: x mandatory;
        scroll-padding-inline: 4px;
        overscroll-behavior-x: contain;
        -webkit-overflow-scrolling: touch;
    }

    .zumi-static-fleet__selector::-webkit-scrollbar {
        display: none;
    }

    .zumi-static-fleet__choice {
        flex: 0 0 clamp(272px, 86vw, 318px);
        grid-template-columns: 76px minmax(0, 1fr);
        gap: 12px;
        min-height: 84px;
        padding: 10px;
        border-radius: 5px;
        scroll-snap-align: start;
        scroll-snap-stop: normal;
    }

    .zumi-static-fleet__thumb {
        width: 76px;
        height: 58px;
        border-radius: 5px;
    }

    .zumi-static-fleet__choice-name {
        font-size: clamp(14.5px, 4.15vw, 16px);
        line-height: 1.17;
        letter-spacing: -.018em;
        white-space: normal;
        overflow: visible;
        text-overflow: clip;
        overflow-wrap: normal;
        word-break: normal;
        hyphens: none;
        -webkit-hyphens: none;
    }

    .zumi-static-fleet__choice.is-new .zumi-static-fleet__choice-name {
        padding-right: 45px;
    }

    .zumi-static-fleet__choice-badge {
        top: 7px;
        right: 7px;
        min-width: 33px;
        padding: 4px 6px;
        font-size: 8px;
    }

    .zumi-static-fleet__currency-bar {
        display: block;

        width: 100%;

        margin:
            0 0 10px;

        padding: 9px;

        overflow: visible;

        border-radius: 5px;
    }

    .zumi-static-fleet__currency-label {
        margin:
            0 0 8px;

        gap: 7px;

        font-size: 12.5px;
    }

    .zumi-static-fleet__currency-label-icon {
        width: 26px;
        height: 26px;

        font-size: 13px;
    }

    .zumi-static-fleet__currencies {
        display: grid;

        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        align-items: stretch;

        justify-content: stretch;

        gap:
            clamp(4px, 1.3vw, 6px);

        width: 100%;
        min-width: 0;

        overflow: visible;
    }

    .zumi-static-fleet__currency-button {
        display: flex;

        width: 100%;
        min-width: 0;

        min-height: 37px;

        gap:
            clamp(3px, .8vw, 5px);

        padding:
            7px
            clamp(3px, 1.4vw, 7px);

        border-radius: 5px;

        font-size:
            clamp(10.5px, 2.95vw, 12.5px);

        overflow: hidden;
    }

    .zumi-static-fleet__currency-flag {
        flex: 0 0 auto;

        font-size:
            clamp(13px, 3.8vw, 17px);
    }

    .zumi-static-fleet__currency-code {
        min-width: 0;

        overflow: hidden;
    }

    .zumi-static-fleet__hero {
        width: 100%;

        margin: 0;

        border-radius: 5px;
    }

    .zumi-static-fleet__hero-content {
        padding:
            13px
            14px
            14px;
    }

    .zumi-static-fleet__title {
        font-size:
            clamp(23px, 6.2vw, 30px);

        line-height: .96;

        letter-spacing: -.042em;
    }

    .zumi-static-fleet__price {
        margin-top: 6px;

        gap: 5px;

        font-size:
            clamp(18px, 4.6vw, 22px);

        line-height: .96;
    }

    .zumi-static-fleet__price-value {
        min-width: 0;
    }

    .zumi-static-fleet__actions {
        gap: 5px;

        margin-top: 10px;
    }

    .zumi-static-fleet__button {
        padding:
            8px
            7px;

        border-radius: 5px;

        font-size:
            clamp(10.5px, 2.85vw, 12.5px);
    }

    .zumi-static-fleet__intro {
        flex-direction: column;

        align-items: center;

        justify-content: center;

        gap: 15px;

        padding:
            22px
            16px;

        text-align: center;
    }

    .zumi-static-fleet__description {
        width: 100%;

        max-width: 600px;

        margin: 0 auto;

        text-align: center;

        font-size:
            clamp(17px, 4.3vw, 20px);

        line-height: 1.45;
    }

    .zumi-static-fleet__logo {
        width:
            clamp(110px, 31vw, 145px) !important;

        max-height:
            68px !important;

        margin:
            0 auto !important;

        align-self: center;
    }

    .zumi-static-fleet__benefits {
        width: 100%;

        margin: 0;

        border-radius: 5px;
    }

    .zumi-static-fleet__benefit,
    .zumi-static-fleet__benefit:nth-child(odd) {
        grid-template-columns:
            46px
            minmax(0, 1fr);

        gap: 12px;

        padding:
            14px
            15px;

        border-right: 0;

        border-bottom:
            1px solid
            var(--line);
    }

    .zumi-static-fleet__benefit:last-child {
        border-bottom: 0;
    }

    .zumi-static-fleet__benefit-icon {
        width: 44px;
        height: 44px;
    }

    .zumi-static-fleet__benefit-icon svg {
        width: 23px;
        height: 23px;
    }

    .zumi-static-fleet__benefit-title {
        margin-bottom: 4px;

        font-size:
            clamp(14.6px, 3.75vw, 15.5px);

        line-height: 1.2;
    }

    .zumi-static-fleet__benefit-text {
        font-size:
            clamp(13px, 3.45vw, 13.8px);

        line-height: 1.43;
    }

    .zumi-static-fleet__features {
        width: 100%;

        margin:
            10px 0 0;

        border-radius: 5px;
    }

    .zumi-static-fleet__features-summary {
        min-height: 58px;

        padding:
            9px
            11px;
    }

    .zumi-static-fleet__features-left {
        gap: 10px;
    }

    .zumi-static-fleet__features-symbol {
        width: 38px;
        height: 38px;

        font-size: 17px;
    }

    .zumi-static-fleet__features-title {
        font-size:
            clamp(14px, 3.65vw, 15px);

        line-height: 1.12;
    }

    .zumi-static-fleet__features-count {
        margin-top: 2px;

        font-size:
            clamp(10.6px, 2.8vw, 11.5px);

        line-height: 1.18;
    }

    .zumi-static-fleet__features-arrow {
        width: 34px;
        height: 34px;

        flex:
            0 0 34px;
    }

    .zumi-static-fleet__features-arrow::before,
    .zumi-static-fleet__features-arrow::after {
        width: 8px;
    }

    .zumi-static-fleet__features-arrow::before {
        left: 9px;
    }

    .zumi-static-fleet__features-arrow::after {
        right: 9px;
    }

    .zumi-static-fleet__features-body {
        padding:
            2px
            11px
            10px;
    }

    .zumi-static-fleet__feature-list {
        display: grid;

        grid-template-columns:
            repeat(2, minmax(0, 1fr));

        gap:
            0 12px;

        columns: auto;

        width: 100%;

        padding: 0;
    }

    .zumi-static-fleet__feature {
        min-width: 0;

        min-height: 45px;

        gap: 7px;

        padding:
            4px 0;

        font-size:
            clamp(11.4px, 3vw, 12.4px);

        line-height: 1.16;
    }

    .zumi-static-fleet__feature-icon {
        width: 35px;
        height: 35px;

        flex:
            0 0 35px;

        border-radius: 5px;
    }

    .zumi-static-fleet__feature-icon img {
        width:
            25px !important;

        height:
            25px !important;
    }

}

@media (max-width: 430px) {

    .zumi-static-fleet__currency-bar {
        padding: 8px;
    }

    .zumi-static-fleet__currencies {
        gap: 4px;
    }

    .zumi-static-fleet__currency-button {
        min-height: 36px;

        padding:
            6px
            3px;

        gap: 3px;

        font-size:
            clamp(10px, 2.8vw, 11.5px);
    }

    .zumi-static-fleet__currency-flag {
        font-size:
            clamp(13px, 3.6vw, 15px);
    }

    .zumi-static-fleet__hero-content {
        padding:
            12px
            13px
            13px;
    }

    .zumi-static-fleet__title {
        font-size:
            clamp(22px, 6vw, 27px);

        line-height: .95;
    }

    .zumi-static-fleet__price {
        margin-top: 5px;

        font-size:
            clamp(17px, 4.5vw, 20px);
    }

    .zumi-static-fleet__actions {
        margin-top: 9px;
    }

    .zumi-static-fleet__features-body {
        padding:
            1px
            9px
            8px;
    }

    .zumi-static-fleet__feature-list {
        gap:
            0 9px;
    }

    .zumi-static-fleet__feature {
        min-height: 42px;

        gap: 6px;

        padding:
            3px 0;

        font-size:
            clamp(10.9px, 2.9vw, 11.8px);

        line-height: 1.14;
    }

    .zumi-static-fleet__feature-icon {
        width: 33px;
        height: 33px;

        flex:
            0 0 33px;
    }

    .zumi-static-fleet__feature-icon img {
        width:
            23px !important;

        height:
            23px !important;
    }

}

@media (max-width: 360px) {

    .zumi-static-fleet__currency-bar {
        padding: 7px;
    }

    .zumi-static-fleet__currencies {
        gap: 3px;
    }

    .zumi-static-fleet__currency-button {
        padding:
            6px 2px;

        gap: 2px;

        font-size: 9.8px;
    }

    .zumi-static-fleet__currency-flag {
        font-size: 13px;
    }

    .zumi-static-fleet__logo {
        width:
            118px !important;
    }

    .zumi-static-fleet__button {
        padding:
            7px
            5px;

        font-size: 10.2px;
    }

    .zumi-static-fleet__hero-content {
        padding:
            11px
            12px
            12px;
    }

    .zumi-static-fleet__title {
        font-size: 21px;

        line-height: .94;
    }

    .zumi-static-fleet__price {
        margin-top: 4px;

        font-size: 16.5px;
    }

    .zumi-static-fleet__actions {
        margin-top: 8px;
    }

    .zumi-static-fleet__feature-list {
        gap:
            0 7px;
    }

    .zumi-static-fleet__feature {
        min-height: 40px;

        font-size: 10.6px;

        line-height: 1.12;
    }

    .zumi-static-fleet__feature-icon {
        width: 31px;
        height: 31px;

        flex:
            0 0 31px;
    }

    .zumi-static-fleet__feature-icon img {
        width:
            21px !important;

        height:
            21px !important;
    }

}

@media (min-width: 2050px) {

    .zumi-static-fleet__hero {
        height: 600px;
    }

    .zumi-static-fleet__hero-backdrop {
        position:
            absolute !important;

        inset:
            -20px !important;

        z-index: 0;

        display:
            none !important;

        width:
            calc(100% + 40px) !important;

        max-width:
            none !important;

        height:
            calc(100% + 40px) !important;

        max-height:
            none !important;

        margin:
            0 !important;

        padding:
            0 !important;

        object-fit:
            cover !important;

        object-position:
            center center !important;

        filter:
            blur(10px)
            brightness(.78)
            saturate(.92);

        transform:
            scale(1.018);

        opacity: .92;

        pointer-events: none;
    }

    .zumi-static-fleet__hero-image,
    .zumi-static-fleet__panel[data-vehicle="camping"]
    .zumi-static-fleet__hero-image,
    .zumi-static-fleet__panel[data-vehicle="hilux"]
    .zumi-static-fleet__hero-image,
    .zumi-static-fleet__panel[data-vehicle="fortuner"]
    .zumi-static-fleet__hero-image {
        object-fit:
            cover !important;

        object-position:
            center calc(100% + min(200px, 11vw)) !important;
    }

    .zumi-static-fleet__hero-content {
        padding:
            48px
            55px;
    }

    .zumi-static-fleet__title {
        font-size: 56px;
    }

    .zumi-static-fleet__price {
        font-size: 36px;
    }

    .zumi-static-fleet__benefit-title {
        font-size: 20px;
    }

    .zumi-static-fleet__benefit-text {
        font-size: 16px;

        line-height: 1.58;
    }

    .zumi-static-fleet__features-title {
        font-size: 21px;
    }

    .zumi-static-fleet__features-count {
        font-size: 15px;
    }

    .zumi-static-fleet__feature {
        font-size: 17px;

        line-height: 1.4;
    }

}

@media (prefers-reduced-motion: reduce) {

    .zumi-static-fleet__panel,
    .zumi-static-fleet__choice,
    .zumi-static-fleet__currency-button,
    .zumi-static-fleet__price-value {
        animation: none !important;

        transition: none !important;
    }

}

.zumi-trust-panel,
.zumi-trust-panel * {
    box-sizing: border-box;
}

.zumi-trust-panel {
    --orange: #E85E2A;
    --orange-dark: #E85E2A;

    width: 100%;
    max-width: 2200px;

    margin: 0 auto;

    padding:
        clamp(5px, .5vw, 12px);

    color: #FFFFFF;

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;
}

.zumi-trust-panel__inner {
    position: relative;

    isolation: isolate;

    display: grid;

    grid-template-columns:
        minmax(0, 1.12fr)
        minmax(390px, .88fr);

    gap:
        clamp(34px, 4vw, 86px);

    align-items: stretch;

    min-height:
        clamp(650px, 44vw, 860px);

    overflow: hidden;

    padding:
        clamp(42px, 4.8vw, 92px);

    background:
        linear-gradient(
            135deg,
            #101010 0%,
            #1B1B1B 55%,
            #1D130E 100%
        );

    border-radius:
        4px;

    /* Final home-page section sits directly above the footer.
       Removing the exterior drop shadow prevents the grey bleed/cutoff
       and leaves the rounded lower edge clean. */
    box-shadow: none;
}

.zumi-trust-panel__inner::before {
    content: "";

    position: absolute;

    z-index: 0;

    width: 68%;
    aspect-ratio: 1;

    right: -18%;
    top: -27%;

    background:
        radial-gradient(
            circle,
            rgba(232,94,42,.28) 0%,
            rgba(232,94,42,.09) 33%,
            rgba(232,94,42,0) 69%
        );

    pointer-events: none;
}

.zumi-trust-panel__content {
    position: relative;

    z-index: 8;

    align-self: center;

    max-width: 980px;
}

.zumi-trust-panel__eyebrow {
    margin-bottom: 14px;

    color: var(--orange);

    font-size:
        clamp(12px, .72vw, 15px);

    font-weight: 800;

    letter-spacing: .15em;

    text-transform: uppercase;
}

.zumi-trust-panel__title {
    max-width: 950px;

    margin: 0;

    color: #FFFFFF;

    font-size:
        clamp(48px, 5vw, 98px);

    font-weight: 800;

    line-height: .87;

    letter-spacing: -.065em;

    text-transform: uppercase;
}

.zumi-trust-panel__title em {
    display: block;

    color: var(--orange);

    font-style: normal;
}

.zumi-trust-panel__copy {
    max-width: 840px;

    margin:
        clamp(23px, 2vw, 37px)
        0
        0;

    color:
        rgba(255,255,255,.84);

    font-size:
        clamp(16px, 1vw, 22px);

    font-weight: 400;

    line-height: 1.57;
}

.zumi-trust-panel__copy strong {
    color: #FFFFFF;

    font-weight: 700;
}

.zumi-trust-panel__ntb {
    display: grid;

    grid-template-columns:
        clamp(86px, 6vw, 118px)
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(14px, 1vw, 20px);

    width: min(100%, 720px);

    margin-top:
        clamp(22px, 1.8vw, 34px);

    padding:
        clamp(13px, 1vw, 18px);

    background:
        rgba(255,255,255,.075);

    border:
        1px solid
        rgba(255,255,255,.14);

    border-radius: 5px;

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.zumi-trust-panel__ntb-logo {
    display: grid;

    place-items: center;

    min-height:
        clamp(82px, 5.5vw, 108px);

    padding:
        0;

    overflow: visible;

    background: transparent;

    border-radius: 0;
}

.zumi-trust-panel__ntb-logo img {
    display: block !important;

    width: auto !important;
    max-width: 100% !important;

    height:
        clamp(66px, 4.4vw, 88px) !important;

    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}

.zumi-trust-panel__ntb-kicker {
    display: block;

    margin-bottom: 5px;

    color: var(--orange);

    font-size:
        clamp(10.5px, .63vw, 13px);

    font-weight: 800;

    line-height: 1.2;

    letter-spacing: .11em;

    text-transform: uppercase;
}

.zumi-trust-panel__ntb-title {
    display: block;

    color: #FFFFFF;

    font-size:
        clamp(16px, .95vw, 20px);

    font-weight: 700;

    line-height: 1.2;
}

.zumi-trust-panel__ntb-copy {
    margin:
        6px
        0
        0;

    color:
        rgba(255,255,255,.68);

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    font-size:
        clamp(12px, .72vw, 15px);

    line-height: 1.42;
}

.zumi-trust-panel__actions {
    display: flex;

    flex-wrap: nowrap;

    gap: 7px;

    margin-top:
        clamp(24px, 2vw, 38px);
}

.zumi-trust-panel__button {
    display: inline-flex;

    align-items: center;

    justify-content: center;

    min-width: 0;

    padding:
        clamp(11px, .7vw, 14px)
        clamp(14px, 1vw, 21px);

    border-radius: 5px;

    color: #FFFFFF !important;

    text-decoration: none !important;

    white-space: nowrap;

    font-size:
        clamp(13px, .8vw, 17px);

    font-weight: 650;

    line-height: 1;

    transform: none;

    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease;
}

.zumi-trust-panel__button--primary {
    background: #E85E2A !important;

    border:
        1px solid
        var(--orange);
}

.zumi-trust-panel__button--primary:hover {
    background: #E85E2A !important;

    border-color: #E85E2A !important;

    box-shadow:
        0 0 0 3px
        rgba(232,94,42,.17);
}

.zumi-trust-panel__button--secondary {
    background:
        rgba(255,255,255,.07);

    border:
        1px solid
        rgba(255,255,255,.35);
}

.zumi-trust-panel__button--secondary:hover {
    background:
        rgba(255,255,255,.13);

    border-color:
        rgba(255,255,255,.75);
}

.zumi-trust-panel__side {
    position: relative;

    z-index: 5;

    display: flex;

    flex-direction: column;

    justify-content: flex-end;

    min-width: 0;
}

.zumi-trust-panel__caracal-stage {
    position: relative;

    z-index: 6;

    min-height:
        clamp(260px, 18vw, 360px);

    margin-bottom: -12px;

    pointer-events: none;
}

.zumi-trust-panel__caracal-stage::before {
    content: "";

    position: absolute;

    width:
        clamp(230px, 19vw, 390px);

    aspect-ratio: 1;

    right: 2%;

    bottom: 3%;

    border:
        clamp(6px, .45vw, 10px)
        solid
        rgba(232,94,42,.14);

    border-radius: 50%;

    box-shadow:
        0 0 0
        clamp(24px, 2vw, 42px)
        rgba(232,94,42,.035);
}

.zumi-trust-panel__caracal {
    position: absolute !important;

    z-index: 12;

    right:
        clamp(-75px, -2.8vw, -28px);

    bottom:
        clamp(-82px, -3.6vw, -48px);

    display: block !important;

    width:
        clamp(470px, 34vw, 720px) !important;

    max-width: none !important;

    height: auto !important;
    max-height: none !important;

    margin: 0 !important;
    padding: 0 !important;

    opacity: 1;

    filter:
        drop-shadow(
            0 24px 48px
            rgba(0,0,0,.38)
        );

    transform:
        scaleX(-1)
        rotate(3deg);

    transform-origin: center;

    pointer-events: none;

    user-select: none;
}

.zumi-trust-panel__payments {
    position: relative;

    z-index: 9;

    width: 100%;
    max-width: 570px;

    align-self: flex-end;

    padding:
        clamp(20px, 1.7vw, 31px);

    background:
        rgba(255,255,255,.965);

    border:
        1px solid
        rgba(255,255,255,.80);

    border-radius: 5px;

    box-shadow:
        0 20px 62px
        rgba(0,0,0,.27);

    backdrop-filter: blur(15px);
    -webkit-backdrop-filter: blur(15px);
}

.zumi-trust-panel__payments-label {
    margin:
        0
        0
        7px;

    color: var(--orange);

    font-size: 16px;

    font-weight: 800;

    letter-spacing: .13em;

    text-transform: uppercase;
}

.zumi-trust-panel__payments-title {
    margin: 0;

    color: #171717;

    font-size:
        clamp(23px, 1.6vw, 34px);

    font-weight: 700;

    line-height: 1.05;

    letter-spacing: -.035em;
}

.zumi-trust-panel__payments-copy {
    margin:
        10px
        0
        0;

    color: #5D5D5D;

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    font-size:
        clamp(13px, .78vw, 16px);

    line-height: 1.48;
}

.zumi-trust-panel__logos {
    display: grid;

    grid-template-columns:
        repeat(2, minmax(0, 1fr));

    gap: 7px;

    margin-top: 18px;
}

.zumi-trust-panel__logo {
    display: flex;

    flex-direction: column;

    align-items: center;

    justify-content: center;

    gap: 6px;

    min-height: 84px;

    padding:
        10px
        12px;

    overflow: hidden;

    background: #FFFFFF;

    border:
        1px solid
        #E4E4E4;

    border-radius: 5px;
}

.zumi-trust-panel__logo img {
    display: block !important;

    width: auto !important;

    max-width:
        128px !important;

    height:
        36px !important;

    max-height:
        36px !important;

    margin: 0 !important;
    padding: 0 !important;

    object-fit: contain !important;
}

.zumi-trust-panel__logo small {
    color: #777777;

    font-size: 10.5px;

    font-weight: 600;

    line-height: 1.15;

    text-align: center;
}

.zumi-trust-panel__logo--fnb img {
    max-width:
        118px !important;

    height:
        48px !important;

    max-height:
        48px !important;
}

.zumi-trust-panel__logo--dpo img {
    max-width:
        185px !important;

    width:
        min(100%, 185px) !important;

    height:
        50px !important;

    max-height:
        50px !important;
}

.zumi-trust-panel__dpo-object {
    display: block;

    width:
        min(100%, 190px);

    height: 52px;

    margin: 0 auto;

    border: 0;

    overflow: visible;
}

.zumi-trust-panel__dpo-fallback {
    display: flex;

    align-items: center;

    justify-content: center;

    gap: 7px;

    width: 100%;
    min-height: 48px;

    color: #111827;

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    font-size:
        clamp(20px, 1.25vw, 25px);

    font-weight: 800;

    line-height: 1;

    letter-spacing: -.045em;
}

.zumi-trust-panel__dpo-fallback-mark {
    display: inline-grid;

    place-items: center;

    width: 31px;
    height: 31px;

    background:
        linear-gradient(
            135deg,
            #1D4ED8,
            #2563EB
        );

    color: #FFFFFF;

    border-radius: 5px;

    font-size: 13px;

    font-weight: 900;

    letter-spacing: -.03em;
}

.zumi-trust-panel__dpo-fallback strong {
    color: #2563EB;

    font-weight: 800;
}

.zumi-trust-panel__logo--mastercard img {
    max-width:
        120px !important;

    height:
        39px !important;

    max-height:
        39px !important;
}

.zumi-trust-panel__payment-note {
    margin:
        14px
        0
        0;

    color: #727272;

    font-size: 11px;

    font-weight: 500;

    line-height: 1.4;

    text-align: center;
}

@media (max-width: 1350px) {

    .zumi-trust-panel__inner {
        grid-template-columns:
            minmax(0, 1.04fr)
            minmax(370px, .96fr);

        gap: 34px;
    }

    .zumi-trust-panel__caracal {
        right: -135px;

        width:
            620px !important;
    }

}

@media (max-width: 1000px) {

    .zumi-trust-panel__inner {
        display: block;

        min-height: 0;
    }

    .zumi-trust-panel__content {
        max-width: 800px;
    }

    .zumi-trust-panel__side {
        max-width: 700px;

        margin-top: 25px;
    }

    .zumi-trust-panel__caracal-stage {
        min-height: 280px;
    }

    .zumi-trust-panel__caracal {
        width:
            600px !important;

        right: -95px;

        bottom: -100px;
    }

    .zumi-trust-panel__payments {
        max-width: 640px;

        align-self: flex-start;
    }

}

@media (max-width: 700px) {

    .zumi-trust-panel {
        padding: 0 !important;
    }

    .zumi-trust-panel__inner {
        padding:
            37px
            18px
            18px;

        border-radius: 5px;
    }

    .zumi-trust-panel__title {
        font-size:
            clamp(43px, 13vw, 64px);

        line-height: .86;
    }

    .zumi-trust-panel__copy {
        margin-top: 21px;

        font-size: 15.5px;

        line-height: 1.52;
    }

    .zumi-trust-panel__actions {
        margin-top: 21px;

        gap: 5px;
    }

    .zumi-trust-panel__button {
        padding:
            9px
            9px;

        font-size:
            clamp(11px, 3vw, 13px);
    }

    .zumi-trust-panel__ntb {
        grid-template-columns:
            76px
            minmax(0, 1fr);

        gap: 11px;

        width: 100%;

        margin-top: 19px;

        padding: 10px;

        border-radius: 5px;
    }

    .zumi-trust-panel__ntb-logo {
        min-height: 72px;

        padding: 0;
    }

    .zumi-trust-panel__ntb-logo img {
        height:
            60px !important;
    }

    .zumi-trust-panel__ntb-kicker {
        font-size: 9.5px;
    }

    .zumi-trust-panel__ntb-title {
        font-size: 14.5px;
    }

    .zumi-trust-panel__ntb-copy {
        margin-top: 4px;

        font-size: 11.5px;

        line-height: 1.35;
    }

    .zumi-trust-panel__side {
        width: 100%;

        max-width: none;

        margin-top: 13px;
    }

    .zumi-trust-panel__caracal-stage {
        min-height: 225px;

        margin:
            0
            0
            -8px;

        overflow: visible;
    }

    .zumi-trust-panel__caracal-stage::before {
        width: 205px;

        right: -20px;

        bottom: 12px;

        border-width: 6px;
    }

    .zumi-trust-panel__caracal {
        width:
            clamp(360px, 94vw, 520px) !important;

        right:
            -19vw;

        bottom:
            -58px;

        opacity: 1;

        transform:
            scaleX(-1)
            rotate(4deg);
    }

    .zumi-trust-panel__payments {
        width: 100%;
        max-width: none;

        padding: 17px;

        border-radius: 5px;
    }

    .zumi-trust-panel__payments-title {
        font-size: 24px;
    }

    .zumi-trust-panel__payments-copy {
        font-size: 13.5px;
    }

    .zumi-trust-panel__logos {
        gap: 5px;

        margin-top: 14px;
    }

    .zumi-trust-panel__logo {
        min-height: 76px;

        padding:
            8px
            7px;
    }

    .zumi-trust-panel__logo img {
        max-width:
            94px !important;

        height:
            29px !important;

        max-height:
            29px !important;
    }

    .zumi-trust-panel__logo--fnb img {
        max-width:
            84px !important;

        height:
            39px !important;

        max-height:
            39px !important;
    }

    .zumi-trust-panel__logo--dpo img {
        width:
            min(100%, 145px) !important;

        max-width:
            145px !important;

        height:
            41px !important;

        max-height:
            41px !important;
    }

    .zumi-trust-panel__logo small {
        font-size: 9.5px;
    }

}

@media (max-width: 390px) {

    .zumi-trust-panel__inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .zumi-trust-panel__title {
        font-size:
            clamp(40px, 12.5vw, 52px);
    }

    .zumi-trust-panel__button {
        font-size: 10.6px;

        padding:
            8px
            7px;
    }

    .zumi-trust-panel__caracal-stage {
        min-height: 205px;
    }

    .zumi-trust-panel__caracal {
        width:
            390px !important;

        right: -92px;

        bottom: -52px;
    }

    .zumi-trust-panel__logo {
        min-height: 70px;
    }

}

@media (prefers-reduced-motion: reduce) {

    .zumi-trust-panel__button {
        transition: none !important;
    }

}

.zumi-home-stack,
.zumi-home-stack * {
    box-sizing: border-box;
}

.zumi-home-stack {
    --zumi-stack-orange: #E85E2A;
    --zumi-stack-orange-hover: #E85E2A;
    --zumi-stack-radius: clamp(12px, .8vw, 18px);
    --zumi-stack-gap: clamp(10px, .8vw, 18px);
    --zumi-stack-gutter: clamp(6px, .55vw, 12px);

    position: relative;

    display: flex;
    flex-direction: column;
    gap: var(--zumi-stack-gap);

    width: 100%;
    max-width: 2200px;

    margin: 0 auto;
    padding: var(--zumi-stack-gutter);

    overflow-x: clip;

    background: #FFFFFF;

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

.zumi-home-stack img,
.zumi-home-stack video,
.zumi-home-stack svg {
    max-width: 100%;
}

.zumi-home-stack
.zumi-video-hero,

.zumi-home-stack
.zumi-static-fleet,

.zumi-home-stack
.zumi-why,

.zumi-home-stack
.zumi-trust-panel {
    width: 100% !important;
    max-width: none !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}

.zumi-home-stack__section {
    position: relative;

    width: 100%;
    min-width: 0;
}

.zumi-home-stack__hero {
    z-index: 4;
}

.zumi-home-stack__fleet {
    z-index: 3;
    padding: 0;
}

.zumi-home-stack__why {
    z-index: 2;
    padding: 0;
}

.zumi-home-stack__trust {
    z-index: 1;
    padding: 0;
}

.zumi-home-stack
.zumi-static-fleet {
    padding: 0 !important;
    background: transparent;
}

.zumi-home-stack
.zumi-why {
    padding: 0 !important;

    background: transparent;
}

.zumi-home-stack
.zumi-trust-panel {
    padding: 0 !important;
}

.zumi-home-stack
.zumi-video-hero,

.zumi-home-stack
.zumi-why__intro,

.zumi-home-stack
.zumi-trust-panel__inner {
    border-radius:
        4px;
}

.zumi-home-stack__anchor {
    scroll-margin-top: 90px;
}

.zumi-home-stack
.zumi-static-fleet__selector {
    overscroll-behavior-inline: contain;

    touch-action:
        pan-x
        pan-y;

    -webkit-overflow-scrolling:
        touch;
}

@media (max-width: 700px) {

    .zumi-home-stack {
        width: 100%;

        overflow-x: clip;
    }

    .zumi-home-stack__fleet,
    .zumi-home-stack__why,
    .zumi-home-stack__trust {
        padding: 0;
    }

    .zumi-home-stack
    .zumi-static-fleet__selector {
        scroll-snap-type:
            x mandatory;

        overscroll-behavior-x:
            contain;

        touch-action:
            pan-x
            pan-y;

        padding-bottom:
            5px;
    }

    .zumi-home-stack
    .zumi-static-fleet__choice {
        scroll-snap-stop:
            normal;
    }

    .zumi-home-stack
    .zumi-why__intro-content {
        margin-left: auto;
        margin-right: auto;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-why__title {
        margin-left: auto;
        margin-right: auto;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-why__intro-copy {
        margin-left: auto;
        margin-right: auto;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-why__stat {
        text-align: center;
    }

    .zumi-home-stack
    .zumi-trust-panel__content {
        margin-left: auto;
        margin-right: auto;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-trust-panel__title,

    .zumi-home-stack
    .zumi-trust-panel__copy {
        margin-left: auto;
        margin-right: auto;
    }

    .zumi-home-stack
    .zumi-trust-panel__actions {
        justify-content: center;
    }

    .zumi-home-stack
    .zumi-trust-panel__eyebrow {
        text-align: center;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb {
        margin-left: auto;
        margin-right: auto;

        text-align: left;
    }

    .zumi-home-stack
    .zumi-trust-panel__payments {
        margin-left: auto;
        margin-right: auto;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-video-hero,

    .zumi-home-stack
    .zumi-static-fleet__hero,

    .zumi-home-stack
    .zumi-static-fleet__intro,

    .zumi-home-stack
    .zumi-static-fleet__benefits,

    .zumi-home-stack
    .zumi-static-fleet__features,

    .zumi-home-stack
    .zumi-why__intro,

    .zumi-home-stack
    .zumi-why__card,

    .zumi-home-stack
    .zumi-trust-panel__inner {
        border-radius:
            4px;
    }

    .zumi-home-stack button,
    .zumi-home-stack a {
        -webkit-tap-highlight-color:
            transparent;
    }

}

@media (max-width: 390px) {

    .zumi-home-stack__fleet {
        padding-top: 15px;
    }

    .zumi-home-stack
    .zumi-why__intro-copy {
        padding-left: 12px;
        padding-right: 12px;
    }

    .zumi-home-stack
    .zumi-trust-panel__inner {
        padding-left: 14px;
        padding-right: 14px;
    }

}

@media (prefers-reduced-motion: reduce) {

    .zumi-home-stack *,
    .zumi-home-stack *::before,
    .zumi-home-stack *::after {
        scroll-behavior: auto !important;
    }

}

@media (max-width: 700px) {

    .zumi-home-stack
    .zumi-why__intro {
        min-height: 620px;

        align-items: flex-end;

        padding:
            22px
            14px
            20px;

        background: #141414;
    }

    .zumi-home-stack
    .zumi-why__intro-bg {
        object-position:
            57% 42% !important;

        filter:
            saturate(.98)
            contrast(1.02)
            brightness(1.03);
    }

    .zumi-home-stack
    .zumi-why__intro::after {
        background:

            linear-gradient(
                0deg,
                rgba(6,6,6,.94) 0%,
                rgba(6,6,6,.82) 37%,
                rgba(6,6,6,.43) 61%,
                rgba(6,6,6,.13) 82%,
                rgba(6,6,6,.06) 100%
            ),

            linear-gradient(
                90deg,
                rgba(0,0,0,.25),
                rgba(0,0,0,.03)
            );
    }

    .zumi-home-stack
    .zumi-why__intro::before {
        opacity: .72;
    }

    .zumi-home-stack
    .zumi-why__map-stage {
        top: 8px;
        right: -42px;

        width:
            min(82vw, 360px);

        opacity: .94;
    }

    .zumi-home-stack
    .zumi-why__map-stage::before {
        border-color:
            rgba(255,255,255,.17);

        box-shadow:
            0 0 0 18px rgba(255,255,255,.025),
            0 0 0 42px rgba(255,255,255,.018),
            0 0 0 70px rgba(232,94,42,.028);
    }

    .zumi-home-stack
    .zumi-why__map-stage::after {
        border-color:
            rgba(232,94,42,.46);
    }

    .zumi-home-stack
    .zumi-why__map {
        opacity: .42;

        filter:
            brightness(0)
            invert(1)
            drop-shadow(
                0 10px 28px
                rgba(0,0,0,.30)
            );
    }

    .zumi-home-stack
    .zumi-why__intro-content {
        width: 100%;

        padding-top: 0;
    }

    .zumi-home-stack
    .zumi-why__title {
        font-size:
            clamp(42px, 12.8vw, 58px);

        line-height: .84;
    }

    .zumi-home-stack
    .zumi-why__intro-copy {
        max-width: 100%;

        margin-top: 14px;

        padding:
            12px
            12px;

        background:
            linear-gradient(
                135deg,
                rgba(9,9,9,.68),
                rgba(9,9,9,.43)
            );

        font-size: 13.2px;

        line-height: 1.40;

        backdrop-filter: blur(7px);
        -webkit-backdrop-filter: blur(7px);
    }

    .zumi-home-stack
    .zumi-why__card {
        min-height: 330px;
    }

    .zumi-home-stack
    .zumi-why__card--full {
        min-height: 345px;
    }

    .zumi-home-stack
    .zumi-why__card-content {
        padding:
            18px
            15px;
    }

    .zumi-home-stack
    .zumi-why__card-title {
        font-size:
            clamp(24px, 7vw, 32px);
    }

    .zumi-home-stack
    .zumi-why__card-copy {
        margin-top: 7px;

        font-size: 12.8px;

        line-height: 1.36;
    }

    .zumi-home-stack
    .zumi-trust-panel__inner {
        min-height: 0;

        padding:
            27px
            14px
            14px;
    }

    .zumi-home-stack
    .zumi-trust-panel__eyebrow {
        margin-bottom: 8px;

        font-size: 9.5px;
    }

    .zumi-home-stack
    .zumi-trust-panel__title {
        font-size:
            clamp(36px, 10.5vw, 48px);

        line-height: .88;
    }

    .zumi-home-stack
    .zumi-trust-panel__copy {
        margin-top: 14px;

        max-width: 540px;

        font-size: 13.3px;

        line-height: 1.42;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb {
        grid-template-columns:
            58px
            minmax(0, 1fr);

        gap: 9px;

        margin-top: 14px;

        padding:
            8px
            9px;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-logo {
        min-height: 54px;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-logo img {
        height:
            48px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-kicker {
        margin-bottom: 2px;

        font-size: 8.5px;

        letter-spacing: .08em;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-title {
        font-size: 12.7px;

        line-height: 1.16;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-copy {
        margin-top: 2px;

        font-size: 10.5px;

        line-height: 1.25;
    }

    .zumi-home-stack
    .zumi-trust-panel__actions {
        margin-top: 14px;
    }

    .zumi-home-stack
    .zumi-trust-panel__button {
        padding:
            8px
            8px;

        font-size: 10.6px;
    }

    .zumi-home-stack
    .zumi-trust-panel__side {
        position: relative;

        margin-top: 6px;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage {
        min-height: 94px;

        margin:
            0
            0
            -20px;

        overflow: visible;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage::before {
        width: 112px;

        right: 2px;
        bottom: -4px;

        border-width: 4px;

        box-shadow:
            0 0 0 12px
            rgba(232,94,42,.025);
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal {
        width:
            clamp(235px, 64vw, 315px) !important;

        right:
            -48px;

        bottom:
            -42px;

        filter:
            drop-shadow(
                0 14px 28px
                rgba(0,0,0,.32)
            );
    }

    .zumi-home-stack
    .zumi-trust-panel__payments {
        padding:
            12px;

        border-radius: 5px;

        box-shadow:
            0 12px 34px
            rgba(0,0,0,.20);
    }

    .zumi-home-stack
    .zumi-trust-panel__payments-label {
        margin-bottom: 4px;

        font-size: 8.8px;

        letter-spacing: .09em;
    }

    .zumi-home-stack
    .zumi-trust-panel__payments-title {
        font-size: 20px;

        line-height: 1;
    }

    .zumi-home-stack
    .zumi-trust-panel__payments-copy {
        margin-top: 6px;

        font-size: 11.5px;

        line-height: 1.32;
    }

    .zumi-home-stack
    .zumi-trust-panel__logos {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap: 4px;

        margin-top: 9px;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo {
        min-height: 52px;

        gap: 0;

        padding:
            5px
            4px;

        border-radius: 5px;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo img {
        width:
            auto !important;

        max-width:
            58px !important;

        height:
            23px !important;

        max-height:
            23px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo--mastercard img {
        max-width:
            57px !important;

        height:
            24px !important;

        max-height:
            24px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo--fnb img {
        max-width:
            55px !important;

        height:
            29px !important;

        max-height:
            29px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__dpo-object {
        width: 100%;

        height: 29px;
    }

    .zumi-home-stack
    .zumi-trust-panel__dpo-fallback {
        min-height: 29px;

        gap: 3px;

        font-size: 10px;
    }

    .zumi-home-stack
    .zumi-trust-panel__dpo-fallback-mark {
        width: 22px;
        height: 22px;

        border-radius: 5px;

        font-size: 8px;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo small {
        display: none;
    }

    .zumi-home-stack
    .zumi-trust-panel__payment-note {
        display: none;
    }

}

@media (max-width: 390px) {

    .zumi-home-stack
    .zumi-why__intro {
        min-height: 600px;
    }

    .zumi-home-stack
    .zumi-why__map-stage {
        right: -60px;

        width: 315px;
    }

    .zumi-home-stack
    .zumi-why__title {
        font-size:
            clamp(40px, 12.6vw, 50px);
    }

    .zumi-home-stack
    .zumi-trust-panel__title {
        font-size:
            clamp(34px, 10vw, 42px);
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage {
        min-height: 84px;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal {
        width:
            240px !important;

        right: -55px;

        bottom: -38px;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo {
        min-height: 48px;
    }

}

@media (max-width: 700px) {

    .zumi-home-stack
    .zumi-why__intro {
        min-height: 610px;

        padding:
            20px
            14px
            18px;

        align-items: flex-end;

        overflow: hidden;
    }

    .zumi-home-stack
    .zumi-why__intro-bg {
        object-position:
            50% 39% !important;

        filter:
            saturate(1.03)
            contrast(1.01)
            brightness(1.09);
    }

    .zumi-home-stack
    .zumi-why__intro::after {
        background:

            linear-gradient(
                0deg,
                rgba(5,5,5,.95) 0%,
                rgba(5,5,5,.86) 32%,
                rgba(5,5,5,.56) 50%,
                rgba(5,5,5,.22) 67%,
                rgba(5,5,5,.07) 84%,
                rgba(5,5,5,.025) 100%
            ),

            linear-gradient(
                90deg,
                rgba(0,0,0,.13),
                rgba(0,0,0,.02)
            );
    }

    .zumi-home-stack
    .zumi-why__map-stage {
        top: 7px;
        right: -78px;

        width:
            min(74vw, 310px);

        opacity: .76;
    }

    .zumi-home-stack
    .zumi-why__map {
        opacity: .35;

        filter:
            brightness(0)
            invert(1)
            drop-shadow(
                0 8px 22px
                rgba(0,0,0,.25)
            );
    }

    .zumi-home-stack
    .zumi-why__map-stage::before {
        opacity: .62;
    }

    .zumi-home-stack
    .zumi-why__map-stage::after {
        opacity: .74;
    }

    .zumi-home-stack
    .zumi-why__intro-content {
        position: relative;

        z-index: 8;

        width: 100%;

        padding-top: 0;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-why__title {
        max-width: 100%;

        margin:
            0
            auto;

        font-size:
            clamp(40px, 12.2vw, 55px);

        line-height: .84;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-why__intro-copy {
        max-width: 100%;

        margin:
            13px
            auto
            0;

        padding:
            11px
            12px;

        background:
            linear-gradient(
                135deg,
                rgba(8,8,8,.70),
                rgba(8,8,8,.46)
            );

        border-color:
            rgba(255,255,255,.14);

        font-size: 12.9px;

        line-height: 1.38;

        text-align: center;

        backdrop-filter: blur(6px);
        -webkit-backdrop-filter: blur(6px);
    }

    .zumi-home-stack
    .zumi-trust-panel__inner {
        min-height: 0;

        padding:
            25px
            12px
            12px;

        overflow: hidden;
    }

    .zumi-home-stack
    .zumi-trust-panel__content {
        width: 100%;
        max-width: 100%;

        margin:
            0
            auto;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-trust-panel__eyebrow {
        margin-bottom: 7px;

        font-size: 9px;

        letter-spacing: .11em;
    }

    .zumi-home-stack
    .zumi-trust-panel__title {
        max-width: 330px;

        margin:
            0
            auto;

        font-size:
            clamp(34px, 9.8vw, 43px);

        line-height: .88;

        letter-spacing: -.055em;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-trust-panel__copy {
        max-width: 360px;

        margin:
            13px
            auto
            0;

        font-size: 12.8px;

        line-height: 1.40;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb {
        grid-template-columns:
            54px
            minmax(0, 1fr);

        width: 100%;

        gap: 8px;

        margin:
            13px
            auto
            0;

        padding:
            8px
            9px;

        text-align: left;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-logo {
        min-height: 50px;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-logo img {
        width:
            auto !important;

        max-width:
            50px !important;

        height:
            45px !important;

        object-fit: contain !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-kicker {
        margin-bottom: 2px;

        font-size: 8px;

        line-height: 1.1;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-title {
        font-size: 12.3px;

        line-height: 1.14;
    }

    .zumi-home-stack
    .zumi-trust-panel__ntb-copy {
        margin-top: 2px;

        font-size: 10px;

        line-height: 1.22;
    }

    .zumi-home-stack
    .zumi-trust-panel__actions {
        justify-content: center;

        width: 100%;

        gap: 5px;

        margin-top: 12px;
    }

    .zumi-home-stack
    .zumi-trust-panel__button {
        padding:
            8px
            9px;

        font-size: 10.4px;
    }

    .zumi-home-stack
    .zumi-trust-panel__side {
        position: relative;

        width: 100%;

        margin-top: 4px;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage {
        min-height: 118px;

        margin:
            0
            0
            -7px;

        overflow: visible;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage::before {
        width: 104px;

        right: 20px;
        bottom: 5px;

        border-width: 4px;

        opacity: .70;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal {
        width:
            clamp(190px, 50vw, 225px) !important;

        max-width: none !important;

        right:
            6px;

        bottom:
            -13px;

        opacity: .98;

        filter:
            drop-shadow(
                0 12px 24px
                rgba(0,0,0,.30)
            );
    }

    .zumi-home-stack
    .zumi-trust-panel__payments {
        position: relative;

        z-index: 20;

        width: 100%;
        max-width: 100%;

        margin:
            0
            auto;

        padding:
            11px
            10px;

        border-radius: 5px;

        text-align: center;

        box-shadow:
            0 10px 28px
            rgba(0,0,0,.18);
    }

    .zumi-home-stack
    .zumi-trust-panel__payments-label {
        margin-bottom: 3px;

        font-size: 8px;

        letter-spacing: .08em;
    }

    .zumi-home-stack
    .zumi-trust-panel__payments-title {
        margin: 0;

        font-size:
            clamp(18px, 5.2vw, 21px);

        line-height: 1.02;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-trust-panel__payments-copy {
        max-width: 330px;

        margin:
            5px
            auto
            0;

        font-size: 10.8px;

        line-height: 1.28;

        text-align: center;
    }

    .zumi-home-stack
    .zumi-trust-panel__logos {
        grid-template-columns:
            repeat(4, minmax(0, 1fr));

        gap: 4px;

        width: 100%;

        margin-top: 8px;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo {
        min-width: 0;

        min-height: 48px;

        padding:
            5px
            3px;

        border-radius: 5px;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo img {
        width:
            auto !important;

        max-width:
            54px !important;

        height:
            22px !important;

        max-height:
            22px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo--mastercard img {
        max-width:
            52px !important;

        height:
            23px !important;

        max-height:
            23px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo--fnb img {
        max-width:
            51px !important;

        height:
            27px !important;

        max-height:
            27px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__dpo-object {
        width: 100%;

        height: 27px;
    }

    .zumi-home-stack
    .zumi-trust-panel__dpo-fallback {
        min-height: 27px;

        gap: 2px;

        font-size: 9.5px;
    }

    .zumi-home-stack
    .zumi-trust-panel__dpo-fallback-mark {
        width: 20px;
        height: 20px;

        border-radius: 5px;

        font-size: 7.5px;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo small,

    .zumi-home-stack
    .zumi-trust-panel__payment-note {
        display: none;
    }

}

@media (max-width: 390px) {

    .zumi-home-stack
    .zumi-why__intro {
        min-height: 590px;
    }

    .zumi-home-stack
    .zumi-why__map-stage {
        right: -84px;

        width: 285px;
    }

    .zumi-home-stack
    .zumi-why__title {
        font-size:
            clamp(38px, 11.9vw, 47px);
    }

    .zumi-home-stack
    .zumi-why__intro-copy {
        font-size: 12.3px;

        line-height: 1.35;
    }

    .zumi-home-stack
    .zumi-trust-panel__inner {
        padding:
            22px
            10px
            10px;
    }

    .zumi-home-stack
    .zumi-trust-panel__title {
        max-width: 300px;

        font-size:
            clamp(32px, 9.5vw, 39px);
    }

    .zumi-home-stack
    .zumi-trust-panel__copy {
        font-size: 12.2px;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage {
        min-height: 104px;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal {
        width:
            180px !important;

        right:
            7px;

        bottom:
            -11px;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo {
        min-height: 44px;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo img {
        max-width:
            47px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__logo--fnb img {
        max-width:
            45px !important;
    }

}

.zumi-home-stack {
    position: relative !important;
    z-index: 0 !important;
}

.zumi-home-stack__hero,
.zumi-video-hero {
    z-index: 0 !important;
}

.site-header,
header.site-header,
#masthead,
header#masthead {
    z-index: 99999 !important;
}

.zumi-video-hero__video,
.zumi-video-hero::before,
.zumi-video-hero::after {
    pointer-events: none !important;
}

.zumi-static-fleet__benefit-icon {
    background:
        rgba(232,94,42,.11) !important;

    border:
        1px solid
        rgba(232,94,42,.10);
}

.zumi-static-fleet__benefit-icon svg {
    width:
        clamp(23px, 1.22vw, 28px) !important;

    height:
        clamp(23px, 1.22vw, 28px) !important;

    fill: none !important;

    stroke: currentColor !important;

    stroke-width: 2.15 !important;

    stroke-linecap: round !important;

    stroke-linejoin: round !important;
}

.zumi-static-fleet__features-symbol svg {
    width:
        clamp(21px, 1.05vw, 25px);

    height:
        clamp(21px, 1.05vw, 25px);

    fill: none;

    stroke: currentColor;

    stroke-width: 2.2;

    stroke-linecap: round;

    stroke-linejoin: round;
}

.zumi-static-fleet__features-arrow {
    display: grid !important;

    place-items: center !important;

    width: 40px !important;
    height: 40px !important;

    flex:
        0 0 40px !important;

    background: #FFFFFF !important;

    border:
        1px solid
        #D9D9D9 !important;

    border-radius: 50% !important;

    transform: none !important;

    transition:
        background-color 180ms ease,
        border-color 180ms ease !important;
}

.zumi-static-fleet__features-arrow::before,
.zumi-static-fleet__features-arrow::after {
    content: none !important;
    display: none !important;
}

.zumi-static-fleet__features-arrow svg {
    display: block;

    width: 20px;
    height: 20px;

    fill: none;

    stroke: #292929;

    stroke-width: 2.35;

    stroke-linecap: round;
    stroke-linejoin: round;

    transform:
        rotate(0deg);

    transition:
        transform
        220ms
        cubic-bezier(.2,.8,.2,1);
}

.zumi-static-fleet__features[open]
.zumi-static-fleet__features-arrow {
    transform: none !important;
}

.zumi-static-fleet__features[open]
.zumi-static-fleet__features-arrow svg {
    transform:
        rotate(180deg);
}

.zumi-static-fleet__features-summary:hover
.zumi-static-fleet__features-arrow {
    border-color:
        rgba(232,94,42,.45) !important;

    background:
        rgba(232,94,42,.06) !important;
}

.zumi-trust-panel__ntb-logo {
    display: grid !important;

    place-items: center !important;

    min-height: 0 !important;

    padding: 0 !important;

    overflow: visible !important;

    background: transparent !important;

    border: 0 !important;

    border-radius: 0 !important;
}

.zumi-trust-panel__ntb-logo img {
    display: block !important;

    width:
        clamp(64px, 4.8vw, 94px) !important;

    max-width: 100% !important;

    height: auto !important;

    max-height: none !important;

    margin: 0 auto !important;

    padding: 0 !important;

    object-fit: contain !important;

    background: transparent !important;
}

@media (max-width: 700px) {

    .zumi-static-fleet__benefit-icon {
        width: 42px !important;
        height: 42px !important;
    }

    .zumi-static-fleet__benefit-icon svg {
        width: 21px !important;
        height: 21px !important;
    }

    .zumi-static-fleet__features-symbol {
        width: 44px !important;
        height: 44px !important;
    }

    .zumi-static-fleet__features-symbol svg {
        width: 21px;
        height: 21px;
    }

    .zumi-static-fleet__features-arrow {
        width: 38px !important;
        height: 38px !important;

        flex:
            0 0 38px !important;
    }

    .zumi-static-fleet__features-arrow svg {
        width: 18px;
        height: 18px;
    }

    .zumi-trust-panel__ntb-logo img {
        width: 52px !important;
        height: auto !important;
    }

}

@media (max-width: 390px) {

    .zumi-static-fleet__benefit-icon {
        width: 40px !important;
        height: 40px !important;
    }

    .zumi-static-fleet__benefit-icon svg {
        width: 20px !important;
        height: 20px !important;
    }

    .zumi-static-fleet__features-arrow {
        width: 36px !important;
        height: 36px !important;

        flex:
            0 0 36px !important;
    }

    .zumi-static-fleet__features-arrow svg {
        width: 17px;
        height: 17px;
    }

}

.zumi-video-hero {
    background:
        #111111
        url("https://zumirentals.com/wp-content/uploads/2026/09/camping_hilux_rental.webp")
        center center
        / cover
        no-repeat;
}

.zumi-video-hero__video {
    display: block !important;

    visibility: visible !important;
    opacity: 1 !important;

    pointer-events: none !important;

    background: transparent !important;
}

.zumi-static-fleet__benefit-icon i {
    display: block;

    color: #E85E2A;

    font-size:
        clamp(22px, 1.2vw, 27px);

    line-height: 1;

    transform: none;
}

.zumi-static-fleet__features-symbol i {
    display: block;

    color: #FFFFFF;

    font-size:
        clamp(20px, 1vw, 24px);

    line-height: 1;
}

.zumi-static-fleet__features-arrow i {
    display: block;

    color: #292929;

    font-size: 17px;

    line-height: 1;

    transform:
        rotate(0deg);

    transition:
        transform
        220ms
        cubic-bezier(.2,.8,.2,1);
}

.zumi-static-fleet__features[open]
.zumi-static-fleet__features-arrow i {
    transform:
        rotate(180deg);
}

.zumi-static-fleet__benefit-icon svg,
.zumi-static-fleet__features-symbol svg,
.zumi-static-fleet__features-arrow svg {
    display: block !important;
}

.zumi-static-fleet__benefit-icon svg {
    color: var(--orange) !important;
}

.zumi-static-fleet__features-symbol svg {
    color: #FFFFFF !important;
}

.zumi-static-fleet__features-arrow svg {
    color: #292929 !important;
}

.zumi-why__intro-bg {
    object-position:
        50% 52% !important;

    filter:
        saturate(.96)
        contrast(1.02)
        brightness(1.02) !important;
}

.zumi-trust-panel__side {
    position: relative !important;
}

.zumi-trust-panel__caracal-stage {
    min-height:
        clamp(105px, 8vw, 160px) !important;

    margin:
        clamp(-45px, -2.5vw, -20px)
        0
        clamp(-65px, -3.5vw, -38px) !important;

    overflow: visible !important;
}

.zumi-trust-panel__caracal-stage::before {
    opacity: .30 !important;
}

.zumi-trust-panel__caracal {
    width:
        clamp(320px, 24vw, 500px) !important;

    right:
        clamp(-68px, -2.8vw, -25px) !important;

    bottom:
        clamp(-70px, -3.5vw, -35px) !important;

    opacity:
        .22 !important;

    filter:
        drop-shadow(
            0 15px 30px
            rgba(0,0,0,.18)
        ) !important;
}

.zumi-trust-panel__payments {
    position: relative !important;

    z-index: 20 !important;
}

@media (max-width: 700px) {

    .zumi-static-fleet__benefit-icon i {
        font-size: 20px;
    }

    .zumi-static-fleet__features-symbol i {
        font-size: 19px;
    }

    .zumi-static-fleet__features-arrow i {
        font-size: 15px;
    }

    .zumi-home-stack
    .zumi-why__intro-bg {
        object-position:
            50% 42% !important;

        filter:
            saturate(1.02)
            contrast(1.02)
            brightness(1.08) !important;
    }

    .zumi-home-stack
    .zumi-why__intro::after {
        background:

            linear-gradient(
                0deg,
                rgba(5,5,5,.95) 0%,
                rgba(5,5,5,.84) 31%,
                rgba(5,5,5,.49) 50%,
                rgba(5,5,5,.18) 68%,
                rgba(5,5,5,.04) 86%,
                rgba(5,5,5,.015) 100%
            ),

            linear-gradient(
                90deg,
                rgba(0,0,0,.10),
                rgba(0,0,0,.01)
            );
    }

    .zumi-home-stack
    .zumi-why__map-stage {
        top: 7px !important;
        right: -76px !important;

        width:
            min(70vw, 290px) !important;

        opacity: .66 !important;
    }

    .zumi-home-stack
    .zumi-why__map {
        opacity: .28 !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__side {
        margin-top:
            -2px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage {
        min-height:
            42px !important;

        margin:
            -12px
            0
            -5px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage::before {
        display:
            none !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal {
        width:
            clamp(145px, 39vw, 175px) !important;

        right:
            2px !important;

        bottom:
            -73px !important;

        opacity:
            .14 !important;

        filter:
            none !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__payments {
        z-index:
            30 !important;

        margin-top:
            0 !important;
    }

}

@media (max-width: 390px) {

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage {
        min-height:
            34px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal {
        width:
            138px !important;

        right:
            0 !important;

        bottom:
            -67px !important;

        opacity:
            .13 !important;
    }

}

.zumi-video-hero__button-icon {
    display: inline-block;

    flex: 0 0 auto;

    color: currentColor;

    font-size: .96em;

    line-height: 1;

    transform: none;
}

.zumi-static-fleet__video-section {
    display: grid;

    grid-template-columns:
        minmax(220px, .34fr)
        minmax(0, .66fr);

    align-items: center;

    gap:
        clamp(18px, 2vw, 40px);

    width: 100%;

    margin:
        clamp(11px, .9vw, 18px)
        0;

    padding:
        clamp(18px, 1.7vw, 32px);

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #141414 0%,
            #1D1D1D 58%,
            #21140E 100%
        );

    border:
        1px solid
        rgba(255,255,255,.07);

    border-radius:
        4px;

    box-shadow:
        0 8px 28px
        rgba(0,0,0,.08);
}

.zumi-static-fleet__video-heading {
    display: flex;

    align-items: center;

    gap:
        clamp(12px, 1vw, 18px);

    min-width: 0;
}

.zumi-static-fleet__video-icon {
    display: grid;

    place-items: center;

    width:
        clamp(50px, 3.4vw, 68px);

    height:
        clamp(50px, 3.4vw, 68px);

    flex:
        0 0
        clamp(50px, 3.4vw, 68px);

    background:
        rgba(232,94,42,.13);

    color:
        #E85E2A;

    border:
        1px solid
        rgba(232,94,42,.18);

    border-radius:
        4px;
}

.zumi-static-fleet__video-icon i {
    font-size:
        clamp(23px, 1.5vw, 31px);

    line-height: 1;
}

.zumi-static-fleet__video-kicker {
    display: block;

    margin-bottom: 5px;

    color:
        #E85E2A;

    font-size:
        clamp(10px, .63vw, 13px);

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: .12em;

    text-transform: uppercase;
}

.zumi-static-fleet__video-title {
    margin: 0;

    color: #FFFFFF;

    font-size:
        clamp(20px, 1.45vw, 31px);

    font-weight: 730;

    line-height: 1.08;

    letter-spacing: -.035em;
}

.zumi-static-fleet__video-frame-wrap {
    position: relative;

    width: 100%;

    aspect-ratio: 16 / 9;

    overflow: hidden;

    background: #090909;

    border:
        1px solid
        rgba(255,255,255,.10);

    border-radius:
        4px;

    box-shadow:
        0 12px 32px
        rgba(0,0,0,.22);
}

.zumi-static-fleet__youtube-frame {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;
}

@media (max-width: 1000px) {

    .zumi-static-fleet__video-section {
        grid-template-columns: 1fr;

        gap: 15px;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-section {
        display: block;

        margin:
            8px
            0;

        padding: 13px;

        border-radius: 5px;
    }

    .zumi-static-fleet__video-heading {
        gap: 10px;

        margin-bottom: 11px;
    }

    .zumi-static-fleet__video-icon {
        width: 42px;
        height: 42px;

        flex:
            0 0 42px;

        border-radius: 5px;
    }

    .zumi-static-fleet__video-icon i {
        font-size: 20px;
    }

    .zumi-static-fleet__video-kicker {
        margin-bottom: 3px;

        font-size: 9px;
    }

    .zumi-static-fleet__video-title {
        font-size:
            clamp(15px, 4.1vw, 18px);

        line-height: 1.08;
    }

    .zumi-static-fleet__video-frame-wrap {
        border-radius: 5px;
    }

}

@media (max-width: 390px) {

    .zumi-static-fleet__video-section {
        padding: 11px;
    }

    .zumi-static-fleet__video-icon {
        width: 38px;
        height: 38px;

        flex:
            0 0 38px;
    }

    .zumi-static-fleet__video-title {
        font-size: 14.5px;
    }

}

.zumi-static-fleet__video-section {
    position: relative;

    display: grid;

    grid-template-columns:
        minmax(210px, .30fr)
        minmax(0, .70fr);

    align-items: center;

    gap:
        clamp(17px, 1.6vw, 32px);

    width: 100%;

    margin:
        clamp(9px, .7vw, 14px)
        0
        0;

    padding:
        clamp(15px, 1.25vw, 23px)
        clamp(16px, 1.35vw, 25px);

    overflow: hidden;

    background:
        linear-gradient(
            135deg,
            #F8F8F8 0%,
            #F3F3F3 100%
        );

    border:
        1px solid
        var(--line);

    border-radius:
        4px;

    box-shadow:
        0 2px 8px
        rgba(0,0,0,.018);
}

.zumi-static-fleet__video-section::before {
    content: "";

    position: absolute;

    left: 0;
    top:
        clamp(16px, 1.25vw, 23px);

    width: 3px;

    height:
        clamp(42px, 3vw, 58px);

    background:
        var(--orange);

    border-radius:
        0
        999px
        999px
        0;

    opacity: .92;
}

.zumi-static-fleet__video-heading {
    display: flex;

    align-items: center;

    gap:
        clamp(12px, .8vw, 16px);

    min-width: 0;

    padding-left:
        clamp(3px, .25vw, 6px);
}

.zumi-static-fleet__video-icon {
    display: grid;

    place-items: center;

    width:
        clamp(46px, 2.5vw, 56px);

    height:
        clamp(46px, 2.5vw, 56px);

    flex:
        0 0
        clamp(46px, 2.5vw, 56px);

    background:
        rgba(232,94,42,.12);

    color:
        var(--orange);

    border:
        1px solid
        rgba(232,94,42,.15);

    border-radius:
        50%;
}

.zumi-static-fleet__video-icon i {
    font-size:
        clamp(21px, 1.2vw, 27px);

    line-height: 1;
}

.zumi-static-fleet__video-kicker {
    display: block;

    margin-bottom: 4px;

    color:
        var(--orange);

    font-size:
        clamp(9.5px, .56vw, 12px);

    font-weight: 800;

    line-height: 1.1;

    letter-spacing: .11em;

    text-transform: uppercase;
}

.zumi-static-fleet__video-title {
    margin: 0;

    color:
        #171717;

    font-size:
        clamp(18px, 1.15vw, 25px);

    font-weight: 700;

    line-height: 1.14;

    letter-spacing: -.03em;
}

.zumi-static-fleet__video-frame-wrap {
    position: relative;

    width: 100%;

    aspect-ratio:
        16 / 9;

    overflow: hidden;

    background:
        #111111;

    border:
        1px solid
        #D4D4D4;

    border-radius:
        4px;

    box-shadow:
        0 5px 16px
        rgba(0,0,0,.07);
}

.zumi-static-fleet__youtube-frame {
    position: absolute;

    inset: 0;

    display: block;

    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    border: 0;
}

@media (max-width: 1000px) {

    .zumi-static-fleet__video-section {
        grid-template-columns:
            minmax(185px, .32fr)
            minmax(0, .68fr);

        gap: 15px;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-section {
        display: block;

        margin:
            7px
            0
            0;

        padding:
            12px;

        border-radius:
            4px;
    }

    .zumi-static-fleet__video-section::before {
        top: 12px;

        height: 38px;
    }

    .zumi-static-fleet__video-heading {
        gap: 9px;

        margin-bottom:
            10px;

        padding-left:
            2px;
    }

    .zumi-static-fleet__video-icon {
        width: 39px;
        height: 39px;

        flex:
            0 0 39px;
    }

    .zumi-static-fleet__video-icon i {
        font-size: 18px;
    }

    .zumi-static-fleet__video-kicker {
        margin-bottom: 2px;

        font-size: 8.5px;

        letter-spacing: .09em;
    }

    .zumi-static-fleet__video-title {
        font-size:
            clamp(14px, 3.8vw, 16.5px);

        line-height: 1.10;
    }

    .zumi-static-fleet__video-frame-wrap {
        border-radius: 5px;

        box-shadow:
            0 3px 12px
            rgba(0,0,0,.06);
    }

}

@media (max-width: 390px) {

    .zumi-static-fleet__video-section {
        padding: 10px;
    }

    .zumi-static-fleet__video-section::before {
        top: 10px;

        height: 35px;
    }

    .zumi-static-fleet__video-icon {
        width: 36px;
        height: 36px;

        flex:
            0 0 36px;
    }

    .zumi-static-fleet__video-icon i {
        font-size: 16px;
    }

    .zumi-static-fleet__video-title {
        font-size: 13.8px;
    }

}

.zumi-video-hero__title-mobile {
    display: none;
}

@media (max-width: 700px) {

    .zumi-home-stack
    .zumi-video-hero {
        min-height:
            390px !important;

        border-radius:
            4px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__content {
        justify-content:
            center !important;

        align-items:
            center !important;

        min-height:
            390px !important;

        padding:
            14px
            14px
            16px !important;

        text-align:
            center !important;
    }

    .zumi-home-stack
    .zumi-video-hero__video {
        object-position:
            center center !important;
    }

    .zumi-home-stack
    .zumi-video-hero::after {
        background:

            linear-gradient(
                0deg,
                rgba(5,5,5,.91) 0%,
                rgba(5,5,5,.70) 34%,
                rgba(5,5,5,.39) 62%,
                rgba(5,5,5,.12) 100%
            ),

            linear-gradient(
                90deg,
                rgba(0,0,0,.18),
                rgba(0,0,0,.02)
            ) !important;
    }

    .zumi-home-stack
    .zumi-video-hero__title-lead,

    .zumi-home-stack
    .zumi-video-hero__title-second {
        display:
            none !important;
    }

    .zumi-home-stack
    .zumi-video-hero__title-mobile {
        display:
            block !important;

        width:
            100%;

        color:
            #FFFFFF;

        font-size:
            clamp(50px, 14.4vw, 68px);

        font-weight:
            900;

        line-height:
            .76;

        letter-spacing:
            -.078em;

        text-transform:
            uppercase;

        text-wrap:
            balance;
    }

    .zumi-home-stack
    .zumi-video-hero__title-mobile > span {
        display:
            block;
    }

    .zumi-home-stack
    .zumi-video-hero__title {
        width:
            100% !important;

        max-width:
            100% !important;

        margin:
            0 auto !important;

        line-height:
            .76 !important;
    }

    .zumi-home-stack
    .zumi-video-hero__subtitle {
        width:
            100% !important;

        max-width:
            355px !important;

        margin:
            11px
            auto
            0 !important;

        font-size:
            clamp(17px, 4.8vw, 21px) !important;

        font-weight:
            650 !important;

        line-height:
            1.02 !important;

        letter-spacing:
            -.025em !important;
    }

    .zumi-home-stack
    .zumi-video-hero__support {
        width:
            100% !important;

        justify-content:
            center !important;

        gap:
            4px
            8px !important;

        margin-top:
            9px !important;

        font-size:
            10px !important;

        line-height:
            1.15 !important;
    }

    .zumi-home-stack
    .zumi-video-hero__buttons {
        width:
            100% !important;

        justify-content:
            center !important;

        gap:
            5px !important;

        margin-top:
            11px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__button {
        min-height:
            36px !important;

        padding:
            8px
            9px !important;

        gap:
            5px !important;

        font-size:
            clamp(10.5px, 2.9vw, 12.5px) !important;

        border-radius:
            4px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__side {
        position:
            relative !important;

        width:
            100% !important;

        margin-top:
            5px !important;

        padding:
            0 !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage {
        position:
            relative !important;

        z-index:
            8 !important;

        width:
            100% !important;

        height:
            92px !important;

        min-height:
            92px !important;

        margin:
            -5px
            0
            -7px !important;

        overflow:
            hidden !important;

        pointer-events:
            none !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage::before {
        display:
            none !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal {
        position:
            absolute !important;

        z-index:
            9 !important;

        right:
            8px !important;

        bottom:
            -70px !important;

        display:
            block !important;

        width:
            205px !important;

        max-width:
            none !important;

        height:
            auto !important;

        margin:
            0 !important;

        opacity:
            .36 !important;

        filter:
            none !important;

        transform:
            scaleX(-1)
            rotate(3deg) !important;

        transform-origin:
            center !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__payments {
        position:
            relative !important;

        z-index:
            20 !important;

        margin-top:
            0 !important;
    }

}

@media (max-width: 420px) {

    .zumi-home-stack
    .zumi-video-hero {
        min-height:
            370px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__content {
        min-height:
            370px !important;

        padding:
            12px
            12px
            14px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__title-mobile {
        font-size:
            clamp(46px, 13.9vw, 58px);
    }

    .zumi-home-stack
    .zumi-video-hero__subtitle {
        max-width:
            325px !important;

        margin-top:
            9px !important;

        font-size:
            clamp(16px, 4.6vw, 19px) !important;
    }

    .zumi-home-stack
    .zumi-video-hero__support {
        margin-top:
            8px !important;

        font-size:
            9.5px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__buttons {
        margin-top:
            9px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage {
        height:
            84px !important;

        min-height:
            84px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal {
        right:
            5px !important;

        bottom:
            -68px !important;

        width:
            190px !important;

        opacity:
            .34 !important;
    }

}

@media (max-width: 360px) {

    .zumi-home-stack
    .zumi-video-hero {
        min-height:
            355px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__content {
        min-height:
            355px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__title-mobile {
        font-size:
            44px;
    }

    .zumi-home-stack
    .zumi-video-hero__subtitle {
        font-size:
            15px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__support {
        font-size:
            9px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal-stage {
        height:
            78px !important;

        min-height:
            78px !important;
    }

    .zumi-home-stack
    .zumi-trust-panel__caracal {
        width:
            176px !important;

        bottom:
            -64px !important;
    }

}

@media (min-width: 701px) {

    .zumi-home-stack
    .zumi-video-hero__title {
        width: 100% !important;

        max-width:
            1580px !important;

        margin:
            0 !important;

        font-size:
            clamp(64px, 6.4vw, 132px) !important;

        font-weight:
            900 !important;

        line-height:
            .80 !important;

        letter-spacing:
            -.078em !important;

        text-transform:
            uppercase !important;

        text-wrap:
            balance;
    }

    .zumi-home-stack
    .zumi-video-hero__title-lead,

    .zumi-home-stack
    .zumi-video-hero__title-second {
        display:
            block !important;
    }

    .zumi-home-stack
    .zumi-video-hero__title-second {
        margin-top:
            .035em;
    }

    .zumi-home-stack
    .zumi-video-hero__orange {
        font-weight:
            900 !important;
    }

    .zumi-home-stack
    .zumi-video-hero__subtitle {
        max-width:
            1280px !important;

        margin-top:
            clamp(26px, 2vw, 39px) !important;

        font-size:
            clamp(29px, 2.55vw, 52px) !important;

        font-weight:
            650 !important;

        line-height:
            1.01 !important;

        letter-spacing:
            -.038em !important;
    }

    .zumi-home-stack
    .zumi-video-hero__support {
        gap:
            clamp(10px, .9vw, 17px) !important;

        margin-top:
            clamp(17px, 1.3vw, 24px) !important;

        font-size:
            clamp(13px, .88vw, 18px) !important;

        font-weight:
            600 !important;
    }

    .zumi-home-stack
    .zumi-video-hero__support-dot {
        width:
            6px !important;

        height:
            6px !important;

        flex-basis:
            6px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__buttons {
        gap:
            clamp(9px, .7vw, 14px) !important;

        margin-top:
            clamp(35px, 2.7vw, 54px) !important;
    }

    .zumi-home-stack
    .zumi-video-hero__button {
        min-height:
            clamp(48px, 3vw, 58px) !important;

        padding:
            clamp(14px, .9vw, 18px)
            clamp(20px, 1.45vw, 30px) !important;

        gap:
            8px !important;

        border-radius:
            4px !important;

        font-size:
            clamp(15px, .95vw, 20px) !important;

        font-weight:
            750 !important;

        line-height:
            1 !important;
    }

    .zumi-home-stack
    .zumi-video-hero__button-icon {
        font-size:
            1.02em !important;
    }

}

@media (min-width: 701px) and (max-width: 1100px) {

    .zumi-home-stack
    .zumi-video-hero__title {
        max-width:
            980px !important;

        font-size:
            clamp(58px, 7.7vw, 84px) !important;

        line-height:
            .81 !important;
    }

    .zumi-home-stack
    .zumi-video-hero__subtitle {
        max-width:
            820px !important;

        margin-top:
            23px !important;

        font-size:
            clamp(25px, 3.4vw, 35px) !important;
    }

    .zumi-home-stack
    .zumi-video-hero__support {
        margin-top:
            15px !important;

        font-size:
            clamp(12.5px, 1.55vw, 15px) !important;
    }

    .zumi-home-stack
    .zumi-video-hero__buttons {
        margin-top:
            29px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__button {
        min-height:
            46px !important;

        padding:
            13px
            19px !important;

        font-size:
            clamp(13.5px, 1.6vw, 16px) !important;
    }

}

@media (min-width: 1600px) {

    .zumi-home-stack
    .zumi-video-hero__title {
        max-width:
            1680px !important;

        font-size:
            clamp(102px, 6.3vw, 142px) !important;
    }

    .zumi-home-stack
    .zumi-video-hero__subtitle {
        font-size:
            clamp(40px, 2.25vw, 54px) !important;
    }

    .zumi-home-stack
    .zumi-video-hero__buttons {
        margin-top:
            clamp(42px, 2.5vw, 58px) !important;
    }

    .zumi-home-stack
    .zumi-video-hero__button {
        min-height:
            56px !important;

        padding:
            17px
            29px !important;

        font-size:
            clamp(17px, .95vw, 21px) !important;
    }

}

@media (min-width: 1001px) {

    .zumi-static-fleet__video-section {
        grid-template-columns:
            minmax(240px, .34fr)
            minmax(0, .66fr) !important;

        align-items:
            center !important;

        gap:
            clamp(18px, 1.35vw, 28px) !important;

        padding:
            clamp(13px, .95vw, 19px)
            clamp(15px, 1.1vw, 22px) !important;

        min-height:
            0 !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 760px) !important;

        max-width:
            760px !important;

        justify-self:
            end !important;

        aspect-ratio:
            16 / 9 !important;
    }

    .zumi-static-fleet__video-heading {
        gap:
            clamp(10px, .75vw, 14px) !important;

        padding-left:
            2px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            clamp(43px, 2.4vw, 52px) !important;

        height:
            clamp(43px, 2.4vw, 52px) !important;

        flex:
            0 0
            clamp(43px, 2.4vw, 52px) !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            clamp(19px, 1.1vw, 24px) !important;
    }

    .zumi-static-fleet__video-kicker {
        margin-bottom:
            3px !important;

        font-size:
            clamp(9px, .5vw, 11px) !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            360px !important;

        font-size:
            clamp(17px, 1vw, 22px) !important;

        line-height:
            1.10 !important;
    }

}

@media (min-width: 1600px) {

    .zumi-static-fleet__video-section {
        grid-template-columns:
            minmax(270px, .38fr)
            minmax(0, .62fr) !important;

        padding:
            16px
            22px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 820px) !important;

        max-width:
            820px !important;
    }

}

@media (min-width: 2000px) {

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 880px) !important;

        max-width:
            880px !important;
    }

}

@media (min-width: 1001px) {

    .zumi-static-fleet__video-section {
        width:
            min(100%, 980px) !important;

        max-width:
            980px !important;

        margin:
            10px
            auto
            0 !important;

        grid-template-columns:
            minmax(190px, 240px)
            minmax(0, 1fr) !important;

        align-items:
            center !important;

        gap:
            20px !important;

        padding:
            14px
            16px !important;

        min-height:
            0 !important;

        background:
            linear-gradient(
                135deg,
                #FAFAFA 0%,
                #F5F5F5 100%
            ) !important;

        border:
            1px solid
            #DDDDDD !important;

        border-radius:
            4px !important;

        box-shadow:
            0 5px 18px
            rgba(0,0,0,.035) !important;
    }

    .zumi-static-fleet__video-section::before {
        top:
            14px !important;

        height:
            42px !important;

        width:
            3px !important;
    }

    .zumi-static-fleet__video-heading {
        align-self:
            center !important;

        gap:
            10px !important;

        padding-left:
            4px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            42px !important;

        height:
            42px !important;

        flex:
            0 0 42px !important;

        border-radius:
            50% !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            18px !important;
    }

    .zumi-static-fleet__video-kicker {
        margin-bottom:
            3px !important;

        font-size:
            9px !important;

        line-height:
            1 !important;

        letter-spacing:
            .10em !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            210px !important;

        margin:
            0 !important;

        font-size:
            17px !important;

        line-height:
            1.12 !important;

        letter-spacing:
            -.025em !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 620px) !important;

        max-width:
            620px !important;

        justify-self:
            end !important;

        aspect-ratio:
            16 / 9 !important;

        border-radius:
            4px !important;

        box-shadow:
            0 4px 14px
            rgba(0,0,0,.055) !important;
    }

}

@media (min-width: 1600px) {

    .zumi-static-fleet__video-section {
        width:
            min(100%, 1040px) !important;

        max-width:
            1040px !important;

        grid-template-columns:
            245px
            minmax(0, 1fr) !important;

        gap:
            22px !important;

        padding:
            15px
            17px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 650px) !important;

        max-width:
            650px !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            225px !important;

        font-size:
            18px !important;
    }

}

@media (min-width: 2000px) {

    .zumi-static-fleet__video-section {
        width:
            min(100%, 1080px) !important;

        max-width:
            1080px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 670px) !important;

        max-width:
            670px !important;
    }

}

@media (min-width: 1001px) {

    .zumi-static-fleet__video-section {
        width:
            min(100%, 860px) !important;

        max-width:
            860px !important;

        margin:
            10px
            0
            0 !important;

        grid-template-columns:
            205px
            minmax(0, 1fr) !important;

        align-items:
            center !important;

        gap:
            16px !important;

        padding:
            12px
            14px !important;

        min-height:
            0 !important;

        background:
            linear-gradient(
                135deg,
                #FAFAFA 0%,
                #F5F5F5 100%
            ) !important;

        border:
            1px solid
            #DDDDDD !important;

        border-radius:
            4px !important;

        box-shadow:
            0 4px 14px
            rgba(0,0,0,.03) !important;
    }

    .zumi-static-fleet__video-section::before {
        top:
            12px !important;

        height:
            38px !important;

        width:
            3px !important;
    }

    .zumi-static-fleet__video-heading {
        align-self:
            center !important;

        gap:
            9px !important;

        padding-left:
            3px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            38px !important;

        height:
            38px !important;

        flex:
            0 0 38px !important;

        border-radius:
            50% !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            16px !important;
    }

    .zumi-static-fleet__video-kicker {
        margin-bottom:
            2px !important;

        font-size:
            8.5px !important;

        line-height:
            1 !important;

        letter-spacing:
            .095em !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            170px !important;

        margin:
            0 !important;

        font-size:
            15.5px !important;

        line-height:
            1.10 !important;

        letter-spacing:
            -.02em !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 600px) !important;

        max-width:
            600px !important;

        justify-self:
            stretch !important;

        aspect-ratio:
            16 / 9 !important;

        border-radius:
            4px !important;

        box-shadow:
            0 3px 10px
            rgba(0,0,0,.045) !important;
    }

}

@media (min-width: 1600px) {

    .zumi-static-fleet__video-section {
        width:
            min(100%, 900px) !important;

        max-width:
            900px !important;

        grid-template-columns:
            215px
            minmax(0, 1fr) !important;

        gap:
            17px !important;

        padding:
            13px
            15px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 625px) !important;

        max-width:
            625px !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            180px !important;

        font-size:
            16px !important;
    }

}

@media (min-width: 2000px) {

    .zumi-static-fleet__video-section {
        width:
            900px !important;

        max-width:
            900px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            625px !important;

        max-width:
            625px !important;
    }

}

@media (min-width: 1001px) {

    .zumi-static-fleet__video-section {
        width:
            100% !important;

        max-width:
            none !important;

        margin:
            10px
            0
            0 !important;

        grid-template-columns:
            minmax(330px, .46fr)
            minmax(480px, .54fr) !important;

        align-items:
            center !important;

        gap:
            clamp(28px, 2.3vw, 48px) !important;

        padding:
            clamp(18px, 1.4vw, 25px)
            clamp(20px, 1.6vw, 30px) !important;

        min-height:
            0 !important;

        background:
            linear-gradient(
                135deg,
                #FAFAFA 0%,
                #F5F5F5 68%,
                #F2EEE9 100%
            ) !important;

        border:
            1px solid
            #DDDDDD !important;

        border-radius:
            4px !important;

        box-shadow:
            0 4px 16px
            rgba(0,0,0,.028) !important;
    }

    .zumi-static-fleet__video-section::before {
        top:
            20px !important;

        width:
            3px !important;

        height:
            52px !important;
    }

    .zumi-static-fleet__video-heading {
        align-items:
            flex-start !important;

        gap:
            13px !important;

        min-width:
            0 !important;

        padding-left:
            5px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            46px !important;

        height:
            46px !important;

        flex:
            0 0 46px !important;

        margin-top:
            1px !important;

        border-radius:
            50% !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            19px !important;
    }

    .zumi-static-fleet__video-kicker {
        margin-bottom:
            4px !important;

        font-size:
            9px !important;

        line-height:
            1 !important;

        letter-spacing:
            .11em !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            440px !important;

        margin:
            0 !important;

        color:
            #171717 !important;

        font-size:
            clamp(19px, 1.25vw, 25px) !important;

        font-weight:
            750 !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -.035em !important;
    }

    .zumi-static-fleet__video-copy {
        max-width:
            500px;

        margin:
            10px
            0
            0;

        color:
            #5B5B5B;

        font-size:
            clamp(12px, .76vw, 15px);

        line-height:
            1.48;
    }

    .zumi-static-fleet__video-points {
        display:
            flex;

        flex-wrap:
            wrap;

        gap:
            6px;

        margin-top:
            13px;
    }

    .zumi-static-fleet__video-points span {
        display:
            inline-flex;

        align-items:
            center;

        gap:
            6px;

        min-height:
            30px;

        padding:
            6px
            9px;

        background:
            #FFFFFF;

        color:
            #3E3E3E;

        border:
            1px solid
            #DEDEDE;

        border-radius:
            4px;

        font-size:
            clamp(10px, .62vw, 12px);

        font-weight:
            600;

        line-height:
            1;
    }

    .zumi-static-fleet__video-points i {
        color:
            var(--orange);

        font-size:
            .9em;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 600px) !important;

        max-width:
            600px !important;

        justify-self:
            end !important;

        aspect-ratio:
            16 / 9 !important;

        border:
            1px solid
            #D4D4D4 !important;

        border-radius:
            4px !important;

        box-shadow:
            0 5px 16px
            rgba(0,0,0,.055) !important;
    }

}

@media (min-width: 1600px) {

    .zumi-static-fleet__video-section {
        grid-template-columns:
            minmax(390px, .50fr)
            minmax(520px, .50fr) !important;

        gap:
            clamp(36px, 2.2vw, 52px) !important;

        padding:
            21px
            30px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 640px) !important;

        max-width:
            640px !important;
    }

    .zumi-static-fleet__video-copy {
        max-width:
            560px;
    }

}

@media (min-width: 2000px) {

    .zumi-static-fleet__video-frame-wrap {
        width:
            650px !important;

        max-width:
            650px !important;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-copy,
    .zumi-static-fleet__video-points {
        display:
            none !important;
    }

}

@media (min-width: 1251px) {

    .zumi-static-fleet__video-section {
        width:
            100% !important;

        max-width:
            none !important;

        grid-template-columns:
            minmax(360px, .44fr)
            minmax(520px, .56fr) !important;

        align-items:
            center !important;

        gap:
            clamp(30px, 2.1vw, 46px) !important;

        padding:
            clamp(18px, 1.35vw, 24px)
            clamp(20px, 1.55vw, 28px) !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(100%, 620px) !important;

        max-width:
            620px !important;

        justify-self:
            end !important;
    }

    .zumi-static-fleet__video-copy {
        display:
            block !important;

        max-width:
            500px !important;
    }

    .zumi-static-fleet__video-points {
        display:
            flex !important;
    }

}

@media (min-width: 701px) and (max-width: 1250px) {

    .zumi-static-fleet__video-section {
        display:
            grid !important;

        grid-template-columns:
            1fr !important;

        gap:
            14px !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            9px
            0
            0 !important;

        padding:
            15px !important;

        border-radius:
            4px !important;
    }

    .zumi-static-fleet__video-section::before {
        top:
            15px !important;

        height:
            42px !important;
    }

    .zumi-static-fleet__video-heading {
        display:
            grid !important;

        grid-template-columns:
            44px
            minmax(0, 1fr) !important;

        align-items:
            start !important;

        gap:
            11px !important;

        width:
            100% !important;

        padding-left:
            3px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            42px !important;

        height:
            42px !important;

        flex:
            0 0 42px !important;
    }

    .zumi-static-fleet__video-kicker {
        margin-bottom:
            3px !important;

        font-size:
            8.8px !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            none !important;

        font-size:
            clamp(17px, 2vw, 22px) !important;

        line-height:
            1.08 !important;
    }

    .zumi-static-fleet__video-copy {
        display:
            block !important;

        max-width:
            760px !important;

        margin-top:
            7px !important;

        font-size:
            clamp(12px, 1.2vw, 14px) !important;

        line-height:
            1.42 !important;
    }

    .zumi-static-fleet__video-points {
        display:
            flex !important;

        flex-wrap:
            wrap !important;

        gap:
            6px !important;

        margin-top:
            10px !important;
    }

    .zumi-static-fleet__video-points span {
        min-height:
            29px !important;

        padding:
            6px
            9px !important;

        font-size:
            10.5px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            100% !important;

        max-width:
            none !important;

        justify-self:
            stretch !important;

        aspect-ratio:
            16 / 9 !important;

        border-radius:
            4px !important;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-section {
        display:
            block !important;

        margin:
            7px
            0
            0 !important;

        padding:
            11px !important;
    }

    .zumi-static-fleet__video-heading {
        display:
            grid !important;

        grid-template-columns:
            39px
            minmax(0, 1fr) !important;

        align-items:
            start !important;

        gap:
            9px !important;

        margin-bottom:
            9px !important;

        padding-left:
            2px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            38px !important;

        height:
            38px !important;

        flex:
            0 0 38px !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            17px !important;
    }

    .zumi-static-fleet__video-kicker {
        margin-bottom:
            2px !important;

        font-size:
            8px !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            none !important;

        font-size:
            clamp(14px, 4vw, 16.5px) !important;

        line-height:
            1.08 !important;
    }

    .zumi-static-fleet__video-copy {
        display:
            none !important;
    }

    .zumi-static-fleet__video-points {
        display:
            grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            4px !important;

        width:
            100% !important;

        margin:
            8px
            0
            10px !important;

        grid-column:
            1 / -1 !important;
    }

    .zumi-static-fleet__video-points span {
        display:
            inline-flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            4px !important;

        min-width:
            0 !important;

        min-height:
            29px !important;

        padding:
            5px
            5px !important;

        overflow:
            hidden !important;

        border-radius:
            4px !important;

        font-size:
            clamp(8.3px, 2.35vw, 10px) !important;

        line-height:
            1 !important;

        text-align:
            center !important;

        white-space:
            nowrap !important;
    }

    .zumi-static-fleet__video-points i {
        flex:
            0 0 auto !important;

        font-size:
            .88em !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            100% !important;

        max-width:
            none !important;

        aspect-ratio:
            16 / 9 !important;

        border-radius:
            4px !important;
    }

}

@media (max-width: 390px) {

    .zumi-static-fleet__video-points {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .zumi-static-fleet__video-points span:last-child {
        grid-column:
            1 / -1 !important;

        justify-self:
            center !important;

        width:
            min(100%, 180px) !important;
    }

    .zumi-static-fleet__video-points span {
        font-size:
            8.7px !important;
    }

}

.zumi-static-fleet__video-info {
    min-width: 0;
}

.zumi-static-fleet__video-heading-text {
    min-width: 0;
}

@media (min-width: 1251px) {

    .zumi-static-fleet__video-info {
        display: block;

        min-width: 0;
    }

    .zumi-static-fleet__video-heading {
        display: flex !important;

        align-items:
            flex-start !important;

        gap:
            12px !important;

        margin:
            0 !important;
    }

    .zumi-static-fleet__video-copy {
        max-width:
            500px !important;

        margin:
            10px
            0
            0
            59px !important;
    }

    .zumi-static-fleet__video-points {
        display:
            flex !important;

        flex-wrap:
            wrap !important;

        gap:
            6px !important;

        margin:
            12px
            0
            0
            59px !important;
    }

}

@media (min-width: 701px) and (max-width: 1250px) {

    .zumi-static-fleet__video-info {
        display: block !important;

        width: 100% !important;
    }

    .zumi-static-fleet__video-heading {
        display: flex !important;

        align-items:
            center !important;

        gap:
            10px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }

    .zumi-static-fleet__video-copy {
        display:
            block !important;

        max-width:
            760px !important;

        margin:
            8px
            0
            0
            53px !important;
    }

    .zumi-static-fleet__video-points {
        display:
            flex !important;

        flex-wrap:
            wrap !important;

        gap:
            6px !important;

        margin:
            10px
            0
            0
            53px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        margin-top:
            0 !important;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-section {
        padding:
            10px !important;

        margin:
            7px
            0
            0 !important;
    }

    .zumi-static-fleet__video-info {
        display:
            block !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }

    .zumi-static-fleet__video-heading {
        display:
            flex !important;

        align-items:
            center !important;

        gap:
            8px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            36px !important;

        height:
            36px !important;

        flex:
            0 0 36px !important;

        margin:
            0 !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            16px !important;
    }

    .zumi-static-fleet__video-heading-text {
        display:
            block !important;

        min-width:
            0 !important;

        flex:
            1 1 auto !important;
    }

    .zumi-static-fleet__video-kicker {
        margin:
            0
            0
            2px !important;

        font-size:
            7.8px !important;

        line-height:
            1 !important;

        letter-spacing:
            .09em !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            none !important;

        margin:
            0 !important;

        font-size:
            clamp(13.5px, 3.7vw, 16px) !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -.025em !important;
    }

    .zumi-static-fleet__video-copy {
        display:
            none !important;
    }

    .zumi-static-fleet__video-points {
        display:
            grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            4px !important;

        width:
            100% !important;

        margin:
            8px
            0
            8px !important;

        padding:
            0 !important;
    }

    .zumi-static-fleet__video-points span {
        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        gap:
            4px !important;

        min-width:
            0 !important;

        min-height:
            28px !important;

        margin:
            0 !important;

        padding:
            5px
            4px !important;

        overflow:
            hidden !important;

        background:
            #FFFFFF !important;

        border:
            1px solid
            #E0E0E0 !important;

        border-radius:
            4px !important;

        color:
            #3E3E3E !important;

        font-size:
            clamp(8px, 2.25vw, 9.6px) !important;

        font-weight:
            600 !important;

        line-height:
            1 !important;

        white-space:
            nowrap !important;

        text-align:
            center !important;
    }

    .zumi-static-fleet__video-points span i {
        flex:
            0 0 auto !important;

        color:
            var(--orange) !important;

        font-size:
            .86em !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            100% !important;

        max-width:
            none !important;

        margin:
            0 !important;

        aspect-ratio:
            16 / 9 !important;

        border-radius:
            4px !important;
    }

}

@media (max-width: 365px) {

    .zumi-static-fleet__video-points {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            4px !important;
    }

    .zumi-static-fleet__video-points span:last-child {
        grid-column:
            1 / -1 !important;

        width:
            min(100%, 170px) !important;

        justify-self:
            center !important;
    }

    .zumi-static-fleet__video-points span {
        font-size:
            8.4px !important;
    }

}

.zumi-static-fleet__video-points {
    display:
        flex !important;

    flex-wrap:
        wrap !important;

    align-items:
        center !important;

    gap:
        6px !important;

    width:
        100% !important;

    padding:
        0 !important;
}

.zumi-static-fleet__video-points span {
    display:
        inline-flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    gap:
        6px !important;

    min-height:
        31px !important;

    margin:
        0 !important;

    padding:
        6px
        10px !important;

    background:
        #FFFFFF !important;

    color:
        #3C3C3C !important;

    border:
        1px solid
        #DEDEDE !important;

    border-radius:
        4px !important;

    box-shadow:
        0 1px 2px
        rgba(0,0,0,.018) !important;

    font-size:
        clamp(10px, .65vw, 12px) !important;

    font-weight:
        600 !important;

    line-height:
        1 !important;

    white-space:
        nowrap !important;
}

.zumi-static-fleet__video-points span i {
    display:
        inline-block !important;

    flex:
        0 0 auto !important;

    color:
        var(--orange) !important;

    font-size:
        .88em !important;

    line-height:
        1 !important;
}

@media (min-width: 1251px) {

    .zumi-static-fleet__video-points {
        margin:
            12px
            0
            0
            59px !important;
    }

    .zumi-static-fleet__video-points span {
        min-height:
            31px !important;

        padding:
            6px
            10px !important;
    }

}

@media (min-width: 701px) and (max-width: 1250px) {

    .zumi-static-fleet__video-points {
        display:
            flex !important;

        flex-wrap:
            wrap !important;

        gap:
            6px !important;

        margin:
            10px
            0
            0
            53px !important;
    }

    .zumi-static-fleet__video-points span {
        min-height:
            31px !important;

        padding:
            6px
            10px !important;

        background:
            #FFFFFF !important;

        border:
            1px solid
            #DCDCDC !important;

        border-radius:
            4px !important;

        font-size:
            clamp(10px, 1.1vw, 11.5px) !important;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-points {
        display:
            grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            4px !important;

        width:
            100% !important;

        margin:
            8px
            0
            8px !important;
    }

    .zumi-static-fleet__video-points span {
        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            28px !important;

        padding:
            5px
            4px !important;

        background:
            #FFFFFF !important;

        border:
            1px solid
            #DEDEDE !important;

        border-radius:
            4px !important;

        font-size:
            clamp(8px, 2.25vw, 9.6px) !important;

        overflow:
            hidden !important;
    }

}

@media (max-width: 365px) {

    .zumi-static-fleet__video-points {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;
    }

    .zumi-static-fleet__video-points span:last-child {
        grid-column:
            1 / -1 !important;

        width:
            min(100%, 170px) !important;

        justify-self:
            center !important;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-points {
        display:
            grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            3px !important;

        width:
            100% !important;

        margin:
            8px
            0
            8px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        grid-column:
            auto !important;

        width:
            100% !important;

        max-width:
            none !important;

        min-width:
            0 !important;

        min-height:
            27px !important;

        justify-self:
            stretch !important;

        padding:
            5px
            3px !important;

        gap:
            3px !important;

        overflow:
            hidden !important;

        font-size:
            clamp(7.6px, 2.05vw, 9.4px) !important;

        letter-spacing:
            -.01em !important;

        white-space:
            nowrap !important;

        text-overflow:
            clip !important;
    }

    .zumi-static-fleet__video-points span i {
        flex:
            0 0 auto !important;

        font-size:
            .82em !important;
    }

}

@media (max-width: 390px) {

    .zumi-static-fleet__video-points {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            2px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        grid-column:
            auto !important;

        width:
            100% !important;

        padding:
            4px
            2px !important;

        gap:
            2px !important;

        min-height:
            26px !important;

        font-size:
            clamp(7px, 1.95vw, 8.2px) !important;
    }

    .zumi-static-fleet__video-points span i {
        font-size:
            .78em !important;
    }

}

@media (max-width: 340px) {

    .zumi-static-fleet__video-points {
        gap:
            2px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        padding:
            4px
            1px !important;

        gap:
            1px !important;

        min-height:
            25px !important;

        font-size:
            6.7px !important;
    }

    .zumi-static-fleet__video-points span i {
        font-size:
            .72em !important;
    }

}

@media (min-width: 701px) {

    .zumi-static-fleet__video-section {
        display:
            grid !important;

        grid-template-columns:
            minmax(285px, .39fr)
            minmax(0, .61fr) !important;

        align-items:
            center !important;

        gap:
            clamp(14px, 1.7vw, 34px) !important;

        width:
            100% !important;

        max-width:
            none !important;

        margin:
            9px
            0
            0 !important;

        padding:
            clamp(14px, 1.25vw, 22px)
            clamp(15px, 1.35vw, 26px) !important;

        min-height:
            0 !important;
    }

    .zumi-static-fleet__video-info {
        display:
            block !important;

        width:
            100% !important;

        min-width:
            0 !important;

        margin:
            0 !important;
    }

    .zumi-static-fleet__video-heading {
        display:
            flex !important;

        align-items:
            flex-start !important;

        gap:
            10px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }

    .zumi-static-fleet__video-heading-text {
        min-width:
            0 !important;

        flex:
            1 1 auto !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            clamp(40px, 3.1vw, 48px) !important;

        height:
            clamp(40px, 3.1vw, 48px) !important;

        flex:
            0 0
            clamp(40px, 3.1vw, 48px) !important;

        margin:
            0 !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            clamp(17px, 1.3vw, 20px) !important;
    }

    .zumi-static-fleet__video-kicker {
        margin:
            0
            0
            3px !important;

        font-size:
            clamp(8px, .72vw, 10px) !important;

        line-height:
            1 !important;

        letter-spacing:
            .10em !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            none !important;

        margin:
            0 !important;

        font-size:
            clamp(16px, 1.75vw, 24px) !important;

        line-height:
            1.07 !important;

        letter-spacing:
            -.03em !important;
    }

    .zumi-static-fleet__video-copy {
        display:
            block !important;

        max-width:
            470px !important;

        margin:
            10px
            0
            0
            50px !important;

        font-size:
            clamp(11px, 1vw, 14px) !important;

        line-height:
            1.42 !important;
    }

    .zumi-static-fleet__video-points {
        display:
            grid !important;

        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            4px !important;

        width:
            calc(100% - 50px) !important;

        margin:
            11px
            0
            0
            50px !important;

        padding:
            0 !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        grid-column:
            auto !important;

        display:
            flex !important;

        align-items:
            center !important;

        justify-content:
            center !important;

        width:
            100% !important;

        min-width:
            0 !important;

        max-width:
            none !important;

        min-height:
            29px !important;

        padding:
            5px
            5px !important;

        gap:
            4px !important;

        background:
            #FFFFFF !important;

        color:
            #3C3C3C !important;

        border:
            1px solid
            #DEDEDE !important;

        border-radius:
            4px !important;

        font-size:
            clamp(8px, .78vw, 11px) !important;

        font-weight:
            600 !important;

        line-height:
            1 !important;

        white-space:
            nowrap !important;

        overflow:
            hidden !important;
    }

    .zumi-static-fleet__video-points span i {
        flex:
            0 0 auto !important;

        color:
            var(--orange) !important;

        font-size:
            .84em !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            100% !important;

        max-width:
            none !important;

        justify-self:
            stretch !important;

        margin:
            0 !important;

        aspect-ratio:
            16 / 9 !important;

        border-radius:
            4px !important;
    }

}

@media (min-width: 701px) and (max-width: 900px) {

    .zumi-static-fleet__video-section {
        grid-template-columns:
            minmax(270px, 42%)
            minmax(0, 58%) !important;

        gap:
            12px !important;

        padding:
            13px !important;
    }

    .zumi-static-fleet__video-title {
        font-size:
            clamp(15px, 2.15vw, 18px) !important;
    }

    .zumi-static-fleet__video-copy {
        margin-left:
            48px !important;

        font-size:
            10.8px !important;

        line-height:
            1.38 !important;
    }

    .zumi-static-fleet__video-points {
        width:
            calc(100% - 48px) !important;

        margin-left:
            48px !important;

        gap:
            3px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        min-height:
            27px !important;

        padding:
            4px
            3px !important;

        gap:
            3px !important;

        font-size:
            clamp(7px, 1.05vw, 9px) !important;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-section {
        display:
            block !important;
    }

}

@media (min-width: 701px) {

    .zumi-static-fleet__video-section {
        grid-template-columns:
            minmax(285px, .42fr)
            minmax(0, .58fr) !important;

        gap:
            clamp(20px, 2vw, 42px) !important;

        padding:
            clamp(18px, 1.5vw, 28px)
            clamp(20px, 1.7vw, 32px) !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(88%, 560px) !important;

        max-width:
            560px !important;

        justify-self:
            center !important;

        margin:
            0 !important;

        aspect-ratio:
            16 / 9 !important;

        border-radius:
            4px !important;

        box-shadow:
            0 6px 18px
            rgba(0,0,0,.06) !important;
    }

    .zumi-static-fleet__youtube-frame {
        border-radius:
            inherit !important;
    }

}

@media (min-width: 701px) and (max-width: 900px) {

    .zumi-static-fleet__video-section {
        grid-template-columns:
            minmax(265px, 44%)
            minmax(0, 56%) !important;

        gap:
            16px !important;

        padding:
            15px
            16px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(90%, 440px) !important;

        max-width:
            440px !important;

        justify-self:
            center !important;
    }

}

@media (min-width: 901px) and (max-width: 1250px) {

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(86%, 500px) !important;

        max-width:
            500px !important;
    }

}

@media (min-width: 1600px) {

    .zumi-static-fleet__video-section {
        grid-template-columns:
            minmax(390px, .46fr)
            minmax(0, .54fr) !important;

        gap:
            clamp(34px, 2vw, 50px) !important;

        padding:
            22px
            34px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        width:
            min(82%, 580px) !important;

        max-width:
            580px !important;
    }

}

@media (min-width: 2000px) {

    .zumi-static-fleet__video-frame-wrap {
        width:
            580px !important;

        max-width:
            580px !important;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-frame-wrap {
        width:
            100% !important;

        max-width:
            none !important;

        justify-self:
            stretch !important;
    }

}

.zumi-home-stack
.zumi-video-hero__support {
    font-size:
        clamp(14px, .98vw, 20px) !important;

    font-weight:
        650 !important;

    line-height:
        1.22 !important;

    gap:
        clamp(10px, .85vw, 16px) !important;
}

.zumi-home-stack
.zumi-video-hero__support-dot {
    width:
        7px !important;

    height:
        7px !important;

    flex:
        0 0 7px !important;
}

.zumi-home-stack
.zumi-video-hero__buttons {
    margin-top:
        clamp(38px, 3vw, 64px) !important;

    gap:
        clamp(10px, .8vw, 15px) !important;
}

.zumi-home-stack
.zumi-video-hero__button {
    min-height:
        clamp(48px, 3.1vw, 60px) !important;

    padding:
        clamp(14px, .95vw, 18px)
        clamp(21px, 1.5vw, 31px) !important;

    font-size:
        clamp(15px, .98vw, 20px) !important;

    font-weight:
        750 !important;
}

@media (max-width: 700px) {

    .zumi-home-stack
    .zumi-video-hero {
        min-height:
            455px !important;

        height:
            auto !important;

        border-radius:
            4px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__content {
        min-height:
            455px !important;

        justify-content:
            center !important;

        padding:
            22px
            15px
            28px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__video {
        object-position:
            center center !important;
    }

    .zumi-home-stack
    .zumi-video-hero__support {
        justify-content:
            center !important;

        gap:
            5px
            9px !important;

        margin-top:
            13px !important;

        font-size:
            clamp(10.8px, 2.75vw, 12.4px) !important;

        font-weight:
            650 !important;

        line-height:
            1.15 !important;
    }

    .zumi-home-stack
    .zumi-video-hero__support-dot {
        width:
            5px !important;

        height:
            5px !important;

        flex:
            0 0 5px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__buttons {
        margin-top:
            24px !important;

        gap:
            7px !important;

        justify-content:
            center !important;
    }

    .zumi-home-stack
    .zumi-video-hero__button {
        min-height:
            42px !important;

        padding:
            11px
            13px !important;

        font-size:
            clamp(11.5px, 3vw, 13.5px) !important;

        border-radius:
            4px !important;
    }

}

@media (max-width: 420px) {

    .zumi-home-stack
    .zumi-video-hero {
        min-height:
            435px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__content {
        min-height:
            435px !important;

        padding:
            20px
            13px
            25px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__support {
        font-size:
            clamp(10px, 2.6vw, 11.4px) !important;

        margin-top:
            12px !important;
    }

    .zumi-home-stack
    .zumi-video-hero__buttons {
        margin-top:
            21px !important;
    }

}

@media (min-width: 701px) {

    .zumi-home-stack
    .zumi-video-hero__support {
        margin-top:
            clamp(19px, 1.45vw, 28px) !important;
    }

    .zumi-home-stack
    .zumi-video-hero__buttons {
        margin-top:
            clamp(44px, 3.25vw, 70px) !important;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-section {
        padding:
            14px
            11px
            16px !important;

        margin-top:
            8px !important;

        border-radius:
            4px !important;
    }

    .zumi-static-fleet__video-info {
        margin-bottom:
            12px !important;
    }

    .zumi-static-fleet__video-heading {
        margin-bottom:
            0 !important;
    }

    .zumi-static-fleet__video-points {
        margin:
            10px
            0
            13px !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        margin:
            0
            auto !important;

        width:
            100% !important;

        max-width:
            none !important;

        border-radius:
            4px !important;
    }

}

@media (max-width: 365px) {

    .zumi-static-fleet__video-section {
        padding:
            13px
            9px
            15px !important;
    }

    .zumi-static-fleet__video-info {
        margin-bottom:
            10px !important;
    }

    .zumi-static-fleet__video-points {
        margin:
            9px
            0
            11px !important;
    }

}

@media (max-width: 700px) {

    .zumi-static-fleet__video-section {
        padding:
            16px
            12px
            18px !important;
    }

    .zumi-static-fleet__video-info {
        margin-bottom:
            13px !important;
    }

    .zumi-static-fleet__video-heading {
        display:
            flex !important;

        align-items:
            center !important;

        gap:
            10px !important;

        width:
            100% !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            44px !important;

        height:
            44px !important;

        flex:
            0 0 44px !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            19px !important;
    }

    .zumi-static-fleet__video-heading-text {
        min-width:
            0 !important;

        flex:
            1 1 auto !important;
    }

    .zumi-static-fleet__video-kicker {
        margin:
            0
            0
            4px !important;

        font-size:
            clamp(10px, 2.8vw, 11.5px) !important;

        font-weight:
            800 !important;

        line-height:
            1 !important;

        letter-spacing:
            .085em !important;
    }

    .zumi-static-fleet__video-title {
        max-width:
            none !important;

        margin:
            0 !important;

        font-size:
            clamp(18px, 5vw, 22px) !important;

        font-weight:
            750 !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -.03em !important;
    }

    .zumi-static-fleet__video-points {
        grid-template-columns:
            repeat(3, minmax(0, 1fr)) !important;

        gap:
            5px !important;

        margin:
            11px
            0
            14px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        width:
            100% !important;

        min-width:
            0 !important;

        min-height:
            33px !important;

        padding:
            6px
            5px !important;

        gap:
            4px !important;

        font-size:
            clamp(9.8px, 2.7vw, 11.2px) !important;

        font-weight:
            650 !important;

        line-height:
            1 !important;

        white-space:
            nowrap !important;
    }

    .zumi-static-fleet__video-points span i {
        font-size:
            .9em !important;
    }

    .zumi-static-fleet__video-frame-wrap {
        margin:
            0
            auto !important;

        border-radius:
            4px !important;
    }

}

@media (max-width: 365px) {

    .zumi-static-fleet__video-section {
        padding:
            15px
            10px
            17px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            42px !important;

        height:
            42px !important;

        flex:
            0 0 42px !important;
    }

    .zumi-static-fleet__video-kicker {
        font-size:
            9.8px !important;
    }

    .zumi-static-fleet__video-title {
        font-size:
            clamp(17px, 5vw, 19px) !important;
    }

    .zumi-static-fleet__video-points {
        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap:
            5px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        min-height:
            32px !important;

        font-size:
            10.2px !important;
    }

    .zumi-static-fleet__video-points span:last-child {
        grid-column:
            1 / -1 !important;

        width:
            min(100%, 190px) !important;

        justify-self:
            center !important;
    }

}

@media (min-width: 701px) and (max-width: 900px) {

    .zumi-static-fleet__video-heading {
        gap:
            11px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            48px !important;

        height:
            48px !important;

        flex:
            0 0 48px !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            20px !important;
    }

    .zumi-static-fleet__video-kicker {
        margin:
            0
            0
            4px !important;

        font-size:
            clamp(10.5px, 1.45vw, 12px) !important;

        font-weight:
            800 !important;

        line-height:
            1 !important;

        letter-spacing:
            .09em !important;
    }

    .zumi-static-fleet__video-title {
        font-size:
            clamp(20px, 2.75vw, 24px) !important;

        font-weight:
            750 !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -.03em !important;
    }

    .zumi-static-fleet__video-copy {
        max-width:
            520px !important;

        margin:
            11px
            0
            0
            59px !important;

        font-size:
            clamp(12.5px, 1.55vw, 14px) !important;

        line-height:
            1.48 !important;
    }

    .zumi-static-fleet__video-points {
        width:
            calc(100% - 59px) !important;

        margin:
            12px
            0
            0
            59px !important;

        gap:
            4px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        min-height:
            31px !important;

        padding:
            5px
            4px !important;

        font-size:
            clamp(8.8px, 1.2vw, 10.5px) !important;

        font-weight:
            650 !important;
    }

}

@media (min-width: 901px) and (max-width: 1250px) {

    .zumi-static-fleet__video-heading {
        gap:
            12px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            52px !important;

        height:
            52px !important;

        flex:
            0 0 52px !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            22px !important;
    }

    .zumi-static-fleet__video-kicker {
        margin:
            0
            0
            5px !important;

        font-size:
            clamp(11px, 1vw, 13px) !important;

        font-weight:
            800 !important;

        letter-spacing:
            .09em !important;
    }

    .zumi-static-fleet__video-title {
        font-size:
            clamp(24px, 2.15vw, 30px) !important;

        font-weight:
            750 !important;

        line-height:
            1.08 !important;

        letter-spacing:
            -.032em !important;
    }

    .zumi-static-fleet__video-copy {
        max-width:
            560px !important;

        margin:
            12px
            0
            0
            64px !important;

        font-size:
            clamp(13.5px, 1.1vw, 16px) !important;

        line-height:
            1.5 !important;
    }

    .zumi-static-fleet__video-points {
        width:
            calc(100% - 64px) !important;

        margin:
            13px
            0
            0
            64px !important;

        gap:
            5px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        min-height:
            34px !important;

        padding:
            6px
            6px !important;

        font-size:
            clamp(9.8px, .88vw, 11.8px) !important;

        font-weight:
            650 !important;
    }

}

@media (min-width: 1251px) and (max-width: 1599px) {

    .zumi-static-fleet__video-heading {
        gap:
            14px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            clamp(54px, 3vw, 60px) !important;

        height:
            clamp(54px, 3vw, 60px) !important;

        flex:
            0 0 clamp(54px, 3vw, 60px) !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            clamp(22px, 1.35vw, 25px) !important;
    }

    .zumi-static-fleet__video-kicker {
        margin:
            0
            0
            5px !important;

        font-size:
            clamp(12px, .78vw, 14px) !important;

        font-weight:
            800 !important;

        letter-spacing:
            .095em !important;
    }

    .zumi-static-fleet__video-title {
        font-size:
            clamp(27px, 1.85vw, 34px) !important;

        font-weight:
            750 !important;

        line-height:
            1.07 !important;

        letter-spacing:
            -.034em !important;
    }

    .zumi-static-fleet__video-copy {
        max-width:
            610px !important;

        margin:
            13px
            0
            0
            68px !important;

        font-size:
            clamp(14.5px, .98vw, 17px) !important;

        line-height:
            1.52 !important;
    }

    .zumi-static-fleet__video-points {
        width:
            calc(100% - 68px) !important;

        margin:
            14px
            0
            0
            68px !important;

        gap:
            6px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        min-height:
            36px !important;

        padding:
            7px
            9px !important;

        font-size:
            clamp(10.8px, .72vw, 13px) !important;

        font-weight:
            650 !important;
    }

}

@media (min-width: 1600px) {

    .zumi-static-fleet__video-heading {
        gap:
            15px !important;
    }

    .zumi-static-fleet__video-icon {
        width:
            62px !important;

        height:
            62px !important;

        flex:
            0 0 62px !important;
    }

    .zumi-static-fleet__video-icon i {
        font-size:
            26px !important;
    }

    .zumi-static-fleet__video-kicker {
        margin:
            0
            0
            6px !important;

        font-size:
            14px !important;

        font-weight:
            800 !important;

        letter-spacing:
            .10em !important;
    }

    .zumi-static-fleet__video-title {
        font-size:
            36px !important;

        font-weight:
            750 !important;

        line-height:
            1.06 !important;

        letter-spacing:
            -.035em !important;
    }

    .zumi-static-fleet__video-copy {
        max-width:
            650px !important;

        margin:
            14px
            0
            0
            77px !important;

        font-size:
            18px !important;

        line-height:
            1.52 !important;
    }

    .zumi-static-fleet__video-points {
        width:
            calc(100% - 77px) !important;

        margin:
            15px
            0
            0
            77px !important;

        gap:
            7px !important;
    }

    .zumi-static-fleet__video-points span,
    .zumi-static-fleet__video-points span:last-child {
        min-height:
            38px !important;

        padding:
            8px
            11px !important;

        font-size:
            13.5px !important;

        font-weight:
            650 !important;
    }

}

.zumi-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    vertical-align: middle;
}

.zumi-video-hero__button svg,
.zumi-video-hero__button-icon {
    width: 1.05em !important;
    height: 1.05em !important;
    fill: none !important;
    stroke: currentColor !important;
}

.zumi-static-fleet__video-icon .zumi-icon {
    width: clamp(23px, 1.5vw, 31px);
    height: clamp(23px, 1.5vw, 31px);
}

.zumi-static-fleet__video-points .zumi-icon {
    width: .9em;
    height: .9em;
    color: var(--orange);
}

.zumi-static-fleet__currency-flag {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    width: clamp(18px, 1.1vw, 22px);
    height: clamp(18px, 1.1vw, 22px);
    line-height: 1;
}

.zumi-static-fleet__currency-flag img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    object-fit: cover;
    border-radius: 50%;
}

.zumi-home-stack img[data-zumi-src] {
    background-color: #F1F1F1;
}


/* ============================================================
   ZUMI INLINE SVG ICON SAFETY — NO ICON FONT DEPENDENCY
============================================================ */

.zumi-home-stack .zumi-icon {
    display: inline-block !important;
    visibility: visible !important;
    opacity: 1 !important;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    fill: none !important;
    stroke: currentColor !important;
    stroke-width: 2;
    stroke-linecap: round;
    stroke-linejoin: round;
    overflow: visible;
}

.zumi-home-stack .zumi-static-fleet__benefit-icon .zumi-icon {
    display: block !important;
    width: clamp(23px, 1.22vw, 28px) !important;
    height: clamp(23px, 1.22vw, 28px) !important;
    color: var(--orange) !important;
    stroke-width: 2.15 !important;
}

.zumi-home-stack .zumi-static-fleet__features-symbol .zumi-icon {
    display: block !important;
    width: clamp(21px, 1.05vw, 25px) !important;
    height: clamp(21px, 1.05vw, 25px) !important;
    color: #FFFFFF !important;
    stroke-width: 2.2 !important;
}

.zumi-home-stack .zumi-static-fleet__features-arrow .zumi-icon {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    color: #292929 !important;
    transform: rotate(0deg);
    transition: transform 220ms cubic-bezier(.2,.8,.2,1);
}

.zumi-home-stack
.zumi-static-fleet__features[open]
.zumi-static-fleet__features-arrow .zumi-icon {
    transform: rotate(180deg);
}

.zumi-home-stack .zumi-static-fleet__video-icon .zumi-icon {
    display: block !important;
}

.zumi-home-stack .zumi-static-fleet__video-points .zumi-icon {
    display: inline-block !important;
    color: var(--orange) !important;
}



/* ============================================================
   ZUMI — LOCAL NORMALIZED SVG ICON SYSTEM
============================================================ */

.zumi-home-stack .zumi-site-icon {
    display: inline-block !important;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    background-color: currentColor !important;

    -webkit-mask-image: var(--zumi-icon-url);
    mask-image: var(--zumi-icon-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
}

.zumi-home-stack .zumi-site-icon--camping {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/camping-icon.svg");
}

.zumi-home-stack .zumi-site-icon--insurance {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/insurance-icon.svg");
}

.zumi-home-stack .zumi-site-icon--maintained {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/maintained-vehicle-icon.svg");
}

.zumi-home-stack .zumi-site-icon--non-camping {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/non-camp-car-icon.svg");
}

.zumi-home-stack .zumi-site-icon--unlimited {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/unlimited-range-icon.svg");
}

.zumi-home-stack .zumi-site-icon--video-play {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/video-play-icon.svg");
}

.zumi-home-stack .zumi-site-icon--tours {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/tours-icon-giraffe.svg");
}

.zumi-home-stack .zumi-site-icon--booking-info {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/magnyfying-glass-more-info-booking.svg");
}

.zumi-home-stack .zumi-site-icon--model-3d {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/3d-model-icon.svg");
}

.zumi-home-stack .zumi-site-icon--warning {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/warning-icon.svg");
}



/* HERO CTA ICONS */
.zumi-home-stack .zumi-video-hero__button .zumi-site-icon {
    color: #FFFFFF !important;
}

.zumi-home-stack .zumi-video-hero__button-icon {
    display: block !important;
    width: clamp(20px, 1.18em, 25px) !important;
    height: clamp(20px, 1.18em, 25px) !important;
    flex: 0 0 auto !important;
}

/* BENEFIT LAYOUT + ICONS */
.zumi-home-stack .zumi-static-fleet__benefit {
    grid-template-columns:
        clamp(54px, 2.85vw, 64px)
        minmax(0, 1fr);
    gap: clamp(14px, .9vw, 19px);
}

.zumi-home-stack .zumi-static-fleet__benefit-icon {
    width: clamp(54px, 2.85vw, 64px) !important;
    height: clamp(54px, 2.85vw, 64px) !important;
    background: rgba(232,94,42,.105) !important;
    border: 1px solid rgba(232,94,42,.18) !important;
    overflow: visible !important;
}

.zumi-home-stack .zumi-static-fleet__benefit-icon .zumi-site-icon {
    color: var(--orange) !important;
    width: clamp(32px, 1.68vw, 37px) !important;
    height: clamp(32px, 1.68vw, 37px) !important;
}

/* VIDEO ICON */
.zumi-home-stack .zumi-static-fleet__video-icon .zumi-site-icon {
    color: #E85E2A !important;
    width: clamp(27px, 1.5vw, 33px) !important;
    height: clamp(27px, 1.5vw, 33px) !important;
}

/* VIDEO HIGHLIGHT CHIP ICON */
.zumi-home-stack .zumi-static-fleet__video-points .zumi-site-icon {
    color: var(--orange) !important;
    width: 1em !important;
    height: 1em !important;
}

@media (max-width: 1100px) {
    .zumi-home-stack .zumi-static-fleet__benefit,
    .zumi-home-stack .zumi-static-fleet__benefit:nth-child(odd) {
        grid-template-columns:
            56px
            minmax(0, 1fr);
    }

    .zumi-home-stack .zumi-static-fleet__benefit-icon {
        width: 54px !important;
        height: 54px !important;
    }

    .zumi-home-stack .zumi-static-fleet__benefit-icon .zumi-site-icon {
        width: 32px !important;
        height: 32px !important;
    }
}

@media (max-width: 700px) {
    .zumi-home-stack .zumi-static-fleet__benefit,
    .zumi-home-stack .zumi-static-fleet__benefit:nth-child(odd) {
        grid-template-columns:
            48px
            minmax(0, 1fr);
        gap: 13px;
    }

    .zumi-home-stack .zumi-static-fleet__benefit-icon {
        width: 46px !important;
        height: 46px !important;
    }

    .zumi-home-stack .zumi-static-fleet__benefit-icon .zumi-site-icon {
        width: 28px !important;
        height: 28px !important;
    }

    .zumi-home-stack .zumi-video-hero__button-icon {
        width: 18px !important;
        height: 18px !important;
    }

    .zumi-home-stack .zumi-static-fleet__video-icon .zumi-site-icon {
        width: 24px !important;
        height: 24px !important;
    }
}


/* Vehicle hero action-button SVG icons */
.zumi-home-stack .zumi-static-fleet__button {
    gap: 8px;
}

.zumi-home-stack .zumi-static-fleet__action-icon {
    display: inline-block !important;
    width: 1.12em !important;
    height: 1.12em !important;
    flex: 0 0 auto !important;
    color: currentColor !important;
}

.zumi-home-stack .zumi-static-fleet__button--primary .zumi-static-fleet__action-icon {
    color: #FFFFFF !important;
}

.zumi-home-stack .zumi-static-fleet__button--secondary .zumi-static-fleet__action-icon {
    color: currentColor !important;
}


/* ============================================================
   ZUMI V8 — COMPACT VIDEO META ROW
   Always 3 items side-by-side. Never stacked. Not button-like.
============================================================ */

.zumi-home-stack .zumi-static-fleet__video-points {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

    align-items: center !important;
    justify-content: stretch !important;

    gap: 0 !important;

    width: 100% !important;
    max-width: 690px !important;

    margin: clamp(8px, .55vw, 12px) 0 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

.zumi-home-stack .zumi-static-fleet__video-points
> .zumi-static-fleet__video-point {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: clamp(4px, .28vw, 6px) !important;

    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 24px !important;

    margin: 0 !important;
    padding:
        2px
        clamp(6px, .42vw, 9px) !important;

    background: transparent !important;
    color: #494949 !important;

    border: 0 !important;
    border-right: 1px solid rgba(0,0,0,.12) !important;
    border-radius: 0 !important;

    box-shadow: none !important;

    font-family: inherit !important;
    font-size: clamp(10.5px, .63vw, 12.5px) !important;
    font-weight: 600 !important;
    line-height: 1.15 !important;
    letter-spacing: 0 !important;

    text-align: center !important;

    white-space: nowrap !important;
    overflow: visible !important;
    text-overflow: clip !important;
}

.zumi-home-stack .zumi-static-fleet__video-points
> .zumi-static-fleet__video-point:last-child {
    border-right: 0 !important;
}

.zumi-home-stack .zumi-static-fleet__video-points
.zumi-static-fleet__video-point-icon {
    display: inline-block !important;

    width: clamp(13px, .72vw, 16px) !important;
    height: clamp(13px, .72vw, 16px) !important;

    min-width: 0 !important;
    min-height: 0 !important;

    flex: 0 0 auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: var(--orange) !important;
    background: currentColor !important;

    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

/* Wide layout: align the metadata row with the text content. */
@media (min-width: 1251px) {
    .zumi-home-stack .zumi-static-fleet__video-points {
        margin:
            clamp(9px, .6vw, 12px)
            0
            0
            clamp(54px, 3vw, 62px) !important;

        width:
            min(
                690px,
                calc(100% - clamp(54px, 3vw, 62px))
            ) !important;
    }
}

/* Tablet — still exactly one horizontal row. */
@media (min-width: 701px) and (max-width: 1250px) {
    .zumi-home-stack .zumi-static-fleet__video-points {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        max-width: 620px !important;
        margin: 8px 0 0 !important;
    }

    .zumi-home-stack .zumi-static-fleet__video-points
    > .zumi-static-fleet__video-point,
    .zumi-home-stack .zumi-static-fleet__video-points
    > .zumi-static-fleet__video-point:last-child {
        grid-column: auto !important;
        min-height: 23px !important;
        padding: 2px 5px !important;

        font-size: clamp(10px, .95vw, 11.5px) !important;
        white-space: nowrap !important;
    }

    .zumi-home-stack .zumi-static-fleet__video-points
    .zumi-static-fleet__video-point-icon {
        width: 13px !important;
        height: 13px !important;
    }
}

/* Mobile — NEVER STACK. Three equal columns remain on one row.
   Labels may wrap only inside their own column if space becomes extreme. */
@media (max-width: 700px) {
    .zumi-home-stack .zumi-static-fleet__video-points {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;

        width: 100% !important;
        max-width: 100% !important;

        gap: 0 !important;

        margin: 7px 0 3px !important;
    }

    .zumi-home-stack .zumi-static-fleet__video-points
    > .zumi-static-fleet__video-point,
    .zumi-home-stack .zumi-static-fleet__video-points
    > .zumi-static-fleet__video-point:last-child {
        grid-column: auto !important;

        min-height: 25px !important;

        gap: 3px !important;

        padding: 2px 3px !important;

        font-size: clamp(9px, 2.45vw, 10.5px) !important;
        line-height: 1.05 !important;

        white-space: normal !important;
        overflow-wrap: normal !important;
        word-break: normal !important;
    }

    .zumi-home-stack .zumi-static-fleet__video-points
    .zumi-static-fleet__video-point-icon {
        width: 12px !important;
        height: 12px !important;
    }
}

@media (max-width: 390px) {
    .zumi-home-stack .zumi-static-fleet__video-points {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }

    .zumi-home-stack .zumi-static-fleet__video-points
    > .zumi-static-fleet__video-point,
    .zumi-home-stack .zumi-static-fleet__video-points
    > .zumi-static-fleet__video-point:last-child {
        min-height: 24px !important;

        gap: 2px !important;
        padding: 2px !important;

        font-size: clamp(8.4px, 2.35vw, 9.6px) !important;
        line-height: 1.02 !important;
    }

    .zumi-home-stack .zumi-static-fleet__video-points
    .zumi-static-fleet__video-point-icon {
        width: 11px !important;
        height: 11px !important;
    }
}

/* ============================================================
   ZUMI V8 — BENEFIT ICON BREATHING ROOM
   Smaller artwork inside the same roomy circle.
============================================================ */

.zumi-home-stack .zumi-static-fleet__benefit {
    grid-template-columns:
        clamp(58px, 3.05vw, 68px)
        minmax(0, 1fr) !important;

    gap: clamp(17px, 1vw, 22px) !important;
}

.zumi-home-stack .zumi-static-fleet__benefit-icon {
    width: clamp(56px, 3vw, 66px) !important;
    height: clamp(56px, 3vw, 66px) !important;

    display: grid !important;
    place-items: center !important;

    flex: 0 0 auto !important;

    background: rgba(232,94,42,.09) !important;
    border: 1px solid rgba(232,94,42,.17) !important;

    overflow: visible !important;
}

/* Reduce the actual SVG silhouette inside each circle. */
.zumi-home-stack .zumi-static-fleet__benefit-icon
.zumi-site-icon {
    width: clamp(23px, 1.22vw, 28px) !important;
    height: clamp(23px, 1.22vw, 28px) !important;

    max-width: 44% !important;
    max-height: 44% !important;

    color: var(--orange) !important;
}

/* Tablet */
@media (min-width: 701px) and (max-width: 1250px) {
    .zumi-home-stack .zumi-static-fleet__benefit,
    .zumi-home-stack .zumi-static-fleet__benefit:nth-child(odd) {
        grid-template-columns:
            56px
            minmax(0, 1fr) !important;

        gap: 16px !important;
    }

    .zumi-home-stack .zumi-static-fleet__benefit-icon {
        width: 54px !important;
        height: 54px !important;
    }

    .zumi-home-stack .zumi-static-fleet__benefit-icon
    .zumi-site-icon {
        width: 23px !important;
        height: 23px !important;
        max-width: 43% !important;
        max-height: 43% !important;
    }
}

/* Mobile */
@media (max-width: 700px) {
    .zumi-home-stack .zumi-static-fleet__benefit,
    .zumi-home-stack .zumi-static-fleet__benefit:nth-child(odd) {
        grid-template-columns:
            48px
            minmax(0, 1fr) !important;

        gap: 13px !important;
    }

    .zumi-home-stack .zumi-static-fleet__benefit-icon {
        width: 46px !important;
        height: 46px !important;
    }

    .zumi-home-stack .zumi-static-fleet__benefit-icon
    .zumi-site-icon {
        width: 19px !important;
        height: 19px !important;
        max-width: 42% !important;
        max-height: 42% !important;
    }
}


/* ============================================================
   ZUMI V9 — MORE SPACE ABOVE VIDEO META ROW
============================================================ */

/* Give the descriptive copy more breathing room before the 3-item row. */
.zumi-home-stack .zumi-static-fleet__video-copy {
    margin-bottom: clamp(8px, .55vw, 12px) !important;
}

/* Base / desktop */
.zumi-home-stack .zumi-static-fleet__video-points {
    margin-top: clamp(18px, 1.15vw, 24px) !important;
}

/* Wide desktop keeps the existing left alignment but increases top spacing. */
@media (min-width: 1251px) {
    .zumi-home-stack .zumi-static-fleet__video-points {
        margin-top: clamp(19px, 1.2vw, 25px) !important;
    }
}

/* Tablet */
@media (min-width: 701px) and (max-width: 1250px) {
    .zumi-home-stack .zumi-static-fleet__video-points {
        margin-top: 18px !important;
    }

    .zumi-home-stack .zumi-static-fleet__video-copy {
        margin-bottom: 7px !important;
    }
}

/* Mobile — still one horizontal 3-column row, never stacked. */
@media (max-width: 700px) {
    .zumi-home-stack .zumi-static-fleet__video-points {
        margin-top: 14px !important;
    }

    .zumi-home-stack .zumi-static-fleet__video-copy {
        margin-bottom: 6px !important;
    }
}


/* ============================================================
   ZUMI V11 — 25+ YEARS EXPERIENCE PROOF
============================================================ */

.zumi-home-stack .zumi-trust-panel__experience {
    display: grid;

    grid-template-columns:
        clamp(105px, 7.3vw, 145px)
        minmax(0, 1fr);

    align-items: center;

    gap:
        clamp(17px, 1.35vw, 27px);

    width: min(100%, 720px);

    margin-top:
        clamp(24px, 1.9vw, 36px);

    padding:
        clamp(16px, 1.25vw, 23px)
        clamp(18px, 1.45vw, 28px);

    background:
        linear-gradient(
            135deg,
            rgba(232,94,42,.17),
            rgba(255,255,255,.065)
        );

    border:
        1px solid
        rgba(232,94,42,.33);

    border-radius: 5px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035);

    backdrop-filter: blur(7px);
    -webkit-backdrop-filter: blur(7px);
}

.zumi-home-stack .zumi-trust-panel__experience-number {
    display: flex;

    align-items: flex-start;

    justify-content: center;

    color: var(--orange);

    font-size:
        clamp(55px, 4.4vw, 88px);

    font-weight: 850;

    line-height: .82;

    letter-spacing: -.07em;

    white-space: nowrap;
}

.zumi-home-stack .zumi-trust-panel__experience-number span {
    margin:
        .04em
        0
        0
        .03em;

    font-size: .48em;

    font-weight: 800;

    line-height: 1;
}

.zumi-home-stack .zumi-trust-panel__experience-content {
    min-width: 0;
}

.zumi-home-stack .zumi-trust-panel__experience-kicker {
    display: block;

    margin-bottom: 5px;

    color:
        rgba(255,255,255,.62);

    font-size:
        clamp(10px, .62vw, 12.5px);

    font-weight: 700;

    line-height: 1.2;

    letter-spacing: .11em;

    text-transform: uppercase;
}

.zumi-home-stack .zumi-trust-panel__experience-title {
    display: block;

    color: #FFFFFF;

    font-size:
        clamp(17px, 1vw, 21px);

    font-weight: 700;

    line-height: 1.2;
}

.zumi-home-stack .zumi-trust-panel__experience-copy {
    margin:
        7px
        0
        0;

    color:
        rgba(255,255,255,.70);

    font-family:
        "Roboto", Arial, Helvetica, sans-serif;

    font-size:
        clamp(12px, .72vw, 15px);

    line-height: 1.42;
}

/* Keep a balanced rhythm between Experience and NTB proof cards. */
.zumi-home-stack .zumi-trust-panel__experience
+ .zumi-trust-panel__ntb {
    margin-top:
        clamp(11px, .85vw, 16px);
}

@media (max-width: 1000px) {
    .zumi-home-stack .zumi-trust-panel__experience {
        width: min(100%, 720px);

        grid-template-columns:
            105px
            minmax(0, 1fr);

        gap: 17px;

        padding:
            16px
            18px;
    }

    .zumi-home-stack .zumi-trust-panel__experience-number {
        font-size: 64px;
    }
}

@media (max-width: 700px) {
    .zumi-home-stack .zumi-trust-panel__experience {
        grid-template-columns:
            66px
            minmax(0, 1fr);

        gap: 11px;

        margin-top: 16px;

        padding:
            10px
            11px;

        border-radius: 5px;
    }

    .zumi-home-stack .zumi-trust-panel__experience-number {
        justify-content: flex-start;

        font-size: 45px;
    }

    .zumi-home-stack .zumi-trust-panel__experience-kicker {
        margin-bottom: 2px;

        font-size: 8px;

        letter-spacing: .075em;
    }

    .zumi-home-stack .zumi-trust-panel__experience-title {
        font-size: 12.5px;

        line-height: 1.16;
    }

    .zumi-home-stack .zumi-trust-panel__experience-copy {
        margin-top: 3px;

        font-size: 10.3px;

        line-height: 1.25;
    }

    .zumi-home-stack .zumi-trust-panel__experience
    + .zumi-trust-panel__ntb {
        margin-top: 8px;
    }
}

@media (max-width: 390px) {
    .zumi-home-stack .zumi-trust-panel__experience {
        grid-template-columns:
            60px
            minmax(0, 1fr);

        gap: 9px;

        padding:
            9px
            9px;
    }

    .zumi-home-stack .zumi-trust-panel__experience-number {
        font-size: 41px;
    }

    .zumi-home-stack .zumi-trust-panel__experience-title {
        font-size: 11.8px;
    }

    .zumi-home-stack .zumi-trust-panel__experience-copy {
        font-size: 9.8px;
    }
}

/* ============================================================
   HOME PAGE → FOOTER HANDOFF
   Match the Hilux-page fix: keep the last rounded section crisp,
   with the white page canvas flowing cleanly into the footer fade.
   ============================================================ */

.zumi-home-stack {
    background: #FFFFFF !important;
}

.zumi-home-stack__trust {
    background: #FFFFFF !important;
}

.zumi-home-stack .zumi-trust-panel__inner {
    box-shadow: none !important;
}

/* =========================================================
   MULTILINGUAL TEXT SAFETY — GERMAN / RUSSIAN / FUTURE LANGUAGES
   Prevent long translated labels and headings from clipping.
   ========================================================= */
#zumi-native-homepage h1,
#zumi-native-homepage h2,
#zumi-native-homepage h3,
#zumi-native-homepage p,
#zumi-native-homepage a,
#zumi-native-homepage button,
#zumi-native-homepage span {
    overflow-wrap: break-word;
}

html[lang^="de"] #zumi-native-homepage .zumi-video-hero__nowrap,
html[lang^="ru"] #zumi-native-homepage .zumi-video-hero__nowrap,
#zumi-native-homepage.zumi-home-language-de .zumi-video-hero__nowrap,
#zumi-native-homepage.zumi-home-language-ru .zumi-video-hero__nowrap {
    white-space: normal !important;
}

html[lang^="de"] #zumi-native-homepage .zumi-video-hero__title,
html[lang^="ru"] #zumi-native-homepage .zumi-video-hero__title,
#zumi-native-homepage.zumi-home-language-de .zumi-video-hero__title,
#zumi-native-homepage.zumi-home-language-ru .zumi-video-hero__title {
    max-width: 1600px;
    text-wrap: balance;
}

@media (max-width: 700px) {
    html[lang^="de"] #zumi-native-homepage .zumi-video-hero__title,
    html[lang^="ru"] #zumi-native-homepage .zumi-video-hero__title,
    #zumi-native-homepage.zumi-home-language-de .zumi-video-hero__title,
    #zumi-native-homepage.zumi-home-language-ru .zumi-video-hero__title {
        font-size: clamp(31px, 9.5vw, 48px) !important;
        line-height: .92 !important;
        letter-spacing: -.045em !important;
    }

    html[lang^="de"] #zumi-native-homepage .zumi-video-hero__subtitle,
    html[lang^="ru"] #zumi-native-homepage .zumi-video-hero__subtitle,
    #zumi-native-homepage.zumi-home-language-de .zumi-video-hero__subtitle,
    #zumi-native-homepage.zumi-home-language-ru .zumi-video-hero__subtitle {
        max-width: 100% !important;
        font-size: clamp(18px, 5vw, 24px) !important;
        line-height: 1.12 !important;
    }

    html[lang^="de"] #zumi-native-homepage .zumi-why__title,
    html[lang^="ru"] #zumi-native-homepage .zumi-why__title,
    #zumi-native-homepage.zumi-home-language-de .zumi-why__title,
    #zumi-native-homepage.zumi-home-language-ru .zumi-why__title {
        font-size: clamp(39px, 12vw, 61px) !important;
        line-height: .9 !important;
    }
}


/* =========================================================
   ZUMI BOOKING 2026 — HOMEPAGE BOOKING PORTAL FEATURE
   Positioned directly after the vehicle section and before Travel Journal.
   ========================================================= */

.zumi-home-stack__booking {
    z-index: 2;
    padding: 0;
}

.zumi-booking-era,
.zumi-booking-era * {
    box-sizing: border-box;
}

.zumi-booking-era {
    --zbe-orange: #E85E2A;
    --zbe-orange-dark: #E85E2A;
    --zbe-ink: #171717;
    --zbe-muted: #67615D;

    position: relative;
    isolation: isolate;
    overflow: hidden;

    width: 100%;
    max-width: none;
    margin: 0;

    color: var(--zbe-ink);
    background:
        radial-gradient(circle at 88% 14%, rgba(232,94,42,.17), transparent 31%),
        linear-gradient(135deg, #FFFFFF 0%, #FBF8F5 55%, #F3EAE3 100%);

    border: 1px solid #E6E0DB;
    border-radius: 5px;

    font-family: "Roboto", Arial, Helvetica, sans-serif;
}

.zumi-booking-era::before {
    content: "";
    position: absolute;
    z-index: 0;
    width: clamp(360px, 34vw, 720px);
    aspect-ratio: 1;
    right: -12%;
    bottom: -46%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232,94,42,.14), rgba(232,94,42,0) 70%);
    pointer-events: none;
}

.zumi-booking-era__inner {
    position: relative;
    z-index: 1;

    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr);
    gap: clamp(28px, 4vw, 82px);
    align-items: center;

    min-height: clamp(520px, 38vw, 720px);
    padding:
        clamp(38px, 4.5vw, 88px)
        clamp(24px, 3.8vw, 76px);
}

.zumi-booking-era__content {
    position: relative;
    z-index: 3;
    max-width: 820px;
}

.zumi-booking-era__eyebrow {
    margin-bottom: clamp(13px, 1vw, 19px);
    color: var(--zbe-orange);
    font-size: clamp(11px, .72vw, 15px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .15em;
    text-transform: uppercase;
}

.zumi-booking-era__years {
    display: flex;
    align-items: center;
    gap: clamp(10px, .9vw, 18px);
    margin-bottom: clamp(14px, 1.15vw, 22px);
    font-size: clamp(22px, 2vw, 38px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.045em;
}

.zumi-booking-era__year--old {
    position: relative;
    color: #A29A94;
}

.zumi-booking-era__year--old::after {
    content: "";
    position: absolute;
    left: -4%;
    right: -4%;
    top: 49%;
    height: 3px;
    background: #A29A94;
    border-radius: 999px;
    transform: rotate(-7deg);
}

.zumi-booking-era__arrow {
    color: #B8B0A9;
    font-weight: 600;
}

.zumi-booking-era__year--new {
    color: var(--zbe-orange);
}

.zumi-booking-era__title {
    max-width: 880px;
    margin: 0;
    color: var(--zbe-ink);
    font-size: clamp(44px, 4.65vw, 88px);
    font-weight: 850;
    line-height: .89;
    letter-spacing: -.065em;
    text-transform: uppercase;
}

.zumi-booking-era__title span,
.zumi-booking-era__title em {
    display: block;
}

.zumi-booking-era__title em {
    margin-top: .08em;
    color: var(--zbe-orange);
    font-style: normal;
}

.zumi-booking-era__lead {
    margin: clamp(21px, 1.7vw, 31px) 0 0;
    color: #292725;
    font-size: clamp(19px, 1.25vw, 25px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: -.025em;
}

.zumi-booking-era__copy {
    max-width: 760px;
    margin: clamp(10px, .9vw, 16px) 0 0;
    color: var(--zbe-muted);
    font-size: clamp(15px, .95vw, 19px);
    font-weight: 400;
    line-height: 1.58;
}

.zumi-booking-era__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;

    min-height: 54px;
    margin-top: clamp(22px, 1.8vw, 34px);
    padding: 14px 20px;

    color: #FFFFFF !important;
    background: #181818;
    border: 1px solid #181818;
    border-radius: 5px;

    font-size: clamp(13px, .82vw, 16px);
    font-weight: 800;
    line-height: 1.2;
    text-decoration: none !important;

    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        transform 160ms ease;
}

.zumi-booking-era__button:hover,
.zumi-booking-era__button:focus-visible {
    color: #FFFFFF !important;
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    transform: translateY(-1px);
}

.zumi-booking-era__button-icon {
    display: block;
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
    object-fit: contain;
    transition: filter 160ms ease, transform 160ms ease;
}

.zumi-booking-era__button:hover .zumi-booking-era__button-icon,
.zumi-booking-era__button:focus-visible .zumi-booking-era__button-icon {
    filter: brightness(0) invert(1);
    transform: translateX(2px);
}

.zumi-booking-era__visual {
    position: relative;
    isolation: isolate;

    display: flex;
    align-items: center;
    justify-content: center;

    min-width: 0;
    min-height: clamp(400px, 31vw, 610px);
    padding: clamp(8px, 1vw, 18px);
}

.zumi-booking-era__visual::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 9% 4% 7% 7%;
    background:
        radial-gradient(circle at 75% 20%, rgba(232,94,42,.20), transparent 42%),
        linear-gradient(145deg, rgba(255,255,255,.86), rgba(246,239,233,.75));
    border: 1px solid rgba(218,207,199,.78);
    border-radius: clamp(20px, 2.2vw, 42px);
    box-shadow: 0 30px 70px rgba(60,42,30,.10);
    transform: rotate(-1.35deg);
}

.zumi-booking-era__visual-glow {
    position: absolute;
    z-index: 0;
    width: 58%;
    aspect-ratio: 1;
    right: 4%;
    top: 10%;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(232,94,42,.23), rgba(232,94,42,0) 70%);
    filter: blur(8px);
    pointer-events: none;
}

.zumi-booking-era__image {
    position: relative;
    z-index: 2;
    display: block;

    width: min(100%, 900px) !important;
    max-width: 100% !important;
    height: auto !important;
    max-height: clamp(430px, 34vw, 660px) !important;
    margin: 0 auto !important;
    padding: 0 !important;

    object-fit: contain;
    filter: drop-shadow(0 24px 34px rgba(22,18,15,.17));
}

@media (max-width: 1100px) {
    .zumi-booking-era__inner {
        grid-template-columns: minmax(0, .92fr) minmax(390px, 1.08fr);
        gap: clamp(20px, 3vw, 44px);
    }

    .zumi-booking-era__title {
        font-size: clamp(41px, 5.2vw, 66px);
    }
}

@media (max-width: 760px) {
    .zumi-booking-era__inner {
        grid-template-columns: 1fr;
        gap: 16px;
        min-height: 0;
        padding: 30px 22px 20px;
    }

    .zumi-booking-era__content {
        max-width: none;
    }

    .zumi-booking-era__eyebrow {
        margin-bottom: 12px;
        font-size: 10.5px;
    }

    .zumi-booking-era__years {
        gap: 10px;
        margin-bottom: 13px;
        font-size: 24px;
    }

    .zumi-booking-era__title {
        max-width: 520px;
        font-size: clamp(38px, 11.1vw, 55px);
        line-height: .92;
    }

    .zumi-booking-era__lead {
        margin-top: 19px;
        font-size: 18px;
    }

    .zumi-booking-era__copy {
        margin-top: 9px;
        font-size: 14.5px;
        line-height: 1.52;
    }

    .zumi-booking-era__button {
        min-height: 52px;
        margin-top: 20px;
        padding: 13px 18px;
        border-radius: 5px;
        font-size: 13px;
    }

    .zumi-booking-era__visual {
        min-height: 0;
        padding: 4px 0 0;
    }

    .zumi-booking-era__visual::before {
        inset: 7% 1% 3%;
        border-radius: 24px;
        transform: rotate(-.7deg);
    }

    .zumi-booking-era__image {
        width: 100% !important;
        max-height: 430px !important;
    }
}

@media (max-width: 390px) {
    .zumi-booking-era__inner {
        padding: 26px 18px 17px;
    }

    .zumi-booking-era__title {
        font-size: 36px;
    }

    .zumi-booking-era__lead {
        font-size: 17px;
    }

    .zumi-booking-era__copy {
        font-size: 13.8px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .zumi-booking-era__button,
    .zumi-booking-era__button-icon {
        transition: none !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9 — BOOKING PORTAL FEATURE / MOBILE TRUST TUNE
   Bigger booking statement, image-led cross-section treatment,
   and a tighter left-aligned trust section on small screens.
   ========================================================= */

.zumi-booking-era {
    border-radius: 5px;
    border-color: rgba(213, 199, 188, .82);
    background:
        radial-gradient(circle at 92% 7%, rgba(232,94,42,.24), transparent 28%),
        radial-gradient(circle at 55% 108%, rgba(232,94,42,.09), transparent 40%),
        linear-gradient(135deg, #FFFFFF 0%, #FCF7F2 52%, #F2E6DC 100%);
    box-shadow: 0 24px 70px rgba(54, 35, 23, .10);
}

.zumi-booking-era::before {
    width: clamp(420px, 38vw, 780px);
    right: -16%;
    bottom: -52%;
    opacity: .9;
}

.zumi-booking-era__inner {
    grid-template-columns: minmax(0, .96fr) minmax(500px, 1.04fr);
    gap: clamp(10px, 1.8vw, 38px);
    min-height: clamp(520px, 38vw, 720px);
    padding:
        clamp(24px, 2.8vw, 48px)
        clamp(20px, 2.4vw, 44px);
}

.zumi-booking-era__content {
    z-index: 6;
    max-width: 900px;
    margin-right: clamp(-78px, -3vw, -26px);
}

.zumi-booking-era__eyebrow {
    width: fit-content;
    margin-bottom: clamp(10px, .8vw, 15px);
    padding: 7px 10px;
    color: #E85E2A;
    background: rgba(232,94,42,.10);
    border: 1px solid rgba(232,94,42,.20);
    border-radius: 5px;
    font-size: clamp(10px, .64vw, 13px);
    letter-spacing: .13em;
}

.zumi-booking-era__years {
    width: fit-content;
    gap: clamp(8px, .65vw, 13px);
    margin-bottom: clamp(13px, 1vw, 19px);
    padding: 7px 10px;
    background: rgba(255,255,255,.74);
    border: 1px solid rgba(30,25,22,.09);
    border-radius: 5px;
    box-shadow: 0 8px 24px rgba(39,28,20,.06);
    backdrop-filter: blur(10px);
    -webkit-backdrop-filter: blur(10px);
    font-size: clamp(19px, 1.55vw, 30px);
}

.zumi-booking-era__year--old::after {
    height: 2px;
}

.zumi-booking-era__title {
    max-width: 980px;
    font-size: clamp(52px, 5.25vw, 102px);
    line-height: .84;
    letter-spacing: -.072em;
    text-wrap: balance;
}

.zumi-booking-era__title span {
    text-shadow: 0 1px 0 rgba(255,255,255,.9);
}

.zumi-booking-era__lead {
    margin-top: clamp(20px, 1.5vw, 28px);
    font-size: clamp(20px, 1.32vw, 27px);
}

.zumi-booking-era__copy {
    max-width: 700px;
    margin-top: 9px;
    color: #625C57;
    font-size: clamp(15px, .92vw, 18.5px);
    line-height: 1.5;
}

.zumi-booking-era__choices {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: clamp(15px, 1.2vw, 22px);
}

.zumi-booking-era__choices span {
    display: inline-flex;
    align-items: center;
    min-height: 31px;
    padding: 7px 11px;
    color: #2D2926;
    background: rgba(255,255,255,.82);
    border: 1px solid rgba(37,31,27,.11);
    border-radius: 5px;
    box-shadow: 0 6px 18px rgba(42,30,22,.05);
    font-size: clamp(11px, .67vw, 13.5px);
    font-weight: 700;
    line-height: 1;
}

.zumi-booking-era__choices span::before {
    content: "";
    width: 7px;
    height: 7px;
    margin-right: 7px;
    background: var(--zbe-orange);
    border-radius: 50%;
    box-shadow: 0 0 0 3px rgba(232,94,42,.12);
}

.zumi-booking-era__button {
    min-height: 56px;
    margin-top: clamp(19px, 1.55vw, 28px);
    padding: 14px 21px;
    border-radius: 5px;
    box-shadow: 0 12px 28px rgba(20,20,20,.14);
}

.zumi-booking-era__visual {
    z-index: 2;
    align-self: stretch;
    min-height: clamp(470px, 37vw, 720px);
    margin-left: clamp(-72px, -2.8vw, -24px);
    padding: 0;
    overflow: hidden;
    background: #241710;
    border: 1px solid rgba(255,255,255,.70);
    border-radius: 5px;
    box-shadow:
        0 35px 80px rgba(62,38,23,.22),
        inset 0 0 0 1px rgba(255,255,255,.12);
}

.zumi-booking-era__visual::before {
    z-index: 3;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(18,11,7,.32) 0%, rgba(18,11,7,.05) 40%, transparent 62%),
        linear-gradient(0deg, rgba(17,11,8,.86) 0%, rgba(17,11,8,.24) 35%, rgba(17,11,8,0) 60%);
    border: 0;
    border-radius: inherit;
    box-shadow: none;
    transform: none;
    pointer-events: none;
}

.zumi-booking-era__visual-glow {
    z-index: 1;
    width: 70%;
    right: -5%;
    top: -4%;
    opacity: .7;
}

.zumi-booking-era__image {
    position: absolute;
    z-index: 2;
    inset: 0;
    width: 100% !important;
    max-width: none !important;
    height: 100% !important;
    max-height: none !important;
    margin: 0 !important;
    border-radius: inherit;
    object-fit: cover;
    object-position: center center;
    filter: saturate(1.04) contrast(1.02);
}

.zumi-booking-era__visual-copy {
    position: absolute;
    z-index: 5;
    left: clamp(20px, 2vw, 38px);
    right: clamp(20px, 2vw, 38px);
    bottom: clamp(20px, 2vw, 38px);
    color: #FFFFFF;
    text-shadow: 0 2px 14px rgba(0,0,0,.32);
}

.zumi-booking-era__visual-kicker {
    display: block;
    margin-bottom: 7px;
    color: #E85E2A;
    font-size: clamp(10px, .62vw, 12.5px);
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.zumi-booking-era__visual-copy strong {
    display: block;
    max-width: 680px;
    font-size: clamp(28px, 2.6vw, 54px);
    font-weight: 850;
    line-height: .98;
    letter-spacing: -.045em;
}

.zumi-booking-era__visual-copy small {
    display: block;
    margin-top: 7px;
    color: rgba(255,255,255,.84);
    font-size: clamp(12px, .76vw, 15px);
    font-weight: 550;
    line-height: 1.35;
}

@media (max-width: 1100px) {
    .zumi-booking-era__inner {
        grid-template-columns: minmax(0, .96fr) minmax(390px, 1.04fr);
    }

    .zumi-booking-era__content {
        margin-right: -28px;
    }

    .zumi-booking-era__visual {
        margin-left: -24px;
    }

    .zumi-booking-era__title {
        font-size: clamp(43px, 5.4vw, 69px);
    }
}

@media (max-width: 760px) {
    .zumi-booking-era {
        border-radius: 5px;
    }

    .zumi-booking-era__inner {
        grid-template-columns: 1fr;
        gap: 17px;
        min-height: 0;
        padding: 23px 15px 15px;
    }

    .zumi-booking-era__content {
        max-width: none;
        margin-right: 0;
    }

    .zumi-booking-era__eyebrow {
        margin-bottom: 10px;
        padding: 6px 9px;
        font-size: 9.5px;
    }

    .zumi-booking-era__years {
        margin-bottom: 11px;
        padding: 6px 9px;
        border-radius: 5px;
        font-size: 20px;
    }

    .zumi-booking-era__title {
        max-width: 100%;
        font-size: clamp(39px, 11.2vw, 56px);
        line-height: .87;
        letter-spacing: -.065em;
    }

    .zumi-booking-era__lead {
        margin-top: 17px;
        font-size: 17.5px;
    }

    .zumi-booking-era__copy {
        margin-top: 7px;
        font-size: 13.6px;
        line-height: 1.42;
    }

    .zumi-booking-era__choices {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 5px;
        margin-top: 13px;
    }

    .zumi-booking-era__choices span {
        justify-content: center;
        min-width: 0;
        min-height: 34px;
        padding: 7px 5px;
        border-radius: 5px;
        font-size: clamp(9.5px, 2.7vw, 11.2px);
        text-align: center;
    }

    .zumi-booking-era__choices span::before {
        width: 6px;
        height: 6px;
        margin-right: 5px;
        box-shadow: none;
    }

    .zumi-booking-era__button {
        min-height: 50px;
        margin-top: 15px;
        padding: 12px 17px;
        border-radius: 5px;
        font-size: 12.5px;
    }

    .zumi-booking-era__visual {
        width: 100%;
        min-height: 0;
        margin-left: 0;
        aspect-ratio: 4 / 4.75;
        border-radius: 5px;
        box-shadow: 0 20px 48px rgba(62,38,23,.20);
    }

    .zumi-booking-era__visual::before {
        background:
            linear-gradient(0deg, rgba(17,11,8,.90) 0%, rgba(17,11,8,.26) 36%, rgba(17,11,8,0) 61%);
    }

    .zumi-booking-era__visual-copy {
        left: 16px;
        right: 16px;
        bottom: 15px;
    }

    .zumi-booking-era__visual-kicker {
        margin-bottom: 5px;
        font-size: 9px;
    }

    .zumi-booking-era__visual-copy strong {
        font-size: clamp(25px, 7.2vw, 35px);
        line-height: .98;
    }

    .zumi-booking-era__visual-copy small {
        margin-top: 5px;
        font-size: 11px;
    }
}

@media (max-width: 390px) {
    .zumi-booking-era__inner {
        padding: 20px 12px 12px;
    }

    .zumi-booking-era__title {
        font-size: clamp(35px, 10.8vw, 42px);
    }

    .zumi-booking-era__copy {
        font-size: 13px;
    }

    .zumi-booking-era__choices span {
        font-size: 9.2px;
    }
}

/* Compact, left-aligned trust presentation on tablets/phones. */
@media (max-width: 760px) {
    .zumi-home-stack .zumi-trust-panel__inner {
        min-height: 0;
        padding: 22px 13px 13px;
        border-radius: 5px;
        overflow: hidden;
    }

    .zumi-home-stack .zumi-trust-panel__content {
        width: 100%;
        max-width: 100%;
        margin: 0;
        text-align: left;
    }

    .zumi-home-stack .zumi-trust-panel__eyebrow {
        margin-bottom: 6px;
        font-size: 8.8px;
        letter-spacing: .12em;
        text-align: left;
    }

    .zumi-home-stack .zumi-trust-panel__title {
        max-width: 100%;
        margin: 0;
        font-size: clamp(36px, 9.8vw, 47px);
        line-height: .90;
        letter-spacing: -.055em;
        text-align: left;
    }

    .zumi-home-stack .zumi-trust-panel__copy {
        max-width: 100%;
        margin: 11px 0 0;
        font-size: 12.8px;
        line-height: 1.38;
        text-align: left;
    }

    .zumi-home-stack .zumi-trust-panel__experience {
        grid-template-columns: 62px minmax(0, 1fr);
        gap: 10px;
        width: 100%;
        margin-top: 13px;
        padding: 10px 10px;
        background: linear-gradient(135deg, rgba(232,94,42,.19), rgba(255,255,255,.07));
        border-radius: 5px;
        text-align: left;
    }

    .zumi-home-stack .zumi-trust-panel__experience-number {
        justify-content: flex-start;
        font-size: 43px;
    }

    .zumi-home-stack .zumi-trust-panel__experience-kicker {
        margin-bottom: 2px;
        font-size: 8px;
        letter-spacing: .07em;
    }

    .zumi-home-stack .zumi-trust-panel__experience-title {
        font-size: 12.4px;
        line-height: 1.14;
    }

    .zumi-home-stack .zumi-trust-panel__experience-copy {
        margin-top: 3px;
        font-size: 10px;
        line-height: 1.24;
    }

    .zumi-home-stack .zumi-trust-panel__experience + .zumi-trust-panel__ntb,
    .zumi-home-stack .zumi-trust-panel__ntb {
        grid-template-columns: 53px minmax(0, 1fr);
        gap: 8px;
        width: 100%;
        margin: 8px 0 0;
        padding: 8px 9px;
        border-radius: 5px;
        text-align: left;
    }

    .zumi-home-stack .zumi-trust-panel__ntb-logo {
        min-height: 48px;
    }

    .zumi-home-stack .zumi-trust-panel__ntb-logo img {
        max-width: 48px !important;
        height: 44px !important;
    }

    .zumi-home-stack .zumi-trust-panel__side {
        width: 100%;
        margin-top: 0;
    }

    .zumi-home-stack .zumi-trust-panel__caracal-stage {
        min-height: 72px;
        margin: -2px 0 -10px;
    }

    .zumi-home-stack .zumi-trust-panel__caracal-stage::before {
        width: 92px;
        right: 15px;
        bottom: -3px;
        opacity: .58;
    }

    .zumi-home-stack .zumi-trust-panel__caracal {
        width: clamp(190px, 47vw, 220px) !important;
        right: 4px;
        bottom: -24px;
    }

    .zumi-home-stack .zumi-trust-panel__payments {
        padding: 12px 11px;
        border-radius: 5px;
        text-align: left;
        box-shadow: 0 12px 30px rgba(0,0,0,.20);
    }

    .zumi-home-stack .zumi-trust-panel__payments-label,
    .zumi-home-stack .zumi-trust-panel__payments-title,
    .zumi-home-stack .zumi-trust-panel__payments-copy {
        text-align: left;
    }

    .zumi-home-stack .zumi-trust-panel__payments-title {
        font-size: clamp(19px, 5.1vw, 22px);
    }

    .zumi-home-stack .zumi-trust-panel__payments-copy {
        max-width: 100%;
        margin: 5px 0 0;
    }

    .zumi-home-stack .zumi-trust-panel__logos {
        margin-top: 9px;
    }
}

@media (max-width: 390px) {
    .zumi-home-stack .zumi-trust-panel__inner {
        padding: 19px 10px 10px;
    }

    .zumi-home-stack .zumi-trust-panel__title {
        font-size: clamp(33px, 9.6vw, 39px);
    }

    .zumi-home-stack .zumi-trust-panel__copy {
        font-size: 12.1px;
    }

    .zumi-home-stack .zumi-trust-panel__experience {
        grid-template-columns: 58px minmax(0, 1fr);
        gap: 8px;
        padding: 9px;
    }

    .zumi-home-stack .zumi-trust-panel__experience-number {
        font-size: 40px;
    }

    .zumi-home-stack .zumi-trust-panel__caracal-stage {
        min-height: 66px;
    }

    .zumi-home-stack .zumi-trust-panel__caracal {
        width: 185px !important;
        right: 2px;
        bottom: -22px;
    }
}


/* =========================================================
   ZUMI HOME 1.9.0.2 — BOOKING SECTION REFINEMENT
   Keeps the 1.9 layout intact while strengthening the CTA,
   removing the eyebrow label, and showing more of the phone
   artwork on larger screens.
   ========================================================= */

/* The eyebrow has been removed from markup; this is defensive. */
.zumi-booking-era__eyebrow {
    display: none !important;
}

/* Important primary CTA. */
.zumi-booking-era__button {
    color: #FFFFFF !important;
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow:
        0 15px 34px rgba(232,94,42,.30),
        0 5px 14px rgba(56,31,18,.12) !important;
}

.zumi-booking-era__button:hover,
.zumi-booking-era__button:focus-visible {
    color: #FFFFFF !important;
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow:
        0 18px 38px rgba(232,94,42,.34),
        0 6px 16px rgba(56,31,18,.14) !important;
    transform: none !important;
}

.zumi-booking-era__button-icon,
.zumi-booking-era__button:hover .zumi-booking-era__button-icon,
.zumi-booking-era__button:focus-visible .zumi-booking-era__button-icon {
    filter: brightness(0) invert(1) !important;
}

/*
 * Large screens: preserve the existing landscape visual card and grid,
 * but fit the portrait artwork inside it instead of cropping it heavily.
 * A warm backdrop fills the extra side space so the card still feels full.
 */
@media (min-width: 1101px) {
    .zumi-booking-era__visual {
        background:
            radial-gradient(circle at 72% 18%, rgba(245,145,79,.28), transparent 34%),
            linear-gradient(135deg, #5A301C 0%, #2A1810 48%, #160F0B 100%) !important;
    }

    .zumi-booking-era__image {
        inset: auto !important;
        top: -10% !important;
        left: 0 !important;
        width: 100% !important;
        height: 120% !important;
        object-fit: contain !important;
        object-position: center center !important;
        border-radius: 0 !important;
        filter:
            saturate(1.04)
            contrast(1.02)
            drop-shadow(0 24px 36px rgba(0,0,0,.18)) !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9.0.3 — BOOKING SPACING / TABLET SAFETY
   Preserves the existing booking layout while preventing the
   copy and visual from colliding between desktop and mobile.
   ========================================================= */

/* Give the 2003 → 2026 marker more breathing room above the headline. */
.zumi-booking-era__years {
    margin-top: clamp(-16px, -0.8vw, -7px) !important;
    margin-bottom: clamp(24px, 1.65vw, 34px) !important;
}

/* Keep the two columns visually distinct at every non-mobile width. */
@media (min-width: 761px) {
    .zumi-booking-era__inner {
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.08fr) !important;
        gap: clamp(24px, 2.4vw, 46px) !important;
    }

    .zumi-booking-era__content {
        max-width: 100% !important;
        margin-right: 0 !important;
        min-width: 0 !important;
    }

    .zumi-booking-era__visual {
        margin-left: 0 !important;
        min-width: 0 !important;
    }

    .zumi-booking-era__title,
    .zumi-booking-era__lead,
    .zumi-booking-era__copy {
        max-width: 100% !important;
    }
}

/* Large laptops and narrower desktop windows: reduce type before it can crowd the image. */
@media (min-width: 1101px) and (max-width: 1500px) {
    .zumi-booking-era__inner {
        grid-template-columns: minmax(0, .90fr) minmax(0, 1.10fr) !important;
        gap: clamp(26px, 2.5vw, 40px) !important;
        padding:
            clamp(26px, 2.8vw, 42px)
            clamp(22px, 2.4vw, 36px) !important;
    }

    .zumi-booking-era__title {
        font-size: clamp(48px, 4.55vw, 72px) !important;
        line-height: .87 !important;
    }

    .zumi-booking-era__lead {
        font-size: clamp(18px, 1.28vw, 22px) !important;
        line-height: 1.28 !important;
    }

    .zumi-booking-era__copy {
        font-size: clamp(14.5px, 1vw, 17px) !important;
        line-height: 1.48 !important;
    }

    .zumi-booking-era__years {
        font-size: clamp(19px, 1.7vw, 27px) !important;
    }
}

/* Tablet / small-laptop range: stay two-column, but scale cleanly with no collision. */
@media (min-width: 761px) and (max-width: 1100px) {
    .zumi-booking-era__inner {
        grid-template-columns: minmax(0, .94fr) minmax(0, 1.06fr) !important;
        gap: clamp(18px, 2.4vw, 27px) !important;
        min-height: clamp(470px, 58vw, 620px) !important;
        padding: 26px 18px !important;
    }

    .zumi-booking-era__years {
        margin-top: -8px !important;
        margin-bottom: 21px !important;
        padding: 6px 9px !important;
        font-size: clamp(17px, 2.15vw, 23px) !important;
    }

    .zumi-booking-era__title {
        font-size: clamp(38px, 4.9vw, 54px) !important;
        line-height: .89 !important;
        letter-spacing: -.062em !important;
    }

    .zumi-booking-era__lead {
        margin-top: 18px !important;
        font-size: clamp(16px, 1.85vw, 19px) !important;
        line-height: 1.28 !important;
    }

    .zumi-booking-era__copy {
        margin-top: 8px !important;
        font-size: clamp(13.2px, 1.48vw, 15px) !important;
        line-height: 1.46 !important;
    }

    .zumi-booking-era__choices {
        margin-top: 14px !important;
        gap: 6px !important;
    }

    .zumi-booking-era__choices span {
        min-height: 29px !important;
        padding: 6px 9px !important;
        font-size: clamp(10px, 1.12vw, 11.5px) !important;
    }

    .zumi-booking-era__button {
        min-height: 52px !important;
        margin-top: 16px !important;
        padding: 12px 18px !important;
    }

    .zumi-booking-era__visual {
        min-height: clamp(440px, 52vw, 570px) !important;
    }
}

/* Mobile styling intentionally remains the established 1.9 treatment. */
@media (max-width: 760px) {
    .zumi-booking-era__years {
        margin-top: 0 !important;
        margin-bottom: 11px !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9.0.5 — BOOKING PANEL DEPTH
   Keeps the existing layout intact while giving the booking
   section a warmer, more substantial sand-toned surface.
   ========================================================= */
.zumi-booking-era {
    background:
        radial-gradient(circle at 92% 7%, rgba(232,94,42,.28), transparent 29%),
        radial-gradient(circle at 54% 110%, rgba(181,103,58,.12), transparent 42%),
        linear-gradient(135deg, #F3E6DC 0%, #ECD8C9 52%, #E2C5B1 100%) !important;
    border-color: rgba(177, 139, 112, .42) !important;
    box-shadow:
        0 26px 72px rgba(54,35,23,.14),
        inset 0 1px 0 rgba(255,255,255,.42) !important;
}

/* =========================================================
   ZUMI HOME 1.9.0.7 — SMOKED DESERT STONE BOOKING PANEL
   A medium-value warm neutral creates a deliberate visual break
   between the dark destination section above and dark trust section
   below, while keeping Zumi orange and the sunset mockup dominant.
   ========================================================= */
.zumi-booking-era {
    --zbe-ink: #181513;
    --zbe-muted: #514A45;

    color: var(--zbe-ink) !important;
    background:
        radial-gradient(circle at 91% 5%, rgba(255,245,236,.58), transparent 29%),
        radial-gradient(circle at 8% 103%, rgba(88,68,53,.13), transparent 39%),
        linear-gradient(135deg, #D0C8C1 0%, #BFB4AB 52%, #AA9A8E 100%) !important;
    border-color: rgba(79,60,47,.28) !important;
    box-shadow:
        0 28px 76px rgba(36,25,18,.18),
        inset 0 1px 0 rgba(255,255,255,.46),
        inset 0 -1px 0 rgba(57,43,34,.08) !important;
}

.zumi-booking-era::before {
    background: radial-gradient(circle, rgba(232,94,42,.17), rgba(232,94,42,0) 70%) !important;
    opacity: .72 !important;
}

.zumi-booking-era__title {
    color: #171412 !important;
}

.zumi-booking-era__title span {
    text-shadow: 0 1px 0 rgba(255,255,255,.28) !important;
}

.zumi-booking-era__title em {
    color: #E85E2A !important;
}

.zumi-booking-era__lead {
    color: #211D1A !important;
}

.zumi-booking-era__copy {
    color: #504943 !important;
}

.zumi-booking-era__choices span {
    color: #211D1A !important;
    background: rgba(250,247,244,.58) !important;
    border-color: rgba(57,44,35,.17) !important;
    box-shadow:
        0 7px 18px rgba(44,31,23,.08),
        inset 0 1px 0 rgba(255,255,255,.34) !important;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

.zumi-booking-era__choices span::before {
    background: #E85E2A !important;
    box-shadow: 0 0 0 3px rgba(232,94,42,.13) !important;
}

/* The primary action remains the strongest solid colour in the panel. */
.zumi-booking-era__button {
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow:
        0 15px 34px rgba(167,72,21,.24),
        0 5px 14px rgba(50,34,24,.12) !important;
}

.zumi-booking-era__button:hover,
.zumi-booking-era__button:focus-visible {
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow:
        0 18px 38px rgba(146,58,14,.27),
        0 6px 16px rgba(50,34,24,.14) !important;
}

/* Keep the mockup visually separate from the stone surface. */
.zumi-booking-era__visual {
    border-color: rgba(45,31,23,.34) !important;
    box-shadow:
        0 30px 70px rgba(43,29,20,.24),
        inset 0 0 0 1px rgba(255,255,255,.14) !important;
}

@media (max-width: 760px) {
    .zumi-booking-era__choices span::before {
        box-shadow: none !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9.0.8 — DESERT COPPER / TAN BOOKING PANEL
   Keeps the section visually distinct from the dark trust block:
   a tan base with layered burnt-orange highlights and controlled
   charcoal-brown shadow pockets for depth and movement.
   ========================================================= */
.zumi-booking-era {
    --zbe-ink: #181310;
    --zbe-muted: #4E4037;

    color: var(--zbe-ink) !important;
    background:
        /* bright copper-orange accents */
        radial-gradient(ellipse at 91% 7%, rgba(232,94,42,.58) 0%, rgba(232,94,42,.30) 16%, rgba(232,94,42,0) 38%),
        radial-gradient(ellipse at 15% 8%, rgba(221,126,62,.35) 0%, rgba(221,126,62,.16) 18%, rgba(221,126,62,0) 39%),
        radial-gradient(ellipse at 72% 78%, rgba(232,94,42,.30) 0%, rgba(232,94,42,.13) 20%, rgba(232,94,42,0) 43%),
        radial-gradient(ellipse at 34% 92%, rgba(242,143,67,.25) 0%, rgba(242,143,67,.10) 18%, rgba(242,143,67,0) 39%),
        /* dark mineral / shadow pockets */
        radial-gradient(ellipse at -4% 78%, rgba(49,34,27,.34) 0%, rgba(49,34,27,.15) 21%, rgba(49,34,27,0) 46%),
        radial-gradient(ellipse at 57% -8%, rgba(52,34,24,.20) 0%, rgba(52,34,24,.09) 21%, rgba(52,34,24,0) 44%),
        radial-gradient(ellipse at 104% 59%, rgba(64,39,26,.24) 0%, rgba(64,39,26,.10) 20%, rgba(64,39,26,0) 43%),
        /* warm tan foundation */
        linear-gradient(135deg, #D9BDA9 0%, #CDA98F 34%, #C39879 67%, #B9896E 100%) !important;

    border-color: rgba(91,57,37,.31) !important;
    box-shadow:
        0 28px 76px rgba(63,39,25,.20),
        inset 0 1px 0 rgba(255,242,231,.42),
        inset 0 -1px 0 rgba(70,41,25,.10) !important;
}

/* Additional broad ambient colour wash behind the content. */
.zumi-booking-era::before {
    width: clamp(500px, 45vw, 900px) !important;
    right: -17% !important;
    bottom: -56% !important;
    background:
        radial-gradient(circle at 48% 48%, rgba(232,94,42,.30) 0%, rgba(232,94,42,.15) 31%, rgba(232,94,42,0) 69%) !important;
    opacity: .82 !important;
}

/* Soft dark/orange atmospheric spots without adding another layout layer. */
.zumi-booking-era::after {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 0;
    pointer-events: none;
    background:
        radial-gradient(circle at 24% 62%, rgba(91,49,27,.13) 0%, rgba(91,49,27,0) 19%),
        radial-gradient(circle at 82% 35%, rgba(255,149,79,.20) 0%, rgba(255,149,79,0) 20%),
        radial-gradient(circle at 44% 18%, rgba(115,58,29,.10) 0%, rgba(115,58,29,0) 16%);
    mix-blend-mode: multiply;
    opacity: .88;
}

.zumi-booking-era__title {
    color: #17120F !important;
    text-shadow: 0 1px 0 rgba(255,236,220,.20) !important;
}

.zumi-booking-era__title span {
    text-shadow: 0 1px 0 rgba(255,236,220,.20) !important;
}

.zumi-booking-era__title em {
    color: #E85E2A !important;
    text-shadow: 0 2px 0 rgba(91,40,13,.06) !important;
}

.zumi-booking-era__lead {
    color: #201713 !important;
}

.zumi-booking-era__copy {
    color: #4C3B31 !important;
}

.zumi-booking-era__choices span {
    color: #251A14 !important;
    background: rgba(255,247,240,.68) !important;
    border-color: rgba(86,53,34,.18) !important;
    box-shadow:
        0 8px 20px rgba(74,43,27,.10),
        inset 0 1px 0 rgba(255,255,255,.46) !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

.zumi-booking-era__choices span::before {
    background: #E85E2A !important;
    box-shadow: 0 0 0 3px rgba(232,94,42,.14) !important;
}

.zumi-booking-era__button {
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow:
        0 16px 35px rgba(142,56,15,.28),
        0 5px 14px rgba(63,36,21,.14) !important;
}

.zumi-booking-era__button:hover,
.zumi-booking-era__button:focus-visible {
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow:
        0 19px 40px rgba(130,47,10,.31),
        0 7px 17px rgba(63,36,21,.16) !important;
}

/* The phone remains its own strong dark visual anchor against the warmer panel. */
.zumi-booking-era__visual {
    border-color: rgba(66,39,25,.38) !important;
    box-shadow:
        0 30px 72px rgba(55,31,19,.27),
        inset 0 0 0 1px rgba(255,238,224,.13) !important;
}

@media (max-width: 760px) {
    .zumi-booking-era {
        background:
            radial-gradient(ellipse at 94% 4%, rgba(232,94,42,.50) 0%, rgba(232,94,42,.22) 17%, rgba(232,94,42,0) 38%),
            radial-gradient(ellipse at 4% 60%, rgba(55,36,27,.24) 0%, rgba(55,36,27,.09) 22%, rgba(55,36,27,0) 47%),
            radial-gradient(ellipse at 78% 71%, rgba(232,94,42,.25) 0%, rgba(232,94,42,.09) 20%, rgba(232,94,42,0) 43%),
            linear-gradient(155deg, #D9BDA9 0%, #C9A084 48%, #B9896E 100%) !important;
    }

    .zumi-booking-era__choices span::before {
        box-shadow: none !important;
    }
}



/* =========================================================
   ZUMI HOME 1.9.0.9 — TRANSPARENT BURGUNDY PHONE STAGE
   The updated phone mockup has a true transparent background.
   Treat it as floating product artwork instead of a cover image:
   the whole phone stays visible, the stage supplies depth, and
   no additional copy sits on top of the mockup.
   ========================================================= */

.zumi-booking-era__visual {
    isolation: isolate;
    overflow: hidden !important;
    background:
        radial-gradient(circle at 72% 17%, rgba(232,94,42,.30) 0%, rgba(232,94,42,.12) 24%, rgba(232,94,42,0) 49%),
        radial-gradient(circle at 18% 83%, rgba(126,47,38,.21) 0%, rgba(126,47,38,.07) 29%, rgba(126,47,38,0) 54%),
        radial-gradient(circle at 92% 77%, rgba(234,142,82,.12) 0%, rgba(234,142,82,0) 31%),
        linear-gradient(145deg, #211814 0%, #171311 47%, #2D1A12 100%) !important;
    border-color: rgba(89,54,35,.40) !important;
    box-shadow:
        0 30px 72px rgba(55,31,19,.25),
        inset 0 1px 0 rgba(255,255,255,.10),
        inset 0 0 0 1px rgba(232,94,42,.05) !important;
}

/* Ambient light only — do not veil the transparent product art. */
.zumi-booking-era__visual::before {
    z-index: 1 !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 63% 22%, rgba(255,151,91,.13) 0%, rgba(255,151,91,0) 37%),
        linear-gradient(118deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,0) 38%) !important;
    border-radius: inherit !important;
    opacity: 1 !important;
    box-shadow: none !important;
    pointer-events: none;
}

.zumi-booking-era__visual-glow {
    z-index: 1 !important;
    width: 76% !important;
    height: 76% !important;
    top: 6% !important;
    right: -3% !important;
    background: radial-gradient(circle, rgba(232,94,42,.22) 0%, rgba(232,94,42,.08) 35%, rgba(232,94,42,0) 70%) !important;
    filter: blur(12px);
    opacity: .82 !important;
}

.zumi-booking-era__image {
    position: absolute !important;
    z-index: 3 !important;
    inset: auto !important;
    top: 50% !important;
    left: 50% !important;
    width: min(94%, 760px) !important;
    max-width: 94% !important;
    height: auto !important;
    max-height: 96% !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 0 !important;
    transform: translate(-50%, -50%) !important;
    filter:
        saturate(1.025)
        contrast(1.015)
        drop-shadow(0 28px 30px rgba(0,0,0,.34))
        drop-shadow(0 7px 10px rgba(0,0,0,.20)) !important;
}

/* The new artwork is self-explanatory; avoid duplicate marketing copy over it. */
.zumi-booking-era__visual-copy {
    display: none !important;
}

@media (min-width: 1501px) {
    .zumi-booking-era__visual {
        min-height: clamp(560px, 37vw, 720px) !important;
    }

    .zumi-booking-era__image {
        width: min(92%, 790px) !important;
        max-width: 92% !important;
        max-height: 98% !important;
    }
}

@media (min-width: 1101px) and (max-width: 1500px) {
    .zumi-booking-era__image {
        top: 50% !important;
        left: 50% !important;
        width: min(94%, 680px) !important;
        max-width: 94% !important;
        height: auto !important;
        max-height: 96% !important;
        transform: translate(-50%, -50%) !important;
    }
}

@media (min-width: 761px) and (max-width: 1100px) {
    .zumi-booking-era__visual {
        min-height: clamp(440px, 52vw, 570px) !important;
    }

    .zumi-booking-era__image {
        width: 96% !important;
        max-width: 96% !important;
        max-height: 95% !important;
    }
}

@media (max-width: 760px) {
    .zumi-booking-era__visual {
        aspect-ratio: 1 / 1.08 !important;
        min-height: 0 !important;
        background:
            radial-gradient(circle at 73% 14%, rgba(232,94,42,.27) 0%, rgba(232,94,42,.10) 25%, rgba(232,94,42,0) 51%),
            radial-gradient(circle at 12% 88%, rgba(126,47,38,.18) 0%, rgba(126,47,38,0) 48%),
            linear-gradient(150deg, #201713 0%, #161210 49%, #291811 100%) !important;
    }

    .zumi-booking-era__visual::before {
        background:
            radial-gradient(circle at 68% 20%, rgba(255,151,91,.11) 0%, rgba(255,151,91,0) 39%) !important;
    }

    .zumi-booking-era__image {
        width: 96% !important;
        max-width: 96% !important;
        max-height: 96% !important;
        filter:
            saturate(1.02)
            contrast(1.01)
            drop-shadow(0 20px 24px rgba(0,0,0,.30)) !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9.0.10 — SANDSTONE / SLATE BOOKING REFINEMENT
   Improves contrast for the orange 2026 headline by keeping the
   text side lighter and more neutral, while moving burgundy/copper
   atmosphere toward the edges. The transparent burgundy phone now
   floats on a cool smoked-slate product stage instead of another
   brown/copper surface.
   ========================================================= */
.zumi-booking-era {
    --zbe-ink: #17130F;
    --zbe-muted: #4A4039;

    color: var(--zbe-ink) !important;
    background:
        /* restrained burgundy/copper atmosphere kept away from the headline */
        radial-gradient(ellipse at 97% 11%, rgba(116,46,44,.36) 0%, rgba(116,46,44,.16) 19%, rgba(116,46,44,0) 42%),
        radial-gradient(ellipse at 83% 88%, rgba(232,94,42,.26) 0%, rgba(232,94,42,.10) 22%, rgba(232,94,42,0) 45%),
        radial-gradient(ellipse at 14% 106%, rgba(91,61,48,.16) 0%, rgba(91,61,48,.06) 22%, rgba(91,61,48,0) 45%),
        /* lighter sandstone field behind the copy for cleaner orange contrast */
        linear-gradient(112deg, #E1D1C5 0%, #CFB6A7 36%, #B78C7C 68%, #98665E 100%) !important;

    border-color: rgba(98,66,52,.30) !important;
    box-shadow:
        0 30px 78px rgba(59,39,28,.20),
        inset 0 1px 0 rgba(255,255,255,.46),
        inset 0 -1px 0 rgba(83,49,35,.08) !important;
}

.zumi-booking-era::before {
    width: clamp(480px, 42vw, 860px) !important;
    right: -20% !important;
    bottom: -58% !important;
    background:
        radial-gradient(circle at 50% 48%, rgba(174,65,46,.22) 0%, rgba(232,94,42,.10) 34%, rgba(232,94,42,0) 70%) !important;
    opacity: .76 !important;
}

.zumi-booking-era::after {
    background:
        radial-gradient(circle at 88% 28%, rgba(108,46,45,.13) 0%, rgba(108,46,45,0) 18%),
        radial-gradient(circle at 69% 80%, rgba(232,94,42,.14) 0%, rgba(232,94,42,0) 20%),
        radial-gradient(circle at 22% 76%, rgba(82,58,47,.07) 0%, rgba(82,58,47,0) 19%) !important;
    mix-blend-mode: multiply;
    opacity: .82 !important;
}

.zumi-booking-era__title,
.zumi-booking-era__title span {
    color: #17130F !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.32) !important;
}

.zumi-booking-era__title em {
    /* slightly deeper Zumi orange for clearer contrast on the sand field */
    color: #E85E2A !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.18), 0 2px 8px rgba(111,45,18,.07) !important;
}

.zumi-booking-era__lead {
    color: #211A16 !important;
}

.zumi-booking-era__copy {
    color: #4A4039 !important;
}

.zumi-booking-era__choices span {
    color: #241B17 !important;
    background: rgba(255,250,246,.74) !important;
    border-color: rgba(83,56,43,.17) !important;
    box-shadow:
        0 8px 22px rgba(70,45,31,.10),
        inset 0 1px 0 rgba(255,255,255,.52) !important;
}

/* Cool slate product stage: deliberately different from the warm page sections. */
.zumi-booking-era__visual {
    background:
        radial-gradient(circle at 70% 17%, rgba(255,255,255,.10) 0%, rgba(255,255,255,.025) 26%, rgba(255,255,255,0) 48%),
        radial-gradient(circle at 23% 82%, rgba(113,48,58,.20) 0%, rgba(113,48,58,.07) 28%, rgba(113,48,58,0) 54%),
        linear-gradient(145deg, #343735 0%, #242725 47%, #171A19 100%) !important;
    border-color: rgba(255,255,255,.18) !important;
    box-shadow:
        0 30px 72px rgba(47,34,27,.25),
        inset 0 1px 0 rgba(255,255,255,.12),
        inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

.zumi-booking-era__visual::before {
    background:
        radial-gradient(circle at 66% 21%, rgba(242,231,219,.10) 0%, rgba(242,231,219,0) 38%),
        linear-gradient(118deg, rgba(255,255,255,.045) 0%, rgba(255,255,255,0) 39%) !important;
}

.zumi-booking-era__visual-glow {
    background: radial-gradient(circle, rgba(137,55,66,.23) 0%, rgba(137,55,66,.08) 35%, rgba(137,55,66,0) 71%) !important;
    opacity: .78 !important;
}

@media (max-width: 760px) {
    .zumi-booking-era {
        background:
            radial-gradient(ellipse at 96% 7%, rgba(116,46,44,.30) 0%, rgba(116,46,44,.12) 18%, rgba(116,46,44,0) 39%),
            radial-gradient(ellipse at 82% 83%, rgba(232,94,42,.20) 0%, rgba(232,94,42,.07) 20%, rgba(232,94,42,0) 43%),
            linear-gradient(155deg, #DDCBBE 0%, #C6A797 52%, #A77569 100%) !important;
    }

    .zumi-booking-era__visual {
        background:
            radial-gradient(circle at 72% 15%, rgba(255,255,255,.09) 0%, rgba(255,255,255,0) 40%),
            radial-gradient(circle at 18% 88%, rgba(113,48,58,.18) 0%, rgba(113,48,58,0) 49%),
            linear-gradient(150deg, #343735 0%, #232624 50%, #171918 100%) !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9.0.16 — TIGHTER BOOKING FRAME
   Reduces the empty sandstone border around the booking content
   and deepens the outer dusty-rose/copper surface while preserving
   contrast for the dark/orange headline.
   ========================================================= */

/* =========================================================
   ZUMI HOME 1.9.0.15 — LOCAL ORYX + LARGER PHONE FEATURE CARD
   Keeps the Namibia wildlife stage, shifts the oryx farther left
   so its head remains visible, softens the background so it does
   not compete with the mockup, and enlarges the phone while
   keeping the complete artwork inside the visual frame.
   ========================================================= */

/* Main Namibia visual stage. */
.zumi-booking-era__visual {
    position: relative !important;
    z-index: 2 !important;
    align-self: stretch !important;
    min-height: clamp(500px, 37vw, 720px) !important;
    margin-left: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    isolation: isolate !important;

    /*
     * The pale sandstone wash intentionally fades the oryx/photo.
     * A right-side darkening bias keeps the burgundy phone crisp.
     */
    background-image:
        linear-gradient(
            90deg,
            rgba(235,218,206,.40) 0%,
            rgba(226,204,190,.34) 34%,
            rgba(190,151,127,.22) 62%,
            rgba(38,23,18,.30) 100%
        ),
        var(--zumi-lazy-background-image, none) !important;
    background-size: cover !important;
    background-position: 52% center !important;
    background-repeat: no-repeat !important;

    border: 1px solid rgba(255,255,255,.60) !important;
    border-radius: 4px !important;
    box-shadow:
        0 30px 72px rgba(55,31,19,.25),
        inset 0 1px 0 rgba(255,255,255,.16),
        inset 0 0 0 1px rgba(255,255,255,.04) !important;
}

/*
 * Contrast veil. It sits BELOW the phone (z-index 2 vs phone z-index 3),
 * so the wildlife can be softened without washing out the mockup.
 */
.zumi-booking-era__visual::before {
    content: "" !important;
    position: absolute !important;
    z-index: 2 !important;
    inset: 0 !important;
    pointer-events: none !important;
    border-radius: inherit !important;
    background:
        linear-gradient(
            90deg,
            rgba(244,230,220,.16) 0%,
            rgba(235,214,201,.11) 40%,
            rgba(35,21,17,.04) 67%,
            rgba(18,12,10,.18) 100%
        ),
        radial-gradient(
            ellipse at 63% 34%,
            rgba(10,7,6,0) 0%,
            rgba(10,7,6,.015) 31%,
            rgba(10,7,6,.07) 61%,
            rgba(10,7,6,.18) 100%
        ),
        linear-gradient(
            0deg,
            rgba(9,6,5,.94) 0%,
            rgba(9,6,5,.60) 17%,
            rgba(9,6,5,.20) 34%,
            rgba(9,6,5,.035) 58%,
            rgba(9,6,5,0) 76%
        ) !important;
    opacity: 1 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Small Zumi-orange atmosphere; kept subtle so the wildlife remains photographic. */
.zumi-booking-era__visual-glow {
    position: absolute !important;
    z-index: 1 !important;
    top: -15% !important;
    right: -11% !important;
    width: 60% !important;
    height: 58% !important;
    opacity: .14 !important;
    background:
        radial-gradient(
            circle,
            rgba(232,94,42,.50) 0%,
            rgba(232,94,42,.13) 36%,
            rgba(232,94,42,0) 72%
        ) !important;
    filter: blur(22px) !important;
    pointer-events: none !important;
}

/*
 * Phone artwork. Enlarged from v1.9.0.13, but constrained by width,
 * max-height and vertical placement so the complete artwork remains framed.
 */
.zumi-booking-era__image {
    position: absolute !important;
    z-index: 3 !important;
    inset: auto !important;
    top: 40.5% !important;
    left: 63% !important;
    width: min(78%, 700px) !important;
    max-width: 78% !important;
    height: auto !important;
    max-height: 84% !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    border-radius: 0 !important;
    transform: translate(-50%, -50%) !important;
    filter:
        saturate(1.04)
        contrast(1.035)
        drop-shadow(0 25px 32px rgba(0,0,0,.37))
        drop-shadow(0 6px 10px rgba(0,0,0,.17)) !important;
    pointer-events: none !important;
}

/* Readability panel for the in-card message. */
.zumi-booking-era__visual-copy {
    display: flex !important;
    position: absolute !important;
    z-index: 5 !important;
    left: clamp(18px, 2.1vw, 32px) !important;
    right: clamp(18px, 2.1vw, 32px) !important;
    bottom: clamp(18px, 2vw, 28px) !important;
    width: auto !important;
    max-width: none !important;
    box-sizing: border-box !important;
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 3px !important;
    padding:
        clamp(12px, 1.15vw, 17px)
        clamp(15px, 1.45vw, 21px)
        clamp(13px, 1.25vw, 18px) !important;
    color: #fff !important;
    background:
        linear-gradient(
            105deg,
            rgba(12,8,7,.97) 0%,
            rgba(17,10,9,.95) 49%,
            rgba(30,16,12,.90) 100%
        ) !important;
    border: 1px solid rgba(255,255,255,.17) !important;
    border-radius: 4px !important;
    box-shadow:
        0 18px 42px rgba(0,0,0,.36),
        inset 0 1px 0 rgba(255,255,255,.06) !important;
    -webkit-backdrop-filter: blur(10px) saturate(.90) !important;
    backdrop-filter: blur(10px) saturate(.90) !important;
    text-align: left !important;
    text-shadow: none !important;
    pointer-events: none !important;
}

.zumi-booking-era__visual-kicker {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    margin: 0 0 3px !important;
    color: #E85E2A !important;
    font-size: clamp(9px, .72vw, 12px) !important;
    font-weight: 850 !important;
    line-height: 1.15 !important;
    letter-spacing: .13em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.82) !important;
}

.zumi-booking-era__visual-copy strong {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    width: 100% !important;
    max-width: 100% !important;
    margin: 1px 0 0 !important;
    color: #fff !important;
    font-size: clamp(29px, 2.6vw, 49px) !important;
    font-weight: 850 !important;
    line-height: .97 !important;
    letter-spacing: -.045em !important;
    white-space: normal !important;
    overflow: visible !important;
    text-overflow: clip !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
    text-shadow:
        0 2px 3px rgba(0,0,0,.98),
        0 5px 18px rgba(0,0,0,.66) !important;
    -webkit-text-stroke: .2px rgba(0,0,0,.44) !important;
}

.zumi-booking-era__visual-copy small {
    display: block !important;
    position: relative !important;
    z-index: 2 !important;
    margin-top: 4px !important;
    color: rgba(255,255,255,.96) !important;
    font-size: clamp(11px, .8vw, 14px) !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    text-shadow: 0 2px 8px rgba(0,0,0,.82) !important;
}

/* Wide screens: keep the animal left of the larger phone. */
@media (min-width: 1500px) {
    .zumi-booking-era__visual {
        min-height: clamp(560px, 37vw, 720px) !important;
        background-position: 49% center !important;
    }

    .zumi-booking-era__image {
        top: 40% !important;
        left: 64% !important;
        width: min(75%, 735px) !important;
        max-width: 75% !important;
        max-height: 83% !important;
    }

    .zumi-booking-era__visual-copy strong {
        white-space: nowrap !important;
        font-size: clamp(34px, 2.35vw, 49px) !important;
    }
}

/* Standard desktop / laptop. */
@media (min-width: 1101px) and (max-width: 1499px) {
    .zumi-booking-era__visual {
        background-position: 52% center !important;
    }

    .zumi-booking-era__image {
        top: 40.5% !important;
        left: 63% !important;
        width: 80% !important;
        max-width: 80% !important;
        max-height: 84% !important;
    }

    .zumi-booking-era__visual-copy strong {
        font-size: clamp(28px, 2.65vw, 43px) !important;
    }
}

/* Tablet / small laptop. */
@media (min-width: 761px) and (max-width: 1100px) {
    .zumi-booking-era__visual {
        min-height: clamp(470px, 57vw, 610px) !important;
        margin-left: 0 !important;
        background-position: 54% center !important;
    }

    .zumi-booking-era__image {
        top: 39.5% !important;
        left: 62% !important;
        width: 85% !important;
        max-width: 85% !important;
        max-height: 82% !important;
    }

    .zumi-booking-era__visual-copy {
        left: 17px !important;
        right: 17px !important;
        bottom: 17px !important;
        padding: 12px 14px 13px !important;
    }

    .zumi-booking-era__visual-copy strong {
        font-size: clamp(27px, 4vw, 38px) !important;
    }
}

/* Mobile: oryx head pushed left, background softened, phone enlarged. */
@media (max-width: 760px) {
    .zumi-booking-era__visual {
        width: 100% !important;
        min-height: 0 !important;
        margin-left: 0 !important;
        aspect-ratio: .72 / 1 !important;
        border-radius: 4px !important;
        background-image:
            linear-gradient(
                180deg,
                rgba(236,220,209,.36) 0%,
                rgba(225,204,190,.29) 33%,
                rgba(113,77,61,.17) 58%,
                rgba(10,7,6,.67) 100%
            ),
            var(--zumi-lazy-background-image, none) !important;
        background-size: cover !important;
        background-position: 55% center !important;
        background-repeat: no-repeat !important;
    }

    .zumi-booking-era__visual::before {
        background:
            linear-gradient(
                90deg,
                rgba(244,230,220,.13) 0%,
                rgba(237,220,209,.09) 44%,
                rgba(18,12,10,.05) 73%,
                rgba(18,12,10,.14) 100%
            ),
            linear-gradient(
                0deg,
                rgba(10,7,6,.91) 0%,
                rgba(10,7,6,.47) 24%,
                rgba(10,7,6,.09) 52%,
                rgba(10,7,6,0) 76%
            ) !important;
    }

    .zumi-booking-era__visual-glow {
        opacity: .10 !important;
    }

    .zumi-booking-era__image {
        top: 37.5% !important;
        left: 62% !important;
        width: 90% !important;
        max-width: 90% !important;
        max-height: 80% !important;
        filter:
            saturate(1.04)
            contrast(1.035)
            drop-shadow(0 19px 25px rgba(0,0,0,.36)) !important;
    }

    .zumi-booking-era__visual-copy {
        left: 12px !important;
        right: 12px !important;
        bottom: 12px !important;
        width: auto !important;
        max-width: none !important;
        gap: 2px !important;
        padding: 11px 12px 12px !important;
        border-radius: 4px !important;
        background:
            linear-gradient(
                105deg,
                rgba(12,8,7,.97) 0%,
                rgba(16,10,9,.95) 56%,
                rgba(26,14,11,.90) 100%
            ) !important;
    }

    .zumi-booking-era__visual-kicker {
        font-size: 8.7px !important;
        letter-spacing: .11em !important;
    }

    .zumi-booking-era__visual-copy strong {
        width: 100% !important;
        font-size: clamp(25px, 7vw, 34px) !important;
        line-height: .98 !important;
        white-space: normal !important;
    }

    .zumi-booking-era__visual-copy small {
        margin-top: 3px !important;
        font-size: 10.5px !important;
    }
}

@media (max-width: 390px) {
    .zumi-booking-era__visual {
        background-position: 57% center !important;
    }

    .zumi-booking-era__image {
        top: 37% !important;
        left: 62% !important;
        width: 88% !important;
        max-width: 88% !important;
        max-height: 79% !important;
    }

    .zumi-booking-era__visual-copy strong {
        font-size: clamp(23px, 7vw, 29px) !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9.0.20 — EXACT VEHICLE BOOKING BUTTON STATE
   Matches the Booking and Info button shown in the vehicle
   cards: #E85E2A at rest, #E85E2A on hover, subtle orange
   hover ring, 180ms easing, and absolutely no movement.
   ========================================================= */
.zumi-booking-era__button {
    color: #FFFFFF !important;
    background: #E85E2A !important;
    border: 1px solid #E85E2A !important;
    box-shadow: 0 5px 17px rgba(0,0,0,.20) !important;
    transform: none !important;
    translate: none !important;
    transition:
        background-color 180ms ease,
        border-color 180ms ease,
        box-shadow 180ms ease !important;
}

.zumi-booking-era__button:hover {
    color: #FFFFFF !important;
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow:
        0 0 0 3px rgba(232,94,42,.16),
        0 5px 17px rgba(0,0,0,.20) !important;
    transform: none !important;
    translate: none !important;
}

.zumi-booking-era__button:active {
    color: #FFFFFF !important;
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow:
        0 0 0 3px rgba(232,94,42,.16),
        0 5px 17px rgba(0,0,0,.20) !important;
    transform: none !important;
    translate: none !important;
}

.zumi-booking-era__button:focus-visible {
    color: #FFFFFF !important;
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow:
        0 0 0 3px rgba(232,94,42,.16),
        0 5px 17px rgba(0,0,0,.20) !important;
    transform: none !important;
    translate: none !important;
    outline: none !important;
}

.zumi-booking-era__button-icon,
.zumi-booking-era__button:hover .zumi-booking-era__button-icon,
.zumi-booking-era__button:focus-visible .zumi-booking-era__button-icon,
.zumi-booking-era__button:active .zumi-booking-era__button-icon {
    filter: brightness(0) invert(1) !important;
    transform: none !important;
    translate: none !important;
    transition: none !important;
}

/* =========================================================
   ZUMI HOME 1.9.0.21 — RESIZE / REPAINT STABILITY
   Prevents transient white paint bands when the viewport is
   resized or rotated. The homepage had several large clipped,
   filtered and blended layers; Chromium/WebKit can occasionally
   keep a stale compositor tile until the next interaction.

   Important: no permanent translateZ()/will-change promotion is
   used. The JS applies one short-lived repaint class only after
   resize settles, then immediately removes it.
   ========================================================= */

/* `overflow-x: clip` has produced stale paint tiles in some
   Chromium/WebKit resize paths. Hidden gives us the same visual
   containment here with much more mature repaint behaviour. */
#zumi-native-homepage,
#zumi-native-homepage .zumi-native-homepage__container,
#zumi-native-homepage .zumi-home-stack {
    overflow-x: hidden !important;
    content-visibility: visible !important;
    contain: none !important;
}

/* Never let a browser optimization defer painting a major homepage
   section after a breakpoint change. Keep the normal layout model. */
#zumi-native-homepage .zumi-home-stack__section {
    will-change: auto !important;
}

/* During active resize, pause purely cosmetic animation work. This
   materially lowers compositor churn without changing the settled UI. */
#zumi-native-homepage.zumi-layout-resizing .zumi-home-stack *,
#zumi-native-homepage.zumi-layout-resizing .zumi-home-stack *::before,
#zumi-native-homepage.zumi-layout-resizing .zumi-home-stack *::after {
    animation-play-state: paused !important;
}

/* These effects are the most expensive layers in the new booking
   feature. Disable them only while the viewport is actively changing;
   their normal appearance is restored as soon as resize settles. */
#zumi-native-homepage.zumi-layout-resizing .zumi-booking-era__choices span,
#zumi-native-homepage.zumi-layout-resizing .zumi-booking-era__visual-copy {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#zumi-native-homepage.zumi-layout-resizing .zumi-booking-era::after {
    mix-blend-mode: normal !important;
}

#zumi-native-homepage.zumi-layout-resizing .zumi-booking-era__visual-glow {
    filter: none !important;
}


/* =========================================================
   ZUMI HOME PERFORMANCE — offscreen rendering
   Keep the hero, fleet and first editorial section fully live; allow the
   browser to defer layout/paint work for the long lower half of the homepage.
   ========================================================= */
@supports (content-visibility: auto) {
    .zumi-home-stack > .zumi-home-stack__section:nth-child(n + 4) {
        content-visibility: auto !important;
        contain-intrinsic-size: auto 900px;
    }
}

/* =========================================================
   ZUMI HOME 1.9.1.3 — MOBILE/TABLET PAINT PERFORMANCE
   The booking feature previously stacked backdrop blurs, a large blurred
   glow, alpha-aware drop-shadows, mix-blend compositing and deep shadows.
   Those effects are visually attractive on desktop but expensive while a
   lower-end phone is scrolling. Desktop keeps the richer treatment; screens
   up to 1100px use static opaque surfaces and ordinary gradients instead.
   ========================================================= */
@media (max-width: 1100px) {
    .zumi-booking-era,
    .zumi-booking-era__visual,
    .zumi-booking-era__visual-copy,
    .zumi-booking-era__choices span,
    .zumi-booking-era__image,
    .zumi-booking-era::before,
    .zumi-booking-era::after,
    .zumi-booking-era__visual::before,
    .zumi-booking-era__visual-glow {
        will-change: auto !important;
    }

    /* Remove full-section blending and the oversized ambient layer. */
    .zumi-booking-era::after,
    .zumi-booking-era::before {
        display: none !important;
        mix-blend-mode: normal !important;
    }

    /* The glow used a 22px live blur over a large surface. The background
       photograph already supplies enough depth on compact screens. */
    .zumi-booking-era__visual-glow {
        display: none !important;
        filter: none !important;
    }

    /* Transparent-phone drop-shadow() traces the alpha channel every time the
       layer is repainted. Keep the artwork itself untouched and shadow-free. */
    .zumi-booking-era__image {
        filter: none !important;
    }

    /* Opaque/semi-opaque fills retain nearly the same visual hierarchy without
       live backdrop sampling and blur. */
    .zumi-booking-era__visual-copy,
    .zumi-booking-era__choices span {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .zumi-booking-era__visual-copy {
        background: rgba(16, 10, 8, .965) !important;
        box-shadow: 0 10px 24px rgba(0,0,0,.24) !important;
    }

    .zumi-booking-era__choices span {
        background: rgba(255, 248, 243, .94) !important;
        box-shadow: 0 4px 12px rgba(74,43,27,.08) !important;
    }

    .zumi-booking-era__visual {
        contain: paint;
        box-shadow:
            0 14px 34px rgba(55,31,19,.18),
            inset 0 0 0 1px rgba(255,255,255,.12) !important;
    }

    /* Replace the three-layer contrast veil with one cheap static gradient. */
    .zumi-booking-era__visual::before {
        background: linear-gradient(
            180deg,
            rgba(9,6,5,.02) 0%,
            rgba(9,6,5,.08) 58%,
            rgba(9,6,5,.58) 100%
        ) !important;
        box-shadow: none !important;
        filter: none !important;
    }
}

@media (max-width: 760px) {
    /* One foundation gradient is substantially cheaper than the old stack of
       large radial gradients and is close to the same dusty-rose appearance. */
    .zumi-booking-era {
        background: linear-gradient(
            145deg,
            #DECBC0 0%,
            #C9A897 48%,
            #A97568 100%
        ) !important;
        box-shadow:
            0 12px 28px rgba(59,39,28,.15),
            inset 0 1px 0 rgba(255,255,255,.32) !important;
    }

    /* Preserve the oryx photograph while reducing overlay complexity. */
    .zumi-booking-era__visual {
        background-image:
            linear-gradient(
                90deg,
                rgba(235,218,206,.34) 0%,
                rgba(218,190,173,.20) 52%,
                rgba(30,18,14,.26) 100%
            ),
            var(--zumi-lazy-background-image, none) !important;
        box-shadow:
            0 10px 24px rgba(45,28,19,.16),
            inset 0 0 0 1px rgba(255,255,255,.11) !important;
    }

    .zumi-booking-era__visual-copy {
        box-shadow: 0 6px 16px rgba(0,0,0,.20) !important;
    }

    .zumi-booking-era__visual-kicker,
    .zumi-booking-era__visual-copy strong,
    .zumi-booking-era__visual-copy small {
        text-shadow: none !important;
    }

    .zumi-booking-era__visual-copy strong {
        -webkit-text-stroke: 0 !important;
    }

    .zumi-booking-era__button,
    .zumi-booking-era__button:hover,
    .zumi-booking-era__button:active,
    .zumi-booking-era__button:focus-visible {
        box-shadow: 0 5px 14px rgba(63,36,21,.14) !important;
    }
}

/* Do not let the browser animate expensive decorative properties while a real
   width breakpoint is changing. Height-only mobile chrome changes are ignored
   by JavaScript and therefore never trigger this state. */
#zumi-native-homepage.zumi-layout-resizing .zumi-booking-era *,
#zumi-native-homepage.zumi-layout-resizing .zumi-booking-era *::before,
#zumi-native-homepage.zumi-layout-resizing .zumi-booking-era *::after {
    transition-property: none !important;
    animation-play-state: paused !important;
}


/* ============================================================
   ZUMI 1.9.1.5 — TRAVEL JOURNAL HOMEPAGE SHOWCASE
   Compact latest-post section following the 2026 booking feature.
   ============================================================ */

.zumi-home-stack__journal {
    z-index: 0;
    padding: 0;
}

.zumi-home-journal,
.zumi-home-journal * {
    box-sizing: border-box;
}

.zumi-home-journal {
    width: 100%;
    margin: 0;
    padding:
        clamp(24px, 2.5vw, 48px);

    color: #171717;
    background:
        linear-gradient(
            135deg,
            #FCFAF8 0%,
            #FFFFFF 55%,
            #F8F4F0 100%
        );

    border: 1px solid #E8E1DB;
    border-radius: 5px;
}

.zumi-home-journal__header {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: clamp(18px, 2.4vw, 42px);
}

.zumi-home-journal__heading-copy {
    min-width: 0;
}

.zumi-home-journal__eyebrow {
    display: flex;
    align-items: center;
    gap: 10px;

    margin-bottom: 7px;

    color: #E85E2A;

    font-size: clamp(10px, .64vw, 13px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: .13em;
    text-transform: uppercase;
}

.zumi-home-journal__eyebrow::before {
    content: "";

    width: 30px;
    height: 2px;

    flex: 0 0 auto;

    background: #E85E2A;
    border-radius: 999px;
}

.zumi-home-journal__title {
    margin: 0;

    color: #171717;

    font-size: clamp(30px, 2.25vw, 50px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
}

.zumi-home-journal__intro {
    max-width: 760px;

    margin: 9px 0 0;

    color: #68615C;

    font-size: clamp(13px, .82vw, 16px);
    line-height: 1.5;
}

.zumi-home-journal__all {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 9px;

    flex: 0 0 auto;

    min-height: 44px;

    padding: 10px 15px;

    color: #24201D;
    background: #FFFFFF;

    border: 1px solid #DED5CE;
    border-radius: 5px;

    font-size: 13px;
    font-weight: 700;
    line-height: 1;

    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;

    transition:
        transform 80ms ease,
        box-shadow 80ms ease;
}

.zumi-home-journal__all:hover {
    color: #24201D;
    border-color: #E85E2A;

    box-shadow:
        0 0 0 2px rgba(232,94,42,.10),
        0 3px 10px rgba(0,0,0,.035);
}

.zumi-home-journal__all:active,
.zumi-home-journal__all.is-pressed {
    color: #E85E2A;
    border-color: #E85E2A;

    box-shadow:
        0 0 0 2px rgba(232,94,42,.10),
        0 3px 10px rgba(0,0,0,.035);

    transform: scale(.97);
}

.zumi-home-journal__all:focus-visible {
    outline: 3px solid rgba(232,94,42,.28);
    outline-offset: 2px;
    border-color: #E85E2A;
}

.zumi-home-journal__all-icon {
    color: #E85E2A;
    font-size: 17px;
    line-height: 1;
}

.zumi-home-journal__grid {
    display: grid;

    grid-template-columns:
        repeat(3, minmax(0, 1fr));

    gap: clamp(10px, .9vw, 16px);

    margin-top: clamp(18px, 1.6vw, 28px);
}

.zumi-home-journal__card {
    display: grid;

    color: inherit;
    text-decoration: none;
    cursor: pointer;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;

    grid-template-columns:
        clamp(118px, 8.7vw, 172px)
        minmax(0, 1fr);

    min-width: 0;
    min-height: clamp(150px, 10vw, 190px);

    overflow: hidden;

    background: #FFFFFF;

    border: 1px solid #E5DED8;
    border-radius: 5px;

    box-shadow:
        0 7px 22px
        rgba(38,29,23,.045);

    transition:
        transform 80ms ease,
        box-shadow 80ms ease;
}

.zumi-home-journal__card:hover {
    border-color: #E85E2A;

    box-shadow:
        0 0 0 2px rgba(232,94,42,.10),
        0 3px 10px rgba(0,0,0,.035);
}

.zumi-home-journal__card:active,
.zumi-home-journal__card.is-pressed {
    border-color: #E85E2A;

    box-shadow:
        0 0 0 2px rgba(232,94,42,.10),
        0 3px 10px rgba(0,0,0,.035);

    transform: scale(.985);
}

.zumi-home-journal__card:focus-visible {
    outline: 3px solid rgba(232,94,42,.28);
    outline-offset: 2px;
    border-color: #E85E2A;
}

.zumi-home-journal__media {
    position: relative;

    display: block;
    align-self: stretch;

    min-width: 0;
    min-height: 0;
    height: auto;

    overflow: hidden;

    background:
        linear-gradient(
            145deg,
            #E9E0D8,
            #D8C7B8
        );

    text-decoration: none;
}

.zumi-home-journal__image {
    position: absolute;
    inset: 0;

    display: block;

    width: 100% !important;
    height: 100% !important;

    max-width: none !important;

    object-fit: cover;
    object-position: center;

    image-rendering: auto;

    transition:
        transform 350ms
        cubic-bezier(.2,.8,.2,1);
}

.zumi-home-journal__card:hover
.zumi-home-journal__image,
.zumi-home-journal__card:active
.zumi-home-journal__image,
.zumi-home-journal__card.is-pressed
.zumi-home-journal__image {
    transform: none;
}

.zumi-home-journal__media-fallback {
    position: absolute;
    inset: 0;

    display: grid;
    place-items: center;

    color: rgba(255,255,255,.92);

    font-size: 40px;
    font-weight: 800;

    background:
        radial-gradient(
            circle at 75% 20%,
            rgba(232,94,42,.34),
            transparent 42%
        ),
        linear-gradient(
            145deg,
            #2B2420,
            #171513
        );
}

.zumi-home-journal__body {
    display: flex;
    flex-direction: column;

    min-width: 0;

    padding:
        clamp(13px, 1vw, 18px);
}

.zumi-home-journal__meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px 8px;

    color: #817A74;

    font-size: clamp(9px, .58vw, 11px);
    font-weight: 700;
    line-height: 1.25;
    letter-spacing: .035em;
    text-transform: uppercase;
}

.zumi-home-journal__category {
    color: #E85E2A;
}

.zumi-home-journal__meta time::before {
    content: "•";
    margin-right: 8px;
    color: #BDB4AC;
}

.zumi-home-journal__card-title {
    display: -webkit-box;

    margin: 8px 0 0;

    overflow: hidden;

    color: #161616;

    font-size: clamp(16px, 1vw, 20px);
    font-weight: 800;
    line-height: 1.16;
    letter-spacing: -.025em;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

/* The whole article preview is the link, so the title no longer has a nested anchor. */

.zumi-home-journal__excerpt {
    display: -webkit-box;

    margin: 8px 0 0;

    overflow: hidden;

    color: #68615C;

    font-size: clamp(11px, .7vw, 13px);
    line-height: 1.42;

    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.zumi-home-journal__read {
    display: inline-flex;
    align-items: center;
    gap: 7px;

    width: fit-content;

    margin-top: auto;
    padding-top: 10px;

    color: #24201D;

    font-size: 11px;
    font-weight: 800;
    line-height: 1;

    text-decoration: none;
}

.zumi-home-journal__read span:last-child {
    color: #E85E2A;
    font-size: 15px;
}


/* 1.9.1.15 — WebKit journal height hardening.
   Safari on iOS/iPadOS can inflate auto-sized grid tracks when a child uses a
   percentage block-size tied back to that same track. The journal thumbnail is
   now out of normal flow, and these guards keep every card/body/media item from
   contributing an accidental intrinsic minimum height. */
.zumi-home-journal__grid {
    grid-auto-rows: auto;
    align-items: stretch;
}

.zumi-home-journal__card {
    align-items: stretch;
    height: auto;
}

.zumi-home-journal__body {
    min-height: 0;
    height: auto;
}

@supports (-webkit-touch-callout: none) {
    @media (max-width: 1180px) {
        #zumi-native-homepage .zumi-home-journal__grid {
            grid-auto-rows: auto !important;
        }

        #zumi-native-homepage .zumi-home-journal__card {
            height: auto !important;
            max-height: none !important;
        }

        #zumi-native-homepage .zumi-home-journal__media {
            min-height: 0 !important;
            height: auto !important;
        }

        #zumi-native-homepage .zumi-home-journal__body {
            min-height: 0 !important;
            height: auto !important;
        }
    }
}

/* 1.9.1.16 — Journal interaction parity with the currency selector.
   Article previews are now one full-card link. Touch/click feedback is immediate,
   uses the same orange active-border language as the currency buttons, and has
   no navigation timeout. touch-action: manipulation removes legacy tap delay.
   The full View all posts label is retained on phones instead of collapsing to
   an arrow-only control. */

/* Vehicle hero images should stay naturally resampled on large screens. */
#zumi-native-homepage
.zumi-static-fleet__hero-image,
#zumi-native-homepage
.zumi-static-fleet__hero-backdrop {
    image-rendering: auto;
}

@media (max-width: 1180px) {

    .zumi-home-journal__grid {
        grid-template-columns:
            repeat(2, minmax(0, 1fr));
    }

    .zumi-home-journal__card:last-child:nth-child(odd) {
        grid-column: 1 / -1;
    }

}

@media (max-width: 700px) {

    /* 1.9.1.14: give the Travel Journal substantially more presence on phones
       without changing its lightweight image/loading structure. */
    .zumi-home-journal {
        padding:
            26px
            18px
            22px;
    }

    .zumi-home-journal__header {
        align-items: flex-start;
        gap: 16px;
    }

    .zumi-home-journal__eyebrow {
        margin-bottom: 9px;
        font-size: 11px;
    }

    .zumi-home-journal__title {
        font-size: 36px;
        line-height: .98;
    }

    .zumi-home-journal__intro {
        max-width: 480px;
        margin-top: 12px;
        font-size: 14px;
        line-height: 1.5;
    }

    .zumi-home-journal__all {
        min-width: 0;
        min-height: 44px;

        padding:
            10px
            15px;

        font-size: 16px;
        border-radius: 5px;
        white-space: nowrap;
    }

    .zumi-home-journal__all span:first-child {
        display: inline;
    }

    .zumi-home-journal__all-icon {
        font-size: 17px;
    }

    .zumi-home-journal__grid {
        grid-template-columns: 1fr;

        gap: 13px;

        margin-top: 22px;
    }

    .zumi-home-journal__card,
    .zumi-home-journal__card:last-child:nth-child(odd) {
        grid-column: auto;

        grid-template-columns:
            138px
            minmax(0, 1fr);

        min-height: 146px;

        border-radius: 5px;
    }

    .zumi-home-journal__body {
        padding: 14px 14px 13px;
    }

    .zumi-home-journal__meta {
        font-size: 10px;
        gap: 6px 8px;
    }

    .zumi-home-journal__card-title {
        margin-top: 8px;

        font-size: 17px;
        line-height: 1.14;

        -webkit-line-clamp: 3;
    }

    .zumi-home-journal__excerpt {
        display: none;
    }

    .zumi-home-journal__read {
        padding-top: 11px;
        font-size: 16px;
    }

    .zumi-home-journal__read span:last-child {
        font-size: 16px;
    }

}

@media (max-width: 390px) {

    .zumi-home-journal {
        padding:
            23px
            15px
            20px;
    }

    .zumi-home-journal__title {
        font-size: 32px;
    }

    .zumi-home-journal__intro {
        font-size: 13px;
    }

    .zumi-home-journal__grid {
        gap: 11px;
        margin-top: 19px;
    }

    .zumi-home-journal__card,
    .zumi-home-journal__card:last-child:nth-child(odd) {
        grid-template-columns:
            118px
            minmax(0, 1fr);

        min-height: 132px;
    }

    .zumi-home-journal__body {
        padding:
            12px
            12px;
    }

    .zumi-home-journal__card-title {
        font-size: 16px;
        -webkit-line-clamp: 3;
    }

}


/* =========================================================
   ZUMI HOME 1.9.1.7 — MOBILE FLEET SCROLL PERFORMANCE
   Based on 1.9.1.5. Keep the existing remote WordPress image
   structure; reduce only expensive live compositing while scrolling.
   ========================================================= */
@media (max-width: 700px) {
    /* The active-panel fade/translate forces a large hero repaint whenever a
       vehicle is changed. On mobile the immediate switch feels faster. */
    #zumi-native-homepage .zumi-static-fleet__panel.is-active {
        animation: none !important;
    }

    /* Confine the large vehicle hero repaint and avoid live blur sampling. */
    #zumi-native-homepage .zumi-static-fleet__hero {
        contain: paint;
        box-shadow: none !important;
    }

    #zumi-native-homepage .zumi-static-fleet__button--secondary {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: rgba(20,20,20,.76) !important;
    }

    /* Keep horizontal vehicle scrolling native and cheap. */
    #zumi-native-homepage .zumi-static-fleet__selector {
        scroll-behavior: auto !important;
        scroll-snap-type: x mandatory !important;
    }

    #zumi-native-homepage .zumi-static-fleet__choice,
    #zumi-native-homepage .zumi-static-fleet__currency-button {
        transition-property: background-color, border-color, color !important;
    }

    /* This is the first section encountered immediately after the fleet. The
       old live backdrop blur and SVG drop-shadow were especially noticeable
       during a continuous swipe past the vehicle area. Preserve the same dark
       glass look with static paint instead. */
    #zumi-native-homepage .zumi-why__intro-copy {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: rgba(9,9,9,.82) !important;
    }

    #zumi-native-homepage .zumi-why__map {
        filter: brightness(0) invert(1) !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9.1.8 — JOURNAL PLACEMENT + MOBILE SCROLL PASS
   Journal now follows the booking section after the fleet. Keep the nearby area light
   while delaying the large Namibia editorial photography until it is close.
   ========================================================= */
.zumi-home-stack__journal {
    z-index: 2;
}

@media (max-width: 700px) {
    /* Touch devices do not benefit from hover-lift/image zoom animation, and
       eliminating those transition layers reduces compositor bookkeeping. */
    #zumi-native-homepage .zumi-home-journal__card,
    #zumi-native-homepage .zumi-home-journal__image {
        transition: none !important;
    }

    #zumi-native-homepage .zumi-home-journal__card {
        box-shadow: 0 4px 12px rgba(38,29,23,.035) !important;
    }

    /* Keep the active vehicle content in ordinary static paint layers. */
    #zumi-native-homepage .zumi-static-fleet__panel,
    #zumi-native-homepage .zumi-static-fleet__hero,
    #zumi-native-homepage .zumi-static-fleet__intro,
    #zumi-native-homepage .zumi-static-fleet__benefits,
    #zumi-native-homepage .zumi-static-fleet__features,
    #zumi-native-homepage .zumi-static-fleet__video-section {
        will-change: auto !important;
    }

    #zumi-native-homepage .zumi-static-fleet__panel {
        contain: layout style;
    }

    #zumi-native-homepage .zumi-static-fleet__hero,
    #zumi-native-homepage .zumi-static-fleet__intro,
    #zumi-native-homepage .zumi-static-fleet__benefits,
    #zumi-native-homepage .zumi-static-fleet__video-section {
        contain: layout paint;
    }

    #zumi-native-homepage .zumi-static-fleet__hero-image {
        filter: none !important;
        transform: none !important;
    }

    /* The Why Namibia section is much taller than the generic off-screen
       section estimate. A realistic intrinsic height prevents scrollbar/layout
       corrections when content-visibility wakes the section on mobile. */
    @supports (content-visibility: auto) {
        #zumi-native-homepage .zumi-home-stack__why {
            contain-intrinsic-size: auto 3000px !important;
        }
    }
}

/* =========================================================
   ZUMI HOME 1.9.1.11 — SMALLER BOOKING HEADLINE ON MOBILE
   Keep the 2026 statement prominent without overwhelming the
   narrow viewport or forcing oversized two-line blocks.
   ========================================================= */
@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era__title {
        font-size: clamp(28px, 7.8vw, 39px) !important;
        line-height: .92 !important;
        letter-spacing: -.052em !important;
    }
}

@media (max-width: 390px) {
    #zumi-native-homepage .zumi-booking-era__title {
        font-size: clamp(27px, 7.7vw, 31px) !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9.1.13 — BOOKING PANEL EDGE + WEIGHT CLEANUP
   Keep the existing responsive sizes, make the 2026 statement
   heavier, and simplify the booking surface so rounded edges
   render cleanly without expensive live graphical effects.
   ========================================================= */
#zumi-native-homepage .zumi-booking-era__title {
    font-weight: 900 !important;
}

#zumi-native-homepage .zumi-booking-era__title span,
#zumi-native-homepage .zumi-booking-era__title em {
    font-weight: inherit !important;
}

/* A single clean edge avoids the dark/jagged halo created when several
   atmospheric layers meet the rounded clipping boundary. */
#zumi-native-homepage .zumi-booking-era {
    background-clip: padding-box !important;
    border: 1px solid rgba(116, 77, 59, .24) !important;
    box-shadow: 0 14px 34px rgba(55, 34, 24, .10) !important;
}

/* This historical blend layer adds little visually but can darken the
   rounded top edge and forces extra compositing. */
#zumi-native-homepage .zumi-booking-era::after {
    display: none !important;
    content: none !important;
    mix-blend-mode: normal !important;
}

@media (max-width: 760px) {
    /* Use one inexpensive sandstone gradient on phones.  This keeps the
       visual character while removing the stacked radial layers that can
       produce rough edge aliasing during scroll. */
    #zumi-native-homepage .zumi-booking-era {
        background: linear-gradient(
            155deg,
            #DDCABE 0%,
            #C9AA99 54%,
            #AD7C6F 100%
        ) !important;
        border-color: rgba(116, 77, 59, .22) !important;
        border-radius: 4px !important;
        box-shadow: none !important;
    }

    #zumi-native-homepage .zumi-booking-era::before {
        display: none !important;
        content: none !important;
    }

    /* Static translucent fills look the same during normal use but avoid
       backdrop sampling / blur work while the page is being scrolled. */
    #zumi-native-homepage .zumi-booking-era__years,
    #zumi-native-homepage .zumi-booking-era__choices span,
    #zumi-native-homepage .zumi-booking-era__visual-copy {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    #zumi-native-homepage .zumi-booking-era__visual-glow {
        display: none !important;
        filter: none !important;
    }
}


/* ============================================================
   1.9.43 — Homepage payment-logo breathing room
   Keep the existing logo-card dimensions unchanged. Only the images
   inside the cards are reduced so the marks have more white space.
============================================================ */
.zumi-home-stack .zumi-trust-panel__logos .zumi-trust-panel__logo img {
    width: 110px !important;
    max-width: 100% !important;
    height: 55px !important;
    max-height: 55px !important;
    object-fit: contain !important;
}

@media (max-width: 900px) {
    .zumi-home-stack .zumi-trust-panel__logos .zumi-trust-panel__logo img {
        width: 94px !important;
        height: 47px !important;
        max-height: 47px !important;
    }
}

@media (max-width: 600px) {
    .zumi-home-stack .zumi-trust-panel__logos .zumi-trust-panel__logo img {
        width: 82px !important;
        height: 41px !important;
        max-height: 41px !important;
    }
}


/* v1.9.1.18 — Hilux instant booking + split payment */
.zumi-static-fleet__instant{display:flex;align-items:center;gap:8px;max-width:610px;margin:11px 0 8px;padding:7px 10px;border:1px solid #E85E2A;border-radius:4px;background:linear-gradient(135deg,rgba(205,171,132,.16),rgba(128,91,62,.10));-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff}
.zumi-static-fleet__instant-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 21px;width:21px;height:21px;border-radius:50%;background:#E85E2A;color:#fff;font-weight:900;font-size:13px;line-height:1}
.zumi-static-fleet__instant strong{display:block;font-size:13px;line-height:1.15;color:#fff;font-weight:800}.zumi-static-fleet__instant small{display:block;margin-top:2px;font-size:11.5px;line-height:1.3;color:#bdb7b2}


/* ===== Temporarily disabled homepage Tours CTA (1.9.1.21) ===== */
.zumi-video-hero__button--temporarily-disabled {
    pointer-events: none;
    cursor: default;
    opacity: 0.52;
    filter: saturate(0.7);
    user-select: none;
}

/* v1.9.3 — lowest-rate qualifier */
.zumi-static-fleet__season-note{display:block;flex-basis:100%;margin-top:4px;font-size:10px;line-height:1.35;letter-spacing:.02em;color:inherit;opacity:.68;font-weight:500}

/* Driver-guide clarification and lowest-rate context */
.zumi-booking-era__guide-note {
    margin:10px 0 0;
    color:rgba(255,255,255,.72);
    font-size:12px;
    line-height:1.45;
}
.zumi-static-fleet__season-note {
    display:block;
    margin-top:4px;
    max-width:340px;
    font-size:10.5px;
    line-height:1.35;
    opacity:.72;
}


/* v1.9.4 — keep lowest-price qualifier clearly below the headline price */
.zumi-static-fleet__price{
    display:grid!important;
    grid-template-columns:auto auto auto!important;
    align-items:baseline!important;
    justify-content:start!important;
    column-gap:clamp(8px,.55vw,12px)!important;
    row-gap:0!important;
    white-space:normal!important;
}
.zumi-static-fleet__season-note{
    grid-column:1 / -1!important;
    display:block!important;
    margin-top:12px!important;
    font-size:10px!important;
    line-height:1.4!important;
    white-space:normal!important;
}
.zumi-static-fleet__price + .zumi-static-fleet__instant{
    margin-top:18px!important;
}


/* v1.9.5 — compact headline price + single-line qualifier */
.zumi-static-fleet__price{
    display:block!important;
    white-space:normal!important;
}
.zumi-static-fleet__price-line{
    display:inline-flex!important;
    align-items:baseline!important;
    gap:0!important;
    white-space:nowrap!important;
}
.zumi-static-fleet__price-from,
.zumi-static-fleet__price-per{
    margin:0!important;
    padding:0!important;
}
.zumi-static-fleet__price-value{
    min-width:0!important;
    margin:0!important;
    padding:0!important;
}
.zumi-static-fleet__season-note{
    display:block!important;
    width:max-content!important;
    max-width:none!important;
    margin-top:14px!important;
    white-space:nowrap!important;
    font-size:clamp(8.5px,.72vw,10px)!important;
    line-height:1.25!important;
}
.zumi-static-fleet__price + .zumi-static-fleet__instant{
    margin-top:20px!important;
}


/* ============================================================
   1.9.6 — MOBILE JOURNAL HEADING + BLOG BUTTON ICON
   Keep the journal title on one line on phones and place the
   View all posts control directly beneath the title.
   ============================================================ */
#zumi-native-homepage .zumi-home-journal__all-icon {
    display:block;
    width:18px;
    height:18px;
    flex:0 0 18px;
    object-fit:contain;
    filter:brightness(0) saturate(100%);
}

@media (max-width:700px) {
    #zumi-native-homepage .zumi-home-journal__header {
        display:grid;
        grid-template-columns:minmax(0,1fr);
        align-items:start;
        gap:0;
    }

    #zumi-native-homepage .zumi-home-journal__heading-copy {
        display:contents;
    }

    #zumi-native-homepage .zumi-home-journal__eyebrow {
        grid-row:1;
    }

    #zumi-native-homepage .zumi-home-journal__title {
        grid-row:2;
        white-space:nowrap;
        font-size:clamp(23px, 6.9vw, 31px);
        line-height:1;
        letter-spacing:-.04em;
    }

    #zumi-native-homepage .zumi-home-journal__all {
        grid-row:3;
        justify-self:start;
        margin-top:11px;
    }

    #zumi-native-homepage .zumi-home-journal__intro {
        grid-row:4;
        margin-top:12px;
    }
}

@media (max-width:360px) {
    #zumi-native-homepage .zumi-home-journal__title {
        font-size:22px;
    }
}


/* =========================================================
   ZUMI HOME 1.9.7 — opt-in performance diagnostics UI
   Zero normal-page cost: the panel only exists when JS sees
   ?zumi_perf_debug=1 in the URL.
   ========================================================= */
.zumi-perf-debug {
    position: fixed;
    left: 8px;
    bottom: 8px;
    z-index: 2147483646;
    width: min(360px, calc(100vw - 16px));
    max-height: min(62vh, 520px);
    overflow: auto;
    padding: 0;
    border: 1px solid rgba(255,255,255,.18);
    border-radius: 5px;
    background: #111;
    color: #fff;
    box-shadow: 0 8px 28px rgba(0,0,0,.38);
    font: 11px/1.35 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
    contain: layout paint;
}
.zumi-perf-debug * { box-sizing: border-box; }
.zumi-perf-debug__head {
    position: sticky;
    top: 0;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 8px 9px;
    background: #E85E2A;
    color: #fff;
}
.zumi-perf-debug__head strong { font-size: 11px; letter-spacing: .08em; }
.zumi-perf-debug button {
    appearance: none;
    min-height: 28px;
    padding: 5px 8px;
    border: 1px solid rgba(255,255,255,.24);
    border-radius: 5px;
    background: #252525;
    color: #fff;
    font: 700 10px/1 ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}
.zumi-perf-debug__head button {
    width: 28px;
    min-width: 28px;
    padding: 0;
    background: rgba(0,0,0,.22);
}
.zumi-perf-debug__body { padding: 9px; }
.zumi-perf-debug__grid {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 4px 10px;
}
.zumi-perf-debug__grid span { color: #bdbdbd; }
.zumi-perf-debug__grid b { color: #fff; text-align: right; }
.zumi-perf-debug__image,
.zumi-perf-debug__last {
    margin-top: 8px;
    padding: 7px;
    border: 1px solid #333;
    border-radius: 5px;
    background: #181818;
    overflow-wrap: anywhere;
}
.zumi-perf-debug__last { color: #ffd3c1; }
.zumi-perf-debug__actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 6px;
    margin-top: 8px;
}
.zumi-perf-debug small {
    display: block;
    margin-top: 8px;
    color: #999;
}
.zumi-perf-debug code { color: #ffd0bc; }
.zumi-perf-debug.is-minimized { width: 128px; max-height: 44px; overflow: hidden; }
.zumi-perf-debug.is-minimized .zumi-perf-debug__body { display: none; }

/* Diagnostic A/B switches. These only activate after the tester taps a
   debug-panel button; they never affect ordinary visitors. */
#zumi-native-homepage.zumi-perf-fx-off .zumi-static-fleet *,
#zumi-native-homepage.zumi-perf-fx-off .zumi-static-fleet *::before,
#zumi-native-homepage.zumi-perf-fx-off .zumi-static-fleet *::after {
    animation: none !important;
    transition: none !important;
    filter: none !important;
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
    box-shadow: none !important;
}
#zumi-native-homepage.zumi-perf-image-off .zumi-static-fleet__hero-image,
#zumi-native-homepage.zumi-perf-image-off .zumi-static-fleet__hero-backdrop {
    visibility: hidden !important;
}

/* =========================================================
   ZUMI HOME 1.9.8 — mobile fleet scroll performance
   - The hidden desktop backdrop is no longer instantiated by JS on compact
     layouts.
   - Remove costly live backdrop filters from the mobile fleet card while
     preserving the same dark translucent visual treatment.
   - Paint containment limits repaints to the vehicle hero during scrolling.
   ========================================================= */
@media (max-width: 900px) {
    #zumi-native-homepage .zumi-static-fleet__hero {
        contain: paint;
    }

    #zumi-native-homepage .zumi-static-fleet__instant {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: linear-gradient(135deg, rgba(86,54,40,.76), rgba(39,31,28,.82)) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__button--secondary {
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
        background: rgba(24,24,24,.78) !important;
    }
}


/* =========================================================
   ZUMI HOME 1.9.9 — mobile scroll smoothing + lite video
   Keep YouTube out of the DOM until the visitor presses play, reserve the
   exact 16:9 footprint, remove the remaining live mobile image filter, and
   prevent content-visibility wake-up corrections in the two sections that
   showed scroll hitches in the Android performance trace.
   ========================================================= */
#zumi-native-homepage .zumi-static-fleet__video-facade {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    overflow: hidden;
    border: 0;
    border-radius: inherit;
    background: #0b0b0b;
    color: #fff;
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    touch-action: manipulation;
    -webkit-tap-highlight-color: transparent;
}

#zumi-native-homepage .zumi-static-fleet__video-poster {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border: 0;
    transform: none;
}

#zumi-native-homepage .zumi-static-fleet__video-facade-shade {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.28));
    pointer-events: none;
}

#zumi-native-homepage .zumi-static-fleet__video-play {
    position: absolute;
    left: 50%;
    top: 50%;
    display: grid;
    place-items: center;
    width: clamp(48px, 5vw, 68px);
    height: clamp(48px, 5vw, 68px);
    border-radius: 5px;
    background: #E85E2A;
    color: #fff;
    box-shadow: 0 7px 20px rgba(0,0,0,.24);
    transform: translate(-50%, -50%);
    pointer-events: none;
}

#zumi-native-homepage .zumi-static-fleet__video-play .zumi-site-icon {
    font-size: clamp(18px, 1.5vw, 24px);
    line-height: 1;
}

#zumi-native-homepage .zumi-static-fleet__video-play-label {
    position: absolute;
    left: 50%;
    top: calc(50% + 44px);
    transform: translateX(-50%);
    padding: 5px 9px;
    border-radius: 5px;
    background: rgba(0,0,0,.72);
    color: #fff;
    font-size: 11px;
    font-weight: 800;
    line-height: 1;
    white-space: nowrap;
    pointer-events: none;
}

#zumi-native-homepage .zumi-static-fleet__video-facade:focus-visible {
    outline: 3px solid #E85E2A;
    outline-offset: -3px;
}

@media (max-width: 700px) {
    #zumi-native-homepage .zumi-static-fleet__video-frame-wrap {
        aspect-ratio: 16 / 9 !important;
        min-height: 0 !important;
        contain: layout paint;
    }

    #zumi-native-homepage .zumi-static-fleet__video-play {
        width: 52px;
        height: 52px;
    }

    #zumi-native-homepage .zumi-static-fleet__video-play-label {
        top: calc(50% + 39px);
        font-size: 10px;
    }

    /* Android trace showed this filter active during a 133 ms scroll hitch. */
    #zumi-native-homepage .zumi-why__intro-bg {
        filter: none !important;
    }

    /* Avoid large layout corrections when these sections wake up. The page
       is already loaded by the time the visitor reaches them; keeping their
       layout live trades a little initial work for much smoother scrolling. */
    #zumi-native-homepage .zumi-home-stack__journal,
    #zumi-native-homepage .zumi-home-stack__why {
        content-visibility: visible !important;
        contain-intrinsic-size: none !important;
    }

    #zumi-native-homepage .zumi-home-journal,
    #zumi-native-homepage .zumi-why {
        contain: paint;
    }
}


/* =========================================================
   ZUMI HOME 1.9.10 — AGGRESSIVE MOBILE SCROLL STABILITY
   The hero autoplay video is paused by JS as soon as the user scrolls away
   from the top. Keep the fleet itself in simple static paint layers and remove
   nonessential transition/shadow work while a phone is scrolling through it.
   ========================================================= */
@media (max-width: 700px) {
    #zumi-native-homepage .zumi-static-fleet,
    #zumi-native-homepage .zumi-static-fleet * {
        animation: none !important;
        transition: none !important;
    }

    #zumi-native-homepage .zumi-static-fleet__selector {
        scroll-snap-type: x mandatory !important;
        overscroll-behavior-inline: contain;
    }

    #zumi-native-homepage .zumi-static-fleet__choice,
    #zumi-native-homepage .zumi-static-fleet__currency-bar,
    #zumi-native-homepage .zumi-static-fleet__hero,
    #zumi-native-homepage .zumi-static-fleet__intro,
    #zumi-native-homepage .zumi-static-fleet__benefits,
    #zumi-native-homepage .zumi-static-fleet__features,
    #zumi-native-homepage .zumi-static-fleet__video-section {
        box-shadow: none !important;
    }

    #zumi-native-homepage .zumi-static-fleet__panel.is-active {
        transform: none !important;
        opacity: 1 !important;
    }

    #zumi-native-homepage .zumi-static-fleet__hero,
    #zumi-native-homepage .zumi-static-fleet__video-frame-wrap {
        contain: layout paint style;
    }
}

/* =========================================================
   ZUMI HOME 1.9.12 — diagnostic isolation switches
   These selectors only affect elements after the opt-in debug panel marks
   them, or when a debug-only class is applied to the homepage root.
   ========================================================= */
.zumi-perf-debug-hidden {
    visibility: hidden !important;
    pointer-events: none !important;
}

#zumi-native-homepage.zumi-perf-hero-video-off #zumiMainHeroVideo {
    visibility: hidden !important;
    opacity: 0 !important;
}

#zumi-native-homepage.zumi-perf-image-off .zumi-static-fleet img,
#zumi-native-homepage.zumi-perf-image-off .zumi-static-fleet__video-poster {
    visibility: hidden !important;
}

@media (max-width: 700px) {
    /* 1.9.14: keep one stable mobile video layer. JS now pauses only after
       most of the hero has left the viewport, and the paused video keeps its
       current frame painted. This avoids the obvious poster swap/freeze at the
       beginning of a swipe while still freeing the decoder before the fleet. */
    #zumi-native-homepage .zumi-video-hero__poster {
        display: none !important;
        opacity: 0 !important;
        transition: none !important;
        will-change: auto !important;
    }

    #zumi-native-homepage .zumi-video-hero__video {
        opacity: 1 !important;
        visibility: visible !important;
        transition: none !important;
        transform: none !important;
        filter: none !important;
        will-change: auto !important;
        contain: paint;
    }
}

/* Known WordPress/theme back-to-top controls. The html class is applied only
   after the tester presses TOP ARROW OFF in the opt-in diagnostics panel. */
html.zumi-perf-top-arrow-off #ast-scroll-top,
html.zumi-perf-top-arrow-off .ast-scroll-to-top-right,
html.zumi-perf-top-arrow-off .ast-scroll-to-top-left,
html.zumi-perf-top-arrow-off .scroll-to-top,
html.zumi-perf-top-arrow-off #scroll-to-top,
html.zumi-perf-top-arrow-off .scroll-top,
html.zumi-perf-top-arrow-off #scroll-top,
html.zumi-perf-top-arrow-off .scroll-up,
html.zumi-perf-top-arrow-off #scroll-up,
html.zumi-perf-top-arrow-off .back-to-top,
html.zumi-perf-top-arrow-off #back-to-top,
html.zumi-perf-top-arrow-off .backtotop,
html.zumi-perf-top-arrow-off #backtotop,
html.zumi-perf-top-arrow-off .to-top,
html.zumi-perf-top-arrow-off #to-top,
html.zumi-perf-top-arrow-off .totop,
html.zumi-perf-top-arrow-off #totop,
html.zumi-perf-top-arrow-off .scrolltop,
html.zumi-perf-top-arrow-off #scrolltop {
    display: none !important;
}


/* =========================================================
   ZUMI HOME 1.9.16 — RESPONSIVE MOBILE BACKGROUND VIDEO
   Rebuild the homepage hero using the standard low-overhead pattern:
   one native muted autoplay <video> in an absolute media layer, with the
   browser-managed poster. No JavaScript pause/resume lifecycle, no poster
   <img>, no opacity crossfade, no transforms, no will-change promotion, and
   no scroll-driven video state changes.
   ========================================================= */
#zumi-native-homepage .zumi-video-hero {
    position: relative !important;
    overflow: hidden !important;
    isolation: isolate !important;
    contain: none !important;
    transform: none !important;
    backface-visibility: visible !important;
    background: #111 !important;
}

#zumi-native-homepage .zumi-video-hero__media {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    pointer-events: none !important;
    contain: none !important;
    transform: none !important;
    will-change: auto !important;
    background-image: url("https://zumirentals.com/wp-content/uploads/2026/09/camping_hilux_rental.webp") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#zumi-native-homepage .zumi-video-hero__video {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-width: 100% !important;
    min-height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    opacity: 1 !important;
    visibility: visible !important;
    filter: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
    will-change: auto !important;
    contain: none !important;
    backface-visibility: visible !important;
    pointer-events: none !important;
}

/* The old separate poster element is no longer rendered. Keep this rule so a
   stale cached template cannot create a second composited layer. */
#zumi-native-homepage .zumi-video-hero__poster {
    display: none !important;
}

/* Let the browser own poster -> first-frame replacement internally. */
#zumi-native-homepage .zumi-video-hero--video-ready .zumi-video-hero__video,
#zumi-native-homepage .zumi-video-hero--scroll-static .zumi-video-hero__video {
    opacity: 1 !important;
    visibility: visible !important;
}

#zumi-native-homepage .zumi-video-hero::after {
    z-index: 1 !important;
}

#zumi-native-homepage .zumi-video-hero__content {
    position: relative !important;
    z-index: 2 !important;
}

@media (max-width: 700px) {
    #zumi-native-homepage .zumi-video-hero,
    #zumi-native-homepage .zumi-video-hero__media,
    #zumi-native-homepage .zumi-video-hero__video {
        contain: none !important;
        transform: none !important;
        will-change: auto !important;
        filter: none !important;
        backface-visibility: visible !important;
    }

    #zumi-native-homepage .zumi-video-hero__media {
        background-image: url("https://zumirentals.com/wp-content/uploads/2026/10/home-banner-video-mobile-poster.webp") !important;
        background-position: center center !important;
    }

    #zumi-native-homepage .zumi-video-hero__video {
        object-position: center center !important;
    }
}

/* =========================================================
   ZUMI HOME 1.9.21 — MOBILE FLEET TYPOGRAPHY + CONTINUOUS HERO VIDEO
   No off-screen suspended state: the video stays attached and playing.
   The performance-debug HERO VIDEO OFF toggle can still hide it explicitly.
   ========================================================= */
@media (max-width: 900px) {
    /* Keep the previous low-cost button treatment over the moving video. */
    #zumi-native-homepage .zumi-video-hero__button--secondary,
    #zumi-native-homepage .zumi-video-hero__button--secondary:hover {
        backdrop-filter: none !important;
        -webkit-backdrop-filter: none !important;
    }

    #zumi-native-homepage .zumi-video-hero__button--secondary {
        background: rgba(20, 20, 20, .68) !important;
    }

    #zumi-native-homepage .zumi-video-hero__button--secondary:hover {
        background: rgba(34, 34, 34, .82) !important;
    }

    #zumi-native-homepage.zumi-perf-hero-video-off .zumi-video-hero__video {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
    }
}



/* ============================================================
   1.9.21 — MOBILE FLEET TITLE + PRICE LEGIBILITY
   Shared selectors intentionally apply to EN / DE / RU.
   Vehicle names may wrap; they must never be clipped/truncated.
   ============================================================ */
@media (max-width: 700px) {
    #zumi-native-homepage .zumi-static-fleet__hero-content {
        align-items: stretch !important;
        overflow: visible !important;
    }

    #zumi-native-homepage .zumi-static-fleet__title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 2px 0 0 !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
        hyphens: none !important;
        font-size: clamp(27px, 7.8vw, 32px) !important;
        line-height: 1.07 !important;
        letter-spacing: -0.038em !important;
    }

    #zumi-native-homepage .zumi-static-fleet__price {
        width: 100% !important;
        max-width: 100% !important;
        margin-top: 8px !important;
        font-size: clamp(22px, 6.25vw, 26px) !important;
        line-height: 1.08 !important;
        overflow: visible !important;
    }

    #zumi-native-homepage .zumi-static-fleet__price-line {
        max-width: 100% !important;
        white-space: nowrap !important;
    }

    #zumi-native-homepage .zumi-static-fleet__price-from,
    #zumi-native-homepage .zumi-static-fleet__price-value,
    #zumi-native-homepage .zumi-static-fleet__price-per {
        font-size: inherit !important;
        line-height: inherit !important;
    }
}

@media (max-width: 360px) {
    #zumi-native-homepage .zumi-static-fleet__title {
        font-size: clamp(24px, 7.5vw, 27px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__price {
        font-size: clamp(20px, 6.1vw, 22px) !important;
    }
}


/* =========================================================
   ZUMI HOME 1.9.25 — selector vehicle-type subline
   Adds a smaller Standard/Camping line with orange icon beneath
   the vehicle title in each selector card.
   ========================================================= */
.zumi-static-fleet__choice-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 5px;
    min-width: 0;
}

.zumi-static-fleet__choice-type {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-width: 0;
    color: var(--orange);
    font-size: clamp(11px, .72vw, 13px);
    font-weight: 700;
    line-height: 1.1;
    letter-spacing: .01em;
    white-space: nowrap;
}

.zumi-static-fleet__choice-type-label {
    display: inline-block;
}

.zumi-home-stack .zumi-static-fleet__choice-type-icon {
    width: 1.3em;
    height: 1.3em;
    color: var(--orange);
    flex: 0 0 auto;
}

.zumi-static-fleet__choice.is-new .zumi-static-fleet__choice-copy {
    padding-right: 45px;
}

.zumi-static-fleet__choice.is-new .zumi-static-fleet__choice-name {
    padding-right: 0;
}

@media (min-width: 701px) and (max-width: 1050px) {
    .zumi-static-fleet__choice-type {
        font-size: clamp(11.5px, 1.2vw, 13px);
    }
}

@media (max-width: 700px) {
    .zumi-static-fleet__choice-copy {
        gap: 4px;
    }

    .zumi-static-fleet__choice-type {
        font-size: 11.5px;
    }
}


/* --------------------------------------------------------------------------
   v1.9.32 — darker sandy-orange video panel + responsive type/icon scaling
   -------------------------------------------------------------------------- */
#zumi-native-homepage .zumi-static-fleet__video-section {
    background:
        linear-gradient(
            135deg,
            #E0AA72 0%,
            #CC8954 52%,
            #B96E43 100%
        ) !important;
}

@media (min-width: 701px) and (max-width: 1250px) {
    #zumi-native-homepage .zumi-static-fleet__video-icon {
        width: clamp(44px, 4vw, 52px) !important;
        height: clamp(44px, 4vw, 52px) !important;
        flex-basis: clamp(44px, 4vw, 52px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-icon i {
        font-size: clamp(19px, 1.7vw, 23px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-kicker {
        font-size: clamp(9px, .82vw, 10.5px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-title {
        font-size: clamp(18px, 2vw, 24px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-copy {
        font-size: clamp(12.5px, 1.15vw, 15px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-points span {
        font-size: clamp(10.8px, .95vw, 12.5px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-points i {
        font-size: 1em !important;
    }
}

@media (min-width: 1251px) {
    #zumi-native-homepage .zumi-static-fleet__video-icon {
        width: clamp(48px, 2.8vw, 60px) !important;
        height: clamp(48px, 2.8vw, 60px) !important;
        flex-basis: clamp(48px, 2.8vw, 60px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-icon i {
        font-size: clamp(20px, 1.25vw, 27px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-kicker {
        font-size: clamp(9.5px, .62vw, 12px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-title {
        font-size: clamp(21px, 1.42vw, 29px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-copy {
        font-size: clamp(13px, .8vw, 16px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-points span {
        font-size: clamp(11.5px, .7vw, 14px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-points i {
        font-size: 1em !important;
    }
}

@media (min-width: 1600px) {
    #zumi-native-homepage .zumi-static-fleet__video-icon {
        width: clamp(58px, 3vw, 68px) !important;
        height: clamp(58px, 3vw, 68px) !important;
        flex-basis: clamp(58px, 3vw, 68px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-icon i {
        font-size: clamp(25px, 1.35vw, 31px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-kicker {
        font-size: clamp(11px, .68vw, 13.5px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-title {
        font-size: clamp(25px, 1.55vw, 32px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-copy {
        font-size: clamp(14.5px, .82vw, 17px) !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-points span {
        font-size: clamp(12.5px, .74vw, 15px) !important;
    }
}


/* ========================================================================== 
   v1.9.33 — APPROVED NAMIB DESERT COLOUR SYSTEM
   Colour-only refinement. No layout, sizing, type scale or interaction changes.
   ========================================================================== */

/* Warm the fleet canvas and its shared neutrals. */
#zumi-native-homepage .zumi-static-fleet {
    --text: #181512 !important;
    --muted: #62564E !important;
    --soft: #F2E8DC !important;
    --line: rgba(91,63,45,.14) !important;
    background: #FBF8F3 !important;
    color: #181512 !important;
}

/* Vehicle benefit strip: warm ivory instead of cool white/grey. */
#zumi-native-homepage .zumi-static-fleet__benefits {
    background: #FBF8F3 !important;
    border-color: rgba(91,63,45,.14) !important;
    box-shadow: 0 2px 10px rgba(55,34,22,.035) !important;
}

#zumi-native-homepage .zumi-static-fleet__benefit {
    border-color: rgba(91,63,45,.14) !important;
}

#zumi-native-homepage .zumi-static-fleet__benefit-title {
    color: #181512 !important;
}

#zumi-native-homepage .zumi-static-fleet__benefit-text {
    color: #62564E !important;
}

#zumi-native-homepage .zumi-static-fleet__benefit-icon {
    background: rgba(232,94,42,.085) !important;
    border-color: rgba(232,94,42,.18) !important;
    color: #E85E2A !important;
}

/* Camping Car Features: limestone bridge between the light cards and clay panel. */
#zumi-native-homepage .zumi-static-fleet__features {
    background: #F2E8DC !important;
    border-color: rgba(91,63,45,.16) !important;
    box-shadow: 0 2px 10px rgba(55,34,22,.035) !important;
}

#zumi-native-homepage .zumi-static-fleet__features-summary:hover {
    background: #EDDFD0 !important;
}

#zumi-native-homepage .zumi-static-fleet__features-title {
    color: #181512 !important;
}

#zumi-native-homepage .zumi-static-fleet__features-count {
    color: #62564E !important;
}

#zumi-native-homepage .zumi-static-fleet__features-arrow {
    background: #FBF8F3 !important;
    border-color: rgba(91,63,45,.18) !important;
}

#zumi-native-homepage .zumi-static-fleet__features-arrow::before,
#zumi-native-homepage .zumi-static-fleet__features-arrow::after {
    background: #533426 !important;
}

/* Vehicle walkthrough: sunlit sand flowing into deeper Namib clay. */
#zumi-native-homepage .zumi-static-fleet__video-section {
    background:
        radial-gradient(circle at 12% 14%, rgba(246,240,231,.22) 0%, rgba(246,240,231,0) 31%),
        radial-gradient(circle at 93% 20%, rgba(83,52,38,.14) 0%, rgba(83,52,38,0) 38%),
        linear-gradient(120deg, #DCAE78 0%, #E85E2A 46%, #E85E2A 70%, #E85E2A 100%) !important;
    border-color: rgba(96,58,38,.22) !important;
    box-shadow: 0 10px 28px rgba(55,34,22,.10) !important;
}

#zumi-native-homepage .zumi-static-fleet__video-section::before {
    background: #E85E2A !important;
}

#zumi-native-homepage .zumi-static-fleet__video-icon {
    background: rgba(246,240,231,.18) !important;
    border-color: rgba(83,52,38,.13) !important;
    color: #E85E2A !important;
}

#zumi-native-homepage .zumi-static-fleet__video-kicker {
    color: #E85E2A !important;
}

#zumi-native-homepage .zumi-static-fleet__video-title {
    color: #211712 !important;
}

#zumi-native-homepage .zumi-static-fleet__video-copy {
    color: #5C4032 !important;
}

#zumi-native-homepage .zumi-static-fleet__video-points
> .zumi-static-fleet__video-point {
    color: #4F372C !important;
    border-right-color: rgba(83,52,38,.24) !important;
}

#zumi-native-homepage .zumi-static-fleet__video-points
.zumi-static-fleet__video-point-icon,
#zumi-native-homepage .zumi-static-fleet__video-points .zumi-site-icon {
    color: #E85E2A !important;
}

#zumi-native-homepage .zumi-static-fleet__video-frame-wrap {
    border-color: rgba(255,239,222,.58) !important;
    box-shadow: 0 12px 28px rgba(55,34,22,.16) !important;
}

/* Booking/planning panel: soft sand at copy side, muted clay near imagery. */
#zumi-native-homepage .zumi-booking-era {
    --zbe-ink: #181512 !important;
    --zbe-muted: #62564E !important;
    color: #181512 !important;
    background:
        radial-gradient(ellipse at 93% 9%, rgba(143,81,53,.18) 0%, rgba(143,81,53,.06) 25%, rgba(143,81,53,0) 45%),
        radial-gradient(ellipse at 8% 104%, rgba(246,240,231,.38) 0%, rgba(246,240,231,.12) 27%, rgba(246,240,231,0) 48%),
        linear-gradient(105deg, #E9D9C8 0%, #DDC5B4 45%, #C89C84 72%, #B87561 100%) !important;
    border-color: rgba(96,58,38,.18) !important;
    box-shadow:
        0 18px 48px rgba(55,34,22,.11),
        inset 0 1px 0 rgba(255,255,255,.34) !important;
}

#zumi-native-homepage .zumi-booking-era::before {
    background: radial-gradient(circle at 50% 48%, rgba(185,108,67,.16) 0%, rgba(185,108,67,.05) 36%, rgba(185,108,67,0) 71%) !important;
    opacity: .72 !important;
}

#zumi-native-homepage .zumi-booking-era::after {
    background:
        radial-gradient(circle at 88% 29%, rgba(83,52,38,.09) 0%, rgba(83,52,38,0) 20%),
        radial-gradient(circle at 68% 79%, rgba(216,137,84,.12) 0%, rgba(216,137,84,0) 22%),
        radial-gradient(circle at 21% 77%, rgba(98,86,78,.045) 0%, rgba(98,86,78,0) 20%) !important;
    mix-blend-mode: multiply;
    opacity: .72 !important;
}

#zumi-native-homepage .zumi-booking-era__title,
#zumi-native-homepage .zumi-booking-era__title span {
    color: #171310 !important;
    text-shadow: none !important;
}

#zumi-native-homepage .zumi-booking-era__title em {
    color: #E85E2A !important;
    text-shadow: none !important;
}

#zumi-native-homepage .zumi-booking-era__lead {
    color: #211A16 !important;
}

#zumi-native-homepage .zumi-booking-era__copy {
    color: #62564E !important;
}

#zumi-native-homepage .zumi-booking-era__choices span {
    color: #2A201A !important;
    background: rgba(246,240,231,.88) !important;
    border-color: rgba(96,58,38,.15) !important;
    box-shadow:
        0 5px 14px rgba(55,34,22,.065),
        inset 0 1px 0 rgba(255,255,255,.50) !important;
}

#zumi-native-homepage .zumi-booking-era__choices span::before {
    background: #E85E2A !important;
    box-shadow: none !important;
}

/* Keep the existing Namibia photo and phone artwork, but make the surrounding
   tint warmer and more natural instead of slate/mauve. */
#zumi-native-homepage .zumi-booking-era__visual {
    background-image:
        linear-gradient(
            90deg,
            rgba(246,240,231,.10) 0%,
            rgba(231,211,188,.06) 42%,
            rgba(83,52,38,.10) 100%
        ),
        var(--zumi-lazy-background-image, none) !important;
    border-color: rgba(255,239,222,.62) !important;
    box-shadow:
        0 24px 58px rgba(55,34,22,.18),
        inset 0 1px 0 rgba(255,255,255,.14) !important;
}

#zumi-native-homepage .zumi-booking-era__visual::before {
    background:
        linear-gradient(
            90deg,
            rgba(246,240,231,.09) 0%,
            rgba(231,211,188,.05) 38%,
            rgba(52,37,31,.03) 67%,
            rgba(52,37,31,.12) 100%
        ),
        radial-gradient(ellipse at 63% 34%, rgba(10,7,6,0) 0%, rgba(10,7,6,.01) 33%, rgba(10,7,6,.05) 63%, rgba(10,7,6,.14) 100%),
        linear-gradient(0deg, rgba(9,6,5,.94) 0%, rgba(9,6,5,.60) 17%, rgba(9,6,5,.20) 34%, rgba(9,6,5,.035) 58%, rgba(9,6,5,0) 76%) !important;
}

#zumi-native-homepage .zumi-booking-era__visual-glow {
    background: radial-gradient(circle, rgba(216,137,84,.26) 0%, rgba(216,137,84,.07) 37%, rgba(216,137,84,0) 72%) !important;
}

@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era {
        background:
            radial-gradient(ellipse at 95% 8%, rgba(143,81,53,.14) 0%, rgba(143,81,53,.05) 23%, rgba(143,81,53,0) 43%),
            linear-gradient(155deg, #E7D5C4 0%, #D4B8A4 53%, #B87561 100%) !important;
    }
}


/* ==========================================================================
   v1.9.34 — bundled decorative background art matching the approved render
   Adds subtle desert artwork while preserving layout and component behavior.
   ========================================================================== */
#zumi-native-homepage .zumi-static-fleet__video-section {
    background-image:
        radial-gradient(circle at 12% 14%, rgba(246,240,231,.22) 0%, rgba(246,240,231,0) 31%),
        radial-gradient(circle at 93% 20%, rgba(83,52,38,.14) 0%, rgba(83,52,38,0) 38%),
        url('../img/zumi-video-panel-art.svg'),
        linear-gradient(120deg, #DCAE78 0%, #E85E2A 46%, #E85E2A 70%, #E85E2A 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-position: left top, right top, center bottom, center center !important;
    background-size: auto, auto, cover, cover !important;
}

#zumi-native-homepage .zumi-booking-era {
    background-image:
        radial-gradient(ellipse at 93% 9%, rgba(143,81,53,.18) 0%, rgba(143,81,53,.06) 25%, rgba(143,81,53,0) 45%),
        radial-gradient(ellipse at 8% 104%, rgba(246,240,231,.38) 0%, rgba(246,240,231,.12) 27%, rgba(246,240,231,0) 48%),
        url('../img/zumi-booking-panel-art.svg'),
        linear-gradient(105deg, #E9D9C8 0%, #DDC5B4 45%, #C89C84 72%, #B87561 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat, no-repeat !important;
    background-position: right top, left bottom, left bottom, center center !important;
    background-size: auto, auto, cover, cover !important;
}

@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era {
        background-image:
            radial-gradient(ellipse at 95% 8%, rgba(143,81,53,.14) 0%, rgba(143,81,53,.05) 23%, rgba(143,81,53,0) 43%),
            url('../img/zumi-booking-panel-art.svg'),
            linear-gradient(155deg, #E7D5C4 0%, #D4B8A4 53%, #B87561 100%) !important;
        background-repeat: no-repeat, no-repeat, no-repeat !important;
        background-position: right top, left bottom, center center !important;
        background-size: auto, cover, cover !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-section {
        background-position: left top, right top, 44% bottom, center center !important;
        background-size: auto, auto, cover, cover !important;
    }
}


/* v1.9.34 — remove the extra play label badge and keep only the play/logo affordance */
#zumi-native-homepage .zumi-static-fleet__video-play-label {
    display: none !important;
}


/* ==========================================================================
   v1.9.35 — photographic background scenes + clean thumbnail-only video facade
   ========================================================================== */
#zumi-native-homepage .zumi-static-fleet__video-section {
    background-image:
        linear-gradient(90deg, rgba(251,248,243,.56) 0%, rgba(251,248,243,.18) 34%, rgba(83,52,38,.06) 60%, rgba(83,52,38,.16) 100%),
        var(--zumi-responsive-zumi-video-panel-bg, url('../img/zumi-video-panel-bg.webp')),
        linear-gradient(120deg, #DCAE78 0%, #E85E2A 46%, #E85E2A 70%, #E85E2A 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center center, center center !important;
    background-size: cover, cover, cover !important;
}

#zumi-native-homepage .zumi-booking-era {
    background-image:
        linear-gradient(90deg, rgba(246,240,231,.76) 0%, rgba(246,240,231,.64) 30%, rgba(246,240,231,.22) 54%, rgba(232,94,42,.12) 100%),
        var(--zumi-responsive-zumi-booking-panel-bg, url('../img/zumi-booking-panel-bg.webp')),
        linear-gradient(105deg, #E9D9C8 0%, #DDC5B4 45%, #C89C84 72%, #B87561 100%) !important;
    background-repeat: no-repeat, no-repeat, no-repeat !important;
    background-position: center center, center center, center center !important;
    background-size: cover, cover, cover !important;
}

#zumi-native-homepage .zumi-static-fleet__video-facade-shade,
#zumi-native-homepage .zumi-static-fleet__video-play,
#zumi-native-homepage .zumi-static-fleet__video-play-label {
    display: none !important;
}

@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era {
        background-image:
            linear-gradient(180deg, rgba(246,240,231,.78) 0%, rgba(246,240,231,.48) 43%, rgba(232,94,42,.20) 100%),
            var(--zumi-responsive-zumi-booking-panel-bg, url('../img/zumi-booking-panel-bg.webp')),
            linear-gradient(155deg, #E7D5C4 0%, #D4B8A4 53%, #B87561 100%) !important;
        background-repeat: no-repeat, no-repeat, no-repeat !important;
        background-position: center center, center center, center center !important;
        background-size: cover, cover, cover !important;
    }

    #zumi-native-homepage .zumi-static-fleet__video-section {
        background-position: center center, 60% center, center center !important;
    }
}


/* ==========================================================================
   v1.9.37 — high-resolution YouTube poster + centered play control
   ========================================================================== */
#zumi-native-homepage .zumi-static-fleet__video-play {
    display: grid !important;
}

#zumi-native-homepage .zumi-static-fleet__video-play-label,
#zumi-native-homepage .zumi-static-fleet__video-facade-shade {
    display: none !important;
}


/* ==========================================================================\n   v1.9.38 — FULL-PAGE NAMIB COLOUR-FLOW SYSTEM\n   Colour / gradient / border / shadow / contrast only.\n   No layout, dimensions, typography, spacing, media, content or interaction changes.\n   ========================================================================== */

/* Outer canvas: warm desert ivory replaces stark white page gaps. */
#zumi-native-homepage,
#zumi-native-homepage .zumi-native-homepage__container,
#zumi-native-homepage .zumi-home-stack {
    background: #F6F0E7 !important;
}

/* --------------------------------------------------------------------------
   HERO — warm cinematic charcoal / burnt earth rather than neutral black.
   -------------------------------------------------------------------------- */
#zumi-native-homepage .zumi-video-hero {
    --orange: #E85E2A !important;
    --orange-hover: #E85E2A !important;
    background: #17120F !important;
}

#zumi-native-homepage .zumi-video-hero::after {
    background:
        linear-gradient(
            90deg,
            rgba(20,15,12,.90) 0%,
            rgba(24,17,13,.76) 27%,
            rgba(33,22,16,.50) 50%,
            rgba(42,28,19,.18) 72%,
            rgba(42,28,19,.07) 100%
        ),
        linear-gradient(
            0deg,
            rgba(22,15,11,.34) 0%,
            rgba(22,15,11,.05) 48%,
            rgba(22,15,11,.06) 100%
        ) !important;
}

#zumi-native-homepage .zumi-video-hero__content,
#zumi-native-homepage .zumi-video-hero__title {
    color: #FFF8EF !important;
}

#zumi-native-homepage .zumi-video-hero__subtitle {
    color: #F2C56F !important;
}

#zumi-native-homepage .zumi-video-hero__support {
    color: rgba(255,248,239,.82) !important;
}

#zumi-native-homepage .zumi-video-hero__button--secondary {
    background: rgba(52,37,31,.42) !important;
    border-color: rgba(255,239,222,.48) !important;
}

#zumi-native-homepage .zumi-video-hero__button--secondary:hover {
    background: rgba(83,52,38,.52) !important;
    border-color: rgba(255,239,222,.86) !important;
}

/* --------------------------------------------------------------------------
   FLEET / VEHICLE SELECTOR — warm ivory, sandstone borders, restrained orange.
   -------------------------------------------------------------------------- */
#zumi-native-homepage .zumi-static-fleet {
    --text: #181512 !important;
    --muted: #62564E !important;
    --soft: #F2E8DC !important;
    --line: rgba(91,63,45,.14) !important;
    color: #181512 !important;
}

#zumi-native-homepage .zumi-static-fleet__heading {
    color: #34251F !important;
}

#zumi-native-homepage .zumi-static-fleet__choice {
    background: #FBF8F3 !important;
    border-color: rgba(91,63,45,.13) !important;
    color: #181512 !important;
    box-shadow: 0 3px 12px rgba(55,34,22,.035) !important;
}

#zumi-native-homepage .zumi-static-fleet__choice:hover {
    background: #F9F1E8 !important;
    border-color: rgba(232,94,42,.42) !important;
    box-shadow: 0 6px 18px rgba(55,34,22,.055) !important;
}

#zumi-native-homepage .zumi-static-fleet__choice.is-active {
    background: #FFF3E9 !important;
    border-color: #E85E2A !important;
}

#zumi-native-homepage .zumi-static-fleet__choice-name {
    color: #181512 !important;
}

#zumi-native-homepage .zumi-static-fleet__choice-type,
#zumi-native-homepage .zumi-static-fleet__choice-type-label {
    color: #62564E !important;
}

#zumi-native-homepage .zumi-static-fleet__thumb {
    background: #EADCCB !important;
}

#zumi-native-homepage .zumi-static-fleet__intro {
    color: #181512 !important;
}

#zumi-native-homepage .zumi-static-fleet__description {
    color: #34251F !important;
}

#zumi-native-homepage .zumi-static-fleet__benefits {
    background: #FBF8F3 !important;
    border-color: rgba(91,63,45,.14) !important;
    box-shadow: 0 2px 10px rgba(55,34,22,.035) !important;
}

#zumi-native-homepage .zumi-static-fleet__benefit {
    border-color: rgba(91,63,45,.12) !important;
}

#zumi-native-homepage .zumi-static-fleet__benefit-title {
    color: #181512 !important;
}

#zumi-native-homepage .zumi-static-fleet__benefit-text {
    color: #62564E !important;
}

#zumi-native-homepage .zumi-static-fleet__benefit-icon {
    background: rgba(232,94,42,.08) !important;
    border-color: rgba(232,94,42,.16) !important;
    color: #E85E2A !important;
}

#zumi-native-homepage .zumi-static-fleet__features {
    background: #F2E8DC !important;
    border-color: rgba(91,63,45,.15) !important;
    box-shadow: 0 2px 10px rgba(55,34,22,.035) !important;
}

#zumi-native-homepage .zumi-static-fleet__features-summary:hover {
    background: #EDDFD0 !important;
}

#zumi-native-homepage .zumi-static-fleet__features-title {
    color: #181512 !important;
}

#zumi-native-homepage .zumi-static-fleet__features-count {
    color: #62564E !important;
}

#zumi-native-homepage .zumi-static-fleet__features-arrow {
    background: #FBF8F3 !important;
    border-color: rgba(91,63,45,.17) !important;
}

#zumi-native-homepage .zumi-static-fleet__features-arrow::before,
#zumi-native-homepage .zumi-static-fleet__features-arrow::after {
    background: #533426 !important;
}

/* Walkthrough keeps its photographic desert art, only colour grading is refined. */
#zumi-native-homepage .zumi-static-fleet__video-section {
    background-image:
        linear-gradient(90deg, rgba(251,248,243,.48) 0%, rgba(251,248,243,.20) 34%, rgba(216,137,84,.12) 58%, rgba(83,52,38,.18) 100%),
        var(--zumi-responsive-zumi-video-panel-bg, url('../img/zumi-video-panel-bg.webp')),
        linear-gradient(120deg, #DCAE78 0%, #E85E2A 46%, #E85E2A 70%, #E85E2A 100%) !important;
    border-color: rgba(96,58,38,.20) !important;
    box-shadow: 0 10px 28px rgba(55,34,22,.09) !important;
}

#zumi-native-homepage .zumi-static-fleet__video-title {
    color: #211712 !important;
}

#zumi-native-homepage .zumi-static-fleet__video-copy {
    color: #5C4032 !important;
}

#zumi-native-homepage .zumi-static-fleet__video-kicker,
#zumi-native-homepage .zumi-static-fleet__video-points .zumi-static-fleet__video-point-icon,
#zumi-native-homepage .zumi-static-fleet__video-points .zumi-site-icon {
    color: #E85E2A !important;
}

#zumi-native-homepage .zumi-static-fleet__video-points > .zumi-static-fleet__video-point {
    color: #4F372C !important;
    border-right-color: rgba(83,52,38,.24) !important;
}

#zumi-native-homepage .zumi-static-fleet__video-frame-wrap {
    border-color: rgba(255,239,222,.55) !important;
    box-shadow: 0 12px 28px rgba(55,34,22,.15) !important;
}

/* Booking/planning keeps its photographic panorama, but the surround stays pale sand. */
#zumi-native-homepage .zumi-booking-era {
    --zbe-ink: #181512 !important;
    --zbe-muted: #62564E !important;
    color: #181512 !important;
    background-image:
        linear-gradient(100deg, rgba(246,240,231,.80) 0%, rgba(231,211,188,.60) 40%, rgba(232,94,42,.20) 100%),
        var(--zumi-responsive-zumi-booking-panel-bg, url('../img/zumi-booking-panel-bg.webp')),
        linear-gradient(105deg, #E9D9C8 0%, #DDC5B4 45%, #C89C84 72%, #B87561 100%) !important;
    border-color: rgba(96,58,38,.17) !important;
    box-shadow: 0 18px 48px rgba(55,34,22,.10), inset 0 1px 0 rgba(255,255,255,.30) !important;
}

#zumi-native-homepage .zumi-booking-era__title,
#zumi-native-homepage .zumi-booking-era__title span {
    color: #171310 !important;
    text-shadow: none !important;
}

#zumi-native-homepage .zumi-booking-era__title em {
    color: #E85E2A !important;
    text-shadow: none !important;
}

#zumi-native-homepage .zumi-booking-era__lead {
    color: #211A16 !important;
}

#zumi-native-homepage .zumi-booking-era__copy {
    color: #62564E !important;
}

#zumi-native-homepage .zumi-booking-era__choices span {
    background: rgba(251,248,243,.90) !important;
    border-color: rgba(96,58,38,.14) !important;
    color: #2A201A !important;
    box-shadow: 0 5px 14px rgba(55,34,22,.055), inset 0 1px 0 rgba(255,255,255,.48) !important;
}

#zumi-native-homepage .zumi-booking-era__choices span::before {
    background: #E85E2A !important;
}

/* --------------------------------------------------------------------------
   WHY NAMIBIA — desert dusk into volcanic charcoal.
   -------------------------------------------------------------------------- */
#zumi-native-homepage .zumi-home-stack .zumi-why {
    --orange: #E85E2A !important;
    --orange-dark: #E85E2A !important;
    --black: #12100F !important;
    --charcoal: #201A17 !important;
    --white: #FFF8EF !important;
    --line: rgba(91,63,45,.14) !important;
    background: #F6F0E7 !important;
    color: #181512 !important;
}

#zumi-native-homepage .zumi-why__intro {
    background: linear-gradient(180deg, #34251F 0%, #201A17 45%, #151210 100%) !important;
    box-shadow: 0 10px 34px rgba(55,34,22,.10) !important;
}

#zumi-native-homepage .zumi-why__intro::after {
    background:
        linear-gradient(
            90deg,
            rgba(24,16,12,.94) 0%,
            rgba(31,20,15,.86) 28%,
            rgba(41,27,19,.66) 51%,
            rgba(52,34,23,.36) 72%,
            rgba(52,34,23,.21) 100%
        ),
        linear-gradient(
            0deg,
            rgba(18,13,10,.73) 0%,
            rgba(24,16,12,.24) 52%,
            rgba(24,16,12,.15) 100%
        ) !important;
}

#zumi-native-homepage .zumi-why__title,
#zumi-native-homepage .zumi-why__intro-copy strong,
#zumi-native-homepage .zumi-why__intro-copy .zumi-why__geo {
    color: #FFF8EF !important;
}

#zumi-native-homepage .zumi-why__intro-copy {
    color: rgba(255,248,239,.76) !important;
    background: linear-gradient(135deg, rgba(35,24,18,.62), rgba(35,24,18,.30)) !important;
    border-color: rgba(255,239,222,.11) !important;
    box-shadow: 0 15px 40px rgba(0,0,0,.14) !important;
}

#zumi-native-homepage .zumi-why__stats {
    background: linear-gradient(135deg, #1A1512 0%, #211915 58%, #2B1C15 100%) !important;
    border-color: rgba(255,240,225,.08) !important;
    box-shadow: 0 18px 40px rgba(55,34,22,.16) !important;
}

#zumi-native-homepage .zumi-why__stat {
    border-right-color: rgba(255,240,225,.10) !important;
}

#zumi-native-homepage .zumi-why__stat-value {
    color: #FFF8EF !important;
}

#zumi-native-homepage .zumi-why__stat-label {
    color: rgba(255,248,239,.68) !important;
}

#zumi-native-homepage .zumi-why__stat-note {
    color: rgba(255,248,239,.42) !important;
}

#zumi-native-homepage .zumi-why__card {
    background: #201A17 !important;
    box-shadow: 0 7px 26px rgba(55,34,22,.06) !important;
}

#zumi-native-homepage .zumi-why__card::after {
    background: linear-gradient(0deg, rgba(15,11,9,.90) 0%, rgba(15,11,9,.59) 35%, rgba(15,11,9,.19) 67%, rgba(15,11,9,.015) 100%) !important;
}

#zumi-native-homepage .zumi-why__card-title {
    color: #FFF8EF !important;
}

#zumi-native-homepage .zumi-why__card-copy {
    color: rgba(255,248,239,.72) !important;
}

#zumi-native-homepage .zumi-why__card-number {
    color: rgba(255,248,239,.82) !important;
}

/* --------------------------------------------------------------------------
   TRUST / PAYMENT — same dark-earth family, not neutral black.
   -------------------------------------------------------------------------- */
#zumi-native-homepage .zumi-trust-panel {
    --orange: #E85E2A !important;
    --orange-dark: #E85E2A !important;
    color: #FFF7EE !important;
}

#zumi-native-homepage .zumi-trust-panel__inner {
    background: linear-gradient(120deg, #221915 0%, #1D1714 48%, #15110F 100%) !important;
}

#zumi-native-homepage .zumi-trust-panel__title,
#zumi-native-homepage .zumi-trust-panel__copy strong,
#zumi-native-homepage .zumi-trust-panel__ntb-title {
    color: #FFF7EE !important;
}

#zumi-native-homepage .zumi-trust-panel__copy {
    color: rgba(255,247,238,.72) !important;
}

#zumi-native-homepage .zumi-trust-panel__ntb {
    background: rgba(255,255,255,.055) !important;
    border-color: rgba(255,239,222,.10) !important;
}

#zumi-native-homepage .zumi-trust-panel__ntb-copy {
    color: rgba(255,247,238,.62) !important;
}

#zumi-native-homepage .zumi-trust-panel__button--secondary {
    background: rgba(255,248,239,.055) !important;
    border-color: rgba(255,239,222,.25) !important;
}

#zumi-native-homepage .zumi-trust-panel__button--secondary:hover {
    background: rgba(255,248,239,.10) !important;
    border-color: rgba(255,239,222,.58) !important;
}

#zumi-native-homepage .zumi-trust-panel__payments {
    background: rgba(251,248,243,.97) !important;
    border-color: rgba(96,58,38,.12) !important;
    box-shadow: 0 20px 62px rgba(55,34,22,.22) !important;
}

#zumi-native-homepage .zumi-trust-panel__payments-title {
    color: #181512 !important;
}

#zumi-native-homepage .zumi-trust-panel__payments-copy {
    color: #62564E !important;
}

#zumi-native-homepage .zumi-trust-panel__logo {
    background: #FFFDF9 !important;
    border-color: rgba(91,63,45,.12) !important;
}

#zumi-native-homepage .zumi-trust-panel__logo small,
#zumi-native-homepage .zumi-trust-panel__payment-note {
    color: #74645A !important;
}

/* --------------------------------------------------------------------------
   THEME FOOTER — conservative front-page selectors; only colour is changed.
   -------------------------------------------------------------------------- */
body.home #colophon,
body.home .site-footer,
body.home footer.site-footer {
    background: #100E0D !important;
    color: #F6F0E7 !important;
    border-color: rgba(255,239,222,.08) !important;
}

body.home #colophon a,
body.home .site-footer a,
body.home footer.site-footer a {
    color: rgba(246,240,231,.72) !important;
}

body.home #colophon a:hover,
body.home .site-footer a:hover,
body.home footer.site-footer a:hover {
    color: #FFF8EF !important;
}

body.home #colophon p,
body.home #colophon li,
body.home #colophon small,
body.home .site-footer p,
body.home .site-footer li,
body.home .site-footer small,
body.home footer.site-footer p,
body.home footer.site-footer li,
body.home footer.site-footer small {
    color: rgba(246,240,231,.62) !important;
}

@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era {
        background-image:
            linear-gradient(180deg, rgba(246,240,231,.80) 0%, rgba(246,240,231,.50) 43%, rgba(232,94,42,.20) 100%),
            var(--zumi-responsive-zumi-booking-panel-bg, url('../img/zumi-booking-panel-bg.webp')),
            linear-gradient(155deg, #E7D5C4 0%, #D4B8A4 53%, #B87561 100%) !important;
    }
}


/* ==========================================================================
   v1.9.39 — let the page-level desert surface show behind Available Vehicles
   ========================================================================== */
#zumi-native-homepage .zumi-static-fleet {
    background: transparent !important;
}


/* ZUMI SOFT DESERT DESIGN SYSTEM — 2026-10-08
   Consistent 4px soft corners on sections, buttons, media, images and icon tiles.
   SVG artwork, image pixels, sizing, layout, and interactive behaviour unchanged.
   Doubled ID specificity intentionally supersedes previous square-corner rules.
*/
#zumi-native-homepage#zumi-native-homepage { --zumi-corner: 4px; }

/* Keep native radio circles identifiable as radio inputs. */
#zumi-native-homepage#zumi-native-homepage input[type="radio"] { border-radius: 50% !important; }
/* Preserve contrast: pale sand is used on photographic/dark hero kickers. */

/* The supplied YouTube vector replaces BOTH custom vehicle-video icons. */
.zumi-home-stack .zumi-site-icon--video-play {
  --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/10/youtube-play-button.svg") !important;
  background-color: #E85E2A !important;
}
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__video-play {
  display: grid !important;
  width: clamp(64px, 6vw, 78px) !important;
  height: clamp(46px, 4.5vw, 56px) !important;
  background: transparent !important;
  color: #E85E2A !important;
  box-shadow: none !important;
  border: 0 !important;
}
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__video-play .zumi-site-icon {
  width: 100% !important;
  height: 100% !important;
  background-color: #E85E2A !important;
  -webkit-mask-image: url("https://zumirentals.com/wp-content/uploads/2026/10/youtube-play-button.svg") !important;
  mask-image: url("https://zumirentals.com/wp-content/uploads/2026/10/youtube-play-button.svg") !important;
  -webkit-mask-size: contain !important;
  mask-size: contain !important;
}
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__video-facade:hover .zumi-site-icon--video-play,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__video-facade:focus-visible .zumi-site-icon--video-play {
  background-color: #E85E2A !important;
}
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__video-icon .zumi-site-icon--video-play {
  background-color: #E85E2A !important;
  color: #E85E2A !important;
}

/* ZUMI BUTTON PALETTE — screenshot-matched orange #E85E2A (2026-10-08).
   Surface-only accents: preserves section colours, body copy, images and 4px corners. */
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__button--primary { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__button--primary:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__button--primary { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__button--primary:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-native-homepage#zumi-native-homepage .zumi-trust-panel__button--primary { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-native-homepage#zumi-native-homepage .zumi-trust-panel__button--primary:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }


/* ZUMI: 4px on ordinary content surfaces; original banner artwork/radii preserved. */
#zumi-native-homepage#zumi-native-homepage .zumi-home-journal,
#zumi-native-homepage#zumi-native-homepage .zumi-home-journal__card,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__benefits,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__choice,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__currency-bar,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__features,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__instant,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__video-frame-wrap,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__youtube-frame,
#zumi-native-homepage#zumi-native-homepage .zumi-why__card,
#zumi-native-homepage#zumi-native-homepage .zumi-why__stats {border-radius:4px!important;}

/* Corner radius for real controls only, never banner layers or decorative pseudo-elements. */
#zumi-native-homepage#zumi-native-homepage :is(button, input:not([type="radio"]), textarea, select, a[class*="btn"], a[class*="button"], a[class*="action"]) {border-radius:4px!important;}

/* Final solid orange surface contract — all orange action states use exact #E85E2A. */
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__button--primary, #zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__button--primary:hover, #zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__button--primary:focus, #zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__button--primary:focus-visible, #zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__button--primary:active {background-color:#E85E2A!important; border-color:#E85E2A!important;}
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__button--primary, #zumi-native-homepage#zumi-native-homepage .zumi-video-hero__button--primary:hover, #zumi-native-homepage#zumi-native-homepage .zumi-video-hero__button--primary:focus, #zumi-native-homepage#zumi-native-homepage .zumi-video-hero__button--primary:focus-visible, #zumi-native-homepage#zumi-native-homepage .zumi-video-hero__button--primary:active {background-color:#E85E2A!important; border-color:#E85E2A!important;}
#zumi-native-homepage#zumi-native-homepage .zumi-trust-panel__button--primary, #zumi-native-homepage#zumi-native-homepage .zumi-trust-panel__button--primary:hover, #zumi-native-homepage#zumi-native-homepage .zumi-trust-panel__button--primary:focus, #zumi-native-homepage#zumi-native-homepage .zumi-trust-panel__button--primary:focus-visible, #zumi-native-homepage#zumi-native-homepage .zumi-trust-panel__button--primary:active {background-color:#E85E2A!important; border-color:#E85E2A!important;}
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button, #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button:hover, #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button:focus, #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button:focus-visible, #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button:active {background-color:#E85E2A!important; border-color:#E85E2A!important;}


/* Zumi 2026-10-08: enforce 4px corners on every button-like control, including greyed-out, disabled and secondary span-based CTAs. Do not change pseudo-element artwork or the disabled state. */
#zumi-native-homepage#zumi-native-homepage :is(
  button,
  input[type="button"],
  input[type="submit"],
  input[type="reset"],
  [role="button"],
  [role="link"][aria-disabled="true"][class*="button"],
  [aria-disabled="true"][class*="btn"],
  [aria-disabled="true"][class*="button"],
  [aria-disabled="true"][class*="action"],
  a[class*="btn"]:not([class*="icon"]),
  a[class*="button"]:not([class*="icon"]),
  a[class*="action"]:not([class*="actions"]):not([class*="icon"]),
  .zumi-video-hero__button,
  .zumi-static-fleet__button,
  .zumi-static-fleet__currency-button,
  .zumi-trust-panel__button,
  .zumi-booking-era__button
) {
  border-radius: 4px !important;
}


/* ZUMI Booking Portal option chips — use the requested vehicle/guide/map SVGs
   in place of decorative dots. This is intentionally scoped to these three
   chips; their existing layout, colours, and translation nodes are retained. */
.zumi-home-stack .zumi-site-icon--driver-guide {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/tour-icon-guide.svg");
}
.zumi-home-stack .zumi-site-icon--itinerary {
    --zumi-icon-url: url("https://zumirentals.com/wp-content/uploads/2026/09/map-guide-icon.svg");
}
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__choices > span::before {
    content: none !important;
    display: none !important;
}
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon {
    display: inline-block !important;
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    margin: 0 7px 0 0 !important;
    padding: 0 !important;
    color: #E85E2A !important;
    background-color: currentColor !important;
    vertical-align: middle;
}
@media (max-width: 760px) {
    #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon {
        width: 13px !important;
        height: 13px !important;
        flex-basis: 13px !important;
        margin-right: 5px !important;
    }
}

/* 2026-10-08 — slightly raise the Why Visit Namibia heading and copy panel
   together, without moving the background or changing any section geometry. */
#zumi-native-homepage .zumi-why__intro-content {
    top: -24px;
}
@media (max-width: 700px) {
    #zumi-native-homepage .zumi-why__intro-content {
        top: -12px;
    }
}

/* Mobile-only Why Visit Namibia headline: slightly larger and 8px higher.
   Keeps desktop geometry and the descriptive panel position unchanged. */
@media (max-width: 700px) {
  #zumi-native-homepage .zumi-home-stack .zumi-why__title {
    font-size: clamp(46px, 13.6vw, 62px) !important;
    position: relative;
    top: -8px;
  }
  /* Longer translated headings keep comfortable room on narrow displays. */
  html[lang^="de"] #zumi-native-homepage .zumi-why__title,
  html[lang^="ru"] #zumi-native-homepage .zumi-why__title,
  #zumi-native-homepage.zumi-home-language-de .zumi-why__title,
  #zumi-native-homepage.zumi-home-language-ru .zumi-why__title {
    font-size: clamp(43px, 12.4vw, 59px) !important;
  }
}


/* Vehicle banner framing: retain bottom anchoring and move the photo content
   down by approximately 200px on large desktop displays. A viewport-relative
   cap keeps the photo covering the panel on narrower desktop screens.
   Mobile stacked media and ultra-wide contain-style framing are unchanged. */
@media (min-width: 901px) and (max-width: 1439px) {
  #zumi-native-homepage .zumi-static-fleet__panel .zumi-static-fleet__hero-image {
    object-position: center calc(100% + min(200px, 11vw)) !important;
  }
}

/* Vehicle-photo framing on large desktops (1440–2049px): use the
   same cover crop and position as the 901–1439px desktop range. Preserve
   panel heights, typography, overlays and mobile layout. */
@media (min-width: 1440px) and (max-width: 2049px) {
  #zumi-native-homepage .zumi-static-fleet__hero-backdrop {
    position: absolute !important;
    inset: -20px !important;
    z-index: 0;
    display: none !important;
    width: calc(100% + 40px) !important;
    max-width: none !important;
    height: calc(100% + 40px) !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    filter: blur(10px) brightness(.78) saturate(.92);
    transform: scale(1.018);
    opacity: .92;
    pointer-events: none;
  }

  #zumi-native-homepage .zumi-static-fleet__panel .zumi-static-fleet__hero-image {
    object-fit: cover !important;
    object-position: center calc(100% + min(200px, 11vw)) !important;
  }
}



/* Hero typography exception — restore the original Poppins font from before
   the site-wide Roboto update. Keep all non-hero text in Roboto. The extra ID
   specificity wins over the global !important typography contract, without
   touching icons, geometry, imagery, colours or other sections. */
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero,
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero :is(
  h1, h2, h3, h4, h5, h6, p, a, button, label, small, strong, em,
  div:not([class*="icon"]), span:not([class*="icon"])
) {
  font-family: "Zumi Poppins", Arial, sans-serif !important;
}


/* ZUMI BANNER HEADING TYPE — POPPINS, October 2026.
   Scope: large banner/hero headings only. Body, controls and other headings stay Roboto.
   Existing sizes, layout, colour, weight and decoration are unchanged. */
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__title,
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__title-mobile,
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__title,
#zumi-native-homepage#zumi-native-homepage .zumi-why__title,
#zumi-native-homepage#zumi-native-homepage .zumi-trust-panel__title,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__title {
  font-family: "Zumi Poppins", "Poppins", Arial, sans-serif !important;
  letter-spacing: -.043em !important;
}
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__title span,
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__title em,
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__title-mobile span,
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__title-mobile em,
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__title span,
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__title em,
#zumi-native-homepage#zumi-native-homepage .zumi-why__title span,
#zumi-native-homepage#zumi-native-homepage .zumi-trust-panel__title em,
#zumi-native-homepage#zumi-native-homepage .zumi-static-fleet__title span {
  font-family: "Zumi Poppins", "Poppins", Arial, sans-serif !important;
}
#zumi-native-homepage#zumi-native-homepage .zumi-video-hero__title-lead { letter-spacing: -.055em !important; }


/* ============================================================
   ZUMI HOME 1.9.45 — BOOKING PANEL TEXT RASTERIZATION FIX
   Chromium can display rectangular glyph/tile artifacts where the
   very large white label is painted above a live backdrop-filter,
   with a subpixel WebKit stroke and multiple text shadows.

   The dark visual-copy panel already has an opaque-enough gradient,
   so live backdrop sampling is unnecessary. Keep existing colours,
   geometry, line breaks, type sizes and all translated content.
   Scope strictly to this booking-panel label (all viewports).
   ============================================================ */
#zumi-native-homepage .zumi-booking-era__visual-copy {
    -webkit-backdrop-filter: none !important;
    backdrop-filter: none !important;
}

#zumi-native-homepage .zumi-booking-era__visual-copy > strong {
    /* Paint one clean glyph layer, instead of shadow/stroke overlays. */
    -webkit-text-stroke: 0 !important;
    text-shadow: none !important;
    -webkit-filter: none !important;
    filter: none !important;
    transform: none !important;
    -webkit-backface-visibility: visible !important;
    backface-visibility: visible !important;
    will-change: auto !important;
}

#zumi-native-homepage .zumi-booking-era__visual-copy > :is(.zumi-booking-era__visual-kicker, small) {
    text-shadow: none !important;
}


/* ============================================================
   1.9.46 — COMPACT MOBILE JOURNAL HEADER / NAMIBIA INTRO
   Keep the journal title and content-width CTA on one row on
   phones, with the description below. No desktop/tablet changes.
   ============================================================ */
@media (max-width: 700px) {
    #zumi-native-homepage .zumi-home-journal__header {
        display: grid;
        grid-template-columns: minmax(0, 1fr) max-content;
        column-gap: clamp(6px, 1.6vw, 12px);
        row-gap: 0;
        align-items: center;
    }

    #zumi-native-homepage .zumi-home-journal__heading-copy {
        display: contents;
    }

    #zumi-native-homepage .zumi-home-journal__eyebrow {
        grid-column: 1 / -1;
        grid-row: 1;
        justify-self: start;
    }

    #zumi-native-homepage .zumi-home-journal__title {
        grid-column: 1;
        grid-row: 2;
        min-width: 0;
        white-space: nowrap;
        font-size: clamp(16px, 5vw, 32px);
        line-height: 1.06;
        letter-spacing: -.05em;
    }

    #zumi-native-homepage .zumi-home-journal__all {
        grid-column: 2;
        grid-row: 2;
        justify-self: end;
        align-self: center;
        display: inline-flex;
        flex: 0 0 auto;
        width: max-content;
        max-width: none;
        min-width: 0;
        min-height: 36px;
        margin: 0;
        padding: 7px clamp(7px, 1.7vw, 11px);
        gap: clamp(4px, 1vw, 6px);
        font-size: clamp(9px, 2.6vw, 12px);
        white-space: nowrap;
    }

    #zumi-native-homepage .zumi-home-journal__all-icon {
        width: clamp(13px, 3.5vw, 17px);
        height: clamp(13px, 3.5vw, 17px);
        flex: 0 0 auto;
    }

    #zumi-native-homepage .zumi-home-journal__intro {
        grid-column: 1 / -1;
        grid-row: 3;
        margin-top: 12px;
    }

    /* Preserve natural content height but remove excess empty image space. */
    #zumi-native-homepage .zumi-why__intro {
        min-height: 650px;
    }

    #zumi-native-homepage .zumi-home-stack .zumi-why__title {
        font-size: clamp(49px, 14.7vw, 71px) !important;
    }

    html[lang^="de"] #zumi-native-homepage .zumi-home-stack .zumi-why__title,
    html[lang^="ru"] #zumi-native-homepage .zumi-home-stack .zumi-why__title,
    #zumi-native-homepage.zumi-home-language-de .zumi-home-stack .zumi-why__title,
    #zumi-native-homepage.zumi-home-language-ru .zumi-home-stack .zumi-why__title {
        font-size: clamp(44px, 13.2vw, 63px) !important;
    }
}

@media (max-width: 390px) {
    #zumi-native-homepage .zumi-why__intro {
        min-height: 625px;
    }
}


/* ============================================================
   1.9.47 — WHY NAMIBIA STATISTICS ALIGNMENT / GRID DIVIDERS
   All five statistic values, labels and notes are centered in
   their cells at every breakpoint. Restore continuous separators
   for the 5-column desktop, 3+2 tablet, and 2+2+1 phone grids.
   ============================================================ */
#zumi-native-homepage .zumi-home-stack .zumi-why__stats > .zumi-why__stat {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    border-right: 0 !important;
    border-bottom: 0 !important;
}

#zumi-native-homepage .zumi-home-stack .zumi-why__stat-value,
#zumi-native-homepage .zumi-home-stack .zumi-why__stat-label,
#zumi-native-homepage .zumi-home-stack .zumi-why__stat-note {
    width: 100%;
    text-align: center;
}

@media (min-width: 1351px) {
    #zumi-native-homepage .zumi-home-stack .zumi-why__stat:not(:last-child) {
        border-right: 1px solid rgba(255,240,225,.14) !important;
    }
}

@media (min-width: 701px) and (max-width: 1350px) {
    /* Top row has three cells; second row has one + a two-column cell. */
    #zumi-native-homepage .zumi-home-stack .zumi-why__stat:nth-child(-n+3) {
        border-bottom: 1px solid rgba(255,240,225,.14) !important;
    }
    #zumi-native-homepage .zumi-home-stack .zumi-why__stat:is(:nth-child(1), :nth-child(2), :nth-child(4)) {
        border-right: 1px solid rgba(255,240,225,.14) !important;
    }
}

@media (max-width: 700px) {
    /* Two columns for the first four, then one full-width final cell. */
    #zumi-native-homepage .zumi-home-stack .zumi-why__stat:nth-child(-n+4) {
        border-bottom: 1px solid rgba(255,240,225,.14) !important;
    }
    #zumi-native-homepage .zumi-home-stack .zumi-why__stat:is(:nth-child(1), :nth-child(3)) {
        border-right: 1px solid rgba(255,240,225,.14) !important;
    }
}

/* The wide-screen description used to stop at 1120px while the
   background stretched across the screen. Extend it to the right
   within the existing padded banner; do not alter other viewports. */
@media (min-width: 1600px) {
    #zumi-native-homepage .zumi-why__intro-content {
        max-width: none;
    }
    #zumi-native-homepage .zumi-why__intro-copy {
        width: 100%;
        max-width: none;
    }
}


/* ============================================================
   1.9.48 — Compact mobile payment logo strip
   Reduce the four logo cards and artwork together on phones;
   preserve the four-column row and all desktop/tablet styling.
   ============================================================ */
@media (max-width: 700px) {
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__logos {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 5px;
        margin-top: 7px;
    }

    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__logos > .zumi-trust-panel__logo {
        min-width: 0;
        min-height: 42px;
        padding: 4px 3px;
        gap: 0;
    }

    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__logos .zumi-trust-panel__logo img {
        width: clamp(46px, 10vw, 68px) !important;
        max-width: 100% !important;
        height: clamp(23px, 5vw, 34px) !important;
        max-height: 34px !important;
        object-fit: contain !important;
    }
}

@media (max-width: 420px) {
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__logos {
        gap: 4px;
    }

    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__logos > .zumi-trust-panel__logo {
        min-height: 38px;
        padding: 3px 2px;
    }
}


/* ============================================================
   1.9.51 — Larger booking option chips on every viewport
   Keep the existing warm sand gradient and the original SVG icons.
   Give vehicle, driver-guide, and itinerary slightly stronger visual
   weight without allowing the long guide label to overflow on phones.
   ============================================================ */
#zumi-native-homepage .zumi-booking-era__choices {
    gap: 9px !important;
}
#zumi-native-homepage .zumi-booking-era__choices > span {
    min-height: 43px !important;
    padding: 10px 14px !important;
    font-size: clamp(13px, .82vw, 16px) !important;
    line-height: 1.15 !important;
    white-space: nowrap;
}
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon {
    width: 20px !important;
    height: 20px !important;
    flex-basis: 20px !important;
    margin-right: 9px !important;
}
@media (max-width: 1100px) {
    #zumi-native-homepage .zumi-booking-era__choices > span {
        padding: 9px 11px !important;
        font-size: clamp(12px, 1.3vw, 14px) !important;
    }
}
@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era__choices {
        gap: 6px !important;
    }
    #zumi-native-homepage .zumi-booking-era__choices > span {
        min-height: 43px !important;
        padding: 8px 6px !important;
        font-size: clamp(11.2px, 2.85vw, 13.5px) !important;
        white-space: normal;
        overflow-wrap: normal;
        text-wrap: balance;
    }
    #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px !important;
        margin-right: 6px !important;
    }
}
@media (max-width: 390px) {
    #zumi-native-homepage .zumi-booking-era__choices {
        gap: 4px !important;
    }
    #zumi-native-homepage .zumi-booking-era__choices > span {
        padding: 8px 3px !important;
        font-size: clamp(10.4px, 2.8vw, 11.2px) !important;
    }
    #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon {
        width: 16px !important;
        height: 16px !important;
        flex-basis: 16px !important;
        margin-right: 4px !important;
    }
}


/* ============================================================
   ZUMI HOME 1.9.52 — UPRIGHT BOOKING FEATURE CONTAINERS
   Keep the photo stage, its decorative overlay, and the black
   caption box square to the page across all responsive sizes.
   Make the caption text upright as well. The product/mockup
   IMAGE is intentionally excluded: its current placement and
   the perspective already baked into it must not be changed.
   ============================================================ */
#zumi-native-homepage .zumi-booking-era__visual,
#zumi-native-homepage .zumi-booking-era__visual::before,
#zumi-native-homepage .zumi-booking-era__visual-copy,
#zumi-native-homepage .zumi-booking-era__visual-copy > * {
    transform: none !important;
    rotate: 0deg !important;
}

#zumi-native-homepage .zumi-booking-era__visual-copy,
#zumi-native-homepage .zumi-booking-era__visual-copy > * {
    font-style: normal !important;
}


/* ============================================================
   v1.9.53 — mobile Why Namibia spacing and booking photo overlap.
   Shorten only the phone-size Why Namibia image area. Its bottom-
   aligned title and description naturally move up together.
   ============================================================ */
@media (max-width: 700px) {
    #zumi-native-homepage .zumi-why__intro {
        min-height: 560px;
    }
}
@media (max-width: 390px) {
    #zumi-native-homepage .zumi-why__intro {
        min-height: 535px;
    }
}

/* Keep the original oryx background, phone artwork and all positioning.
   The image already protrudes slightly above the oryx frame, but the
   frame's former overflow clipping hid its top. Show that overlap and
   keep the phone above the background/overlays, below the caption. */
#zumi-native-homepage .zumi-booking-era__visual {
    overflow: visible !important;
}
#zumi-native-homepage .zumi-booking-era__image {
    z-index: 4 !important;
}
/* Preserve the previous clipping of the decorative glow itself, so only
   the phone gains permission to extend outside the image frame. */
#zumi-native-homepage .zumi-booking-era__visual-glow {
    clip-path: inset(26% 19% 0 0);
}


/* v1.9.54 — mobile-only left alignment for the Why Visit Namibia
   description. Keep the heading, dimensions and desktop alignment intact. */
@media (max-width: 700px) {
    #zumi-native-homepage .zumi-home-stack .zumi-why__intro-copy {
        text-align: left;
    }
}


/* v1.9.58 — tighten only the empty upper portion of the
   Why Visit Namibia banner on phones. The existing bottom
   alignment naturally brings heading and body copy upward;
   the element can still expand if translated text needs room. */
@media (max-width: 700px) {
    #zumi-native-homepage .zumi-why__intro {
        min-height: 445px;
    }
}
@media (max-width: 390px) {
    #zumi-native-homepage .zumi-why__intro {
        min-height: 425px;
    }
}


/* v1.9.59 — destination photo cards: subtly fade the photography on all
   breakpoints, using the existing one-layer contrast veil. Preserve the
   stronger lower shadow, text stacking and original image assets. */
#zumi-native-homepage .zumi-why__card::after {
    background: linear-gradient(
        0deg,
        rgba(15,11,9,.90) 0%,
        rgba(15,11,9,.62) 35%,
        rgba(15,11,9,.27) 67%,
        rgba(15,11,9,.14) 100%
    ) !important;
}


/* Homepage vehicle banners: keep the photo fixed within its frame.
   Use one desktop cover anchor at every width instead of viewport-dependent
   object-position offsets, and do not animate the selected panel or image. */
#zumi-native-homepage .zumi-static-fleet__panel.is-active {
    animation: none !important;
    transform: none !important;
}
#zumi-native-homepage .zumi-static-fleet__panel .zumi-static-fleet__hero-image {
    animation: none !important;
    transition: none !important;
    transform: none !important;
}
@media (min-width: 901px) {
    #zumi-native-homepage .zumi-static-fleet__panel .zumi-static-fleet__hero-image {
        object-fit: cover !important;
        object-position: center center !important;
    }
}


/* Large desktop: shift only Hilux Standard's homepage image crop upward.
   Keep all other vehicle photos at the original centered cover position. */
@media (min-width: 1440px) {
    #zumi-native-homepage .zumi-static-fleet__panel[data-vehicle="hilux"] .zumi-static-fleet__hero-image {
        object-position: center 65% !important;
    }
}


/* v1.9.76 — Hilux Standard uses the same left-aligned homepage vehicle
   hero heading, pricing, booking notice and action buttons as other vehicles.
   The old Standard-only right alignment and reversed overlay are removed. */


/* v1.9.72 — Move only the Toyota Hilux Camping selector thumbnail 4px up.
   Keep the image size, cropping, card layout, and other vehicles unchanged. */
#zumi-native-homepage .zumi-static-fleet__choice[data-target="camping"] .zumi-static-fleet__thumb {
    position: relative;
    top: -4px;
}


/* v1.9.73 - breakpoint-specific local backgrounds. Keeps all existing overlay
   gradients and background positioning; only the underlying file changes.
   1440/1920 are byte-identical full-original images (not resized). */
#zumi-native-homepage {
    --zumi-responsive-zumi-booking-panel-bg: url('../img/responsive/zumi-booking-panel-bg_480.webp');
    --zumi-responsive-zumi-video-panel-bg: url('../img/responsive/zumi-video-panel-bg_480.webp');
}
@media (min-width: 480px) {
    #zumi-native-homepage {
        --zumi-responsive-zumi-booking-panel-bg: url('../img/responsive/zumi-booking-panel-bg_768.webp');
        --zumi-responsive-zumi-video-panel-bg: url('../img/responsive/zumi-video-panel-bg_768.webp');
    }
}
@media (min-width: 768px) {
    #zumi-native-homepage {
        --zumi-responsive-zumi-booking-panel-bg: url('../img/responsive/zumi-booking-panel-bg_1024.webp');
        --zumi-responsive-zumi-video-panel-bg: url('../img/responsive/zumi-video-panel-bg_1024.webp');
    }
}
@media (min-width: 1024px) {
    #zumi-native-homepage {
        --zumi-responsive-zumi-booking-panel-bg: url('../img/responsive/zumi-booking-panel-bg_1280.webp');
        --zumi-responsive-zumi-video-panel-bg: url('../img/responsive/zumi-video-panel-bg_1280.webp');
    }
}
@media (min-width: 1440px) {
    #zumi-native-homepage {
        --zumi-responsive-zumi-booking-panel-bg: url('../img/responsive/zumi-booking-panel-bg_1440.webp');
        --zumi-responsive-zumi-video-panel-bg: url('../img/responsive/zumi-video-panel-bg_1440.webp');
    }
}
@media (min-width: 1920px) {
    #zumi-native-homepage {
        --zumi-responsive-zumi-booking-panel-bg: url('../img/responsive/zumi-booking-panel-bg_1920.webp');
        --zumi-responsive-zumi-video-panel-bg: url('../img/responsive/zumi-video-panel-bg_1920.webp');
    }
}

/* ============================================================
   ZUMI HOME v1.9.82 — STATIC IPHONE ARTWORK ON ALL SCREEN SIZES
   No scroll entrance, opacity animation, bounce, movement, or transition.
   Preserve the existing desktop positioning and smaller right-shifted
   mobile layout. Explicit overrides neutralize stale old fade classes.
   ============================================================ */
#zumi-native-homepage .zumi-booking-era__picture { display: contents; }
#zumi-native-homepage img.zumi-booking-era__image,
#zumi-native-homepage img.zumi-booking-era__image.zumi-phone-fade-pending,
#zumi-native-homepage img.zumi-booking-era__image.zumi-phone-fade-playing,
#zumi-native-homepage img.zumi-booking-era__image.zumi-phone-fade-complete {
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
    /* Centring is static positioning, not an animation. */
    transform: translate(-50%, -50%) !important;
}
@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era__visual { overflow: hidden !important; }
    #zumi-native-homepage .zumi-booking-era__image {
        width: 120% !important;
        max-width: none !important;
        max-height: none !important;
        height: auto !important;
        left: 66% !important;
        top: 42% !important;
        object-fit: contain !important;
    }
}
@media (max-width: 390px) {
    #zumi-native-homepage .zumi-booking-era__image {
        width: 122% !important;
        left: 67% !important;
        top: 42% !important;
    }
}


/* ============================================================
   ZUMI HOME v1.9.83 — LARGER STATIC IPHONES ABOVE MOBILE ONLY
   Mobile (<= 760px) is left precisely as v1.9.82. Increase the
   rendered artwork across tablet/laptop/desktop breakpoints.
   Static positioning only: NO entrance, fade, spring or transform
   animation, even when old animation state classes are present.
   ============================================================ */
@media (min-width: 761px) and (max-width: 1100px) {
    #zumi-native-homepage img.zumi-booking-era__image {
        width: 102% !important; /* Previous: 85% */
        max-width: none !important;
        max-height: 90% !important;
    }
}
@media (min-width: 1101px) and (max-width: 1499px) {
    #zumi-native-homepage img.zumi-booking-era__image {
        width: 94% !important; /* Previous: 80% */
        max-width: none !important;
        max-height: 94% !important;
    }
}
@media (min-width: 1500px) {
    #zumi-native-homepage img.zumi-booking-era__image {
        width: min(90%, 930px) !important; /* Previous: min(75%, 735px) */
        max-width: none !important;
        max-height: 94% !important;
    }
}

/* ============================================================
   ZUMI HOME v1.9.84 — HIGH-FIDELITY PHOTOGRAPHY
   - Large oryx and Kolmanskop backgrounds use the largest supplied originals
     through the JS image loader; do not add extra blur at display time.
   - Fortuner vehicle hero displays the same full-resolution original at
     every breakpoint (mobile DPR is not equal to CSS viewport pixels).
   - All prior layout, mobile phone sizing, and no-animation rules retained.
   ============================================================ */
#zumi-native-homepage .zumi-why__card--kolmanskop .zumi-why__card-image,
#zumi-native-homepage .zumi-static-fleet__panel[data-vehicle="fortuner"] .zumi-static-fleet__hero-image {
    image-rendering: auto !important;
    filter: none !important;
}


/* ============================================================
   ZUMI HOME v1.9.86 — LARGER STATIC SINGLE-PHONE MOCKUP
   The new 1618x1000 asset has wide transparent side margins.
   Size by the PHOTO STAGE HEIGHT (not the transparent image width)
   to make the actual handset prominent and preserve its ratio.
   Keep the previously requested completely static presentation.
   ============================================================ */
#zumi-native-homepage .zumi-booking-era__visual {
    position: relative !important;
}
#zumi-native-homepage .zumi-booking-era__image,
#zumi-native-homepage img.zumi-booking-era__image.zumi-phone-fade-pending,
#zumi-native-homepage img.zumi-booking-era__image.zumi-phone-fade-playing,
#zumi-native-homepage img.zumi-booking-era__image.zumi-phone-fade-complete {
    width: auto !important;
    height: 100% !important;
    max-width: none !important;
    max-height: none !important;
    top: 45% !important;
    left: 74% !important;
    transform: translate(-50%, -50%) !important;
    translate: none !important;
    scale: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    animation: none !important;
    transition: none !important;
    will-change: auto !important;
    object-fit: contain !important;
}
@media (min-width: 761px) and (max-width: 1100px) {
    #zumi-native-homepage .zumi-booking-era__image {
        height: 103% !important;
        left: 75% !important;
        top: 45% !important;
    }
}
@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era__image {
        width: auto !important;
        height: 96% !important;
        max-width: none !important;
        max-height: none !important;
        top: 42% !important;
        left: 66% !important;
    }

    /* Four equal-sized option tiles in ONE row on mobile. */
    #zumi-native-homepage .zumi-booking-era__actions {
        display: grid !important;
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: clamp(3px, 1vw, 7px) !important;
        width: 100% !important;
        min-width: 0 !important;
        margin-top: 14px !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__choices {
        display: contents !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span,
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button {
        width: 100% !important;
        min-width: 0 !important;
        height: 59px !important;
        min-height: 59px !important;
        max-height: 59px !important;
        margin: 0 !important;
        padding: 5px 3px !important;
        border-radius: 5px !important;
        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;
        align-items: center !important;
        gap: 3px !important;
        font-size: clamp(9px, 2.45vw, 12.5px) !important;
        font-weight: 700 !important;
        line-height: 1.08 !important;
        white-space: normal !important;
        text-align: center !important;
        text-wrap: wrap !important;
        overflow-wrap: anywhere !important;
        word-break: normal !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span::before {
        display: none !important;
    }
    #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon {
        display: block !important;
        flex: 0 0 17px !important;
        width: 17px !important;
        height: 17px !important;
        margin: 0 !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button {
        text-decoration: none !important;
        color: white !important;
        background: #E85E2A !important;
        border-color: #E85E2A !important;
        box-shadow: 0 5px 13px rgba(0,0,0,.15) !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button > span {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        font: inherit !important;
        line-height: 1.08 !important;
        white-space: normal !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__button-icon {
        display: block !important;
        flex: 0 0 17px !important;
        width: 17px !important;
        height: 17px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }
}
@media (max-width: 390px) {
    #zumi-native-homepage .zumi-booking-era__image {
        width: auto !important;
        height: 96% !important;
        max-width: none !important;
        max-height: none !important;
        left: 67% !important;
        top: 42% !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span,
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button {
        font-size: 9px !important;
        padding: 5px 1px !important;
    }
    #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon,
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__button-icon {
        width: 15px !important;
        height: 15px !important;
        flex-basis: 15px !important;
    }
}

/* ============================================================
   ZUMI HOME v1.9.87 — MOBILE ACTIONS, ORIGINAL INLINE LAYOUT
   Keep all four controls on one line. Restore icon-before-label
   horizontal layout; reduce font/icon/gap rather than restyling
   the controls or stacking labels under icons.
   ============================================================ */
@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span,
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button {
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        justify-content: center !important;
        align-items: center !important;
        gap: clamp(2px, .55vw, 4px) !important;
        padding: 4px 3px !important;
        font-size: clamp(8px, 2.05vw, 10.5px) !important;
        line-height: 1.1 !important;
        white-space: nowrap !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        text-wrap: nowrap !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon,
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button > .zumi-booking-era__button-icon {
        display: block !important;
        flex: 0 0 12px !important;
        width: 12px !important;
        height: 12px !important;
        margin: 0 !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button > .zumi-booking-era__button-icon {
        order: -1 !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button > span {
        display: inline !important;
        flex: 0 1 auto !important;
        width: auto !important;
        min-width: 0 !important;
        font: inherit !important;
        white-space: nowrap !important;
    }
}
@media (max-width: 390px) {
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span,
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button {
        font-size: 8px !important;
        letter-spacing: -.02em !important;
        padding: 4px 1px !important;
        gap: 2px !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon,
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button > .zumi-booking-era__button-icon {
        flex-basis: 11px !important;
        width: 11px !important;
        height: 11px !important;
    }
}


/* ============================================================
   ZUMI HOME v1.9.88 — COMPACT MOBILE BOOKING CONTROLS + PHONE
   Scope all changes to phones (<=760px). Keep the existing
   four-across, icon-before-text layout and desktop positioning.
   No fade, bounce, or scroll animation.
   ============================================================ */
@media (max-width: 760px) {
    /* Portrait iPhone artwork: a modest reduction from 96% of the
       oryx panel's height to 78%, with its existing placement intact. */
    #zumi-native-homepage img.zumi-booking-era__image,
    #zumi-native-homepage img.zumi-booking-era__image.zumi-phone-fade-pending,
    #zumi-native-homepage img.zumi-booking-era__image.zumi-phone-fade-playing,
    #zumi-native-homepage img.zumi-booking-era__image.zumi-phone-fade-complete {
        width: auto !important;
        height: 78% !important;
        max-width: none !important;
        max-height: none !important;
        /* Do not change the placement / no-motion contract. */
        transform: translate(-50%, -50%) !important;
        opacity: 1 !important;
        animation: none !important;
        transition: none !important;
    }

    /* Compact all four items to the same 42px control height. */
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span,
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button {
        box-sizing: border-box !important;
        height: 42px !important;
        min-height: 42px !important;
        max-height: 42px !important;
        padding-top: 3px !important;
        padding-bottom: 3px !important;
        flex-direction: row !important;
        flex-wrap: nowrap !important;
        align-items: center !important;
        justify-content: center !important;
        white-space: nowrap !important;
    }
}


/* ============================================================
   ZUMI HOME v1.9.89 — MOBILE BOOKING CTA IN ORYX CAPTION
   Keep Vehicle / Driver-guide / Itinerary in one compact row.
   Show Build your trip inside the bottom-right of the dark
   oryx/iPhone message panel. Non-mobile presentation unchanged.
   ============================================================ */
/* Extra booking link is hidden at tablet and desktop breakpoints. */
#zumi-native-homepage .zumi-booking-era__button--visual-mobile {
    display: none !important;
}
@media (max-width: 760px) {
    /* Retain the three existing button styles, simply use three columns. */
    #zumi-native-homepage .zumi-booking-era__actions {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button {
        display: none !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span {
        font-size: clamp(10px, 2.5vw, 13px) !important;
        padding-inline: 5px !important;
    }

    /* A two-column bottom line keeps the large headline full-width,
       while the orange CTA occupies the marked lower-right space. */
    #zumi-native-homepage .zumi-booking-era__visual-copy {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) max-content !important;
        grid-template-rows: auto auto auto !important;
        column-gap: clamp(6px, 1.3vw, 14px) !important;
        row-gap: 4px !important;
        align-items: end !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__visual-kicker {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual-copy > strong {
        grid-column: 1 / -1 !important;
        grid-row: 2 !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual-copy > small {
        grid-column: 1 !important;
        grid-row: 3 !important;
        align-self: end !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__button--visual-mobile {
        display: inline-flex !important;
        grid-column: 2 !important;
        grid-row: 3 !important;
        justify-self: end !important;
        align-self: end !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 8px !important;
        width: auto !important;
        min-width: clamp(132px, 21vw, 185px) !important;
        max-width: 100% !important;
        height: 44px !important;
        min-height: 44px !important;
        padding: 9px 12px !important;
        margin: 0 clamp(0px, 3.3vw, 34px) 0 0 !important;
        border: 1px solid #E85E2A !important;
        border-radius: 5px !important;
        background: #E85E2A !important;
        color: #fff !important;
        font-size: clamp(11px, 1.8vw, 14px) !important;
        font-weight: 750 !important;
        line-height: 1.1 !important;
        letter-spacing: 0 !important;
        white-space: nowrap !important;
        text-align: center !important;
        text-decoration: none !important;
        box-shadow: 0 5px 16px rgba(0,0,0,.18) !important;
        pointer-events: auto !important;
        cursor: pointer !important;
        opacity: 1 !important;
        transform: none !important;
        transition: none !important;
        animation: none !important;
        position: relative !important;
        z-index: 8 !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__button--visual-mobile > span {
        display: inline-block !important;
        font: inherit !important;
        white-space: nowrap !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__button--visual-mobile > .zumi-booking-era__button-icon {
        display: block !important;
        width: 17px !important;
        height: 17px !important;
        flex: 0 0 17px !important;
        margin: 0 !important;
        object-fit: contain !important;
    }
}
@media (max-width: 390px) {
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__button--visual-mobile {
        min-width: 119px !important;
        height: 42px !important;
        min-height: 42px !important;
        font-size: 10.5px !important;
        gap: 5px !important;
        padding: 7px !important;
        margin-right: 0 !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__button--visual-mobile > .zumi-booking-era__button-icon {
        width: 14px !important;
        height: 14px !important;
        flex-basis: 14px !important;
    }
}

/* ============================================================
   ZUMI HOME v1.9.91 — NARROW TABLET PHONE POSITION (870px VIEW)
   Shift the booking portal iPhone artwork slightly left and up only
   between 821px and 900px. Preserve original sizing and all other
   desktop, tablet and mobile breakpoints.
   ============================================================ */
@media (min-width: 821px) and (max-width: 900px) {
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image {
        left: 71% !important; /* was 75% */
        top: 42% !important;  /* was 45% */
    }
}


/* ============================================================
   ZUMI HOME v1.9.94 — PHONE STAGE + PAYMENT CENTERING
   Keep the phone between the oryx photo and the dark copy banner,
   and cover the tablet/small-laptop widths missing the 821–900 fix.
   The tighter height and balanced position keep the transparent
   mockup inside the visible stage rather than against its border.
   ============================================================ */
#zumi-native-homepage .zumi-booking-era__visual {
    isolation: isolate !important;
}
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-pending,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-playing,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-complete {
    position: absolute !important;
    z-index: 4 !important;
}
#zumi-native-homepage .zumi-booking-era__visual .zumi-booking-era__visual-copy {
    z-index: 8 !important;
}

/* The previous adjustment applied only at 821–900px, leaving adjacent
   tablet breakpoints with the phone aligned to the edge again. */
@media (min-width: 761px) and (max-width: 1100px) {
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image {
        left: 70% !important;
        top: 46.5% !important;
        height: 93% !important;
        width: auto !important;
        max-height: none !important;
    }
}
@media (min-width: 1101px) and (max-width: 1300px) {
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image {
        left: 70% !important;
        top: 47% !important;
        height: 94% !important;
        width: auto !important;
        max-height: none !important;
    }
}
@media (min-width: 1301px) {
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image {
        top: 47% !important;
        height: 94% !important;
        width: auto !important;
        max-height: none !important;
    }
}
/* The earlier 821–900 override had identical specificity and would win
   if kept alone. These final rules intentionally supersede it. */

/* When the trust panel changes to the narrow/tablet layout, its
   payments card should be centered within the available column. */
@media (max-width: 1150px) {
    #zumi-native-homepage .zumi-trust-panel__side {
        margin-left: auto !important;
        margin-right: auto !important;
        align-items: center !important;
    }
    #zumi-native-homepage .zumi-trust-panel__payments {
        box-sizing: border-box !important;
        max-width: 100% !important;
        align-self: center !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}


/* ================================================================
   ZUMI HOME v1.9.95 — DESTINATION PHOTO GRADIENT
   Lift the dark lower-image shadow farther up the destination cards
   for clearer overlays across all widths. Keep the upper photograph
   visible, retain the existing warm-black palette and card stacking.
   This changes overlays only, not the new WebP photographs or crops.
   ================================================================ */
#zumi-native-homepage .zumi-why__card::after {
    background: linear-gradient(
        0deg,
        rgba(15, 11, 9, .94) 0%,
        rgba(15, 11, 9, .80) 30%,
        rgba(15, 11, 9, .54) 55%,
        rgba(15, 11, 9, .24) 78%,
        rgba(15, 11, 9, .14) 100%
    ) !important;
}


/* ================================================================
   ZUMI HOME v1.9.96 — PHONE, CARACAL, CHIPS + VEHICLE CTA EFFECTS
   Changes supplement (do not remove) the v1.9.94/95 image upgrades
   and destination-card shadow. Nonmobile phone rises above its oryx
   frame; portrait/mobile phone positions remain unchanged.
   ================================================================ */

/* Allow phone art to extend above the photo frame, without losing the
   bottom copy's higher stacking level. Background painting remains
   confined to the original framed element. */
@media (min-width: 761px) {
    #zumi-native-homepage .zumi-booking-era__visual {
        overflow: visible !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image {
        top: 42% !important;
        height: 94% !important;
        z-index: 4 !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual .zumi-booking-era__visual-copy {
        z-index: 8 !important;
    }
}
@media (min-width: 761px) and (max-width: 1300px) {
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image {
        top: 41.5% !important;
        height: 93% !important;
        left: 70% !important;
    }
}
/* Centered payments layout: shift caracal right, but keep it safely
   behind the trust information and payment logos. Leave phones alone. */
@media (min-width: 761px) and (max-width: 1150px) {
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__caracal {
        right: -95px !important;
    }
}
/* Tablet & small-laptop text column: never wrap the three selection
   chips. The main CTA remains on its separate line underneath. */
@media (min-width: 761px) and (max-width: 1350px) {
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices {
        display: flex !important;
        flex-wrap: nowrap !important;
        align-items: stretch !important;
        gap: clamp(4px, .5vw, 8px) !important;
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span {
        display: inline-flex !important;
        flex: 1 1 0 !important;
        min-width: 0 !important;
        max-width: none !important;
        justify-content: center !important;
        align-items: center !important;
        box-sizing: border-box !important;
        min-height: 37px !important;
        padding: 7px 4px !important;
        font-size: clamp(10px, 1vw, 13px) !important;
        white-space: nowrap !important;
        line-height: 1.1 !important;
    }
    #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__actions .zumi-booking-era__choices > span > .zumi-booking-era__choice-icon {
        flex: 0 0 16px !important;
        width: 16px !important;
        height: 16px !important;
        margin: 0 4px 0 0 !important;
    }
    #zumi-native-homepage .zumi-booking-era__actions > .zumi-booking-era__button {
        display: inline-flex !important;
        width: fit-content !important;
        margin-top: 15px !important;
    }
}

/* Vehicle booking/info buttons use a constant Zumi-orange fill, a
   3px translucent ring on hover/focus, and 180ms transitions without
   lifting. Give BOTH portal CTA placements those exact same effects. */
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button,
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button--visual-mobile {
    color: #FFFFFF !important;
    background: #E85E2A !important;
    border: 1px solid #E85E2A !important;
    border-radius: 5px !important;
    box-shadow: 0 5px 17px rgba(0,0,0,.20) !important;
    transform: none !important;
    transition: background-color 180ms ease, border-color 180ms ease, box-shadow 180ms ease !important;
}
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button:is(:hover, :active, :focus-visible),
#zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button--visual-mobile:is(:hover, :active, :focus-visible) {
    color: #FFFFFF !important;
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    box-shadow: 0 0 0 3px rgba(232,94,42,.16), 0 5px 17px rgba(0,0,0,.20) !important;
    transform: none !important;
    outline: none !important;
}
/* When Build your trip is embedded in the black caption, make it a
   compact control; keep touch-friendly width and the existing grid. */
@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__button--visual-mobile {
        height: 38px !important;
        min-height: 38px !important;
        max-height: 38px !important;
        padding: 7px 10px !important;
        gap: 6px !important;
    }
}
@media (max-width: 390px) {
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__button--visual-mobile {
        height: 36px !important;
        min-height: 36px !important;
        max-height: 36px !important;
        padding: 6px !important;
    }
}
@media (prefers-reduced-motion: reduce) {
    #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button,
    #zumi-native-homepage#zumi-native-homepage .zumi-booking-era__button--visual-mobile {
        transition: none !important;
    }
}


/* ================================================================
   ZUMI HOME v1.9.97 — TABLET PHONE CLIP / CARACAL / CTA GAP
   Keep handset in front of its frame (below black copy banner),
   shift only previously adjusted tablet caracal further to the
   right, and space the embedded portal button beneath the headline.
   Phone layout (<=760px) is otherwise unchanged.
   ================================================================ */
@media (min-width: 761px) {
    /* The outer copper panel also clips descendants by default. Keeping
       just the inner photo frame visible is insufficient when the handset
       rises above the section padding. Allow the raised phone across both. */
    #zumi-native-homepage .zumi-booking-era {
        overflow: visible !important;
    }
    /* An older <=1100px optimization applied contain:paint, which clips
       descendants despite overflow:visible. Remove that clipping only on
       non-mobile layouts where the phone is intentionally raised. */
    #zumi-native-homepage .zumi-booking-era__visual {
        contain: none !important;
        overflow: visible !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-pending,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-playing,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-complete {
        top: 37% !important;
        z-index: 12 !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual .zumi-booking-era__visual-copy {
        z-index: 20 !important;
    }
}
/* Previously shifted 761–1150px: move the decorative caracal a further
   65px right. Keep its placement on mobile and wider desktops unchanged. */
@media (min-width: 761px) and (max-width: 1150px) {
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__caracal {
        right: -160px !important;
    }
}
/* Embedded bottom-right portal CTA. Provide more clearance below the
   Vehicle / Driver-guide / Itinerary heading; preserve its compact height
   and existing hover/focus treatment. */
@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__button--visual-mobile {
        margin-top: 14px !important;
    }
}


/* ===================================================================
   ZUMI HOME v1.9.99 — UNCLIPPED PHONE / RIGHT-HAND CARACAL / MOBILE CTA
   Only stacking and requested spacing adjustments. Preserve full-quality
   Deadvlei / springbok photos, responsive loading and all prior styling.
   =================================================================== */

/* Mobile was still inheriting overflow:hidden and contain:paint on the
   photo stage. Remove BOTH constraints at every width; the photograph is
   a CSS background and remains confined to its original framed element.
   The transparent phone can now protrude above the frame without a crop. */
#zumi-native-homepage .zumi-booking-era,
#zumi-native-homepage .zumi-booking-era__inner,
#zumi-native-homepage .zumi-booking-era__visual {
    overflow: visible !important;
}
#zumi-native-homepage .zumi-booking-era__visual {
    contain: none !important;
    position: relative !important;
    isolation: isolate !important;
}

/* Enforce the stacking order on every screen size:
     oryx CSS background / veils < iPhone < dark information banner.
   The phone stays in its existing position and keeps its static transform. */
#zumi-native-homepage .zumi-booking-era__visual::before {
    z-index: 2 !important;
}
#zumi-native-homepage .zumi-booking-era__visual .zumi-booking-era__visual-glow {
    z-index: 1 !important;
}
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-pending,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-playing,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-complete {
    position: absolute !important;
    z-index: 12 !important;
    opacity: 1 !important;
    visibility: visible !important;
}
#zumi-native-homepage .zumi-booking-era__visual .zumi-booking-era__visual-copy {
    position: absolute !important;
    z-index: 25 !important;
}

/* ONLY the caracal breakpoints already modified in v1.9.96/97.
   Move the decorative animal farther toward the screen's right edge;
   neither mobile (<=760px) nor wide desktops (>1150px) change. */
/* At up to 1000px the trust side spans about half the viewport;
   above 1000px its grid side is wider. Anchor the decoration near the
   corresponding right edge without moving it beyond the page. */
@media (min-width: 761px) and (max-width: 1000px) {
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__caracal {
        right: calc(-50vw + 12px) !important;
    }
}
@media (min-width: 1001px) and (max-width: 1150px) {
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__caracal {
        right: calc(-25vw + 12px) !important;
    }
}

/* On phones, keep the CTA in the lower-right black banner but separate
   it further from the headline, while nudging the Choose one/two/three
   sentence upward. Provide enough bottom padding for the lowered CTA. */
@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era__visual .zumi-booking-era__visual-copy {
        padding-bottom: 22px !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual-copy > small {
        position: relative !important;
        top: -8px !important;
    }
    #zumi-native-homepage .zumi-booking-era__visual-copy > .zumi-booking-era__button--visual-mobile {
        position: relative !important;
        top: 9px !important;
    }
}


/* ================================================================
   ZUMI NATIVE HOMEPAGE v1.9.100 — FINAL REQUESTED BREAKPOINT TUNING
   Keep all preceding responsive photo, text, CTA and stacking rules.
   ================================================================ */

/* The existing raised non-mobile iPhone top:37% is about 60px too high
   compared with the requested red-line guide in the user's screenshot.
   It remains above the oryx photograph and below the black caption. */
@media (min-width: 761px) {
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-pending,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-playing,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-complete {
        top: calc(37% + 62px) !important;
    }
}

/* Extend the far-right caracal treatment one breakpoint lower, only
   701–760px. Use viewport-relative right-edge alignment even when the
   trust-panel side column is narrower than the screen. Preserve the
   previously placed 761–1150px ranges and leave <=700px untouched. */
@media (min-width: 701px) and (max-width: 760px) {
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__caracal-stage {
        overflow: visible !important;
    }
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__caracal {
        right: calc(100% - 100vw + 30px) !important;
    }
}


/* ========================================================================
   ZUMI NATIVE HOMEPAGE v1.9.101 — IPHONE UP 200px; CARACAL CONTINUITY
   Keep visual/card dimensions, photo selections, text/CTA stacking, mobile
   CTA spacing, payment centring and every other previous rule unchanged.
   ======================================================================== */

/* The preceding rules position the phone at multiple viewport breakpoints.
   `translate` is an independent CSS transform component: it offsets the
   complete phone by 200px vertically WITHOUT replacing the existing
   transform:translate(-50%,-50%) used to centre the artwork. This one
   offset applies at every width, including phones. No animation or motion. */
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-pending,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-playing,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-complete {
    translate: 0 -200px !important;
}

/* v1.9.100 set `right: calc(100% - 100vw + 30px)` at 701–760px,
   placing the caracal offscreen because the stage is only half the viewport.
   Match the immediate next 761–1000px range's right-edge placement and
   preserve its existing size, z-index, and transparency. */
@media (min-width: 701px) and (max-width: 760px) {
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__caracal-stage {
        overflow: visible !important;
    }
    #zumi-native-homepage .zumi-home-stack .zumi-trust-panel__caracal {
        right: calc(-50vw + 12px) !important;
    }
}


/* ========================================================================
   ZUMI NATIVE HOMEPAGE v1.9.102 — HARD UPPER BOUND FOR IPHONE

   Requested red marker defines an absolute maximum height for the phone.
   Rather than tuning offsets for individual viewports, anchor the upper
   edge of the *image element* to the upper edge of the oryx photo stage.
   The stage begins BELOW the screenshot's marked red line. This makes
   protrusion above that line impossible at every breakpoint (including
   mobile), even when the phone image is very tall.

   Earlier CSS positioned the phone via top:% plus translateY(-50%) and a
   subsequent translateY(-200px), which compounded and lifted it too high.
   Explicitly defeat BOTH y-translations here. Horizontal centering, phone
   size, photo background, z-index hierarchy and banner remain unchanged.
   ======================================================================== */
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-pending,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-playing,
#zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-complete {
    top: 0px !important;
    bottom: auto !important;
    margin-top: 0 !important;
    transform: translateX(-50%) !important;
    translate: none !important;
    scale: none !important;
}


/* =====================================================================
   ZUMI NATIVE HOMEPAGE v1.9.103 — MOBILE DOWN / OTHERS SLIGHTLY UP
   Fine adjustment to the v1.9.102 phone stage anchor; previous phone
   transforms, horizontal position, display scale, stacking order and
   dark caption overlay are retained. Viewport split follows the existing
   site breakpoint of 760px. Keep the non-mobile overhang to only 20px,
   within the clearance above the photo frame in the reference view.
   ===================================================================== */
@media (max-width: 760px) {
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-pending,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-playing,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-complete {
        top: 28px !important;
    }
}
@media (min-width: 761px) {
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-pending,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-playing,
    #zumi-native-homepage .zumi-booking-era__visual img.zumi-booking-era__image.zumi-phone-fade-complete {
        top: -20px !important;
    }
}