@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-hilux-premium,
#zumi-hilux-premium * {
    box-sizing: border-box;
}

#zumi-hilux-premium {
    --z-orange: #E85E2A;
    --z-orange-dark: #E85E2A;
    --z-orange-soft: rgba(232,94,42,.10);
    --z-ink: #141414;
    --z-charcoal: #1B1B1B;
    --z-charcoal-2: #242424;
    --z-text: #252525;
    --z-muted: #6D6D6D;
    --z-line: #E7E3DF;
    --z-soft: #F7F5F2;
    --z-cream: #FCFAF7;
    --z-white: #FFFFFF;
    --z-green: #1FA463;
    --z-recommended: #E2A428;
    --z-recommended-dark: #D17A12;
    --z-recommended-soft: #FFF0C7;
    --z-radius: clamp(16px, 1.1vw, 24px);
    --z-shadow: 0 18px 55px rgba(17,17,17,.10);
    --z-shadow-soft: 0 8px 30px rgba(17,17,17,.07);

    width: 100%;
    max-width: 2200px;
    margin: 0 auto;
    padding: clamp(6px, .55vw, 12px);

    background: #FFFFFF;
    color: var(--z-text);

    font-family: "Roboto", Arial, Helvetica, sans-serif;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
}

#zumi-hilux-premium img {
    display: block;
    max-width: 100%;
}

#zumi-hilux-premium button,
#zumi-hilux-premium a {
    font: inherit;
}

#zumi-hilux-premium a {
    color: inherit;
    text-decoration: none;
}

#zumi-hilux-premium button {
    border: 0;
}

#zumi-hilux-premium .zhp-section {
    margin-top: clamp(10px, .8vw, 18px);
}

#zumi-hilux-premium .zhp-panel {
    overflow: hidden;
    border: 1px solid var(--z-line);
    border-radius: 4px;
    background: var(--z-white);
    box-shadow: var(--z-shadow-soft);
}

#zumi-hilux-premium .zhp-eyebrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0 0 10px;
    color: var(--z-orange);
    font-size: clamp(10px, .65vw, 13px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .14em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-eyebrow::before {
    content: "";
    width: 28px;
    height: 2px;
    background: currentColor;
}

#zumi-hilux-premium .zhp-section-title {
    margin: 0;
    color: var(--z-ink);
    font-size: clamp(34px, 3.2vw, 68px);
    font-weight: 800;
    line-height: .95;
    letter-spacing: -.055em;
}

#zumi-hilux-premium .zhp-section-copy {
    max-width: 900px;
    margin: 15px 0 0;
    color: var(--z-muted);
    font-size: clamp(14px, .9vw, 18px);
    line-height: 1.6;
}

#zumi-hilux-premium .zhp-icon {
    display: block;
    width: 1em;
    height: 1em;
    flex: 0 0 auto;
    overflow: visible;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
    stroke-linejoin: round;
    pointer-events: none;
}

#zumi-hilux-premium .zhp-icon-sprite {
    position: absolute !important;
    width: 0 !important;
    height: 0 !important;
    overflow: hidden !important;
    visibility: hidden !important;
}

#zumi-hilux-premium .zhp-hero {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1.32fr) minmax(500px, .68fr);
    min-height: clamp(650px, 46vw, 890px);
    overflow: hidden;
    border-radius: 4px;
    background: #101010;
    box-shadow: var(--z-shadow);
}

#zumi-hilux-premium .zhp-hero-media {
    position: relative;
    min-width: 0;
    min-height: 0;
    overflow: hidden;
}

#zumi-hilux-premium .zhp-hero-main {
    width: 100% !important;
    height: 100% !important;
    min-height: 650px;
    object-fit: cover;
    object-position: center center;
    transition: opacity 180ms ease, transform 650ms ease;
}

#zumi-hilux-premium .zhp-hero-media:hover .zhp-hero-main {
    transform: scale(1.012);
}

#zumi-hilux-premium .zhp-hero-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(0,0,0,.06) 0%, rgba(0,0,0,.02) 58%, rgba(0,0,0,.30) 100%),
        linear-gradient(0deg, rgba(0,0,0,.20) 0%, rgba(0,0,0,0) 35%);
}

#zumi-hilux-premium .zhp-gallery-strip {
    position: absolute;
    z-index: 5;
    left: clamp(16px, 1.5vw, 30px);
    right: clamp(16px, 1.5vw, 30px);
    bottom: clamp(16px, 1.5vw, 30px);
    display: grid;
    grid-template-columns: repeat(8, minmax(0, 1fr));
    gap: clamp(6px, .55vw, 10px);
    max-width: 760px;
}

#zumi-hilux-premium .zhp-thumb {
    position: relative;
    appearance: none;
    -webkit-appearance: none;
    width: 100%;
    aspect-ratio: 1.5 / 1;
    overflow: hidden;
    padding: 0;
    cursor: pointer;
    background: #222;
    border: 2px solid rgba(255,255,255,.56);
    border-radius: 4px;
    box-shadow: 0 7px 18px rgba(0,0,0,.22);
    opacity: .76;
    transition: opacity 160ms ease, border-color 160ms ease, transform 160ms ease;
}

#zumi-hilux-premium .zhp-thumb:hover,
#zumi-hilux-premium .zhp-thumb.is-active {
    opacity: 1;
    border-color: var(--z-orange);
    transform: translateY(-2px);
}

#zumi-hilux-premium .zhp-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
}

#zumi-hilux-premium .zhp-view-gallery {
    position: absolute;
    z-index: 6;
    top: clamp(15px, 1.4vw, 28px);
    left: clamp(15px, 1.4vw, 28px);
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 10px 13px;
    color: #FFFFFF;
    cursor: pointer;
    background: rgba(15,15,15,.62);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 4px;
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
    font-size: 12px;
    font-weight: 700;
    box-shadow: 0 7px 18px rgba(0,0,0,.16);
}

#zumi-hilux-premium .zhp-view-gallery svg {
    width: 16px;
    height: 16px;
}

#zumi-hilux-premium .zhp-hero-info {
    position: relative;
    z-index: 3;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding:
        clamp(38px, 3.5vw, 72px)
        clamp(28px, 2.6vw, 55px);
    color: #FFFFFF;
    background:
        radial-gradient(circle at 100% 0%, rgba(232,94,42,.25), transparent 42%),
        linear-gradient(145deg, #121212 0%, #191919 55%, #21150F 100%);
}

#zumi-hilux-premium .zhp-vehicle-badge {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    gap: 8px;
    padding: 7px 10px;
    margin-bottom: clamp(17px, 1.5vw, 27px);
    color: #FFFFFF;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 4px;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-vehicle-badge::before {
    content: "";
    width: 7px;
    height: 7px;
    background: var(--z-orange);
    border-radius: 50%;
    box-shadow: 0 0 0 5px rgba(232,94,42,.12);
}

#zumi-hilux-premium .zhp-hilux-logo {
    width: clamp(130px, 11vw, 235px) !important;
    max-height: 90px;
    margin-bottom: 15px;
    object-fit: contain;
    object-position: left center;

    filter: grayscale(1) invert(1) contrast(1.35) brightness(1.15);
    mix-blend-mode: screen;

    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    opacity: 1;
}

#zumi-hilux-premium .zhp-hilux-logo {
    background-color: transparent !important;
}

#zumi-hilux-premium .zhp-model {
    margin: 0 0 8px;
    color: var(--z-orange);
    font-size: clamp(12px, .75vw, 15px);
    font-weight: 800;
    line-height: 1.25;
    letter-spacing: .11em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-title {
    max-width: 720px;
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(54px, 5vw, 102px);
    font-weight: 850;
    line-height: .83;
    letter-spacing: -.075em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-title span {
    display: block;
    color: var(--z-orange);
}

#zumi-hilux-premium .zhp-hero-tagline {
    margin: clamp(17px, 1.5vw, 27px) 0 0;
    color: rgba(255,255,255,.93);
    font-size: clamp(17px, 1.2vw, 24px);
    font-weight: 650;
    line-height: 1.3;
    letter-spacing: -.02em;
}

#zumi-hilux-premium .zhp-hero-description {
    max-width: 670px;
    margin: 11px 0 0;
    color: rgba(255,255,255,.70);
    font-size: clamp(13px, .82vw, 16px);
    line-height: 1.55;
}

#zumi-hilux-premium .zhp-hero-specs {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 8px;
    margin-top: clamp(20px, 1.7vw, 31px);
}

#zumi-hilux-premium .zhp-hero-spec {
    grid-column: span 2;
    display: grid;
    grid-template-columns: 36px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
    min-width: 0;
    min-height: 68px;
    padding: 10px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.10);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-hero-spec:nth-child(4),
#zumi-hilux-premium .zhp-hero-spec:nth-child(5) {
    grid-column: span 3;
}

#zumi-hilux-premium .zhp-hero-spec-icon {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    color: var(--z-orange);
    background: rgba(232,94,42,.11);
    border: 1px solid rgba(232,94,42,.20);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-hero-spec-icon .zhp-icon {
    font-size: 16px;
    line-height: 1;
}

#zumi-hilux-premium .zhp-hero-spec-copy {
    min-width: 0;
}

#zumi-hilux-premium .zhp-hero-spec strong {
    display: block;
    color: #FFFFFF;
    font-size: clamp(10.5px, .7vw, 14px);
    font-weight: 750;
    line-height: 1.15;
    letter-spacing: -.015em;
}

#zumi-hilux-premium .zhp-hero-spec small {
    display: block;
    margin-top: 3px;
    color: rgba(255,255,255,.50);
    font-size: clamp(8.4px, .5vw, 10px);
    line-height: 1.2;
}

#zumi-hilux-premium .zhp-hero-price-row {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: 16px;
    margin-top: clamp(22px, 1.8vw, 34px);
    padding-top: clamp(19px, 1.5vw, 27px);
    border-top: 1px solid rgba(255,255,255,.10);
}

#zumi-hilux-premium .zhp-from {
    color: rgba(255,255,255,.48);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .1em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-hero-price {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 2px;
    color: #FFFFFF;
}

#zumi-hilux-premium .zhp-hero-price .money {
    font-size: clamp(29px, 2.2vw, 44px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.045em;
}

#zumi-hilux-premium .zhp-hero-price small {
    color: rgba(255,255,255,.50);
    font-size: 12px;
    font-weight: 500;
}


#zumi-hilux-premium .zhp-hero-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
    width: 100%;
}

#zumi-hilux-premium .zhp-hero-actions .zhp-btn {
    width: 100%;
    min-width: 0;
    padding-left: 12px;
    padding-right: 12px;
    white-space: normal;
    text-align: center;
    line-height: 1.15;
}

#zumi-hilux-premium .zhp-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 46px;
    padding: 11px 16px;
    border-radius: 4px;
    color: #FFFFFF !important;
    text-decoration: none !important;
    font-size: clamp(11px, .72vw, 14px);
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;

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

#zumi-hilux-premium .zhp-btn--primary {
    background: #E85E2A !important;
    border: 1px solid var(--z-orange);
    box-shadow: 0 6px 19px rgba(0,0,0,.22);
}

#zumi-hilux-premium .zhp-btn--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-hilux-premium .zhp-btn--ghost {
    background: rgba(20,20,20,.32);
    border: 1px solid rgba(255,255,255,.54);
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
}

#zumi-hilux-premium .zhp-btn--ghost:hover {
    background: rgba(255,255,255,.14);
    border-color: rgba(255,255,255,.90);
}

#zumi-hilux-premium .zhp-btn:active {
    transform: scale(.985);
}

#zumi-hilux-premium .zhp-btn:focus-visible {
    outline: 2px solid #FFFFFF;
    outline-offset: 3px;
}

#zumi-hilux-premium .zhp-btn svg {
    display: block;
    width: 1.05em;
    height: 1.05em;
    flex: 0 0 auto;
}

#zumi-hilux-premium .zhp-pricing {
    padding:
        clamp(28px, 3vw, 58px)
        clamp(18px, 2.6vw, 50px)
        clamp(26px, 2.7vw, 52px);
    background:
        radial-gradient(circle at 96% 6%, rgba(232,94,42,.11), transparent 30%),
        var(--z-cream);
}

#zumi-hilux-premium .zhp-pricing-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(365px, 430px);
    gap: 25px;
    align-items: end;
}

#zumi-hilux-premium .zhp-currency-wrap {
    width: clamp(365px, 25vw, 430px);
    min-width: 365px;
    max-width: 430px;
    justify-self: end;
}

#zumi-hilux-premium .zhp-currency-label {
    display: block;
    width: 100%;
    margin-bottom: 7px;
    color: var(--z-muted);
    font-size: 10px;
    font-weight: 750;
    letter-spacing: .09em;
    text-transform: uppercase;
    text-align: right;
}

#zumi-hilux-premium .zhp-currency {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 5px;
    width: 100%;
    padding: 5px;
    background: #FFFFFF;
    border: 1px solid var(--z-line);
    border-radius: 4px;
    box-shadow: 0 5px 20px rgba(0,0,0,.04);
}

#zumi-hilux-premium .zhp-currency button {
    appearance: none;
    -webkit-appearance: none;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    width: 100%;
    min-width: 0;
    padding: 9px 8px;
    color: #3B3B3B;
    cursor: pointer;
    background: transparent;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
    transition: background-color 150ms ease, color 150ms ease;
}

#zumi-hilux-premium .zhp-currency button.is-active {
    color: #FFFFFF;
    background: #E85E2A !important;
}

#zumi-hilux-premium .zhp-currency .zhp-currency-flag {
    display: block;
    width: 20px !important;
    height: 20px !important;
    flex: 0 0 20px;
    object-fit: contain;
}

#zumi-hilux-premium .zhp-fx-note {
    width: 100%;
    min-height: 30px;
    margin: 7px 0 0;
    color: #8A8A8A;
    font-size: 10px;
    line-height: 1.35;
    text-align: right;
    overflow-wrap: anywhere;
}

#zumi-hilux-premium .zhp-rate-note {
    margin: 8px 0 0;
    color: #5F5F5F;
    font-size: clamp(11px, .68vw, 13px);
    font-weight: 700;
    line-height: 1.4;
}

#zumi-hilux-premium .zhp-zero-callout {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    max-width: 920px;
    margin-top: 17px;
    padding: 11px 14px;
    color: #A45A08;
    background: linear-gradient(180deg, #FFF8E1 0%, #FFE7AA 100%);
    border: 1px solid rgba(226,164,40,.48);
    border-radius: 4px;
    box-shadow: 0 6px 18px rgba(216,135,20,.08);
    font-size: clamp(12px, .78vw, 15px);
    line-height: 1.45;
}

#zumi-hilux-premium .zhp-zero-callout-icon {
    display: grid;
    place-items: center;
    flex: 0 0 34px;
    width: 34px;
    height: 34px;
    color: #FFFFFF;
    background: linear-gradient(180deg, #F0B33A 0%, #D88714 100%);
    border-radius: 4px;
    box-shadow: 0 5px 12px rgba(216,135,20,.22);
}

#zumi-hilux-premium .zhp-zero-callout strong {
    color: var(--z-recommended-dark);
    font-weight: 850;
}

#zumi-hilux-premium .zhp-season-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 7px;
    margin-top: clamp(25px, 2vw, 38px);
}

#zumi-hilux-premium .zhp-season-tab {
    appearance: none;
    -webkit-appearance: none;
    position: relative;
    min-width: 0;
    padding: clamp(13px, 1.1vw, 19px);
    color: #2C2C2C;
    cursor: pointer;
    text-align: left;
    background: #FFFFFF;
    border: 1px solid var(--z-line);
    border-radius: 4px;
    transition: border-color 160ms ease, background-color 160ms ease, box-shadow 160ms ease;
}

#zumi-hilux-premium .zhp-season-tab:hover {
    border-color: rgba(232,94,42,.45);
}

#zumi-hilux-premium .zhp-season-tab.is-active {
    background: #1A1A1A;
    border-color: #1A1A1A;
    box-shadow: 0 10px 25px rgba(0,0,0,.10);
}

#zumi-hilux-premium .zhp-season-tab strong {
    display: block;
    color: inherit;
    font-size: clamp(15px, .96vw, 19px);
    font-weight: 800;
    line-height: 1.15;
}

#zumi-hilux-premium .zhp-season-tab small {
    display: block;
    margin-top: 5px;
    color: #777777;
    font-size: clamp(11px, .68vw, 13px);
    font-weight: 500;
    line-height: 1.25;
}

#zumi-hilux-premium .zhp-season-tab.is-active,
#zumi-hilux-premium .zhp-season-tab.is-active strong {
    color: #FFFFFF;
}

#zumi-hilux-premium .zhp-season-tab.is-active small {
    color: rgba(255,255,255,.55);
}

#zumi-hilux-premium .zhp-price-panel {
    display: none;
    margin-top: 8px;
    overflow: hidden;
    background: #FFFFFF;
    border: 1px solid var(--z-line);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-price-panel.is-active {
    display: block;
}

#zumi-hilux-premium .zhp-price-table-wrap {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
}

#zumi-hilux-premium .zhp-price-table {
    width: 100%;
    min-width: 690px;
    border-collapse: separate;
    border-spacing: 0;
}

#zumi-hilux-premium .zhp-price-table th,
#zumi-hilux-premium .zhp-price-table td {
    padding: clamp(18px, 1.35vw, 24px);
    border-bottom: 1px solid #EEEAE6;
    text-align: center;
    vertical-align: middle;
}

#zumi-hilux-premium .zhp-price-table tr:last-child td {
    border-bottom: 0;
}

#zumi-hilux-premium .zhp-price-table th:first-child,
#zumi-hilux-premium .zhp-price-table td:first-child {
    width: 31%;
    text-align: left;
}

#zumi-hilux-premium .zhp-price-table thead th {
    color: #686868;
    background: #F8F6F3;
    font-size: clamp(11px, .72vw, 14px);
    font-weight: 850;
    line-height: 1.15;
    letter-spacing: .075em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-price-table tbody td:first-child {
    color: #202020;
    font-size: clamp(14px, .9vw, 18px);
    font-weight: 800;
    line-height: 1.2;
}

#zumi-hilux-premium .zhp-price-table .money {
    color: #111111;
    font-size: clamp(19px, 1.35vw, 28px);
    font-weight: 850;
    line-height: 1;
    letter-spacing: -.04em;
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero td {
    position: relative;
    color: #A95B08;
    background:
        linear-gradient(180deg, #FFF8DF 0%, #FFE19A 100%);
    border-top: 3px solid var(--z-recommended);
    border-bottom: 3px solid var(--z-recommended);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.90),
        inset 0 -1px 0 rgba(209,122,18,.13);
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child {
    border-left: 3px solid var(--z-recommended);
    border-radius: 4px 0 0 4px;
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero td:last-child {
    border-right: 3px solid var(--z-recommended);
    border-radius: 0 4px 4px 0;
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child,
#zumi-hilux-premium .zhp-price-table tr.zhp-zero .money {
    color: var(--z-recommended-dark);
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child {
    font-weight: 900;
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero .money {
    font-size: clamp(21px, 1.48vw, 31px);
    font-weight: 900;
    text-shadow: 0 1px 0 rgba(255,255,255,.72);
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child::after {
    content: "Recommended";
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-left: 9px;
    padding: 5px 9px;
    color: #FFFFFF;
    background: linear-gradient(180deg, #F0B33A 0%, #D88714 100%);
    border: 1px solid rgba(255,255,255,.25);
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(216,135,20,.25);
    font-size: clamp(8px, .53vw, 10px);
    font-weight: 900;
    line-height: 1;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-features {
    padding:
        clamp(28px, 3vw, 58px)
        clamp(18px, 2.6vw, 50px);
}

#zumi-hilux-premium .zhp-feature-grid {
    display: grid;
    grid-template-columns: repeat(7, minmax(0, 1fr));
    gap: clamp(7px, .65vw, 12px);
    margin-top: clamp(25px, 2vw, 38px);
}

#zumi-hilux-premium .zhp-feature {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-width: 0;
    min-height: clamp(92px, 6.2vw, 118px);
    padding: 11px 7px;
    background: var(--z-soft);
    border: 1px solid transparent;
    border-radius: 4px;
    text-align: center;
    transition: background-color 160ms ease, border-color 160ms ease, transform 160ms ease;
}

#zumi-hilux-premium .zhp-feature:hover {
    transform: translateY(-2px);
    background: #FFFFFF;
    border-color: rgba(232,94,42,.25);
}

#zumi-hilux-premium .zhp-feature img {
    width: clamp(31px, 2.35vw, 44px) !important;
    height: clamp(31px, 2.35vw, 44px) !important;
    margin-bottom: 7px;
    object-fit: contain;
    mix-blend-mode: multiply;
}

#zumi-hilux-premium .zhp-feature span {
    color: #202020;
    font-size: clamp(10.5px, .68vw, 13px);
    font-weight: 750;
    line-height: 1.18;
}

#zumi-hilux-premium .zhp-benefits {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(7px, .65vw, 12px);
    margin-top: clamp(12px, 1vw, 19px);
}

#zumi-hilux-premium .zhp-benefit {
    position: relative;
    min-width: 0;
    overflow: hidden;
    padding: clamp(20px, 1.7vw, 31px);
    background: #191919;
    border-radius: 4px;
    color: #FFFFFF;
}

#zumi-hilux-premium .zhp-benefit::after {
    content: "";
    position: absolute;
    right: -50px;
    bottom: -70px;
    width: 160px;
    aspect-ratio: 1;
    background: radial-gradient(circle, rgba(232,94,42,.17), rgba(232,94,42,0) 70%);
    pointer-events: none;
}

#zumi-hilux-premium .zhp-benefit-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    margin-bottom: 19px;
    color: var(--z-orange);
    background: rgba(232,94,42,.10);
    border: 1px solid rgba(232,94,42,.18);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-benefit-icon svg {
    width: 21px;
    height: 21px;
}

#zumi-hilux-premium .zhp-benefit h3 {
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(15px, 1vw, 20px);
    font-weight: 750;
    line-height: 1.12;
    letter-spacing: -.025em;
}

#zumi-hilux-premium .zhp-benefit p {
    margin: 9px 0 0;
    color: rgba(255,255,255,.62);
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: clamp(12px, .72vw, 14px);
    line-height: 1.55;
}

#zumi-hilux-premium .zhp-addons {
    padding:
        clamp(28px, 3vw, 58px)
        clamp(18px, 2.6vw, 50px);
    background:
        radial-gradient(circle at 95% 10%, rgba(232,94,42,.10), transparent 28%),
        #171717;
    color: #FFFFFF;
}

#zumi-hilux-premium .zhp-addons .zhp-section-title {
    color: #FFFFFF;
}

#zumi-hilux-premium .zhp-addons .zhp-section-copy {
    color: rgba(255,255,255,.60);
}

#zumi-hilux-premium .zhp-addon-tabs {
    display: inline-grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 5px;
    margin-top: clamp(24px, 2vw, 38px);
    padding: 5px;
    background: rgba(255,255,255,.055);
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-addon-tab {
    appearance: none;
    -webkit-appearance: none;
    padding: 10px 14px;
    color: rgba(255,255,255,.62);
    cursor: pointer;
    background: transparent;
    border-radius: 4px;
    font-size: 11px;
    font-weight: 750;
    white-space: nowrap;
}

#zumi-hilux-premium .zhp-addon-tab.is-active {
    color: #FFFFFF;
    background: #E85E2A !important;
}

#zumi-hilux-premium .zhp-addon-panel {
    display: none;
    margin-top: 13px;
}

#zumi-hilux-premium .zhp-addon-panel.is-active {
    display: block;
}

#zumi-hilux-premium .zhp-addon-grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: clamp(8px, .7vw, 14px);
}

#zumi-hilux-premium .zhp-addon-grid--two {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

#zumi-hilux-premium .zhp-addon-card {
    display: flex;
    flex-direction: column;
    min-width: 0;
    min-height: 100%;
    overflow: hidden;
    background: #222222;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-addon-card-media {
    position: relative;
    display: grid;
    place-items: center;
    min-height: 165px;
    padding: 16px;
    background:
        radial-gradient(circle at 50% 45%, rgba(255,255,255,.07), rgba(255,255,255,0) 72%),
        #1D1D1D;
}

#zumi-hilux-premium .zhp-addon-card-media img {
    width: 116px !important;
    height: 116px !important;
    padding: 7px;
    object-fit: contain;
    background: #FFFFFF;
    border: 2px solid rgba(232,94,42,.72);
    border-radius: 4px;
    box-shadow:
        0 0 0 1px rgba(255,255,255,.08),
        0 8px 22px rgba(0,0,0,.28);
}

#zumi-hilux-premium .zhp-addon-card-body {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: clamp(16px, 1.2vw, 22px);
}

#zumi-hilux-premium .zhp-addon-price {
    color: var(--z-orange);
    font-size: 11px;
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .07em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-addon-card h3 {
    margin: 7px 0 0;
    color: #FFFFFF;
    font-size: clamp(15px, .95vw, 19px);
    font-weight: 750;
    line-height: 1.12;
}

#zumi-hilux-premium .zhp-addon-card p {
    margin: 10px 0 0;
    color: rgba(255,255,255,.68);
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: clamp(12px, .70vw, 13.5px);
    line-height: 1.52;
}

#zumi-hilux-premium .zhp-addon-included {
    display: inline-flex;
    align-self: flex-start;
    margin-top: 11px;
    padding: 5px 8px;
    color: #FFD9C4;
    background: rgba(232,94,42,.12);
    border: 1px solid rgba(232,94,42,.18);
    border-radius: 4px;
    font-size: 9px;
    font-weight: 750;
}

#zumi-hilux-premium .zhp-faq {
    padding:
        clamp(28px, 3vw, 58px)
        clamp(18px, 2.6vw, 50px);
}

#zumi-hilux-premium .zhp-faq-grid {
    display: grid;
    grid-template-columns: minmax(0, .72fr) minmax(0, 1.28fr);
    gap: clamp(22px, 3vw, 58px);
    align-items: start;
}

#zumi-hilux-premium .zhp-faq-intro {
    position: sticky;
    top: 25px;
}

#zumi-hilux-premium .zhp-faq-aside {
    margin-top: 22px;
    padding: 18px;
    color: #FFFFFF;
    background: #181818;
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-faq-aside strong {
    display: block;
    color: #FFFFFF;
    font-size: 14px;
}

#zumi-hilux-premium .zhp-faq-aside span {
    display: block;
    margin-top: 6px;
    color: rgba(255,255,255,.58);
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.45;
}

#zumi-hilux-premium .zhp-faq-list {
    border-top: 1px solid var(--z-line);
}

#zumi-hilux-premium .zhp-faq-item {
    border-bottom: 1px solid var(--z-line);
}

#zumi-hilux-premium .zhp-faq-item summary {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    padding: clamp(18px, 1.4vw, 26px) 0;
    color: #1C1C1C;
    cursor: pointer;
    list-style: none;
    font-size: clamp(14px, .93vw, 18px);
    font-weight: 700;
    line-height: 1.3;
}

#zumi-hilux-premium .zhp-faq-item summary::-webkit-details-marker {
    display: none;
}

#zumi-hilux-premium .zhp-faq-item summary::after {
    content: "+";
    display: grid;
    place-items: center;
    flex: 0 0 31px;
    width: 31px;
    height: 31px;
    color: #FFFFFF;
    background: #1D1D1D;
    border-radius: 50%;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    transition: transform 160ms ease, background-color 160ms ease;
}

#zumi-hilux-premium .zhp-faq-item[open] summary::after {
    content: "−";
    background: var(--z-orange);
}

#zumi-hilux-premium .zhp-faq-answer {
    padding: 0 46px clamp(20px, 1.5vw, 28px) 0;
    color: #696969;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: clamp(13px, .78vw, 15px);
    line-height: 1.65;
}

#zumi-hilux-premium .zhp-faq-answer p {
    margin: 0 0 10px;
}

#zumi-hilux-premium .zhp-faq-answer p:last-child {
    margin-bottom: 0;
}

#zumi-hilux-premium .zhp-faq-media {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 6px;
    margin-top: 13px;
}

#zumi-hilux-premium .zhp-faq-media img {
    width: 100% !important;
    aspect-ratio: 1.5 / 1;
    object-fit: cover;
    border-radius: 4px;
    border: 1px solid var(--z-line);
}

#zumi-hilux-premium .zhp-faq-media--single {
    grid-template-columns: repeat(3, minmax(0, 1fr));
}

#zumi-hilux-premium .zhp-insurance {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 30px;
    overflow: hidden;
    padding:
        clamp(27px, 2.8vw, 52px)
        clamp(20px, 3vw, 58px);
    color: #FFFFFF;
    background:
        radial-gradient(circle at 88% 10%, rgba(232,94,42,.30), rgba(232,94,42,0) 38%),
        #171717;
    border-radius: 4px;
    box-shadow: var(--z-shadow-soft);
}

#zumi-hilux-premium .zhp-insurance h2 {
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(27px, 2.5vw, 50px);
    font-weight: 800;
    line-height: .98;
    letter-spacing: -.045em;
}

#zumi-hilux-premium .zhp-insurance p {
    max-width: 850px;
    margin: 10px 0 0;
    color: rgba(255,255,255,.60);
    font-size: clamp(13px, .8vw, 16px);
    line-height: 1.55;
}

#zumi-hilux-premium .zhp-final {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    min-height: clamp(460px, 34vw, 640px);
    border-radius: 4px;
    background: #111111;

    /* No exterior shadow here:
       keeps the rounded bottom edge crisp before the footer transition. */
    box-shadow: none;
}

#zumi-hilux-premium .zhp-final-bg {
    position: absolute !important;
    inset: 0 !important;
    z-index: 0;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover;
    object-position: center 60%;
}

#zumi-hilux-premium .zhp-final::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        linear-gradient(90deg, rgba(10,10,10,.93) 0%, rgba(10,10,10,.78) 40%, rgba(10,10,10,.25) 76%, rgba(10,10,10,.08) 100%),
        linear-gradient(0deg, rgba(0,0,0,.40), rgba(0,0,0,0) 55%);
}

#zumi-hilux-premium .zhp-final-content {
    position: relative;
    z-index: 2;
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-height: inherit;
    max-width: 920px;
    padding:
        clamp(38px, 4vw, 80px)
        clamp(25px, 4vw, 82px);
}

#zumi-hilux-premium .zhp-final h2 {
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(47px, 5.2vw, 106px);
    font-weight: 850;
    line-height: .84;
    letter-spacing: -.073em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-final h2 span {
    display: block;
    color: var(--z-orange);
}

#zumi-hilux-premium .zhp-final p {
    max-width: 720px;
    margin: 19px 0 0;
    color: rgba(255,255,255,.68);
    font-size: clamp(14px, .9vw, 18px);
    line-height: 1.55;
}

#zumi-hilux-premium .zhp-final-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: clamp(23px, 2vw, 35px);
}

#zumi-hilux-premium .zhp-contact-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 13px;
}

#zumi-hilux-premium .zhp-contact-pill {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 12px;
    color: rgba(255,255,255,.78) !important;
    background: rgba(255,255,255,.07);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 4px;
    font-size: 11px;
    font-weight: 650;
}

#zumi-hilux-premium .zhp-contact-pill svg {
    width: 15px;
    height: 15px;
    color: var(--z-orange);
}

#zumi-hilux-premium .zhp-contact-pill .zhp-contact-icon {
    display: block;
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px;
    object-fit: contain;
}

#zumi-hilux-premium .zhp-contact-icon--email {
    display: block;
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px;
    background-color: var(--z-orange);
    -webkit-mask: url("https://zumirentals.com/wp-content/uploads/2026/09/email-icon.svg") center / contain no-repeat;
    mask: url("https://zumirentals.com/wp-content/uploads/2026/09/email-icon.svg") center / contain no-repeat;
}

#zumi-hilux-premium .zhp-lightbox {
    position: fixed;
    z-index: 999999;
    inset: 0;
    display: none;
    place-items: center;
    padding: 20px;
    background: rgba(0,0,0,.90);
    backdrop-filter: blur(8px);
    -webkit-backdrop-filter: blur(8px);
}

#zumi-hilux-premium .zhp-lightbox.is-open {
    display: grid;
}

#zumi-hilux-premium .zhp-lightbox-inner {
    position: relative;
    width: min(94vw, 1500px);
    max-height: 92vh;
}

#zumi-hilux-premium .zhp-lightbox-image {
    width: 100% !important;
    max-height: 88vh;
    object-fit: contain;
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-lightbox-close,
#zumi-hilux-premium .zhp-lightbox-nav {
    position: absolute;
    z-index: 5;
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: #FFFFFF;
    cursor: pointer;
    background: rgba(15,15,15,.75);
    border: 1px solid rgba(255,255,255,.20);
    border-radius: 50%;
    backdrop-filter: blur(6px);
}

#zumi-hilux-premium .zhp-lightbox-close {
    top: 12px;
    right: 12px;
    font-size: 22px;
}

#zumi-hilux-premium .zhp-lightbox-nav {
    top: 50%;
    transform: translateY(-50%);
    font-size: 24px;
}

#zumi-hilux-premium .zhp-lightbox-prev { left: 12px; }
#zumi-hilux-premium .zhp-lightbox-next { right: 12px; }

#zumi-hilux-premium .zhp-mobile-booking {
    display: none;
}

@media (max-width: 1180px) {
    #zumi-hilux-premium .zhp-hero {
        grid-template-columns: minmax(0, 1fr) minmax(460px, .92fr);
    }

    #zumi-hilux-premium .zhp-hero-specs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #zumi-hilux-premium .zhp-feature-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    #zumi-hilux-premium .zhp-addon-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1100px) {
    #zumi-hilux-premium .zhp-hero {
        display: block;
        min-height: 0;
    }

    #zumi-hilux-premium .zhp-hero-media {
        height: auto;
        aspect-ratio: 16 / 10;
    }

    #zumi-hilux-premium .zhp-hero-main {
        min-height: 0;
    }

    #zumi-hilux-premium .zhp-hero-info {
        padding: 36px 30px 38px;
    }

    #zumi-hilux-premium .zhp-hero-price-row {
        grid-template-columns: minmax(0, 1fr);
    }
}

@media (max-width: 900px) {
    #zumi-hilux-premium {
        padding: 5px;
    }

    #zumi-hilux-premium .zhp-hero {
        display: block;
        min-height: 0;
    }

    #zumi-hilux-premium .zhp-hero-media {
        height: auto;
        aspect-ratio: 16 / 10;
    }

    #zumi-hilux-premium .zhp-hero-main {
        min-height: 0;
    }

    #zumi-hilux-premium .zhp-hero-info {
        padding: 32px 27px 34px;
    }

    #zumi-hilux-premium .zhp-title {
        max-width: 680px;
    }

    #zumi-hilux-premium .zhp-pricing-head {
        display: block;
    }

    #zumi-hilux-premium .zhp-currency-wrap {
        width: 100%;
        min-width: 0;
        max-width: 100%;
        margin-top: 15px;
        justify-self: stretch;
    }

    #zumi-hilux-premium .zhp-currency-label,
    #zumi-hilux-premium .zhp-fx-note {
        text-align: left;
    }

    #zumi-hilux-premium .zhp-feature-grid {
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    #zumi-hilux-premium .zhp-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #zumi-hilux-premium .zhp-addon-grid,
    #zumi-hilux-premium .zhp-addon-grid--two {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    #zumi-hilux-premium .zhp-faq-grid {
        display: block;
    }

    #zumi-hilux-premium .zhp-faq-intro {
        position: static;
        margin-bottom: 22px;
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-zero-callout {
        display: flex;
        margin-top: 13px;
        padding: 10px 11px;
        gap: 9px;
        font-size: 10.5px;
        line-height: 1.38;
    }

    #zumi-hilux-premium .zhp-zero-callout-icon {
        flex-basis: 30px;
        width: 30px;
        height: 30px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero td {
        border-top-width: 2px;
        border-bottom-width: 2px;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child {
        border-left-width: 2px;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero td:last-child {
        border-right-width: 2px;
    }

    #zumi-hilux-premium .zhp-price-table-wrap {
        overflow: visible !important;
        width: 100%;
        max-width: 100%;
    }

    #zumi-hilux-premium .zhp-price-table {
        width: 100%;
        min-width: 0 !important;
        max-width: 100%;
        table-layout: fixed;
    }

    #zumi-hilux-premium .zhp-price-table th,
    #zumi-hilux-premium .zhp-price-table td {
        padding: 11px 4px;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    #zumi-hilux-premium .zhp-price-table th:first-child,
    #zumi-hilux-premium .zhp-price-table td:first-child {
        width: 37%;
        padding-left: 8px;
        padding-right: 6px;
    }

    #zumi-hilux-premium .zhp-price-table th:not(:first-child),
    #zumi-hilux-premium .zhp-price-table td:not(:first-child) {
        width: 21%;
    }

    #zumi-hilux-premium .zhp-price-table thead th {
        font-size: 8.8px;
        font-weight: 850;
        letter-spacing: .025em;
        white-space: normal;
    }

    #zumi-hilux-premium .zhp-price-table tbody td:first-child {
        font-size: 10.5px;
        font-weight: 800;
        line-height: 1.2;
    }

    #zumi-hilux-premium .zhp-price-table .money {
        font-size: 12.5px;
        font-weight: 850;
        letter-spacing: -.025em;
        white-space: nowrap;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero .money {
        font-size: 13.5px;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child::after {
        display: block;
        width: max-content;
        max-width: 100%;
        margin: 5px 0 0;
        padding: 4px 6px;
        font-size: 7px;
    }

    #zumi-hilux-premium {
        --z-radius: 12px;
        /* Keep the same visible mobile gutter as the native booking portal. */
        padding: 5px;
    }

    #zumi-hilux-premium .zhp-section {
        margin-top: 7px;
    }

    #zumi-hilux-premium .zhp-panel,
    #zumi-hilux-premium .zhp-hero,
    #zumi-hilux-premium .zhp-insurance,
    #zumi-hilux-premium .zhp-final {
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-section-title {
        font-size: clamp(31px, 9.8vw, 45px);
        line-height: .96;
    }

    #zumi-hilux-premium .zhp-section-copy {
        margin-top: 11px;
        font-size: 13px;
        line-height: 1.5;
    }

    #zumi-hilux-premium .zhp-hero-media {
        aspect-ratio: 1.23 / 1;
    }

    #zumi-hilux-premium .zhp-hero-main {
        object-position: center center;
    }

    #zumi-hilux-premium .zhp-gallery-strip {
        left: 9px;
        right: 9px;
        bottom: 9px;
        gap: 4px;
    }

    #zumi-hilux-premium .zhp-thumb {
        border-width: 1px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-view-gallery {
        top: 9px;
        left: 9px;
        padding: 7px 9px;
        font-size: 10px;
    }

    #zumi-hilux-premium .zhp-hero-info {
        padding: 25px 17px 24px;
    }

    #zumi-hilux-premium .zhp-hilux-logo {
        width: 125px !important;
        margin-bottom: 11px;
    }

    #zumi-hilux-premium .zhp-model {
        margin-bottom: 6px;
        font-size: 10px;
    }

    #zumi-hilux-premium .zhp-title {
        font-size: clamp(45px, 13.4vw, 65px);
        line-height: .85;
    }

    #zumi-hilux-premium .zhp-hero-tagline {
        margin-top: 14px;
        font-size: 16px;
    }

    #zumi-hilux-premium .zhp-hero-description {
        margin-top: 8px;
        font-size: 12.5px;
    }

    #zumi-hilux-premium .zhp-hero-specs {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 6px;
        margin-top: 17px;
    }

    #zumi-hilux-premium .zhp-hero-spec,
    #zumi-hilux-premium .zhp-hero-spec:nth-child(4) {
        grid-column: span 1;
        grid-template-columns: 31px minmax(0, 1fr);
        gap: 7px;
        min-height: 61px;
        padding: 8px 7px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-hero-spec:nth-child(5) {
        grid-column: 1 / -1;
    }

    #zumi-hilux-premium .zhp-hero-spec-icon {
        width: 31px;
        height: 31px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-hero-spec-icon .zhp-icon {
        font-size: 14px;
    }

    #zumi-hilux-premium .zhp-hero-spec strong {
        font-size: 10px;
    }

    #zumi-hilux-premium .zhp-hero-spec small {
        margin-top: 2px;
        font-size: 8px;
    }

    #zumi-hilux-premium .zhp-hero-price-row {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 13px;
        margin-top: 18px;
        padding-top: 17px;
    }

    #zumi-hilux-premium .zhp-hero-actions {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        margin-top: 0;
    }

    #zumi-hilux-premium .zhp-hero-actions .zhp-btn {
        min-height: 43px;
        padding: 9px 7px;
        font-size: 9.8px;
    }

    #zumi-hilux-premium .zhp-btn {
        flex: 1 1 0;
        min-height: 43px;
        padding: 10px 10px;
        font-size: 10.5px;
    }

    #zumi-hilux-premium .zhp-pricing,
    #zumi-hilux-premium .zhp-features,
    #zumi-hilux-premium .zhp-addons,
    #zumi-hilux-premium .zhp-faq {
        padding: 23px 12px;
    }

    #zumi-hilux-premium .zhp-currency {
        width: 100%;
        grid-template-columns: repeat(5, minmax(0, 1fr));
    }

    #zumi-hilux-premium .zhp-currency button {
        width: 100%;
        min-width: 0;
        padding: 8px 3px;
        font-size: 9.7px;
        white-space: nowrap;
    }

    #zumi-hilux-premium .zhp-currency button span:first-child {
        font-size: 13px;
    }

    #zumi-hilux-premium .zhp-season-tabs {
        gap: 4px;
        margin-top: 19px;
    }

    #zumi-hilux-premium .zhp-season-tab {
        padding: 10px 8px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-season-tab strong {
        font-size: 11.5px;
        line-height: 1.15;
    }

    #zumi-hilux-premium .zhp-season-tab small {
        margin-top: 3px;
        font-size: 9.2px;
        line-height: 1.2;
    }

    #zumi-hilux-premium .zhp-price-panel {
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-price-table th,
    #zumi-hilux-premium .zhp-price-table td {
        padding: 13px 12px;
    }

    #zumi-hilux-premium .zhp-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 5px;
        margin-top: 15px;
    }

    #zumi-hilux-premium .zhp-feature {
        min-height: 70px;
        padding: 7px 6px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-feature img {
        width: 28px !important;
        height: 28px !important;
        margin-bottom: 5px;
    }

    #zumi-hilux-premium .zhp-feature span {
        font-size: 10px;
        font-weight: 750;
        line-height: 1.12;
    }

    #zumi-hilux-premium .zhp-benefits {
        display: block;
        margin-top: 8px;
    }

    #zumi-hilux-premium .zhp-benefit {
        margin-top: 6px;
        padding: 18px 16px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-benefit-icon {
        width: 36px;
        height: 36px;
        margin-bottom: 13px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-addon-tabs {
        display: grid;
        width: 100%;
        margin-top: 18px;
    }

    #zumi-hilux-premium .zhp-addon-tab {
        min-width: 0;
        padding: 9px 4px;
        font-size: 9px;
        white-space: normal;
    }

    #zumi-hilux-premium .zhp-addon-grid,
    #zumi-hilux-premium .zhp-addon-grid--two {
        display: block;
    }

    #zumi-hilux-premium .zhp-addon-card {
        display: grid;
        grid-template-columns: 124px minmax(0, 1fr);
        margin-top: 6px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-addon-card-media {
        min-height: 100%;
        padding: 10px;
    }

    #zumi-hilux-premium .zhp-addon-card-media img {
        width: 96px !important;
        height: 96px !important;
        padding: 6px;
        border-width: 2px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-addon-card-body {
        padding: 13px 12px;
    }

    #zumi-hilux-premium .zhp-addon-price {
        font-size: 9.5px;
    }

    #zumi-hilux-premium .zhp-addon-card h3 {
        margin-top: 4px;
        font-size: 14px;
        line-height: 1.15;
    }

    #zumi-hilux-premium .zhp-addon-card p {
        margin-top: 6px;
        font-size: 11.5px;
        line-height: 1.43;
    }

    #zumi-hilux-premium .zhp-faq-item summary {
        padding: 16px 0;
        font-size: 12.5px;
    }

    #zumi-hilux-premium .zhp-faq-answer {
        padding: 0 0 17px;
        font-size: 12px;
        line-height: 1.55;
    }

    #zumi-hilux-premium .zhp-faq-media {
        gap: 4px;
    }

    #zumi-hilux-premium .zhp-insurance {
        display: block;
        padding: 24px 17px;
    }

    #zumi-hilux-premium .zhp-insurance h2 {
        font-size: 29px;
    }

    #zumi-hilux-premium .zhp-insurance .zhp-btn {
        display: inline-flex;
        width: auto;
        margin-top: 18px;
    }

    #zumi-hilux-premium .zhp-final {
        min-height: 520px;
    }

    #zumi-hilux-premium .zhp-final-bg {
        object-position: 58% center;
    }

    #zumi-hilux-premium .zhp-final::after {
        background:
            linear-gradient(0deg, rgba(10,10,10,.96) 0%, rgba(10,10,10,.82) 44%, rgba(10,10,10,.29) 75%, rgba(10,10,10,.10) 100%);
    }

    #zumi-hilux-premium .zhp-final-content {
        justify-content: flex-end;
        padding: 25px 17px 28px;
    }

    #zumi-hilux-premium .zhp-final h2 {
        font-size: clamp(43px, 13vw, 60px);
        line-height: .85;
    }

    #zumi-hilux-premium .zhp-final p {
        margin-top: 13px;
        font-size: 12.5px;
    }

    #zumi-hilux-premium .zhp-final-actions {
        margin-top: 16px;
    }

    #zumi-hilux-premium .zhp-contact-pills {
        margin-top: 9px;
    }

    #zumi-hilux-premium .zhp-contact-pill {
        padding: 8px 9px;
        font-size: 9.5px;
    }

    #zumi-hilux-premium .zhp-mobile-booking {
        position: fixed;
        z-index: 99990;
        left: 8px;
        right: 8px;
        bottom: 8px;
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 8px;
        align-items: center;
        padding: 8px;
        color: #FFFFFF;
        background: rgba(20,20,20,.94);
        border: 1px solid rgba(255,255,255,.11);
        border-radius: 4px;
        box-shadow: 0 12px 35px rgba(0,0,0,.35);
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
    }

    #zumi-hilux-premium .zhp-mobile-booking small {
        display: block;
        color: rgba(255,255,255,.50);
        font-size: 8px;
        font-weight: 650;
        text-transform: uppercase;
        letter-spacing: .07em;
    }

    #zumi-hilux-premium .zhp-mobile-booking strong {
        display: block;
        margin-top: 2px;
        color: #FFFFFF;
        font-size: 15px;
        line-height: 1;
    }

    #zumi-hilux-premium .zhp-mobile-booking .zhp-btn {
        flex: none;
        min-height: 39px;
        padding: 9px 13px;
    }
}

@media (max-width: 380px) {
    #zumi-hilux-premium .zhp-title {
        font-size: 43px;
    }

    #zumi-hilux-premium .zhp-addon-card {
        grid-template-columns: 108px minmax(0, 1fr);
    }

    #zumi-hilux-premium .zhp-addon-card-media img {
        width: 82px !important;
        height: 82px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    #zumi-hilux-premium *,
    #zumi-hilux-premium *::before,
    #zumi-hilux-premium *::after {
        scroll-behavior: auto !important;
        animation: none !important;
        transition: none !important;
    }
}

#zumi-hilux-premium .zhp-mobile-booking {
    display: none !important;
}

/* Compact vehicle specifications */
#zumi-hilux-premium .zhp-vehicle-specs {
    position: relative;
    isolation: isolate;
    overflow: hidden;
    padding: clamp(24px, 2.4vw, 44px);
    background:
        radial-gradient(circle at 100% 0%, rgba(232,94,42,.08), transparent 28%),
        #FFFFFF;
}

#zumi-hilux-premium .zhp-vehicle-specs::before {
    content: "";
    position: absolute;
    z-index: 0;
    top: clamp(8px, .8vw, 16px);
    right: clamp(18px, 2.6vw, 48px);
    left: auto;
    width: clamp(125px, 9.5vw, 190px);
    aspect-ratio: 1;
    pointer-events: none;
    background: var(--z-orange);
    opacity: .075;
    transform: rotate(-8deg);
    filter: blur(.15px);
    -webkit-mask: url('https://zumirentals.com/wp-content/uploads/2026/09/magnyfying-glass-more-info-booking.svg') center / contain no-repeat;
    mask: url('https://zumirentals.com/wp-content/uploads/2026/09/magnyfying-glass-more-info-booking.svg') center / contain no-repeat;
}

#zumi-hilux-premium .zhp-vehicle-specs > * {
    position: relative;
    z-index: 1;
}

#zumi-hilux-premium .zhp-vehicle-specs-head {
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(320px, 1.1fr);
    align-items: end;
    gap: clamp(18px, 2.8vw, 48px);
}

#zumi-hilux-premium .zhp-vehicle-specs-title {
    margin: 0;
    color: var(--z-ink);
    font-size: clamp(27px, 2.1vw, 44px);
    font-weight: 800;
    line-height: 1;
    letter-spacing: -.04em;
}

#zumi-hilux-premium .zhp-vehicle-specs-intro {
    max-width: 700px;
    margin: 0;
    padding-top: clamp(42px, 3.4vw, 62px);
    color: var(--z-muted);
    font-size: clamp(13px, .82vw, 16px);
    line-height: 1.55;
}

#zumi-hilux-premium .zhp-vehicle-specs-grid {
    display: grid;
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 9px;
    margin-top: clamp(20px, 2vw, 34px);
}

#zumi-hilux-premium .zhp-vehicle-spec-card {
    min-width: 0;
    padding: clamp(14px, 1.2vw, 20px);
    background: #FAF8F6;
    border: 1px solid rgba(17,17,17,.08);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-vehicle-spec-card > .zhp-vehicle-spec-label {
    display: flex;
    align-items: center;
    gap: 7px;
    margin-bottom: 9px;
    color: var(--z-orange);
    font-size: clamp(8.5px, .55vw, 10.5px);
    font-weight: 800;
    line-height: 1.2;
    letter-spacing: .09em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-vehicle-spec-label img {
    width: clamp(22px, 1.55vw, 29px) !important;
    height: clamp(22px, 1.55vw, 29px) !important;
    flex: 0 0 auto;
    object-fit: contain;
}

#zumi-hilux-premium .zhp-vehicle-spec-card strong {
    display: block;
    color: var(--z-ink);
    font-size: clamp(16px, 1.15vw, 22px);
    font-weight: 800;
    line-height: 1.1;
    letter-spacing: -.025em;
}

#zumi-hilux-premium .zhp-vehicle-spec-card small {
    display: block;
    margin-top: 5px;
    color: var(--z-muted);
    font-size: clamp(9px, .58vw, 11px);
    line-height: 1.35;
}

@media (max-width: 1100px) {
    #zumi-hilux-premium .zhp-vehicle-specs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-vehicle-specs {
        padding: 22px 16px;
    }

    #zumi-hilux-premium .zhp-vehicle-specs::before {
        top: 8px;
        left: auto;
        right: 8px;
        width: 105px;
        opacity: .055;
        transform: rotate(-8deg);
        filter: blur(.15px);
    }

    #zumi-hilux-premium .zhp-vehicle-specs-head {
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
    }

    #zumi-hilux-premium .zhp-vehicle-specs-intro {
        padding-top: 0;
        padding-right: 62px;
        font-size: 12.5px;
        line-height: 1.5;
    }

    #zumi-hilux-premium .zhp-vehicle-specs-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px;
        margin-top: 17px;
    }

    #zumi-hilux-premium .zhp-vehicle-spec-card {
        padding: 12px 11px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-vehicle-spec-card > .zhp-vehicle-spec-label {
        gap: 6px;
        margin-bottom: 7px;
    }

    #zumi-hilux-premium .zhp-vehicle-spec-label img {
        width: 21px !important;
        height: 21px !important;
    }

    #zumi-hilux-premium .zhp-vehicle-spec-card strong {
        font-size: 15px;
    }

    #zumi-hilux-premium .zhp-vehicle-spec-card small {
        font-size: 9px;
    }
}



/* ============================================================
   HERO BENEFIT CARDS - replaces the former hero spec tiles
   ============================================================ */
#zumi-hilux-premium .zhp-hero-benefits {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
    margin-top: clamp(20px, 1.6vw, 30px);
}

#zumi-hilux-premium .zhp-hero-benefit {
    position: relative;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    align-items: start;
    gap: 11px;
    min-width: 0;
    min-height: 88px;
    padding: 12px 13px 12px 12px;
    overflow: hidden;
    color: #FFFFFF;
    background:
        radial-gradient(circle at 100% 100%, rgba(232,94,42,.10), transparent 45%),
        rgba(255,255,255,.048);
    border: 1px solid rgba(255,255,255,.11);
    border-radius: 4px;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}

#zumi-hilux-premium .zhp-hero-benefit-icon {
    display: grid;
    place-items: center;
    width: 42px;
    height: 42px;
    color: var(--z-orange);
    background: rgba(232,94,42,.11);
    border: 1px solid rgba(232,94,42,.30);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-hero-benefit-icon .zhp-url-svg-icon {
    width: 19px !important;
    height: 19px !important;
    color: var(--z-orange) !important;
    background-color: currentColor !important;
}

#zumi-hilux-premium .zhp-hero-benefit-copy {
    min-width: 0;
}

#zumi-hilux-premium .zhp-hero-benefit h3 {
    margin: 0;
    color: #FFFFFF;
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: clamp(12px, .76vw, 15px);
    font-weight: 750;
    line-height: 1.18;
    letter-spacing: -.018em;
}

#zumi-hilux-premium .zhp-hero-benefit p {
    margin: 5px 0 0;
    color: rgba(255,255,255,.68);
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: clamp(10.5px, .63vw, 12.5px);
    line-height: 1.45;
}

#zumi-hilux-premium .zhp-hero-benefits + .zhp-hero-price-row {
    margin-top: clamp(18px, 1.4vw, 26px);
}

@media (max-width: 1180px) {
    #zumi-hilux-premium .zhp-hero-benefit {
        min-height: 84px;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 9px;
        padding: 11px;
    }

    #zumi-hilux-premium .zhp-hero-benefit-icon {
        width: 38px;
        height: 38px;
    }
}

@media (max-width: 1100px) {
    #zumi-hilux-premium .zhp-hero-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        max-width: 900px;
    }

    #zumi-hilux-premium .zhp-hero-benefit {
        min-height: 82px;
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-hero-benefits {
        grid-template-columns: minmax(0, 1fr);
        gap: 7px;
        margin-top: 17px;
    }

    #zumi-hilux-premium .zhp-hero-benefit {
        min-height: 0;
        grid-template-columns: 38px minmax(0, 1fr);
        gap: 10px;
        padding: 11px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-hero-benefit-icon {
        width: 38px;
        height: 38px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-hero-benefit-icon .zhp-url-svg-icon {
        width: 17px !important;
        height: 17px !important;
    }

    #zumi-hilux-premium .zhp-hero-benefit h3 {
        font-size: 13px;
    }

    #zumi-hilux-premium .zhp-hero-benefit p {
        margin-top: 4px;
        font-size: 11.5px;
        line-height: 1.42;
    }
}



/* ============================================================
   CAMPING FEATURE ICON CONSISTENCY
   Every feature graphic uses the same proportional icon canvas.
   ============================================================ */

#zumi-hilux-premium .zhp-feature img {
    display: block !important;
    width: 36px !important;
    height: 36px !important;
    max-width: 36px !important;
    max-height: 36px !important;
    margin: 0 auto 6px !important;
    padding: 0 !important;
    object-fit: contain !important;
    object-position: center center !important;
    transform: none !important;
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-feature img {
        width: 27px !important;
        height: 27px !important;
        max-width: 27px !important;
        max-height: 27px !important;
        margin-bottom: 4px !important;
    }
}

@media (max-width: 390px) {
    #zumi-hilux-premium .zhp-feature img {
        width: 25px !important;
        height: 25px !important;
        max-width: 25px !important;
        max-height: 25px !important;
    }
}



#zumi-hilux-premium .zhp-addon-card-media,
#zumi-hilux-premium .zhp-addon-card-body {
    min-width: 0;
}

#zumi-hilux-premium .zhp-addon-card-media img {
    max-width: 100% !important;
}



#zumi-hilux-premium .zhp-currency-wrap,
#zumi-hilux-premium .zhp-currency,
#zumi-hilux-premium .zhp-currency button,
#zumi-hilux-premium .zhp-fx-note {
    box-sizing: border-box;
}

@media (min-width: 901px) {
    #zumi-hilux-premium .zhp-currency-wrap {
        width: 410px;
        min-width: 410px;
        max-width: 410px;
    }

    #zumi-hilux-premium .zhp-pricing-head {
        grid-template-columns: minmax(0, 1fr) 410px;
    }
}




#zumi-hilux-premium {
    --z-recommended: #E2A428;
    --z-recommended-dark: #D17A12;
    --z-recommended-soft: #FFF0C7;
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero td {
    color: #A95B08;
    background: linear-gradient(180deg, #FFF8DF 0%, #FFE19A 100%);
    border-color: var(--z-recommended);
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        inset 0 -1px 0 rgba(209,122,18,.13);
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child,
#zumi-hilux-premium .zhp-price-table tr.zhp-zero .money {
    color: var(--z-recommended-dark);
}

#zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child::after {
    color: #FFFFFF;
    background: linear-gradient(180deg, #F0B33A 0%, #D88714 100%);
    box-shadow: 0 4px 12px rgba(216,135,20,.25);
}

#zumi-hilux-premium .zhp-zero-callout {
    color: #A45A08;
    background: linear-gradient(180deg, #FFF8E1 0%, #FFE7AA 100%);
    border-color: rgba(226,164,40,.48);
    box-shadow: 0 6px 18px rgba(216,135,20,.08);
}

#zumi-hilux-premium .zhp-zero-callout-icon {
    background: linear-gradient(180deg, #F0B33A 0%, #D88714 100%);
    box-shadow: 0 5px 12px rgba(216,135,20,.22);
}

#zumi-hilux-premium .zhp-zero-callout strong {
    color: var(--z-recommended-dark);
}

#zumi-hilux-premium .zhp-eyebrow {
    font-size: clamp(12px, .74vw, 15px);
}

#zumi-hilux-premium .zhp-section-copy {
    font-size: clamp(16px, 1vw, 20px);
    line-height: 1.62;
}

#zumi-hilux-premium .zhp-model {
    font-size: clamp(13px, .84vw, 17px);
}

#zumi-hilux-premium .zhp-hero-tagline {
    font-size: clamp(18px, 1.3vw, 26px);
}

#zumi-hilux-premium .zhp-hero-description {
    font-size: clamp(15px, .95vw, 19px);
    line-height: 1.62;
}

#zumi-hilux-premium .zhp-hero-spec strong {
    font-size: clamp(12px, .78vw, 15.5px);
}

#zumi-hilux-premium .zhp-hero-spec small {
    font-size: clamp(10.5px, .62vw, 12px);
    line-height: 1.28;
}

#zumi-hilux-premium .zhp-from {
    font-size: 12.5px;
}

#zumi-hilux-premium .zhp-hero-price small {
    font-size: 13.5px;
}

#zumi-hilux-premium .zhp-btn {
    font-size: clamp(12.5px, .8vw, 15px);
}

#zumi-hilux-premium .zhp-currency-label {
    font-size: 11.5px;
}

#zumi-hilux-premium .zhp-currency button {
    font-size: 12px;
}

#zumi-hilux-premium .zhp-fx-note {
    font-size: 11.5px;
    line-height: 1.45;
}

#zumi-hilux-premium .zhp-zero-callout {
    font-size: clamp(14px, .9vw, 17px);
    line-height: 1.5;
}

#zumi-hilux-premium .zhp-season-tab strong {
    font-size: clamp(16px, 1.03vw, 20px);
}

#zumi-hilux-premium .zhp-season-tab small {
    font-size: clamp(12.5px, .76vw, 14.5px);
    line-height: 1.3;
}

#zumi-hilux-premium .zhp-price-table thead th {
    font-size: clamp(12px, .78vw, 15px);
}

#zumi-hilux-premium .zhp-price-table tbody td:first-child {
    font-size: clamp(15px, .96vw, 19px);
}

#zumi-hilux-premium .zhp-feature span {
    font-size: clamp(11.5px, .74vw, 14px);
}

#zumi-hilux-premium .zhp-benefit h3 {
    font-size: clamp(17px, 1.08vw, 22px);
}

#zumi-hilux-premium .zhp-benefit p {
    color: rgba(255,255,255,.72);
    font-size: clamp(14px, .85vw, 16.5px);
    line-height: 1.62;
}

#zumi-hilux-premium .zhp-addon-tab {
    font-size: 12.5px;
}

#zumi-hilux-premium .zhp-addon-price {
    font-size: 12.5px;
}

#zumi-hilux-premium .zhp-addon-card h3 {
    font-size: clamp(17px, 1.05vw, 21px);
}

#zumi-hilux-premium .zhp-addon-card p {
    color: rgba(255,255,255,.76);
    font-size: clamp(14px, .84vw, 16px);
    line-height: 1.58;
}

#zumi-hilux-premium .zhp-addon-included {
    font-size: 10.5px;
}

#zumi-hilux-premium .zhp-faq-aside strong {
    font-size: 16px;
}

#zumi-hilux-premium .zhp-faq-aside span {
    color: rgba(255,255,255,.70);
    font-size: 14px;
    line-height: 1.55;
}

#zumi-hilux-premium .zhp-faq-item summary {
    font-size: clamp(16px, 1.04vw, 20px);
}

#zumi-hilux-premium .zhp-faq-answer {
    font-size: clamp(15px, .92vw, 17px);
    line-height: 1.7;
}

#zumi-hilux-premium .zhp-insurance p {
    color: rgba(255,255,255,.72);
    font-size: clamp(15px, .95vw, 18px);
    line-height: 1.62;
}

#zumi-hilux-premium .zhp-final p {
    color: rgba(255,255,255,.76);
    font-size: clamp(16px, 1vw, 19px);
    line-height: 1.62;
}

#zumi-hilux-premium .zhp-contact-pill {
    font-size: 12.5px;
}

@media (max-width: 700px) {

    #zumi-hilux-premium .zhp-eyebrow {
        font-size: 10.5px;
    }

    #zumi-hilux-premium .zhp-section-copy {
        font-size: 14px;
        line-height: 1.55;
    }

    #zumi-hilux-premium .zhp-model {
        font-size: 11.5px;
    }

    #zumi-hilux-premium .zhp-hero-tagline {
        font-size: 17px;
    }

    #zumi-hilux-premium .zhp-hero-description {
        font-size: 14px;
        line-height: 1.55;
    }

    #zumi-hilux-premium .zhp-hero-spec strong {
        font-size: 11.2px;
    }

    #zumi-hilux-premium .zhp-hero-spec small {
        font-size: 9.5px;
    }

    #zumi-hilux-premium .zhp-hero-actions .zhp-btn {
        font-size: 11px;
    }

    #zumi-hilux-premium .zhp-zero-callout {
        font-size: 12px;
        line-height: 1.45;
    }

    #zumi-hilux-premium .zhp-currency-label {
        font-size: 10.5px;
    }

    #zumi-hilux-premium .zhp-currency button {
        font-size: 10.5px;
    }

    #zumi-hilux-premium .zhp-fx-note {
        font-size: 10.5px;
    }

    #zumi-hilux-premium .zhp-season-tab strong {
        font-size: 12.5px;
    }

    #zumi-hilux-premium .zhp-season-tab small {
        font-size: 10px;
    }

    #zumi-hilux-premium .zhp-price-table thead th {
        font-size: 9.7px;
    }

    #zumi-hilux-premium .zhp-price-table tbody td:first-child {
        font-size: 11.3px;
    }

    #zumi-hilux-premium .zhp-price-table .money {
        font-size: 13.4px;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero .money {
        font-size: 14.5px;
    }

    #zumi-hilux-premium .zhp-feature span {
        font-size: 10.8px;
    }

    #zumi-hilux-premium .zhp-benefit h3 {
        font-size: 16px;
    }

    #zumi-hilux-premium .zhp-benefit p {
        font-size: 13px;
        line-height: 1.55;
    }

    #zumi-hilux-premium .zhp-addon-tab {
        font-size: 10.5px;
    }

    #zumi-hilux-premium .zhp-addon-price {
        font-size: 11px;
    }

    #zumi-hilux-premium .zhp-addon-card h3 {
        font-size: 15px;
    }

    #zumi-hilux-premium .zhp-addon-card p {
        font-size: 12.5px;
        line-height: 1.48;
    }

    #zumi-hilux-premium .zhp-addon-included {
        font-size: 9.5px;
    }

    #zumi-hilux-premium .zhp-faq-aside strong {
        font-size: 15px;
    }

    #zumi-hilux-premium .zhp-faq-aside span {
        font-size: 13px;
    }

    #zumi-hilux-premium .zhp-faq-item summary {
        font-size: 14px;
    }

    #zumi-hilux-premium .zhp-faq-answer {
        font-size: 13.5px;
        line-height: 1.62;
    }

    #zumi-hilux-premium .zhp-insurance p {
        font-size: 14px;
        line-height: 1.55;
    }

    #zumi-hilux-premium .zhp-final p {
        font-size: 14px;
        line-height: 1.55;
    }

    #zumi-hilux-premium .zhp-contact-pill {
        font-size: 10.8px;
    }
}




@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-gallery-strip {
        grid-template-columns: repeat(5, minmax(0, 1fr));
        gap: 3px;
    }

    #zumi-hilux-premium .zhp-thumb {
        border-radius: 4px;
    }
}

/* ============================================================
   HILUX CAMPING — EQUIPMENT SHOWCASE
   ============================================================ */

#zumi-hilux-premium .zhp-equipment {
    padding:
        clamp(30px, 3.2vw, 62px)
        clamp(18px, 2.6vw, 50px)
        clamp(28px, 3vw, 58px);
    background:
        radial-gradient(circle at 96% 0%, rgba(232,94,42,.10), transparent 28%),
        #FFFFFF;
}

#zumi-hilux-premium .zhp-equipment-head {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: end;
    gap: clamp(20px, 2.5vw, 46px);
}

#zumi-hilux-premium .zhp-equipment-icon-wrap {
    display: grid;
    place-items: center;
    width: clamp(72px, 5.8vw, 108px);
    height: clamp(72px, 5.8vw, 108px);
    color: var(--z-orange);
    background: var(--z-orange-soft);
    border: 1px solid rgba(232,94,42,.20);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-equipment-icon-wrap .zhp-url-svg-icon {
    width: 52% !important;
    height: 52% !important;
}

#zumi-hilux-premium .zhp-equipment-grid {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    gap: clamp(12px, 1.2vw, 20px);
    margin-top: clamp(25px, 2.2vw, 42px);
}

#zumi-hilux-premium .zhp-equipment-card {
    min-width: 0;
    overflow: hidden;
    background:
        radial-gradient(circle at 100% 0%, rgba(232,94,42,.12), transparent 30%),
        #171717;
    border: 1px solid rgba(17,17,17,.08);
    border-radius: 4px;
    box-shadow: 0 9px 30px rgba(17,17,17,.07);
}

#zumi-hilux-premium .zhp-equipment-card--combined {
    display: grid;
    grid-template-columns: minmax(0, 1.08fr) minmax(360px, .92fr);
    align-items: stretch;
}

#zumi-hilux-premium .zhp-equipment-card--camping {
    grid-template-columns: minmax(0, .92fr) minmax(390px, 1.08fr);
}

#zumi-hilux-premium .zhp-equipment-card--camping .zhp-equipment-gallery-media {
    min-height: clamp(330px, 24vw, 455px);
}

#zumi-hilux-premium .zhp-equipment-card--camping .zhp-equipment-body {
    padding: clamp(22px, 2.25vw, 42px);
}

#zumi-hilux-premium .zhp-equipment-card--camping h3 {
    font-size: clamp(27px, 2.25vw, 47px);
}

#zumi-hilux-premium .zhp-equipment-gallery-media--static .zhp-equipment-main {
    object-position: center center !important;
}

    
#zumi-hilux-premium .zhp-equipment-gallery-media {
    position: relative;
    min-width: 0;
    min-height: clamp(440px, 33vw, 620px);
    overflow: hidden;
    background: #101010;
}

#zumi-hilux-premium .zhp-equipment-main {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: inherit;
    object-fit: cover !important;
    object-position: center center !important;
    transition:
        opacity 180ms ease,
        transform 650ms ease;
}

#zumi-hilux-premium .zhp-equipment-gallery-media:hover
.zhp-equipment-main {
    transform: scale(1.012);
}

#zumi-hilux-premium .zhp-equipment-gallery-media::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background:
        linear-gradient(
            90deg,
            rgba(0,0,0,.05) 0%,
            rgba(0,0,0,.01) 58%,
            rgba(0,0,0,.20) 100%
        ),
        linear-gradient(
            0deg,
            rgba(0,0,0,.24) 0%,
            rgba(0,0,0,0) 38%
        );
}

/*
 * The equipment gallery deliberately reuses:
 *   .zhp-view-gallery
 *   .zhp-gallery-strip
 *   .zhp-thumb
 *
 * This makes the controls look and behave exactly like
 * the main Hilux vehicle gallery.
 */
#zumi-hilux-premium .zhp-equipment-gallery-media
.zhp-view-gallery {
    z-index: 6;
}

#zumi-hilux-premium .zhp-equipment-gallery-strip {
    z-index: 5;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    max-width: 310px !important;
}

#zumi-hilux-premium .zhp-equipment-gallery-strip
.zhp-thumb {
    min-width: 0;
}

@media (max-width: 1180px) {
    #zumi-hilux-premium .zhp-equipment-gallery-media {
        min-height: 0;
        aspect-ratio: 16 / 10;
    }

    #zumi-hilux-premium .zhp-equipment-main {
        min-height: 0;
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-equipment-gallery-media {
        aspect-ratio: 16 / 10;
    }

    #zumi-hilux-premium .zhp-equipment-gallery-strip {
        left: 9px;
        right: 9px;
        bottom: 9px;
        gap: 5px;
        max-width: 190px !important;
    }

    #zumi-hilux-premium .zhp-equipment-gallery-media
    .zhp-view-gallery {
        top: 9px;
        left: 9px;
    }
}

#zumi-hilux-premium .zhp-equipment-body {
    padding: clamp(25px, 2.7vw, 52px);
}

#zumi-hilux-premium .zhp-equipment-body--combined {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

#zumi-hilux-premium .zhp-equipment-kicker {
    display: block;
    margin-bottom: 9px;
    color: var(--z-orange);
    font-size: clamp(9px, .62vw, 12px);
    font-weight: 850;
    line-height: 1.2;
    letter-spacing: .12em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-equipment-card h3 {
    max-width: 720px;
    margin: 0;
    color: #FFFFFF;
    font-size: clamp(30px, 2.8vw, 58px);
    font-weight: 800;
    line-height: .95;
    letter-spacing: -.05em;
}

#zumi-hilux-premium .zhp-equipment-card p {
    max-width: 720px;
    margin: 16px 0 0;
    color: rgba(255,255,255,.65);
    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: clamp(13px, .8vw, 16px);
    line-height: 1.62;
}

#zumi-hilux-premium .zhp-equipment-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin-top: 20px;
}

#zumi-hilux-premium .zhp-equipment-tags span {
    display: inline-flex;
    align-items: center;
    min-height: 30px;
    padding: 6px 10px;
    color: rgba(255,255,255,.80);
    background: rgba(255,255,255,.065);
    border: 1px solid rgba(255,255,255,.09);
    border-radius: 4px;
    font-size: clamp(9px, .57vw, 11px);
    font-weight: 650;
    line-height: 1;
}

@media (max-width: 1180px) {
    #zumi-hilux-premium .zhp-equipment-card--combined,
    #zumi-hilux-premium .zhp-equipment-card--camping {
        grid-template-columns: minmax(0, 1fr);
    }

    #zumi-hilux-premium .zhp-equipment-card--camping .zhp-equipment-gallery-media {
        min-height: 0;
        aspect-ratio: 16 / 9;
    }
}

@media (max-width: 900px) {
    #zumi-hilux-premium .zhp-equipment-head {
        grid-template-columns: minmax(0, 1fr);
    }

    #zumi-hilux-premium .zhp-equipment-icon-wrap {
        display: none;
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-equipment {
        padding: 24px 15px 22px;
    }

    #zumi-hilux-premium .zhp-equipment-grid {
        margin-top: 20px;
    }

    #zumi-hilux-premium .zhp-equipment-card {
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-equipment-body {
        padding: 21px 16px 22px;
    }

    #zumi-hilux-premium .zhp-equipment-card h3 {
        font-size: clamp(28px, 8.4vw, 39px);
    }

    #zumi-hilux-premium .zhp-equipment-card p {
        font-size: 13.5px;
    }

    #zumi-hilux-premium .zhp-equipment-tags {
        gap: 5px;
        margin-top: 16px;
    }

    #zumi-hilux-premium .zhp-equipment-tags span {
        min-height: 28px;
        padding: 6px 9px;
        font-size: 9.5px;
    }

    #zumi-hilux-premium .zhp-equipment-card--camping .zhp-equipment-gallery-media {
        aspect-ratio: 4 / 3;
    }

    #zumi-hilux-premium .zhp-equipment-card--camping .zhp-equipment-body {
        padding: 20px 16px 21px;
    }
}





#zumi-hilux-premium .zhp-lightbox-close,
#zumi-hilux-premium .zhp-lightbox-nav {
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    padding: 0 !important;
    color: #FFFFFF !important;
    background: rgba(15,15,15,.82) !important;
    border: 1px solid rgba(255,255,255,.24) !important;
    border-radius: 50% !important;
    box-shadow: 0 10px 28px rgba(0,0,0,.30);
}

#zumi-hilux-premium .zhp-lightbox-close .zhp-icon,
#zumi-hilux-premium .zhp-lightbox-nav .zhp-icon {
    display: block;
    margin: 0;
    font-size: 20px;
    line-height: 1;
}

#zumi-hilux-premium .zhp-lightbox-close:hover,
#zumi-hilux-premium .zhp-lightbox-nav:hover {
    background: var(--z-orange) !important;
    border-color: var(--z-orange) !important;
}

#zumi-hilux-premium .zhp-lightbox-close {
    top: 18px !important;
    right: 18px !important;
}

#zumi-hilux-premium .zhp-lightbox-prev {
    left: 22px !important;
}

#zumi-hilux-premium .zhp-lightbox-next {
    right: 22px !important;
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-lightbox-close,
    #zumi-hilux-premium .zhp-lightbox-nav {
        width: 42px !important;
        height: 42px !important;
    }

    #zumi-hilux-premium .zhp-lightbox-close .zhp-icon,
    #zumi-hilux-premium .zhp-lightbox-nav .zhp-icon {
        font-size: 17px;
    }

    #zumi-hilux-premium .zhp-lightbox-prev {
        left: 10px !important;
    }

    #zumi-hilux-premium .zhp-lightbox-next {
        right: 10px !important;
    }
}

#zumi-hilux-premium .zhp-benefit {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
}

#zumi-hilux-premium .zhp-benefit-icon {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    margin: 0 auto 16px;
    color: var(--z-orange);
    background: rgba(232,94,42,.11);
    border: 1px solid rgba(232,94,42,.24);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-benefit-icon .zhp-icon {
    display: block;
    margin: 0;
    font-size: 20px;
    line-height: 1;
}

#zumi-hilux-premium .zhp-benefit h3 {
    width: 100%;
    margin: 0;
    text-align: center;
}

#zumi-hilux-premium .zhp-benefit p {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-benefit {
        padding-left: 15px;
        padding-right: 15px;
    }

    #zumi-hilux-premium .zhp-benefit-icon {
        width: 42px;
        height: 42px;
        margin-bottom: 13px;
    }

    #zumi-hilux-premium .zhp-benefit-icon .zhp-icon {
        font-size: 18px;
    }
}

#zumi-hilux-premium .zhp-season-tab {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr);
    align-items: center;
    gap: 11px;
    text-align: left;
}

#zumi-hilux-premium .zhp-season-tab-icon {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    color: var(--z-orange);
    background: rgba(232,94,42,.10);
    border: 1px solid rgba(232,94,42,.18);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-season-tab-icon .zhp-icon {
    font-size: 16px;
    line-height: 1;
}

#zumi-hilux-premium .zhp-season-tab-copy {
    min-width: 0;
}

#zumi-hilux-premium .zhp-season-tab.is-active .zhp-season-tab-icon {
    color: #FFFFFF;
    background: var(--z-orange);
    border-color: var(--z-orange);
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-season-tab {
        grid-template-columns: 30px minmax(0,1fr);
        gap: 7px;
        padding-left: 8px;
        padding-right: 8px;
    }

    #zumi-hilux-premium .zhp-season-tab-icon {
        width: 30px;
        height: 30px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-season-tab-icon .zhp-icon {
        font-size: 13px;
    }
}

#zumi-hilux-premium .zhp-pricing-head {
    align-items: start;
}

#zumi-hilux-premium .zhp-currency-wrap {
    width: 410px !important;
    min-width: 410px !important;
    max-width: 410px !important;
    justify-self: end !important;
}

#zumi-hilux-premium .zhp-currency-label {
    width: 100%;
    text-align: center !important;
}

#zumi-hilux-premium .zhp-currency {
    width: 100% !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}

#zumi-hilux-premium .zhp-currency button {
    width: 100% !important;
    min-width: 0 !important;
}

#zumi-hilux-premium .zhp-fx-note {
    display: block;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    min-height: 34px;
    margin: 8px 0 0 !important;
    padding: 0 4px;
    text-align: center !important;
    overflow-wrap: normal !important;
    word-break: normal !important;
}

@media (max-width: 900px) {
    #zumi-hilux-premium .zhp-currency-wrap {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
        justify-self: stretch !important;
    }

    #zumi-hilux-premium .zhp-currency-label,
    #zumi-hilux-premium .zhp-fx-note {
        text-align: center !important;
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-currency {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    #zumi-hilux-premium .zhp-currency button {
        padding-left: 3px;
        padding-right: 3px;
    }

    #zumi-hilux-premium .zhp-fx-note {
        min-height: 40px;
        font-size: 10.5px;
        line-height: 1.35;
    }
}





#zumi-hilux-premium .zhp-benefits {
    gap: 8px !important;
    margin-top: 10px !important;
}

#zumi-hilux-premium .zhp-benefit {
    min-height: 0 !important;
    padding: 16px 16px 15px !important;
    border-radius: 4px !important;
}

#zumi-hilux-premium .zhp-benefit-icon {
    margin-bottom: 9px !important;
}

#zumi-hilux-premium .zhp-benefit h3 {
    margin-bottom: 0 !important;
}

#zumi-hilux-premium .zhp-benefit p {
    margin-top: 6px !important;
    line-height: 1.46 !important;
}

@media (max-width: 900px) {
    #zumi-hilux-premium .zhp-benefits {
        gap: 7px !important;
        margin-top: 8px !important;
    }

    #zumi-hilux-premium .zhp-benefit {
        padding: 14px 14px 13px !important;
        border-radius: 4px !important;
    }

    #zumi-hilux-premium .zhp-benefit-icon {
        margin-bottom: 8px !important;
    }

    #zumi-hilux-premium .zhp-benefit p {
        margin-top: 5px !important;
        line-height: 1.44 !important;
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-benefits {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        margin-top: 7px !important;
    }

    #zumi-hilux-premium .zhp-benefit {
        display: grid !important;
        grid-template-columns: 48px minmax(0, 1fr) !important;
        grid-template-rows: auto auto !important;
        column-gap: 11px !important;
        row-gap: 3px !important;
        align-items: center !important;
        padding: 12px 13px !important;
        text-align: left !important;
        border-radius: 4px !important;
    }

    #zumi-hilux-premium .zhp-benefit-icon {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        margin: 0 !important;
    }

    #zumi-hilux-premium .zhp-benefit h3 {
        grid-column: 2 !important;
        grid-row: 1 !important;
        width: 100% !important;
        margin: 0 !important;
        text-align: left !important;
    }

    #zumi-hilux-premium .zhp-benefit p {
        grid-column: 2 !important;
        grid-row: 2 !important;
        width: 100% !important;
        margin: 1px 0 0 !important;
        text-align: left !important;
        line-height: 1.42 !important;
    }
}

@media (max-width: 390px) {
    #zumi-hilux-premium .zhp-benefit {
        grid-template-columns: 48px minmax(0, 1fr) !important;
        padding: 11px 11px !important;
        column-gap: 9px !important;
    }
}




#zumi-hilux-premium .zhp-final-bg {
    object-position: center 54% !important;
    filter: saturate(.96) contrast(1.04);
}

#zumi-hilux-premium .zhp-final::after {
    background:
        linear-gradient(
            90deg,
            rgba(10,10,10,.94) 0%,
            rgba(10,10,10,.82) 36%,
            rgba(10,10,10,.46) 60%,
            rgba(10,10,10,.18) 82%,
            rgba(10,10,10,.10) 100%
        ),
        linear-gradient(
            0deg,
            rgba(0,0,0,.42) 0%,
            rgba(0,0,0,.06) 58%,
            rgba(0,0,0,.08) 100%
        );
}

#zumi-hilux-premium .zhp-final-actions {
    display: flex;
    align-items: center;
}

#zumi-hilux-premium .zhp-final-actions .zhp-btn--primary {
    width: auto;
    min-width: clamp(150px, 11vw, 205px);
    padding-left: 22px;
    padding-right: 22px;
}

#zumi-hilux-premium .zhp-final-actions .zhp-btn .zhp-icon {
    font-size: .9em;
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-final-bg {
        object-position: 62% center !important;
    }

    #zumi-hilux-premium .zhp-final::after {
        background:
            linear-gradient(
                0deg,
                rgba(10,10,10,.97) 0%,
                rgba(10,10,10,.83) 42%,
                rgba(10,10,10,.35) 72%,
                rgba(10,10,10,.10) 100%
            );
    }

    #zumi-hilux-premium .zhp-final-actions .zhp-btn--primary {
        width: auto;
        min-width: 145px;
    }
}




#zumi-hilux-premium .zhp-video-section {
    display: grid;
    grid-template-columns: minmax(0, .88fr) minmax(500px, 1.12fr);
    gap: clamp(26px, 3vw, 62px);
    align-items: center;
    padding:
        clamp(28px, 3.2vw, 62px)
        clamp(22px, 3.2vw, 64px);
    overflow: hidden;
    background:
        radial-gradient(circle at 3% 8%, rgba(232,94,42,.08), transparent 30%),
        linear-gradient(135deg, #FFFFFF 0%, #FBF9F6 100%);
}

#zumi-hilux-premium .zhp-video-copy {
    min-width: 0;
    max-width: 690px;
}

#zumi-hilux-premium .zhp-video-kicker {
    display: inline-flex;
    align-items: center;
    gap: 11px;
    color: var(--z-orange);
    font-size: clamp(12px, .78vw, 15px);
    font-weight: 850;
    line-height: 1;
    letter-spacing: .09em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-video-kicker-icon {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: #FFFFFF;
    background: var(--z-orange);
    border-radius: 50%;
    box-shadow: 0 8px 22px rgba(232,94,42,.20);
}

#zumi-hilux-premium .zhp-video-kicker-icon .zhp-icon {
    font-size: 17px;
    line-height: 1;
}

#zumi-hilux-premium .zhp-video-title {
    margin: 14px 0 0;
    color: var(--z-ink);
    font-size: clamp(34px, 3vw, 61px);
    font-weight: 850;
    line-height: .97;
    letter-spacing: -.052em;
}

#zumi-hilux-premium .zhp-video-title span {
    display: block;
}

#zumi-hilux-premium .zhp-video-description {
    max-width: 650px;
    margin: 18px 0 0;
    color: var(--z-muted);
    font-size: clamp(16px, 1vw, 20px);
    line-height: 1.62;
}

#zumi-hilux-premium .zhp-video-pills {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 22px;
}

#zumi-hilux-premium .zhp-video-pill {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    min-height: 39px;
    padding: 9px 14px;
    color: #3A3A3A;
    background: #FFFFFF;
    border: 1px solid #DEDAD5;
    border-radius: 4px;
    box-shadow: 0 4px 12px rgba(0,0,0,.035);
    font-size: clamp(11.5px, .72vw, 13.5px);
    font-weight: 750;
    line-height: 1;
}

#zumi-hilux-premium .zhp-video-pill .zhp-icon {
    color: var(--z-orange);
    font-size: .92em;
}

#zumi-hilux-premium .zhp-video-player {
    min-width: 0;
}

#zumi-hilux-premium .zhp-video-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 16 / 9;
    overflow: hidden;
    background: #111111;
    border: 1px solid rgba(20,20,20,.12);
    border-radius: 4px;
    box-shadow:
        0 18px 45px rgba(21,21,21,.13),
        0 2px 8px rgba(21,21,21,.06);
}

#zumi-hilux-premium .zhp-video-frame::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(255,255,255,.10);
    border-radius: inherit;
}

#zumi-hilux-premium .zhp-video-frame iframe {
    position: absolute;
    inset: 0;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    display: block;
}

@media (max-width: 1100px) {
    #zumi-hilux-premium .zhp-video-section {
        grid-template-columns: minmax(0, .8fr) minmax(440px, 1.2fr);
        gap: 28px;
    }
}

@media (max-width: 900px) {
    #zumi-hilux-premium .zhp-video-section {
        display: grid;
        grid-template-columns: 1fr;
        gap: 24px;
    }

    #zumi-hilux-premium .zhp-video-copy {
        max-width: 760px;
    }

    #zumi-hilux-premium .zhp-video-player {
        width: 100%;
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-video-section {
        gap: 17px;
        padding: 21px 12px;
    }

    #zumi-hilux-premium .zhp-video-kicker {
        gap: 8px;
        font-size: 10.5px;
    }

    #zumi-hilux-premium .zhp-video-kicker-icon {
        width: 36px;
        height: 36px;
    }

    #zumi-hilux-premium .zhp-video-kicker-icon .zhp-icon {
        font-size: 14px;
    }

    #zumi-hilux-premium .zhp-video-title {
        margin-top: 11px;
        font-size: clamp(31px, 9vw, 43px);
        line-height: .98;
    }

    #zumi-hilux-premium .zhp-video-description {
        margin-top: 11px;
        font-size: 14px;
        line-height: 1.55;
    }

    #zumi-hilux-premium .zhp-video-pills {
        gap: 5px;
        margin-top: 14px;
    }

    #zumi-hilux-premium .zhp-video-pill {
        flex: 1 1 auto;
        min-height: 34px;
        padding: 7px 9px;
        font-size: 10px;
    }

    #zumi-hilux-premium .zhp-video-frame {
        border-radius: 4px;
        box-shadow: 0 10px 25px rgba(21,21,21,.12);
    }
}

@media (max-width: 390px) {
    #zumi-hilux-premium .zhp-video-pills {
        display: grid;
        grid-template-columns: repeat(3, minmax(0,1fr));
    }

    #zumi-hilux-premium .zhp-video-pill {
        padding-left: 5px;
        padding-right: 5px;
        font-size: 9px;
        white-space: nowrap;
    }
}





#zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child::after {
    margin-left: 8px !important;
    padding: 4px 7px !important;

    color: #A86712 !important;
    background: rgba(226,164,40,.12) !important;

    border: 1px solid rgba(210,132,22,.30) !important;
    border-radius: 4px !important;

    box-shadow: none !important;
    text-shadow: none !important;

    font-size: clamp(7.5px, .48vw, 9px) !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: .055em !important;

    text-transform: uppercase !important;
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child::after {
        margin: 5px 0 0 !important;
        padding: 3px 5px !important;

        color: #A86712 !important;
        background: rgba(226,164,40,.11) !important;
        border-color: rgba(210,132,22,.28) !important;

        font-size: 6.6px !important;
        letter-spacing: .04em !important;
    }
}





@media (max-width: 700px) {

    #zumi-hilux-premium .zhp-price-table th:first-child,
    #zumi-hilux-premium .zhp-price-table td:first-child {
        width: 34% !important;
        padding-left: 8px !important;
        padding-right: 4px !important;
    }

    #zumi-hilux-premium .zhp-price-table th:not(:first-child),
    #zumi-hilux-premium .zhp-price-table td:not(:first-child) {
        width: 22% !important;
        padding-left: 2px !important;
        padding-right: 2px !important;
    }

    #zumi-hilux-premium .zhp-price-table .money {
        display: inline-block !important;
        max-width: 100% !important;
        font-size: clamp(11px, 3.05vw, 12.8px) !important;
        line-height: 1 !important;
        letter-spacing: -.045em !important;
        white-space: nowrap !important;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero .money {
        font-size: clamp(11.5px, 3.15vw, 13.2px) !important;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero td:first-child {
        border-radius: 4px 0 0 4px !important;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero td:last-child {
        border-radius: 0 4px 4px 0 !important;
    }
}

@media (max-width: 430px) {

    #zumi-hilux-premium .zhp-price-table th:first-child,
    #zumi-hilux-premium .zhp-price-table td:first-child {
        width: 33% !important;
    }

    #zumi-hilux-premium .zhp-price-table th:not(:first-child),
    #zumi-hilux-premium .zhp-price-table td:not(:first-child) {
        width: 22.333% !important;
    }

    #zumi-hilux-premium .zhp-price-table .money {
        font-size: clamp(10.6px, 2.95vw, 12px) !important;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero .money {
        font-size: clamp(11px, 3vw, 12.4px) !important;
    }

    #zumi-hilux-premium .zhp-price-table tbody td:first-child {
        font-size: 10.8px !important;
    }
}

@media (max-width: 370px) {

    #zumi-hilux-premium .zhp-price-table th,
    #zumi-hilux-premium .zhp-price-table td {
        padding-top: 10px !important;
        padding-bottom: 10px !important;
    }

    #zumi-hilux-premium .zhp-price-table .money {
        font-size: 10.4px !important;
        letter-spacing: -.055em !important;
    }

    #zumi-hilux-premium .zhp-price-table tr.zhp-zero .money {
        font-size: 10.8px !important;
    }

}




@media
    (min-width: 992px)
    and (max-width: 1199.98px)
    and (orientation: landscape)
    and (hover: none)
    and (pointer: coarse) {

    .container-block-fluid:has(#zumi-hilux-premium) {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        overflow: visible !important;
        contain: none !important;
    }

    .container-block-fluid:has(#zumi-hilux-premium) > .row {
        display: flow-root !important;

        width: 100% !important;

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

        overflow: visible !important;

        align-items: initial !important;
        align-content: initial !important;
        flex-wrap: initial !important;
    }

    .container-block-fluid:has(#zumi-hilux-premium)
    > .row
    > .full-col.col-lg-12 {

        display: flow-root !important;

        float: none !important;

        -webkit-box-flex: initial !important;
        -webkit-flex: none !important;
        -ms-flex: none !important;
        flex: none !important;

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

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

        overflow: visible !important;

        contain: none !important;
    }

    .container-block-fluid:has(#zumi-hilux-premium)
    .page-content,
    .container-block-fluid:has(#zumi-hilux-premium)
    .elementor {
        height: auto !important;
        max-height: none !important;
        overflow: visible !important;
    }
}




#zumi-hilux-premium .zhp-feature-grid {
    gap: clamp(6px, .5vw, 10px) !important;
    margin-top: clamp(18px, 1.55vw, 28px) !important;
}

#zumi-hilux-premium .zhp-feature {
    min-height: clamp(78px, 5vw, 96px) !important;
    padding: 8px 6px !important;
    border-radius: 4px !important;
}

#zumi-hilux-premium .zhp-feature img {
    width: clamp(28px, 1.9vw, 37px) !important;
    height: clamp(28px, 1.9vw, 37px) !important;
    margin-bottom: 5px !important;
}

#zumi-hilux-premium .zhp-feature span {
    font-size: clamp(10.5px, .66vw, 12.5px) !important;
    font-weight: 500 !important;
    line-height: 1.14 !important;
    letter-spacing: -.01em !important;
}

#zumi-hilux-premium .zhp-benefits {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: clamp(7px, .55vw, 10px) !important;
    margin-top: 9px !important;
}

#zumi-hilux-premium .zhp-benefit {
    min-height: 0 !important;
    padding: clamp(13px, 1vw, 18px) !important;
    border-radius: 4px !important;
}

#zumi-hilux-premium .zhp-benefit-icon {
    width: 36px !important;
    height: 36px !important;
    margin-bottom: 8px !important;
    border-radius: 4px !important;
}

#zumi-hilux-premium .zhp-benefit-icon svg,
#zumi-hilux-premium .zhp-benefit-icon .zhp-icon,
#zumi-hilux-premium .zhp-benefit-icon .zhp-external-icon {
    width: 18px !important;
    height: 18px !important;
    font-size: 18px !important;
}

#zumi-hilux-premium .zhp-benefit h3 {
    margin: 0 !important;
    font-size: clamp(14.5px, .9vw, 18px) !important;
    font-weight: 650 !important;
    line-height: 1.15 !important;
}

#zumi-hilux-premium .zhp-benefit p {
    margin: 5px 0 0 !important;
    font-size: clamp(12.5px, .76vw, 14.5px) !important;
    line-height: 1.45 !important;
}

#zumi-hilux-premium .zhp-addon-grid {
    gap: clamp(8px, .6vw, 11px) !important;
}

#zumi-hilux-premium .zhp-addon-card {
    border-radius: 4px !important;
}

#zumi-hilux-premium .zhp-addon-card-media {
    min-height: clamp(145px, 10vw, 175px) !important;
    padding: 10px !important;
}

#zumi-hilux-premium .zhp-addon-card-media img {
    width: clamp(128px, 9.2vw, 165px) !important;
    height: clamp(128px, 9.2vw, 165px) !important;
    padding: 6px !important;
    border-radius: 4px !important;
}

#zumi-hilux-premium .zhp-addon-card-body {
    padding: clamp(13px, 1vw, 18px) !important;
}

#zumi-hilux-premium .zhp-addon-price {
    font-size: 11.5px !important;
    line-height: 1.15 !important;
}

#zumi-hilux-premium .zhp-addon-card h3 {
    margin-top: 5px !important;
    font-size: clamp(15.5px, .94vw, 18.5px) !important;
    line-height: 1.14 !important;
}

#zumi-hilux-premium .zhp-addon-card p {
    margin-top: 7px !important;
    font-size: clamp(12.5px, .76vw, 14.5px) !important;
    line-height: 1.48 !important;
}

#zumi-hilux-premium .zhp-insurance {
    position: relative !important;
    isolation: isolate !important;
}

#zumi-hilux-premium .zhp-insurance::before {
    content: "" !important;
    position: absolute !important;
    z-index: 0 !important;

    top: 50% !important;
    right: clamp(155px, 18vw, 330px) !important;

    width: clamp(180px, 17vw, 320px) !important;
    aspect-ratio: 1 / 1 !important;

    background:
        url("https://zumirentals.com/wp-content/uploads/2026/09/insurance-icon.svg")
        center / contain
        no-repeat !important;

    opacity: .075 !important;
    filter: brightness(0) invert(1) !important;
    transform: translateY(-50%) rotate(-7deg) !important;

    pointer-events: none !important;
}

#zumi-hilux-premium .zhp-insurance > * {
    position: relative !important;
    z-index: 1 !important;
}

@media (max-width: 900px) {

    #zumi-hilux-premium .zhp-feature-grid {
        gap: 6px !important;
        margin-top: 16px !important;
    }

    #zumi-hilux-premium .zhp-feature {
        min-height: 72px !important;
        padding: 7px 5px !important;
    }

    #zumi-hilux-premium .zhp-feature img {
        width: 29px !important;
        height: 29px !important;
        margin-bottom: 4px !important;
    }

    #zumi-hilux-premium .zhp-feature span {
        font-size: 10.7px !important;
        font-weight: 500 !important;
    }

    #zumi-hilux-premium .zhp-benefits {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 7px !important;
        margin-top: 8px !important;
    }

    #zumi-hilux-premium .zhp-benefit {
        padding: 12px 13px !important;
        border-radius: 4px !important;
    }

    #zumi-hilux-premium .zhp-benefit-icon {
        width: 34px !important;
        height: 34px !important;
        margin-bottom: 7px !important;
    }

    #zumi-hilux-premium .zhp-benefit h3 {
        font-size: 15px !important;
    }

    #zumi-hilux-premium .zhp-benefit p {
        margin-top: 4px !important;
        font-size: 12.7px !important;
        line-height: 1.42 !important;
    }

    #zumi-hilux-premium .zhp-addon-card-media {
        min-height: 150px !important;
        padding: 9px !important;
    }

    #zumi-hilux-premium .zhp-addon-card-media img {
        width: 134px !important;
        height: 134px !important;
        padding: 5px !important;
    }

    #zumi-hilux-premium .zhp-addon-card-body {
        padding: 13px 14px 14px !important;
    }

    #zumi-hilux-premium .zhp-addon-price {
        font-size: 10.8px !important;
    }

    #zumi-hilux-premium .zhp-addon-card h3 {
        font-size: 15.5px !important;
    }

    #zumi-hilux-premium .zhp-addon-card p {
        margin-top: 6px !important;
        font-size: 12.7px !important;
        line-height: 1.45 !important;
    }

    #zumi-hilux-premium .zhp-insurance::before {
        right: 25px !important;
        width: clamp(170px, 30vw, 245px) !important;
        opacity: .06 !important;
    }
}

@media (max-width: 700px) {

    #zumi-hilux-premium .zhp-feature {
        min-height: 66px !important;
    }

    #zumi-hilux-premium .zhp-feature img {
        width: 26px !important;
        height: 26px !important;
    }

    #zumi-hilux-premium .zhp-feature span {
        font-size: 10.2px !important;
        font-weight: 500 !important;
    }

    #zumi-hilux-premium .zhp-benefits {
        grid-template-columns: 1fr !important;
    }

    #zumi-hilux-premium .zhp-benefit {
        padding: 11px 12px !important;
    }

    #zumi-hilux-premium .zhp-benefit h3 {
        font-size: 14px !important;
    }

    #zumi-hilux-premium .zhp-benefit p {
        font-size: 12px !important;
        line-height: 1.4 !important;
    }

    #zumi-hilux-premium .zhp-addon-card-media {
        min-height: 100% !important;
        padding: 8px !important;
    }

    #zumi-hilux-premium .zhp-addon-card-media img {
        width: 88px !important;
        height: 88px !important;
        padding: 5px !important;
    }

    #zumi-hilux-premium .zhp-addon-card-body {
        padding: 11px 11px 12px !important;
    }

    #zumi-hilux-premium .zhp-addon-card p {
        font-size: 12px !important;
        line-height: 1.42 !important;
    }

    #zumi-hilux-premium .zhp-insurance::before {
        top: 49% !important;
        right: -25px !important;
        width: 190px !important;
        opacity: .05 !important;
        transform: translateY(-50%) rotate(-7deg) !important;
    }
}




#zumi-hilux-premium .zhp-url-svg-icon {
    display: inline-block !important;
    flex: 0 0 auto;
    width: 1em !important;
    height: 1em !important;

    background-color: currentColor !important;

    -webkit-mask-image: var(--zhp-svg-url) !important;
    mask-image: var(--zhp-svg-url) !important;

    -webkit-mask-repeat: no-repeat !important;
    mask-repeat: no-repeat !important;

    -webkit-mask-position: center !important;
    mask-position: center !important;

    -webkit-mask-size: contain !important;
    mask-size: contain !important;

    pointer-events: none !important;
}

#zumi-hilux-premium .zhp-hero-spec-icon .zhp-url-svg-icon {
    width: 18px !important;
    height: 18px !important;
    color: var(--z-orange) !important;
}

#zumi-hilux-premium .zhp-zero-callout-icon .zhp-url-svg-icon {
    width: 18px !important;
    height: 18px !important;
    color: #FFFFFF !important;
}

#zumi-hilux-premium .zhp-season-tab-icon .zhp-url-svg-icon {
    width: 17px !important;
    height: 17px !important;
    color: var(--z-orange) !important;
}

#zumi-hilux-premium .zhp-season-tab.is-active .zhp-season-tab-icon .zhp-url-svg-icon {
    color: #FFFFFF !important;
}

#zumi-hilux-premium .zhp-video-kicker-icon .zhp-url-svg-icon {
    width: 18px !important;
    height: 18px !important;
    color: #E85E2A !important;
}

#zumi-hilux-premium .zhp-video-pill .zhp-url-svg-icon {
    width: .96em !important;
    height: .96em !important;
    color: var(--z-orange) !important;
}

#zumi-hilux-premium .zhp-btn .zhp-3d-model-svg {
    width: 1.08em !important;
    height: 1.08em !important;
    color: currentColor !important;
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-hero-spec-icon .zhp-url-svg-icon {
        width: 16px !important;
        height: 16px !important;
    }

    #zumi-hilux-premium .zhp-season-tab-icon .zhp-url-svg-icon {
        width: 15px !important;
        height: 15px !important;
    }

    #zumi-hilux-premium .zhp-video-kicker-icon .zhp-url-svg-icon {
        width: 16px !important;
        height: 16px !important;
    }
}




#zumi-hilux-premium .zhp-feature-grid {
    position: relative !important;
    z-index: 1 !important;
}

#zumi-hilux-premium .zhp-benefits {
    position: relative !important;

    padding: clamp(7px, .55vw, 10px) !important;
    margin-top: clamp(10px, .8vw, 14px) !important;

    background:
        linear-gradient(
            180deg,
            rgba(247,245,242,.94) 0%,
            rgba(252,250,247,.98) 100%
        ) !important;

    border: 1px solid var(--z-line) !important;
    border-radius: 4px !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.92),
        0 7px 20px rgba(17,17,17,.035) !important;
}

#zumi-hilux-premium .zhp-benefit {
    border: 1px solid rgba(232,94,42,.20) !important;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.035),
        0 5px 14px rgba(17,17,17,.07) !important;
}

#zumi-hilux-premium .zhp-benefit::after {
    width: 135px !important;
    right: -44px !important;
    bottom: -62px !important;
    opacity: .72 !important;
}

#zumi-hilux-premium .zhp-benefit-icon .zhp-url-svg-icon {
    width: 18px !important;
    height: 18px !important;
    color: var(--z-orange) !important;
    background-color: currentColor !important;
}

#zumi-hilux-premium .zhp-benefit-icon {
    background: rgba(232,94,42,.095) !important;
    border-color: rgba(232,94,42,.30) !important;

    box-shadow:
        inset 0 0 0 1px rgba(255,255,255,.025) !important;
}

#zumi-hilux-premium .zhp-hero-spec-icon
.zhp-url-svg-icon[style*="unlimited-range-icon.svg"] {
    color: var(--z-orange) !important;
}

@media (max-width: 900px) {

    #zumi-hilux-premium .zhp-benefits {
        padding: 7px !important;
        gap: 7px !important;
        border-radius: 4px !important;
    }

    #zumi-hilux-premium .zhp-benefit {
        border-radius: 4px !important;
    }

    #zumi-hilux-premium .zhp-benefit-icon .zhp-url-svg-icon {
        width: 17px !important;
        height: 17px !important;
    }
}

@media (max-width: 700px) {

    #zumi-hilux-premium .zhp-benefits {
        padding: 6px !important;
        margin-top: 8px !important;
        border-radius: 4px !important;
    }

    #zumi-hilux-premium .zhp-benefit-icon .zhp-url-svg-icon {
        width: 16px !important;
        height: 16px !important;
    }
}





#zumi-hilux-premium .zhp-addon-card h3 {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    position: static !important;

    width: 100% !important;
    min-width: 0 !important;

    margin: 0 0 7px !important;

    color: #FFFFFF !important;

    font-family: "Roboto", Arial, Helvetica, sans-serif !important;
    font-size: clamp(16px, 1vw, 20px) !important;
    font-weight: 700 !important;
    line-height: 1.16 !important;
    letter-spacing: -.018em !important;

    overflow: visible !important;
    overflow-wrap: anywhere !important;
    white-space: normal !important;
}

#zumi-hilux-premium .zhp-addon-price {
    margin-top: 0 !important;
}

#zumi-hilux-premium .zhp-addon-card p {
    margin-top: 9px !important;
}

#zumi-hilux-premium .zhp-support-guarantee {
    position: relative;
    isolation: isolate;

    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(360px, .85fr);
    gap: clamp(24px, 3vw, 58px);
    align-items: center;

    min-height: clamp(390px, 28vw, 520px);

    overflow: hidden;

    padding:
        clamp(34px, 3.3vw, 66px)
        clamp(24px, 3.5vw, 70px);

    color: #FFFFFF;

    background:
        radial-gradient(
            circle at 90% 12%,
            rgba(232,94,42,.30),
            rgba(232,94,42,0) 36%
        ),
        linear-gradient(
            128deg,
            #101010 0%,
            #171717 58%,
            #2A180F 100%
        );

    border: 1px solid rgba(232,94,42,.28);
    border-radius: 4px;

    box-shadow:
        0 18px 50px rgba(17,17,17,.15),
        inset 0 1px 0 rgba(255,255,255,.035);
}

#zumi-hilux-premium .zhp-support-guarantee::before {
    content: "";
    position: absolute;
    z-index: 0;

    top: 0;
    bottom: 0;
    left: 0;

    width: clamp(5px, .42vw, 8px);

    background: var(--z-orange);

    box-shadow:
        0 0 30px rgba(232,94,42,.32);

    pointer-events: none;
}

#zumi-hilux-premium .zhp-support-guarantee::after {
    content: "";
    position: absolute;
    z-index: 0;

    right: -26%;
    bottom: -90%;

    width: min(54vw, 920px);
    aspect-ratio: 1;

    background:
        radial-gradient(
            circle,
            rgba(232,94,42,.18) 0%,
            rgba(232,94,42,.075) 34%,
            rgba(232,94,42,0) 68%
        );

    pointer-events: none;
}

#zumi-hilux-premium .zhp-support-watermark {
    position: absolute;
    z-index: 0;

    top: 50%;
    left: clamp(18px, 2.6vw, 52px);

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

    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: clamp(150px, 18vw, 350px);
    font-weight: 900;
    line-height: .78;
    letter-spacing: -.10em;

    transform: translateY(-50%);

    pointer-events: none;
    user-select: none;
}

#zumi-hilux-premium .zhp-support-copy-wrap,
#zumi-hilux-premium .zhp-support-points {
    position: relative;
    z-index: 2;
}

#zumi-hilux-premium .zhp-support-kicker {
    display: flex;
    align-items: center;
    gap: 11px;

    margin-bottom: clamp(14px, 1.2vw, 21px);

    color: var(--z-orange);

    font-size: clamp(11px, .7vw, 14px);
    font-weight: 850;
    line-height: 1;
    letter-spacing: .16em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-support-kicker-line {
    display: block;

    width: clamp(34px, 2.6vw, 50px);
    height: 3px;

    background: var(--z-orange);
}

#zumi-hilux-premium .zhp-support-title {
    max-width: 1000px;
    margin: 0;

    color: #FFFFFF;

    font-size: clamp(44px, 4.5vw, 90px);
    font-weight: 900;
    line-height: .88;
    letter-spacing: -.066em;
    text-transform: uppercase;
}

#zumi-hilux-premium .zhp-support-title span {
    display: block;
    margin-top: .09em;

    color: var(--z-orange);
}

#zumi-hilux-premium .zhp-support-lead {
    max-width: 850px;

    margin:
        clamp(20px, 1.7vw, 29px)
        0
        0;

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

    font-size: clamp(16px, 1vw, 20px);
    font-weight: 600;
    line-height: 1.5;
}

#zumi-hilux-premium .zhp-support-text {
    max-width: 850px;

    margin: 10px 0 0;

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

    font-size: clamp(13px, .82vw, 16px);
    line-height: 1.58;
}

#zumi-hilux-premium .zhp-support-guarantee-line {
    display: inline-flex;

    margin-top: clamp(18px, 1.45vw, 25px);

    padding: 10px 13px;

    color: #FFFFFF;

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

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

    border-left:
        4px solid var(--z-orange);

    border-radius: 4px;

    font-size: clamp(11.5px, .73vw, 14px);
    font-weight: 700;
    line-height: 1.35;
}

#zumi-hilux-premium .zhp-support-points {
    display: grid;
    gap: 9px;
}

#zumi-hilux-premium .zhp-support-point {
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;

    min-width: 0;

    padding:
        clamp(14px, 1.05vw, 19px)
        clamp(14px, 1.15vw, 20px);

    background:
        linear-gradient(
            135deg,
            rgba(255,255,255,.075),
            rgba(255,255,255,.035)
        );

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

    border-radius: 4px;

    box-shadow:
        inset 0 1px 0 rgba(255,255,255,.025);
}

#zumi-hilux-premium .zhp-support-point--replacement {
    background:
        linear-gradient(
            135deg,
            rgba(232,94,42,.17),
            rgba(232,94,42,.065)
        );

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

#zumi-hilux-premium .zhp-support-point-icon {
    display: grid;
    place-items: center;

    width: 48px;
    height: 48px;

    color: var(--z-orange);

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

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

    border-radius: 4px;
}

#zumi-hilux-premium .zhp-support-point-icon .zhp-url-svg-icon {
    width: 22px !important;
    height: 22px !important;

    color: var(--z-orange) !important;
}

#zumi-hilux-premium .zhp-support-point strong {
    display: block;

    color: #FFFFFF;

    font-size: clamp(14px, .9vw, 18px);
    font-weight: 750;
    line-height: 1.15;
}

#zumi-hilux-premium .zhp-support-point > div:last-child > span {
    display: block;

    margin-top: 5px;

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

    font-family: "Roboto", Arial, Helvetica, sans-serif;
    font-size: clamp(11.5px, .72vw, 14px);
    line-height: 1.42;
}

@media (max-width: 1180px) {

    #zumi-hilux-premium .zhp-support-guarantee {
        grid-template-columns:
            minmax(0, 1fr)
            minmax(335px, .78fr);

        gap: 22px;

        padding:
            33px
            27px;
    }

    #zumi-hilux-premium .zhp-support-title {
        font-size:
            clamp(41px, 4.8vw, 61px);
    }

    #zumi-hilux-premium .zhp-support-point {
        grid-template-columns:
            42px
            minmax(0, 1fr);

        gap: 11px;

        padding: 13px;
    }

    #zumi-hilux-premium .zhp-support-point-icon {
        width: 42px;
        height: 42px;
    }

    #zumi-hilux-premium .zhp-support-point-icon .zhp-url-svg-icon {
        width: 19px !important;
        height: 19px !important;
    }
}

@media (max-width: 900px) {

    #zumi-hilux-premium .zhp-addon-card h3 {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;

        margin: 0 0 5px !important;

        color: #FFFFFF !important;

        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.16 !important;
    }

    #zumi-hilux-premium .zhp-support-guarantee {
        display: block;

        min-height: 0;

        padding:
            30px
            20px
            22px;
    }

    #zumi-hilux-premium .zhp-support-watermark {
        top: 18px;
        right: 8px;
        left: auto;

        font-size: 145px;

        transform: none;
    }

    #zumi-hilux-premium .zhp-support-title {
        font-size:
            clamp(38px, 9vw, 62px);
    }

    #zumi-hilux-premium .zhp-support-points {
        margin-top: 22px;
    }
}

@media (max-width: 560px) {

    #zumi-hilux-premium .zhp-support-guarantee {
        padding:
            25px
            16px
            18px;

        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-support-title {
        font-size:
            clamp(35px, 10.7vw, 51px);

        line-height: .9;
    }

    #zumi-hilux-premium .zhp-support-lead {
        font-size: 15px;
    }

    #zumi-hilux-premium .zhp-support-text {
        font-size: 12.5px;
    }

    #zumi-hilux-premium .zhp-support-point {
        grid-template-columns:
            40px
            minmax(0, 1fr);

        padding: 12px;
    }

    #zumi-hilux-premium .zhp-support-point-icon {
        width: 40px;
        height: 40px;
    }

    #zumi-hilux-premium .zhp-support-point strong {
        font-size: 14px;
    }

    #zumi-hilux-premium .zhp-support-point > div:last-child > span {
        font-size: 11.5px;
    }
}





#zumi-hilux-premium .zhp-support-photo-ghost {
    position: absolute !important;
    z-index: 0 !important;

    top: 50% !important;
    right: clamp(-60px, -2.5vw, -20px) !important;

    width: clamp(430px, 42vw, 820px) !important;
    height: 92% !important;

    background-image:
        url("https://zumirentals.com/wp-content/uploads/2026/09/hilux-hood-open-transparent.webp") !important;

    background-repeat: no-repeat !important;
    background-position: center right !important;
    background-size: contain !important;

    opacity: .115 !important;

    filter:
        grayscale(1)
        contrast(1.12)
        brightness(.72) !important;

    transform:
        translateY(-50%)
        scale(1.03) !important;

    transform-origin: center right !important;

    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.18) 9%,
            rgba(0,0,0,.82) 28%,
            #000 50%,
            #000 84%,
            transparent 100%
        ),
        linear-gradient(
            180deg,
            transparent 0%,
            #000 13%,
            #000 87%,
            transparent 100%
        ) !important;

    -webkit-mask-composite: source-in !important;

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.18) 9%,
            rgba(0,0,0,.82) 28%,
            #000 50%,
            #000 84%,
            transparent 100%
        ),
        linear-gradient(
            180deg,
            transparent 0%,
            #000 13%,
            #000 87%,
            transparent 100%
        ) !important;

    mask-composite: intersect !important;

    pointer-events: none !important;
    user-select: none !important;
}

#zumi-hilux-premium .zhp-support-copy-wrap,
#zumi-hilux-premium .zhp-support-points {
    position: relative !important;
    z-index: 3 !important;
}

#zumi-hilux-premium .zhp-support-watermark {
    z-index: 1 !important;
}

@media (max-width: 1180px) {

    #zumi-hilux-premium .zhp-support-photo-ghost {
        right: -34px !important;

        width: clamp(380px, 47vw, 570px) !important;
        height: 88% !important;

        opacity: .09 !important;

        background-position: center right !important;

        transform:
            translateY(-50%)
            scale(1.01) !important;
    }
}

@media (max-width: 900px) {

    #zumi-hilux-premium .zhp-support-photo-ghost {
        top: auto !important;
        right: -45px !important;
        bottom: -20px !important;

        width: min(78vw, 540px) !important;
        height: 60% !important;

        opacity: .065 !important;

        background-position: right bottom !important;

        transform: none !important;

        -webkit-mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.55) 24%,
                #000 55%,
                transparent 100%
            ),
            linear-gradient(
                180deg,
                transparent 0%,
                #000 22%,
                #000 82%,
                transparent 100%
            ) !important;

        mask-image:
            linear-gradient(
                90deg,
                transparent 0%,
                rgba(0,0,0,.55) 24%,
                #000 55%,
                transparent 100%
            ),
            linear-gradient(
                180deg,
                transparent 0%,
                #000 22%,
                #000 82%,
                transparent 100%
            ) !important;
    }
}

@media (max-width: 560px) {

    #zumi-hilux-premium .zhp-support-photo-ghost {
        right: -70px !important;
        bottom: 6px !important;

        width: 390px !important;
        height: 48% !important;

        opacity: .045 !important;
    }
}





@media (max-width: 700px) {

    #zumi-hilux-premium .zhp-title {
        font-size: clamp(38px, 11vw, 50px) !important;
        font-weight: 850 !important;
        line-height: .87 !important;
        letter-spacing: -.068em !important;
    }

    
    #zumi-hilux-premium .zhp-section-title {
        font-size: clamp(27px, 8vw, 36px) !important;
        font-weight: 800 !important;
        line-height: .97 !important;
        letter-spacing: -.048em !important;
    }

    
    #zumi-hilux-premium .zhp-video-title {
        margin-top: 9px !important;
        font-size: clamp(27px, 8vw, 36px) !important;
        font-weight: 850 !important;
        line-height: .97 !important;
        letter-spacing: -.045em !important;
    }

    
    #zumi-hilux-premium .zhp-support-title {
        font-size: clamp(31px, 9.6vw, 43px) !important;
        font-weight: 900 !important;
        line-height: .91 !important;
        letter-spacing: -.058em !important;
    }

    
    #zumi-hilux-premium .zhp-insurance h2 {
        font-size: clamp(24px, 7.2vw, 31px) !important;
        font-weight: 800 !important;
        line-height: 1 !important;
        letter-spacing: -.04em !important;
    }

    
    #zumi-hilux-premium .zhp-final h2 {
        font-size: clamp(35px, 10.2vw, 47px) !important;
        font-weight: 850 !important;
        line-height: .88 !important;
        letter-spacing: -.062em !important;
    }

}

@media (max-width: 430px) {

    #zumi-hilux-premium .zhp-title {
        font-size: clamp(36px, 10.8vw, 45px) !important;
    }

    #zumi-hilux-premium .zhp-section-title,
    #zumi-hilux-premium .zhp-video-title {
        font-size: clamp(25px, 7.6vw, 32px) !important;
    }

    #zumi-hilux-premium .zhp-support-title {
        font-size: clamp(29px, 9vw, 38px) !important;
    }

    #zumi-hilux-premium .zhp-insurance h2 {
        font-size: clamp(23px, 6.9vw, 28px) !important;
    }

    #zumi-hilux-premium .zhp-final h2 {
        font-size: clamp(33px, 9.8vw, 42px) !important;
    }

}




/* ============================================================
   FINAL CTA → FOOTER HANDOFF
   Keeps the CTA's rounded edge crisp and prevents a grey
   drop-shadow from being clipped at the end of the page.
   ============================================================ */

#zumi-hilux-premium .zhp-final {
    box-shadow: none !important;
}



/* ============================================================
   HILUX CAMPING — PAGE-SPECIFIC EXTENSIONS
   Keeps the visual system identical to the Hilux Standard page
   while supporting single- and double-tent pricing.
   ============================================================ */

#zumi-hilux-premium .zhp-gallery-strip {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    max-width: 1080px !important;
}

#zumi-hilux-premium .zhp-hero-media {
    background: #111111;
}

#zumi-hilux-premium .zhp-hero-main {
    object-fit: cover !important;
    object-position: center center !important;
    padding: 0 !important;
    background: #111111;
}

#zumi-hilux-premium .zhp-hero-media::after {
    background:
        linear-gradient(90deg, rgba(0,0,0,.03) 0%, rgba(0,0,0,.01) 56%, rgba(0,0,0,.29) 100%),
        linear-gradient(0deg, rgba(0,0,0,.24) 0%, rgba(0,0,0,0) 38%) !important;
}

#zumi-hilux-premium .zhp-camp-config-tabs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
    margin-top: clamp(24px, 2vw, 38px);
    padding: 5px;
    background: #EEE9E4;
    border: 1px solid var(--z-line);
    border-radius: 4px;
}

#zumi-hilux-premium .zhp-camp-config-tab {
    appearance: none;
    -webkit-appearance: none;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 12px;
    min-width: 0;
    min-height: 68px;
    padding: 12px 15px;
    color: #343434;
    cursor: pointer;
    text-align: left;
    background: transparent;
    border: 1px solid transparent !important;
    border-radius: 4px;
    transition:
        background-color 160ms ease,
        border-color 160ms ease,
        box-shadow 160ms ease,
        color 160ms ease;
}

#zumi-hilux-premium .zhp-camp-config-icon {
    display: grid;
    place-items: center;
    width: clamp(34px, 2.2vw, 40px) !important;
    height: clamp(34px, 2.2vw, 40px) !important;
    flex: 0 0 auto;
    color: var(--z-orange);
    background: rgba(232,94,42,.10);
    border: 1px solid rgba(232,94,42,.18);
    border-radius: 4px;
    transition:
        color 160ms ease,
        background-color 160ms ease,
        border-color 160ms ease;
}

#zumi-hilux-premium .zhp-camp-config-icon .zhp-url-svg-icon {
    width: 19px !important;
    height: 19px !important;
    color: var(--z-orange) !important;
}

#zumi-hilux-premium .zhp-camp-config-tab.is-active .zhp-camp-config-icon {
    color: #FFFFFF;
    background: var(--z-orange);
    border-color: var(--z-orange);
}

#zumi-hilux-premium .zhp-camp-config-tab.is-active .zhp-camp-config-icon .zhp-url-svg-icon {
    color: #FFFFFF !important;
}

#zumi-hilux-premium .zhp-camp-config-copy {
    display: block;
    min-width: 0;
}

#zumi-hilux-premium .zhp-camp-config-tab:hover {
    background: rgba(255,255,255,.62);
    border-color: rgba(232,94,42,.25) !important;
}

#zumi-hilux-premium .zhp-camp-config-tab.is-active {
    color: #FFFFFF;
    background:
        radial-gradient(circle at 100% 0%, rgba(232,94,42,.25), transparent 44%),
        #191919;
    border-color: #191919 !important;
    box-shadow: 0 8px 24px rgba(17,17,17,.11);
}

#zumi-hilux-premium .zhp-camp-config-tab strong {
    display: block;
    color: inherit;
    font-size: clamp(14px, .92vw, 18px);
    font-weight: 800;
    line-height: 1.15;
}

#zumi-hilux-premium .zhp-camp-config-tab small {
    display: block;
    margin-top: 4px;
    color: #767676;
    font-size: clamp(10px, .65vw, 12.5px);
    font-weight: 550;
    line-height: 1.25;
}

#zumi-hilux-premium .zhp-camp-config-tab.is-active small {
    color: rgba(255,255,255,.58);
}

#zumi-hilux-premium .zhp-season-tabs {
    margin-top: 9px !important;
}

#zumi-hilux-premium .zhp-feature-grid {
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
}

#zumi-hilux-premium .zhp-feature img {
    width: clamp(29px, 2.1vw, 41px) !important;
    height: clamp(29px, 2.1vw, 41px) !important;
}

#zumi-hilux-premium
.zhp-addon-panel[data-addon-panel="coverage"]
.zhp-addon-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
}

@media (max-width: 1180px) {
    #zumi-hilux-premium .zhp-feature-grid {
        grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 900px) {
    #zumi-hilux-premium .zhp-feature-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }

    #zumi-hilux-premium
    .zhp-addon-panel[data-addon-panel="coverage"]
    .zhp-addon-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-gallery-strip {
        max-width: calc(100% - 18px) !important;
        grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    }

    #zumi-hilux-premium .zhp-hero-main {
        padding: 0 !important;
        object-fit: cover !important;
    }

    #zumi-hilux-premium .zhp-camp-config-tabs {
        gap: 5px;
        margin-top: 18px;
        padding: 4px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-camp-config-tab {
        min-height: 60px;
        gap: 8px;
        padding: 9px 10px;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-camp-config-icon {
        width: 27px !important;
        height: 27px !important;
    }

    #zumi-hilux-premium .zhp-camp-config-tab strong {
        font-size: 12px;
    }

    #zumi-hilux-premium .zhp-camp-config-tab small {
        font-size: 9.5px;
    }

    #zumi-hilux-premium .zhp-feature-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    #zumi-hilux-premium
    .zhp-addon-panel[data-addon-panel="coverage"]
    .zhp-addon-grid {
        display: block !important;
    }
}

/* Six hero feature cards: balanced 3 × 2 desktop layout. */
#zumi-hilux-premium .zhp-hero-spec,
#zumi-hilux-premium .zhp-hero-spec:nth-child(4),
#zumi-hilux-premium .zhp-hero-spec:nth-child(5),
#zumi-hilux-premium .zhp-hero-spec:nth-child(6) {
    grid-column: span 2 !important;
}

@media (max-width: 1180px) {
    #zumi-hilux-premium .zhp-hero-spec,
    #zumi-hilux-premium .zhp-hero-spec:nth-child(4),
    #zumi-hilux-premium .zhp-hero-spec:nth-child(5),
    #zumi-hilux-premium .zhp-hero-spec:nth-child(6) {
        grid-column: span 1 !important;
    }
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-camp-config-icon {
        width: 30px !important;
        height: 30px !important;
        border-radius: 4px;
    }

    #zumi-hilux-premium .zhp-camp-config-icon .zhp-url-svg-icon {
        width: 16px !important;
        height: 16px !important;
    }
}


/* ZUMI 1.2.2 — multilingual overflow hardening */
#zumi-hilux-premium .zhp-hero-info,
#zumi-hilux-premium .zhp-title,
#zumi-hilux-premium .zhp-title span {
    min-width: 0;
    max-width: 100%;
}

/* German compound model names are substantially longer than the English
   source. Keep the large hero treatment, but allow the intentional soft
   break embedded between Camping/Standard and fahrzeug when required. */
html[lang^="de"] #zumi-hilux-premium .zhp-title {
    max-width: 100%;
    font-size: clamp(40px, 3.6vw, 74px);
    line-height: .87;
    letter-spacing: -.065em;
}

html[lang^="de"] #zumi-hilux-premium .zhp-title span {
    max-width: 100%;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: manual;
}

/* Translated UI labels may be longer than their English equivalents.
   Let labels grow vertically rather than disappear past a fixed width. */
html[lang^="de"] #zumi-hilux-premium .zhp-btn,
html[lang^="ru"] #zumi-hilux-premium .zhp-btn,
html[lang^="de"] #zumi-hilux-premium .zhp-addon-tab,
html[lang^="ru"] #zumi-hilux-premium .zhp-addon-tab,
html[lang^="de"] #zumi-hilux-premium .zhp-video-pill,
html[lang^="ru"] #zumi-hilux-premium .zhp-video-pill {
    white-space: normal;
    line-height: 1.2;
    text-align: center;
}

@media (max-width: 1100px) {
    html[lang^="de"] #zumi-hilux-premium .zhp-title {
        font-size: clamp(46px, 8vw, 72px);
    }
}

@media (max-width: 520px) {
    html[lang^="de"] #zumi-hilux-premium .zhp-title {
        font-size: clamp(38px, 11vw, 54px);
        line-height: .9;
    }
}


/* ZUMI 1.2.3 — German hero model names should truncate cleanly with
   an ellipsis at the same constrained desktop widths where the full
   translated compound cannot fit. This prevents hard clipping. */
@media (min-width: 901px) and (max-width: 1180px) {
    html[lang^="de"] #zumi-hilux-premium .zhp-title span {
        display: block;
        width: 100%;
        min-width: 0;
        max-width: 100%;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        overflow-wrap: normal;
        word-break: normal;
    }
}

/* =========================================================
   ZUMI 1.2.4 — compact mobile add-on cards
   Earlier mobile rules left min-height:100% on the add-on card/media.
   On iPhone that can resolve against a tall panel and stretch one option
   hundreds of pixels. Mobile cards now size strictly to their content.
   ========================================================= */
@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-addon-grid,
    #zumi-hilux-premium .zhp-addon-grid--two {
        display: block !important;
        height: auto !important;
        min-height: 0 !important;
    }

    #zumi-hilux-premium .zhp-addon-card {
        display: grid !important;
        grid-template-columns: 104px minmax(0, 1fr) !important;
        align-items: stretch !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        margin-top: 7px !important;
        overflow: hidden !important;
    }

    #zumi-hilux-premium .zhp-addon-card-media {
        align-self: stretch !important;
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 9px 7px !important;
    }

    #zumi-hilux-premium .zhp-addon-card-media img {
        width: 82px !important;
        height: 82px !important;
        max-width: 82px !important;
        max-height: 82px !important;
        margin: 0 auto !important;
        padding: 5px !important;
    }

    #zumi-hilux-premium .zhp-addon-card-body {
        display: block !important;
        align-self: start !important;
        height: auto !important;
        min-height: 0 !important;
        max-height: none !important;
        padding: 12px 12px 13px !important;
    }

    #zumi-hilux-premium .zhp-addon-card h3,
    #zumi-hilux-premium .zhp-addon-price,
    #zumi-hilux-premium .zhp-addon-card p,
    #zumi-hilux-premium .zhp-addon-included {
        max-width: 100% !important;
    }
}

@media (max-width: 380px) {
    #zumi-hilux-premium .zhp-addon-card {
        grid-template-columns: 94px minmax(0, 1fr) !important;
    }

    #zumi-hilux-premium .zhp-addon-card-media img {
        width: 74px !important;
        height: 74px !important;
        max-width: 74px !important;
        max-height: 74px !important;
    }
}


/* ============================================================
   v1.3.1 — FINAL BOOKING CTA + CONTACT OPTIONS
   Use the dedicated plan-adventure artwork in the Book Now button,
   remove the arrow, and mirror the Insurance page's compact
   Contact options + WhatsApp action treatment.
   ============================================================ */
#zumi-hilux-premium .zhp-final-actions .zhp-btn--book-now {
    gap: 8px !important;
}

#zumi-hilux-premium .zhp-book-now-icon {
    display: inline-grid;
    place-items: center;
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px;
}

#zumi-hilux-premium .zhp-book-now-icon img {
    display: block;
    width: 19px !important;
    height: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

#zumi-hilux-premium .zhp-final-contact-actions {
    --zhp-final-contact-width: 220px;
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px !important;
    width: max-content !important;
    max-width: 100%;
    margin-top: 13px;
    align-items: center;
}

#zumi-hilux-premium .zhp-final-contact-btn {
    display: inline-flex !important;
    width: var(--zhp-final-contact-width) !important;
    min-width: var(--zhp-final-contact-width) !important;
    max-width: var(--zhp-final-contact-width) !important;
    min-height: 48px !important;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    padding: 11px 15px !important;
    border-radius: 4px;
    font-size: 13px !important;
    font-weight: 700;
    line-height: 1.15;
    white-space: nowrap;
    text-decoration: none !important;
    transform: none !important;
    transition: none !important;
    animation: none !important;
}

#zumi-hilux-premium .zhp-final-contact-btn--contact {
    gap: 8px !important;
    color: #fff !important;
    background: #E85E2A !important;
    border: 1px solid var(--z-orange) !important;
    box-shadow: 0 6px 19px rgba(0,0,0,.22);
}

#zumi-hilux-premium .zhp-final-contact-btn--contact:hover,
#zumi-hilux-premium .zhp-final-contact-btn--contact:focus-visible {
    color: #fff !important;
    background: #E85E2A !important;
    border-color: #E85E2A !important;
    outline: none;
    transform: none !important;
}

#zumi-hilux-premium .zhp-final-contact-btn--whatsapp {
    gap: 10px !important;
    color: #fff !important;
    background: rgba(255,255,255,.06) !important;
    border: 1px solid rgba(255,255,255,.18) !important;
}

#zumi-hilux-premium .zhp-final-contact-btn--whatsapp:hover,
#zumi-hilux-premium .zhp-final-contact-btn--whatsapp:focus-visible {
    color: #fff !important;
    background: rgba(255,255,255,.11) !important;
    border-color: rgba(255,255,255,.32) !important;
    outline: none;
    transform: none !important;
}

#zumi-hilux-premium .zhp-final-contact-icon {
    display: inline-grid;
    place-items: center;
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px;
}

#zumi-hilux-premium .zhp-final-contact-icon img {
    display: block;
    width: 19px !important;
    height: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;
    object-fit: contain;
    filter: brightness(0) invert(1);
}

#zumi-hilux-premium .zhp-final-whatsapp-icon {
    display: inline-grid;
    place-items: center;
    width: 23px !important;
    height: 23px !important;
    flex: 0 0 23px;
}

#zumi-hilux-premium .zhp-final-whatsapp-icon img {
    display: block;
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
    object-fit: contain;
}

@media (max-width: 620px) {
    #zumi-hilux-premium .zhp-final-contact-actions {
        --zhp-final-contact-width: min(220px, calc(100vw - 64px));
        gap: 7px !important;
    }

    #zumi-hilux-premium .zhp-final-contact-btn {
        min-height: 44px !important;
        padding: 9px 11px !important;
        font-size: 11px !important;
    }

    #zumi-hilux-premium .zhp-final-contact-btn--contact {
        gap: 7px !important;
    }

    #zumi-hilux-premium .zhp-book-now-icon,
    #zumi-hilux-premium .zhp-book-now-icon img,
    #zumi-hilux-premium .zhp-final-contact-icon,
    #zumi-hilux-premium .zhp-final-contact-icon img {
        width: 18px !important;
        height: 18px !important;
        max-width: 18px !important;
        max-height: 18px !important;
        flex-basis: 18px !important;
    }

    #zumi-hilux-premium .zhp-final-whatsapp-icon {
        width: 22px !important;
        height: 22px !important;
        flex: 0 0 22px !important;
    }

    #zumi-hilux-premium .zhp-final-whatsapp-icon img {
        width: 20px !important;
        height: 20px !important;
        max-width: 20px !important;
        max-height: 20px !important;
    }
}

/* ============================================================
   v1.3.2 — SINGLE-ROW FINAL CTA
   One coordinated three-button row. Book Now is intentionally
   the primary visual action; contact routes remain secondary.
   ============================================================ */
#zumi-hilux-premium .zhp-final-actions--three {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1.32fr) minmax(0, 1fr);
    gap: 10px !important;
    width: min(100%, 760px) !important;
    max-width: 760px !important;
    margin-top: clamp(20px, 2vw, 30px) !important;
    align-items: stretch !important;
}

#zumi-hilux-premium .zhp-final-actions--three > a {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 54px !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    border-radius: 4px !important;
    justify-content: center !important;
    align-items: center !important;
    padding: 11px 14px !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    text-align: center !important;
    white-space: normal !important;
    transition: none !important;
    animation: none !important;
    transform: none !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now {
    gap: 8px !important;
    color: #fff !important;
    background: linear-gradient(135deg, #E85E2A 0%, #E85E2A 100%) !important;
    border: 1px solid rgba(255,255,255,.22) !important;
    box-shadow:
        0 9px 24px rgba(232,94,42,.34),
        inset 0 1px 0 rgba(255,255,255,.16) !important;
    font-weight: 850 !important;
    letter-spacing: -.015em !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now:hover,
#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now:focus-visible {
    color: #fff !important;
    background: linear-gradient(135deg, #E85E2A 0%, #E85E2A 100%) !important;
    border-color: rgba(255,255,255,.32) !important;
    box-shadow:
        0 0 0 3px rgba(232,94,42,.17),
        0 10px 25px rgba(232,94,42,.38),
        inset 0 1px 0 rgba(255,255,255,.18) !important;
    outline: none !important;
    transform: none !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn {
    color: #fff !important;
    background: rgba(20,20,20,.36) !important;
    border: 1px solid rgba(255,255,255,.25) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
    backdrop-filter: blur(9px);
    -webkit-backdrop-filter: blur(9px);
    font-weight: 750 !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn:hover,
#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn:focus-visible {
    color: #fff !important;
    background: rgba(255,255,255,.10) !important;
    border-color: rgba(255,255,255,.38) !important;
    outline: none !important;
    transform: none !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact {
    gap: 7px !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--whatsapp {
    gap: 8px !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-book-now-icon,
#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-icon {
    width: 19px !important;
    height: 19px !important;
    flex: 0 0 19px !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-book-now-icon img,
#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-icon img {
    width: 19px !important;
    height: 19px !important;
    max-width: 19px !important;
    max-height: 19px !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-final-whatsapp-icon {
    width: 22px !important;
    height: 22px !important;
    flex: 0 0 22px !important;
}

#zumi-hilux-premium .zhp-final-actions--three .zhp-final-whatsapp-icon img {
    width: 21px !important;
    height: 21px !important;
    max-width: 21px !important;
    max-height: 21px !important;
}

@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-final-actions--three {
        grid-template-columns: minmax(0, .95fr) minmax(0, 1.35fr) minmax(0, .95fr);
        gap: 7px !important;
        width: 100% !important;
        max-width: none !important;
        margin-top: 17px !important;
    }

    #zumi-hilux-premium .zhp-final-actions--three > a {
        min-height: 50px !important;
        padding: 9px 8px !important;
        font-size: 11px !important;
        border-radius: 4px !important;
    }
}

@media (max-width: 430px) {
    #zumi-hilux-premium .zhp-final-actions--three {
        grid-template-columns: minmax(0, .92fr) minmax(0, 1.42fr) minmax(0, .92fr);
        gap: 5px !important;
    }

    #zumi-hilux-premium .zhp-final-actions--three > a {
        min-height: 50px !important;
        padding: 7px 5px !important;
        font-size: 9.4px !important;
        line-height: 1.03 !important;
    }

    #zumi-hilux-premium .zhp-final-actions--three .zhp-book-now-icon,
    #zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-icon,
    #zumi-hilux-premium .zhp-final-actions--three .zhp-book-now-icon img,
    #zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-icon img {
        width: 16px !important;
        height: 16px !important;
        max-width: 16px !important;
        max-height: 16px !important;
        flex-basis: 16px !important;
    }

    #zumi-hilux-premium .zhp-final-actions--three .zhp-final-whatsapp-icon {
        width: 18px !important;
        height: 18px !important;
        flex-basis: 18px !important;
    }

    #zumi-hilux-premium .zhp-final-actions--three .zhp-final-whatsapp-icon img {
        width: 18px !important;
        height: 18px !important;
        max-width: 18px !important;
        max-height: 18px !important;
    }
}

/* ============================================================
   v1.3.3 — QUICK RENTAL ESTIMATOR
   Compact estimator directly below the vehicle walkthrough.
   ============================================================ */
#zumi-hilux-premium .zhp-estimator {
    padding: clamp(22px, 2.2vw, 38px);
    background:
        radial-gradient(circle at 92% 10%, rgba(232,94,42,.08), transparent 26%),
        var(--z-cream);
}

#zumi-hilux-premium .zhp-estimator-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 24px;
    margin-bottom: 18px;
}

#zumi-hilux-premium .zhp-estimator-intro {
    max-width: 830px;
}

#zumi-hilux-premium .zhp-estimator-title {
    margin: 0;
    color: var(--z-ink);
    font-size: clamp(24px, 2.2vw, 40px);
    font-weight: 800;
    line-height: 1.05;
    letter-spacing: -.035em;
}

#zumi-hilux-premium .zhp-estimator-copy {
    max-width: 780px;
    margin: 9px 0 0;
    color: var(--z-muted);
    font-size: clamp(13px, .9vw, 16px);
    line-height: 1.55;
}

#zumi-hilux-premium .zhp-estimator-tag {
    flex: 0 0 auto;
    display: inline-flex;
    align-items: center;
    min-height: 34px;
    padding: 7px 11px;
    border: 1px solid rgba(232,94,42,.22);
    border-radius: 4px;
    background: rgba(232,94,42,.08);
    color: var(--z-orange-dark);
    font-size: 11px;
    font-weight: 750;
    line-height: 1;
    white-space: nowrap;
}

#zumi-hilux-premium .zhp-estimator-fields {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 12px;
}

#zumi-hilux-premium .zhp-estimator-field {
    display: grid;
    align-content: start;
    grid-auto-rows: max-content;
    gap: 7px;
    min-width: 0;
}

#zumi-hilux-premium .zhp-estimator-field > span {
    color: var(--z-text);
    font-size: 12px;
    font-weight: 750;
}

#zumi-hilux-premium .zhp-estimator-field input,
#zumi-hilux-premium .zhp-estimator-field select {
    width: 100%;
    min-width: 0;
    min-height: 48px;
    padding: 10px 13px;
    border: 1px solid #dcd7d1;
    border-radius: 4px;
    outline: none;
    background: #fff;
    color: var(--z-ink);
    font: inherit;
    font-size: 14px;
    font-weight: 600;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.8);
}

#zumi-hilux-premium .zhp-estimator-field input:focus,
#zumi-hilux-premium .zhp-estimator-field select:focus {
    border-color: rgba(232,94,42,.75);
    box-shadow: 0 0 0 3px rgba(232,94,42,.10);
}

#zumi-hilux-premium .zhp-estimator-status {
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid var(--z-line);
    border-radius: 4px;
    background: rgba(255,255,255,.70);
    color: var(--z-muted);
    font-size: 12px;
    line-height: 1.45;
}

#zumi-hilux-premium .zhp-estimator-status--warning {
    border-color: rgba(232,94,42,.28);
    background: rgba(232,94,42,.07);
    color: #8f431b;
}

#zumi-hilux-premium .zhp-estimator-result {
    display: grid;
    grid-template-columns: minmax(0,.72fr) minmax(0,1fr) minmax(0,1.18fr);
    gap: 10px;
    margin-top: 13px;
}

#zumi-hilux-premium .zhp-estimator-result[hidden] {
    display: none !important;
}

#zumi-hilux-premium .zhp-estimator-stat {
    display: grid;
    align-content: center;
    gap: 4px;
    min-height: 72px;
    padding: 12px 14px;
    border: 1px solid var(--z-line);
    border-radius: 4px;
    background: rgba(255,255,255,.82);
}

#zumi-hilux-premium .zhp-estimator-stat > span {
    color: var(--z-muted);
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.25;
}

#zumi-hilux-premium .zhp-estimator-stat strong {
    color: var(--z-ink);
    font-size: clamp(17px, 1.15vw, 21px);
    font-weight: 800;
    line-height: 1.1;
}

#zumi-hilux-premium .zhp-estimator-stat--total {
    border-color: rgba(232,94,42,.30);
    background: rgba(232,94,42,.08);
}

#zumi-hilux-premium .zhp-estimator-stat--total strong {
    color: var(--z-orange-dark);
    font-size: clamp(20px, 1.45vw, 26px);
}

#zumi-hilux-premium .zhp-estimator-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 14px;
}

#zumi-hilux-premium .zhp-estimator-footer p {
    max-width: 820px;
    margin: 0;
    color: var(--z-muted);
    font-size: 11px;
    line-height: 1.45;
}

#zumi-hilux-premium .zhp-estimator-book {
    flex: 0 0 auto;
    width: max-content !important;
    min-height: 46px;
    padding: 10px 15px !important;
    gap: 7px;
    border-radius: 4px !important;
    white-space: nowrap;
}

#zumi-hilux-premium .zhp-estimator-book .zhp-book-now-icon,
#zumi-hilux-premium .zhp-estimator-book .zhp-book-now-icon img {
    width: 18px !important;
    height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;
}

@media (max-width: 760px) {
    #zumi-hilux-premium .zhp-estimator {
        padding: 18px 16px;
    }

    #zumi-hilux-premium .zhp-estimator-head {
        display: block;
        margin-bottom: 14px;
    }

    #zumi-hilux-premium .zhp-estimator-tag {
        margin-top: 11px;
    }

    #zumi-hilux-premium .zhp-estimator-fields {
        grid-template-columns: 1fr 1fr;
    }

    #zumi-hilux-premium .zhp-estimator-field:last-child {
        grid-column: 1 / -1;
    }

    #zumi-hilux-premium .zhp-estimator-result {
        grid-template-columns: 1fr 1fr;
    }

    #zumi-hilux-premium .zhp-estimator-stat--total {
        grid-column: 1 / -1;
    }

    #zumi-hilux-premium .zhp-estimator-footer {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 480px) {
    #zumi-hilux-premium .zhp-estimator-fields,
    #zumi-hilux-premium .zhp-estimator-result {
        grid-template-columns: 1fr;
    }

    #zumi-hilux-premium .zhp-estimator-field:last-child,
    #zumi-hilux-premium .zhp-estimator-stat--total {
        grid-column: auto;
    }

    #zumi-hilux-premium .zhp-estimator-book {
        width: 100% !important;
        justify-content: center;
    }
}


/* ============================================================
   v1.3.6 — REDUNDANT ESTIMATOR CURRENCY CONTROL REMOVED
   Keeps the calculator self-contained without adding network work.
   ============================================================ */
#zumi-hilux-premium .zhp-vat-note {
    margin: 4px 0 0;
    color: var(--z-muted);
    font-size: 10.5px;
    font-weight: 650;
    line-height: 1.35;
}

#zumi-hilux-premium .zhp-estimator-currency-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    margin-top: 12px;
    padding: 10px 12px;
    border: 1px solid var(--z-line);
    border-radius: 4px;
    background: rgba(255,255,255,.64);
}

#zumi-hilux-premium .zhp-estimator-currency-copy {
    display: grid;
    gap: 2px;
    min-width: 0;
}

#zumi-hilux-premium .zhp-estimator-currency-copy strong {
    color: var(--z-text);
    font-size: 11.5px;
    font-weight: 800;
    line-height: 1.25;
}

#zumi-hilux-premium .zhp-estimator-currency-copy span {
    color: var(--z-muted);
    font-size: 10.5px;
    line-height: 1.35;
}

#zumi-hilux-premium .zhp-estimator-currency {
    flex: 0 0 auto;
}

#zumi-hilux-premium .zhp-estimator-stat--total small {
    margin-top: 1px;
    color: var(--z-orange-dark);
    font-size: 9.5px;
    font-weight: 750;
    line-height: 1.2;
}

#zumi-hilux-premium .zhp-estimator-notes {
    display: grid;
    gap: 4px;
    max-width: 820px;
}

#zumi-hilux-premium .zhp-estimator-footer .zhp-estimator-notes p {
    max-width: none;
}

#zumi-hilux-premium .zhp-estimator-footer .zhp-estimator-notes p strong {
    color: var(--z-text);
    font-weight: 800;
}

@media (max-width: 760px) {
    #zumi-hilux-premium .zhp-estimator-currency-row {
        align-items: flex-start;
        flex-direction: column;
        gap: 8px;
    }

    #zumi-hilux-premium .zhp-estimator-currency {
        width: 100%;
    }

    #zumi-hilux-premium .zhp-estimator-currency button {
        flex: 1 1 0;
        justify-content: center;
        min-width: 0;
    }
}

@media (max-width: 480px) {
    #zumi-hilux-premium .zhp-estimator-currency-row {
        padding: 9px 10px;
    }

    #zumi-hilux-premium .zhp-estimator-currency {
        display: grid;
        grid-template-columns: repeat(4, minmax(0,1fr));
        gap: 5px;
    }

    #zumi-hilux-premium .zhp-estimator-currency button {
        padding-left: 6px;
        padding-right: 6px;
    }
}


/* ============================================================
   v1.3.6 — ESTIMATOR LAYOUT CORRECTION
   Keeps the local currency selector self-contained and prevents
   the main pricing currency rules from crushing estimator copy.
   ============================================================ */
#zumi-hilux-premium .zhp-estimator-excess-label {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
    min-width: 0;
}

#zumi-hilux-premium .zhp-estimator-excess-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 18px;
    width: 18px;
    height: 18px;
    color: var(--z-orange);
}

#zumi-hilux-premium .zhp-estimator-excess-icon .zhp-url-svg-icon {
    width: 18px !important;
    height: 18px !important;
    color: var(--z-orange) !important;
}

#zumi-hilux-premium .zhp-estimator-currency-row {
    display: grid !important;
    grid-template-columns: minmax(190px, 260px) minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 14px !important;
    padding: 12px !important;
}

#zumi-hilux-premium .zhp-estimator-currency-copy {
    width: 100%;
    min-width: 0;
}

#zumi-hilux-premium .zhp-estimator-currency-copy strong,
#zumi-hilux-premium .zhp-estimator-currency-copy span {
    display: block;
    width: 100%;
}

#zumi-hilux-premium .zhp-estimator-currency-copy span {
    margin-top: 3px;
    overflow-wrap: normal;
    word-break: normal;
}

#zumi-hilux-premium .zhp-estimator-currency {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    justify-self: stretch !important;
}

#zumi-hilux-premium .zhp-estimator-currency button {
    width: 100% !important;
    min-width: 0 !important;
}

#zumi-hilux-premium .zhp-fx-note {
    min-height: 0 !important;
}

@media (max-width: 760px) {
    #zumi-hilux-premium .zhp-estimator-currency-row {
        grid-template-columns: 1fr !important;
        gap: 9px !important;
    }
}

@media (max-width: 480px) {
    #zumi-hilux-premium .zhp-estimator-currency {
        gap: 4px !important;
    }

    #zumi-hilux-premium .zhp-estimator-currency button {
        padding: 8px 4px !important;
        font-size: 9.8px !important;
    }

    #zumi-hilux-premium .zhp-estimator-currency .zhp-currency-flag {
        width: 17px !important;
        height: 17px !important;
        flex-basis: 17px !important;
    }
}


/* ============================================================
   v1.3.8 — BOOKING-PORTAL DATE CONTROL PARITY
   Uses the same native date-input / placeholder pattern and the
   same iPad touch normalization as the Zumi Booking Portal.
   ============================================================ */
#zumi-hilux-premium .zhp-estimator-date-wrap {
    position: relative;
    display: block;
    width: 100%;
    height: 48px;
    min-height: 48px;
    max-height: 48px;
    overflow: hidden;
    background: #fff;
    border: 1px solid #dcd7d2;
    border-radius: 4px;
    box-sizing: border-box;
}

#zumi-hilux-premium .zhp-estimator-date-wrap:focus-within {
    border-color: rgba(232,94,42,.75);
    box-shadow: 0 0 0 3px rgba(232,94,42,.10);
}

#zumi-hilux-premium .zhp-estimator-field .zhp-estimator-date-wrap input[type="date"] {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    margin: 0 !important;
    padding: 0 44px 0 13px !important;
    border: 0 !important;
    border-radius: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    color: var(--z-ink) !important;
    -webkit-text-fill-color: var(--z-ink);
    font: inherit;
    font-size: 16px !important;
    font-weight: 500 !important;
    line-height: 48px !important;
    text-align: left !important;
    box-sizing: border-box !important;
    -webkit-text-size-adjust: 100%;
    color-scheme: light;
}

#zumi-hilux-premium .zhp-estimator-date-wrap:not(.has-value) input[type="date"] {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

#zumi-hilux-premium .zhp-estimator-date-wrap:not(.has-value) input[type="date"]::-webkit-date-and-time-value,
#zumi-hilux-premium .zhp-estimator-date-wrap:not(.has-value) input[type="date"]::-webkit-datetime-edit {
    opacity: 0 !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
}

#zumi-hilux-premium .zhp-estimator-date-wrap.has-value input[type="date"]::-webkit-date-and-time-value,
#zumi-hilux-premium .zhp-estimator-date-wrap.has-value input[type="date"]::-webkit-datetime-edit {
    opacity: 1 !important;
    color: var(--z-ink) !important;
    -webkit-text-fill-color: var(--z-ink) !important;
}

#zumi-hilux-premium .zhp-estimator-date-wrap input[type="date"]::-webkit-date-and-time-value {
    min-height: 0 !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 48px !important;
    text-align: left !important;
}

#zumi-hilux-premium .zhp-estimator-date-wrap input[type="date"]::-webkit-datetime-edit {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 48px !important;
}

#zumi-hilux-premium .zhp-estimator-date-wrap input[type="date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    right: 10px;
    top: 50%;
    width: 22px;
    height: 22px;
    margin: 0 !important;
    padding: 0 !important;
    opacity: .92;
    transform: translateY(-50%);
}

#zumi-hilux-premium .zhp-estimator-date-placeholder {
    position: absolute;
    z-index: 3;
    left: 13px;
    top: 50%;
    display: block;
    max-width: calc(100% - 60px);
    overflow: hidden;
    color: #777;
    pointer-events: none;
    transform: translateY(-50%);
    font-size: 16px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
}

#zumi-hilux-premium .zhp-estimator-date-wrap.has-value .zhp-estimator-date-placeholder {
    display: none;
}

#zumi-hilux-premium .zhp-estimator-date-hint {
    display: block !important;
    min-height: 15px;
    margin-top: -1px;
    color: #8a817a !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.4;
}

#zumi-hilux-premium .zhp-estimator-date-hint strong {
    color: var(--z-orange-dark);
    font-weight: 750;
}

/* Preserve the portal's iPad/iPhone-safe native picker behavior. */
@media (min-width: 768px) and (max-width: 1366px) and (pointer: coarse) {
    #zumi-hilux-premium .zhp-estimator-date-wrap {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    }

    #zumi-hilux-premium .zhp-estimator-field .zhp-estimator-date-wrap input[type="date"] {
        -webkit-appearance: auto;
        appearance: auto;
    }
}

@media (max-width: 760px) {
    #zumi-hilux-premium .zhp-estimator-date-wrap,
    #zumi-hilux-premium .zhp-estimator-field .zhp-estimator-date-wrap input[type="date"] {
        height: 48px !important;
        min-height: 48px !important;
        max-height: 48px !important;
    }

    #zumi-hilux-premium .zhp-estimator-field .zhp-estimator-date-wrap input[type="date"] {
        -webkit-appearance: auto;
        appearance: auto;
        font-size: 16px !important;
    }
}


/* ============================================================
   v1.3.9 — ESTIMATOR DATE ICONS + SELECT ARROW SPACING
   Restores an explicit calendar glyph beside both native date
   controls while preserving the same iPhone/iPad native picker.
   Also moves the excess chevron inward for cleaner touch UI.
   ============================================================ */
#zumi-hilux-premium .zhp-estimator-calendar-icon {
    position: absolute;
    z-index: 4;
    right: 14px;
    top: 50%;
    width: 22px;
    height: 22px;
    object-fit: contain;
    opacity: .78;
    pointer-events: none;
    transform: translateY(-50%);
}

/* Keep the browser's native picker target, but hide its visual glyph so the
   estimator shows the same calendar asset consistently across browsers. */
#zumi-hilux-premium .zhp-estimator-date-wrap input[type="date"]::-webkit-calendar-picker-indicator {
    right: 9px !important;
    width: 32px !important;
    height: 32px !important;
    opacity: 0 !important;
    cursor: pointer;
}

#zumi-hilux-premium .zhp-estimator-field select#zhpEstimateExcess {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 48px !important;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23222222' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 14px 9px;
}

@media (max-width: 760px) {
    #zumi-hilux-premium .zhp-estimator-calendar-icon {
        right: 15px;
        width: 22px;
        height: 22px;
    }

    #zumi-hilux-premium .zhp-estimator-field select#zhpEstimateExcess {
        padding-right: 50px !important;
        background-position: right 18px center;
    }
}


/* ============================================================
   v1.3.10 — ESTIMATOR CONTROL ALIGNMENT + CURRENCY ORDER
   Keeps all three calculator controls aligned at the top while
   allowing the return-date guidance to sit below the field.
   The local currency selector now appears before date/excess inputs.
   ============================================================ */
#zumi-hilux-premium .zhp-estimator-fields {
    align-items: start;
}

#zumi-hilux-premium .zhp-estimator-field {
    align-self: start;
    align-content: start;
    grid-auto-rows: max-content;
}

#zumi-hilux-premium .zhp-estimator-currency-row {
    margin-top: 0 !important;
    margin-bottom: 14px !important;
}


/* ============================================================
   CAMPING ESTIMATOR — traveller/tent setup additions
   ============================================================ */
#zumi-hilux-premium .zhp-estimator-fields--camping {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
#zumi-hilux-premium .zhp-estimator-passenger-label {
    display: inline-flex !important;
    align-items: center;
    gap: 7px;
}
#zumi-hilux-premium .zhp-estimator-passenger-icon {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 18px;
    height: 18px;
    flex: 0 0 18px;
    color: var(--z-orange);
}
#zumi-hilux-premium .zhp-estimator-passenger-icon .zhp-url-svg-icon {
    width: 18px !important;
    height: 18px !important;
    color: var(--z-orange) !important;
}
#zumi-hilux-premium .zhp-estimator-tent-hint {
    display: block !important;
    min-height: 15px;
    margin-top: -1px;
    color: #8a817a !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 1.4;
}
#zumi-hilux-premium .zhp-estimator-field select#zhpEstimateTravellers {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 48px !important;
    background-color: #fff;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9' viewBox='0 0 14 9'%3E%3Cpath d='M2 2l5 5 5-5' fill='none' stroke='%23222222' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 17px center;
    background-size: 14px 9px;
}
#zumi-hilux-premium .zhp-estimator-result--camping {
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
}
#zumi-hilux-premium .zhp-estimator-result--camping .zhp-estimator-stat--total {
    grid-column: auto !important;
}
#zumi-hilux-premium #zhpEstimateSetup {
    font-size: clamp(14px, 1.1vw, 18px) !important;
    line-height: 1.2 !important;
}
@media (max-width: 1180px) {
    #zumi-hilux-premium .zhp-estimator-fields--camping,
    #zumi-hilux-premium .zhp-estimator-result--camping {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}
@media (max-width: 760px) {
    #zumi-hilux-premium .zhp-estimator-fields--camping,
    #zumi-hilux-premium .zhp-estimator-result--camping {
        grid-template-columns: 1fr !important;
    }
    #zumi-hilux-premium .zhp-estimator-field select#zhpEstimateTravellers {
        padding-right: 50px !important;
        background-position: right 18px center;
    }
}


/* Instant booking + 50/50 payment messaging */
.zhp-instant-booking,.zhp-split-payment-note{display:flex;align-items:flex-start;gap:10px;padding:11px 13px;border:1px solid rgba(232,94,42,.26);border-radius:4px;background:rgba(232,94,42,.06)}
.zhp-instant-booking{margin-top:12px}.zhp-split-payment-note{margin:0 0 12px}
.zhp-instant-check{display:inline-flex;align-items:center;justify-content:center;flex:0 0 23px;width:23px;height:23px;border-radius:50%;background:#E85E2A;color:#fff;font-weight:900;font-size:14px;line-height:1}
.zhp-instant-booking strong,.zhp-split-payment-note strong{display:block;color:#171717;font-size:13px;line-height:1.25}
.zhp-instant-booking small,.zhp-split-payment-note small{display:block;margin-top:3px;color:#655d58;font-size:12px;line-height:1.45}
@media(max-width:640px){.zhp-instant-booking,.zhp-split-payment-note{padding:10px 11px}}


/* Payment/instant notice visibility + estimator alignment */
#zumi-hilux-premium .zhp-hero .zhp-instant-booking strong {
    color: #fff !important;
    font-weight: 850 !important;
}
#zumi-hilux-premium .zhp-hero .zhp-instant-booking small {
    color: rgba(255,255,255,.66) !important;
}
@media (min-width: 761px) {
    #zumi-hilux-premium .zhp-estimator-footer {
        align-items: flex-start !important;
    }
    #zumi-hilux-premium .zhp-estimator-footer .zhp-split-payment-note {
        align-self: flex-start;
        margin-top: 0 !important;
    }
}

/* 2026/27 lowest public from-price context */
#zumi-hilux-premium .zhp-hero-price-note {
    display:block;
    margin-top:5px;
    max-width:340px;
    color:rgba(255,255,255,.72);
    font-size:10.5px;
    line-height:1.35;
    font-weight:600;
}




/* v1.4.5 — decorative FAQ-side visual on wide layouts */
#zumi-hilux-premium .zhp-faq-stock-visual {
    display:block;
    width:100%;
    margin:22px 0 0;
    aspect-ratio:4/3;
    min-height:240px;
    max-height:390px;
    overflow:hidden;
    border-radius:4px;
    border:1px solid rgba(0,0,0,.08);
    background:#e8e1db;
}
#zumi-hilux-premium .zhp-faq-stock-visual img {
    display:block;
    width:100%;
    height:100%;
    object-fit:cover;
}
@media (max-width:900px) {
    #zumi-hilux-premium .zhp-faq-stock-visual { display:none !important; }
}

/* v1.4.6 - tyre/windscreen estimator, rental-cap help, flexible camping setup */
.zhp-estimator-field--coverage .zhp-estimator-excess-icon img{width:24px;height:24px;object-fit:contain;display:block}
.zhp-estimator-coverage-choice{display:flex;align-items:flex-start;gap:10px;min-height:48px;padding:10px 12px;border:1px solid rgba(29,29,29,.14);border-radius:4px;background:#fff}
.zhp-estimator-coverage-choice input{width:18px;height:18px;margin:2px 0 0;accent-color:#E85E2A;flex:0 0 auto}
.zhp-estimator-coverage-choice strong{display:block;font-size:14px;line-height:1.25;color:#1d1d1d}
.zhp-estimator-coverage-choice small{display:block;margin-top:4px;font-size:11.5px;line-height:1.35;color:#6e625b;font-weight:500}
.zhp-estimator-field--coverage.is-included .zhp-estimator-coverage-choice{background:#f4f4f3;color:#777}
.zhp-rental-cap-note{margin:8px 0 16px;padding:10px 12px;border-left:3px solid #E85E2A;background:#fff8f4;border-radius:4px;font-size:12.5px;line-height:1.45;color:#665b55}
.zhp-rental-cap-inline{display:block;margin-top:6px;font-size:.92em;color:#756a63}

.zhp-camping-feature-split{display:grid;grid-template-columns:minmax(0,1fr);gap:18px}
.zhp-sleep-custom-card{border:1px solid rgba(232,94,42,.25);background:linear-gradient(180deg,#fff9f5,#fff);border-radius:4px;padding:18px}
.zhp-sleep-custom-card>img{width:38px;height:38px;object-fit:contain;filter:invert(48%) sepia(78%) saturate(2551%) hue-rotate(343deg) brightness(97%) contrast(87%);margin-bottom:8px}
.zhp-sleep-custom-card h3{margin:4px 0 8px;font-size:20px;line-height:1.18}
.zhp-sleep-custom-card p{margin:0;color:#655a54;font-size:13px;line-height:1.5}
.zhp-sleep-custom-options{display:flex;flex-wrap:wrap;gap:7px;margin:13px 0}
.zhp-sleep-custom-options span{padding:6px 8px;border:1px solid #efdbd0;border-radius:4px;background:#fff;font-size:11.5px;font-weight:700;color:#4c433f}
.zhp-sleep-custom-link{display:inline-block;color:#E85E2A;text-decoration:none;font-weight:800;font-size:13px}
@media (min-width:1000px){.zhp-camping-feature-split{grid-template-columns:minmax(0,1.7fr) minmax(280px,.72fr);align-items:stretch}.zhp-sleep-custom-card{display:flex;flex-direction:column;justify-content:center;padding:24px}.zhp-camping-feature-main{min-width:0}}
@media (max-width:700px){.zhp-sleep-custom-card{padding:14px}.zhp-sleep-custom-card>img{width:30px;height:30px}.zhp-sleep-custom-card h3{font-size:17px}.zhp-sleep-custom-options{margin:10px 0}.zhp-sleep-custom-options span{font-size:10.5px;padding:5px 7px}}


/* v1.4.7 — vehicle-page interaction/layout regression fix */
@media (min-width:1181px) {
    #zumi-hilux-premium .zhp-estimator-fields--camping {
        grid-template-columns: minmax(0,1fr) minmax(0,1.12fr) minmax(0,.9fr) minmax(0,.92fr) minmax(250px,1.35fr) !important;
        align-items:start;
    }
    #zumi-hilux-premium .zhp-estimator-field--coverage {
        min-width:0;
    }
}

@media (min-width:1000px) {
    #zumi-hilux-premium .zhp-camping-feature-split {
        display:grid;
        grid-template-columns:minmax(0,1.7fr) minmax(280px,.72fr);
        grid-template-rows:auto auto auto auto;
        column-gap:18px;
        row-gap:0;
        align-items:start;
    }
    #zumi-hilux-premium .zhp-camping-feature-main {
        display:contents;
    }
    #zumi-hilux-premium .zhp-camping-feature-main > .zhp-eyebrow {
        grid-column:1;
        grid-row:1;
    }
    #zumi-hilux-premium .zhp-camping-feature-main > .zhp-section-title {
        grid-column:1;
        grid-row:2;
    }
    #zumi-hilux-premium .zhp-camping-feature-main > .zhp-section-copy {
        grid-column:1;
        grid-row:3;
        min-width:0;
    }
    #zumi-hilux-premium .zhp-camping-feature-main > .zhp-feature-grid {
        grid-column:1;
        grid-row:4;
        min-width:0;
    }
    #zumi-hilux-premium .zhp-sleep-custom-card {
        grid-column:2;
        grid-row:3 / 5;
        align-self:stretch;
        min-height:0;
        height:auto;
        padding:22px;
        justify-content:center;
    }
}


/* v1.4.8 — compact rental-cap help and estimator insurance reference */
#zumi-hilux-premium .zhp-estimator-insurance-link {
    display:inline-flex;
    align-items:center;
    gap:5px;
    width:max-content;
    max-width:100%;
    margin-top:7px;
    color:#E85E2A;
    font-size:12.5px;
    line-height:1.35;
    font-weight:750;
    text-decoration:none;
}
#zumi-hilux-premium .zhp-estimator-insurance-link:hover,
#zumi-hilux-premium .zhp-estimator-insurance-link:focus-visible { text-decoration:underline; }
#zumi-hilux-premium .zhp-rental-cap-note { display:none !important; }
#zumi-hilux-premium .zhp-rental-cap-term {
    position:relative;
    display:inline-flex;
    align-items:center;
    gap:3px;
    white-space:nowrap;
}
#zumi-hilux-premium .zhp-rental-cap-help {
    display:inline-grid;
    place-items:center;
    width:17px;
    height:17px;
    min-width:17px;
    margin:0;
    padding:0;
    border:1px solid #B8C0C6;
    border-radius:50%;
    background:#fff;
    color:#65717a;
    font:800 10px/1 Arial,sans-serif;
    cursor:pointer;
    vertical-align:middle;
}
#zumi-hilux-premium .zhp-rental-cap-help:hover,
#zumi-hilux-premium .zhp-rental-cap-help:focus-visible {
    border-color:#8f9aa1;
    color:#3f4b52;
    outline:none;
}
#zumi-hilux-premium .zhp-rental-cap-popover {
    position:absolute;
    left:0;
    top:calc(100% + 7px);
    z-index:80;
    width:max-content;
    max-width:min(300px, calc(100vw - 36px));
    padding:10px 12px;
    border:1px solid #DDE1E4;
    border-radius:4px;
    background:#F5F7F8;
    color:#4F575D;
    box-shadow:0 8px 22px rgba(35,44,49,.12);
    font:500 11px/1.45 Arial,sans-serif;
    white-space:normal;
    text-align:left;
}
#zumi-hilux-premium .zhp-rental-cap-popover[hidden] { display:none !important; }
#zumi-hilux-premium .zhp-addon-card:has(.zhp-rental-cap-term) { overflow:visible !important; }
#zumi-hilux-premium .zhp-addon-card:has(.zhp-rental-cap-popover:not([hidden])) { position:relative; z-index:20; }
#zumi-hilux-premium .zhp-addon-card:has(.zhp-rental-cap-term) .zhp-addon-card-media { border-radius:4px 4px 0 0; }


/* v1.4.9 — rebuilt estimator Tyre & Windscreen selector + single rental-cap note */
#zumi-hilux-premium .zhp-estimator-field--coverage {
    display:block;
    min-width:0;
}
#zumi-hilux-premium .zhp-estimator-coverage-input {
    position:absolute !important;
    width:1px !important;
    height:1px !important;
    min-height:0 !important;
    padding:0 !important;
    margin:-1px !important;
    overflow:hidden !important;
    clip:rect(0 0 0 0) !important;
    white-space:nowrap !important;
    border:0 !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-card {
    display:grid;
    grid-template-columns:44px minmax(0,1fr) auto 30px;
    align-items:center;
    gap:11px;
    width:100%;
    min-height:74px;
    padding:11px 12px;
    border:1px solid #ded8d3;
    border-radius:4px;
    background:#fff;
    color:#1d1d1d;
    cursor:pointer;
    box-shadow:0 1px 0 rgba(255,255,255,.8) inset;
    transition:border-color 80ms ease,background-color 80ms ease,box-shadow 80ms ease;
}
#zumi-hilux-premium .zhp-estimator-coverage-card:hover {
    border-color:#E85E2A;
    box-shadow:0 0 0 2px rgba(232,94,42,.08);
}
#zumi-hilux-premium .zhp-estimator-coverage-icon {
    display:grid;
    place-items:center;
    width:44px;
    height:44px;
    border-radius:4px;
    background:#f4f1ee;
}
#zumi-hilux-premium .zhp-estimator-coverage-icon img {
    display:block;
    width:34px;
    height:34px;
    object-fit:contain;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy {
    min-width:0;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy strong {
    display:block;
    color:#171717;
    font-size:12.5px;
    font-weight:800;
    line-height:1.2;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy small {
    display:block;
    margin-top:4px;
    color:#756b64;
    font-size:10.5px;
    font-weight:500;
    line-height:1.35;
}
#zumi-hilux-premium .zhp-estimator-coverage-price {
    display:flex;
    align-items:baseline;
    gap:2px;
    white-space:nowrap;
    color:#171717;
    font-weight:850;
}
#zumi-hilux-premium .zhp-estimator-coverage-price .money { font-size:13px; }
#zumi-hilux-premium .zhp-estimator-coverage-price small { font-size:9px;color:#7a7069;font-weight:700; }
#zumi-hilux-premium .zhp-estimator-coverage-check {
    display:grid;
    place-items:center;
    width:25px;
    height:25px;
    border:1.5px solid #bcb5b0;
    border-radius:4px;
    background:#fff;
    color:transparent;
    font-size:14px;
    font-weight:900;
}
#zumi-hilux-premium .zhp-estimator-coverage-input:checked + .zhp-estimator-coverage-card {
    border-color:#E85E2A;
    background:#fff8f4;
    box-shadow:0 0 0 2px rgba(232,94,42,.08);
}
#zumi-hilux-premium .zhp-estimator-coverage-input:checked + .zhp-estimator-coverage-card .zhp-estimator-coverage-check {
    border-color:#E85E2A;
    background:#E85E2A;
    color:#fff;
}
#zumi-hilux-premium .zhp-estimator-coverage-input:focus-visible + .zhp-estimator-coverage-card {
    outline:3px solid rgba(232,94,42,.22);
    outline-offset:2px;
}
#zumi-hilux-premium .zhp-estimator-field--coverage.is-included .zhp-estimator-coverage-card {
    border-color:#d9d7d4;
    background:#f4f4f3;
    cursor:default;
    box-shadow:none;
}
#zumi-hilux-premium .zhp-estimator-field--coverage.is-included .zhp-estimator-coverage-check {
    border-color:#7c8d82;
    background:#7c8d82;
    color:#fff;
}

#zumi-hilux-premium .zhp-addons-heading-row {
    display:grid;
    grid-template-columns:minmax(0,1fr) minmax(310px,430px);
    gap:24px;
    align-items:center;
    margin-bottom:4px;
}
#zumi-hilux-premium .zhp-addons-heading-copy { min-width:0; }
#zumi-hilux-premium .zhp-addons-heading-row .zhp-section-copy { margin-bottom:0; }
#zumi-hilux-premium .zhp-addons-heading-row .zhp-rental-cap-note {
    display:block !important;
    margin:0 !important;
    padding:11px 13px;
    border:1px solid #e7ddd6;
    border-left:3px solid #E85E2A;
    border-radius:4px;
    background:#fff8f4;
    color:#665b55;
    font-size:11.5px;
    line-height:1.45;
}
#zumi-hilux-premium .zhp-addons-heading-row .zhp-rental-cap-note strong { color:#342f2c; }

@media (max-width:900px) {
    #zumi-hilux-premium .zhp-addons-heading-row {
        grid-template-columns:1fr;
        gap:11px;
    }
    #zumi-hilux-premium .zhp-addons-heading-row .zhp-rental-cap-note {
        margin-top:0 !important;
    }
}
@media (max-width:640px) {
    #zumi-hilux-premium .zhp-estimator-coverage-card {
        grid-template-columns:40px minmax(0,1fr) 28px;
        gap:9px;
        min-height:70px;
        padding:10px;
    }
    #zumi-hilux-premium .zhp-estimator-coverage-icon { width:40px;height:40px; }
    #zumi-hilux-premium .zhp-estimator-coverage-icon img { width:31px;height:31px; }
    #zumi-hilux-premium .zhp-estimator-coverage-price {
        grid-column:2;
        margin-top:-2px;
    }
    #zumi-hilux-premium .zhp-estimator-coverage-check {
        grid-column:3;
        grid-row:1 / span 2;
        width:24px;
        height:24px;
    }
}


/* ============================================================
   v1.5.0 — compact estimator controls + dark rental-cap callout
   ============================================================ */
#zumi-hilux-premium .zhp-addons-heading-row .zhp-rental-cap-note {
    border: 1px solid rgba(255,255,255,.14) !important;
    border-left: 3px solid #E85E2A !important;
    background: linear-gradient(135deg, rgba(255,255,255,.085), rgba(255,255,255,.045)) !important;
    color: rgba(255,255,255,.82) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 8px 22px rgba(0,0,0,.10);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
#zumi-hilux-premium .zhp-addons-heading-row .zhp-rental-cap-note strong {
    color: #fff !important;
}

/* Keep the selected excess title visible in every language. JS performs the
   final text-width fit; these values maximize usable width before shrinking. */
#zumi-hilux-premium .zhp-estimator-field select#zhpEstimateExcess {
    padding-left: 11px !important;
    padding-right: 36px !important;
    background-position: right 12px center !important;
    font-size: 14px;
    line-height: 1.1;
    white-space: nowrap;
}

/* Tyre & Windscreen is a normal estimator control, not a taller feature card. */
#zumi-hilux-premium .zhp-estimator-coverage-card {
    grid-template-columns: 32px minmax(0,1fr) auto 22px !important;
    gap: 7px !important;
    height: 48px !important;
    min-height: 48px !important;
    padding: 6px 9px !important;
    border-radius: 4px !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-icon {
    width: 32px !important;
    height: 32px !important;
    border-radius: 4px !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-icon img {
    width: 28px !important;
    height: 28px !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy {
    min-width: 0;
    overflow: hidden;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy strong {
    overflow: hidden;
    color: #171717;
    font-size: 10.5px !important;
    font-weight: 800;
    line-height: 1.08 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy small {
    overflow: hidden;
    margin-top: 2px !important;
    color: #756b64;
    font-size: 8.3px !important;
    font-weight: 550;
    line-height: 1.05 !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#zumi-hilux-premium .zhp-estimator-coverage-price {
    gap: 1px !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-price .money {
    font-size: 11.5px !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-price small {
    font-size: 8px !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-check {
    width: 22px !important;
    height: 22px !important;
    border-radius: 4px !important;
    font-size: 12px !important;
}

@media (max-width: 640px) {
    #zumi-hilux-premium .zhp-estimator-coverage-card {
        grid-template-columns: 32px minmax(0,1fr) auto 22px !important;
        gap: 7px !important;
        height: 48px !important;
        min-height: 48px !important;
        padding: 6px 9px !important;
    }
    #zumi-hilux-premium .zhp-estimator-coverage-icon {
        width: 32px !important;
        height: 32px !important;
    }
    #zumi-hilux-premium .zhp-estimator-coverage-icon img {
        width: 28px !important;
        height: 28px !important;
    }
    #zumi-hilux-premium .zhp-estimator-coverage-price,
    #zumi-hilux-premium .zhp-estimator-coverage-check {
        grid-column: auto !important;
        grid-row: auto !important;
        margin-top: 0 !important;
    }
}


/* Compact the Camping Features panel only while its two columns are side by side.
   Height is content-driven by the feature grid rather than extra panel whitespace. */
@media (min-width: 1000px) {
    #zumi-hilux-premium .zhp-features {
        padding-top: clamp(18px, 1.35vw, 24px) !important;
        padding-bottom: clamp(18px, 1.35vw, 24px) !important;
    }
    #zumi-hilux-premium .zhp-camping-feature-split {
        align-items: start !important;
    }
    #zumi-hilux-premium .zhp-sleep-custom-card {
        min-height: 0 !important;
        height: auto !important;
    }
}
@media (min-width: 1181px) {
    #zumi-hilux-premium .zhp-estimator-field--coverage {
        margin-top: 19px;
    }
}


/* ============================================================
   v1.5.2 — estimator header payment placement + coverage readability
   ============================================================ */
/* Wide screens: place the payment terms in the open header area. Smaller
   screens retain the existing footer placement to preserve the stacked flow. */
#zumi-hilux-premium .zhp-split-payment-note--desktop { display:none !important; }
@media (min-width: 960px) {
    #zumi-hilux-premium .zhp-estimator-head {
        display:grid !important;
        grid-template-columns:minmax(420px,760px) minmax(300px,500px) minmax(0,1fr) auto;
        align-items:start !important;
        gap:18px !important;
    }
    #zumi-hilux-premium .zhp-estimator-intro {
        min-width:0;
        max-width:none !important;
    }
    #zumi-hilux-premium .zhp-split-payment-note--desktop {
        display:flex !important;
        width:100%;
        max-width:500px;
        margin:0 !important;
        align-self:start;
    }
    #zumi-hilux-premium .zhp-split-payment-note--mobile { display:none !important; }
    #zumi-hilux-premium .zhp-estimator-tag {
        grid-column:4;
        justify-self:end;
    }
}
@media (max-width: 959px) {
    #zumi-hilux-premium .zhp-split-payment-note--desktop { display:none !important; }
    #zumi-hilux-premium .zhp-split-payment-note--mobile { display:flex !important; }
}

/* Keep this control exactly as tall as the other inputs, but never ellipsize
   its title or state note. The copy is allowed to wrap inside the fixed card. */
#zumi-hilux-premium .zhp-estimator-coverage-card {
    grid-template-columns:30px minmax(0,1fr) auto 22px !important;
    gap:6px !important;
    height:48px !important;
    min-height:48px !important;
    padding:4px 8px !important;
    overflow:hidden;
}
#zumi-hilux-premium .zhp-estimator-coverage-icon {
    width:30px !important;
    height:30px !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-icon img {
    width:26px !important;
    height:26px !important;
    filter:brightness(0) saturate(100%) !important;
    opacity:1;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy {
    min-width:0;
    overflow:visible !important;
    align-self:center;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy strong,
#zumi-hilux-premium .zhp-estimator-coverage-copy small {
    overflow:visible !important;
    max-width:100%;
    text-overflow:clip !important;
    white-space:normal !important;
    overflow-wrap:break-word;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy strong {
    font-size:10px !important;
    line-height:1.04 !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-copy small {
    margin-top:1px !important;
    font-size:7.6px !important;
    line-height:1.05 !important;
}
#zumi-hilux-premium .zhp-estimator-coverage-price .money { font-size:11px !important; }
#zumi-hilux-premium .zhp-estimator-coverage-price small { font-size:7.6px !important; }

/* Removed in markup; guard against stale/cached template fragments. */
#zumi-hilux-premium .zhp-estimator-insurance-link { display:none !important; }

/* Flexible Sleeping remains in the same right-hand grid position but is now
   content-height, removing the large empty bands above and below its copy. */
@media (min-width:1000px) {
    #zumi-hilux-premium .zhp-sleep-custom-card {
        align-self:start !important;
        height:max-content !important;
        min-height:0 !important;
        padding:14px 16px !important;
        justify-content:flex-start !important;
    }
    #zumi-hilux-premium .zhp-sleep-custom-card > img {
        width:30px !important;
        height:30px !important;
        margin-bottom:4px !important;
    }
    #zumi-hilux-premium .zhp-sleep-custom-card h3 {
        margin:3px 0 6px !important;
        font-size:18px !important;
        line-height:1.15 !important;
    }
    #zumi-hilux-premium .zhp-sleep-custom-card p {
        font-size:12px !important;
        line-height:1.38 !important;
    }
    #zumi-hilux-premium .zhp-sleep-custom-options {
        gap:5px !important;
        margin:9px 0 0 !important;
    }
    #zumi-hilux-premium .zhp-sleep-custom-options span {
        padding:5px 7px !important;
        font-size:10.5px !important;
    }
}
@media (min-width:1181px) {
    #zumi-hilux-premium .zhp-estimator-field--coverage { margin-top:24px !important; }
}


/* v1.5.3 — final estimator polish. */
#zumi-hilux-premium .zhp-estimator-coverage-icon img {
    filter: brightness(0) saturate(100%) !important;
    opacity: 1 !important;
}

/* v1.5.3 — treat every non-mobile estimator as the header-payment layout. */
@media (min-width:761px) and (max-width:959px) {
    #zumi-hilux-premium .zhp-estimator-head {
        display:grid !important;
        grid-template-columns:minmax(0,1fr) minmax(260px,.72fr) !important;
        gap:14px 18px !important;
        align-items:start !important;
    }
    #zumi-hilux-premium .zhp-estimator-intro {
        grid-column:1;
        grid-row:1 / span 2;
        min-width:0;
        max-width:none !important;
    }
    #zumi-hilux-premium .zhp-split-payment-note--desktop {
        display:flex !important;
        grid-column:2;
        grid-row:1;
        width:100%;
        margin:0 !important;
    }
    #zumi-hilux-premium .zhp-split-payment-note--mobile { display:none !important; }
    #zumi-hilux-premium .zhp-estimator-tag {
        grid-column:2;
        grid-row:2;
        justify-self:end;
        margin:0 !important;
    }
}

@media (min-width:1181px) {
    #zumi-hilux-premium .zhp-estimator-notes p { white-space:nowrap; }
    #zumi-hilux-premium .zhp-sleep-custom-card { padding-top:12px !important; padding-bottom:12px !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-hilux-premium#zumi-hilux-premium { --z-orange:#E85E2A;--z-orange-dark:#E85E2A;--z-orange-soft:rgba(232,94,42,.13); --zumi-corner: 4px; }

/* Keep native radio circles identifiable as radio inputs. */
#zumi-hilux-premium#zumi-hilux-premium input[type="radio"] { border-radius: 50% !important; }
/* Preserve contrast: pale sand is used on photographic/dark hero kickers. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-btn--primary:not(:disabled):not(.is-disabled) { background-color:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-hilux-premium#zumi-hilux-premium .zhp-btn--primary:hover:not(:disabled):not(.is-disabled), #zumi-hilux-premium#zumi-hilux-premium .zhp-btn--primary:focus-visible:not(:disabled):not(.is-disabled) { background-color:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }

/* ZUMI BUTTON PALETTE — screenshot-matched orange #E85E2A (2026-10-08).
   Surface-only accents: preserves section colours, body copy, images and 4px corners. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-btn--primary { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-hilux-premium#zumi-hilux-premium .zhp-btn--primary:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-contact-btn--contact { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-contact-btn--contact:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-hilux-premium#zumi-hilux-premium .zhp-currency button.is-active { background:#E85E2A !important; border-color:#E85E2A !important; color:#FFFFFF !important; }
#zumi-hilux-premium#zumi-hilux-premium .zhp-currency button.is-active: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-hilux-premium#zumi-hilux-premium .zhp-addon-card,
#zumi-hilux-premium#zumi-hilux-premium .zhp-addon-card-media,
#zumi-hilux-premium#zumi-hilux-premium .zhp-addon-tabs,
#zumi-hilux-premium#zumi-hilux-premium .zhp-benefit,
#zumi-hilux-premium#zumi-hilux-premium .zhp-benefits,
#zumi-hilux-premium#zumi-hilux-premium .zhp-camp-config-tabs,
#zumi-hilux-premium#zumi-hilux-premium .zhp-currency,
#zumi-hilux-premium#zumi-hilux-premium .zhp-equipment-card,
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-card,
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-choice,
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-currency-row,
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-stat,
#zumi-hilux-premium#zumi-hilux-premium .zhp-faq-aside,
#zumi-hilux-premium#zumi-hilux-premium .zhp-faq-media,
#zumi-hilux-premium#zumi-hilux-premium .zhp-feature,
#zumi-hilux-premium#zumi-hilux-premium .zhp-final,
#zumi-hilux-premium#zumi-hilux-premium .zhp-instant-booking,
#zumi-hilux-premium#zumi-hilux-premium .zhp-insurance,
#zumi-hilux-premium#zumi-hilux-premium .zhp-lightbox-image,
#zumi-hilux-premium#zumi-hilux-premium .zhp-mobile-booking,
#zumi-hilux-premium#zumi-hilux-premium .zhp-panel,
#zumi-hilux-premium#zumi-hilux-premium .zhp-price-panel,
#zumi-hilux-premium#zumi-hilux-premium .zhp-rental-cap-note,
#zumi-hilux-premium#zumi-hilux-premium .zhp-rental-cap-popover,
#zumi-hilux-premium#zumi-hilux-premium .zhp-sleep-custom-card,
#zumi-hilux-premium#zumi-hilux-premium .zhp-sleep-custom-options,
#zumi-hilux-premium#zumi-hilux-premium .zhp-split-payment-note,
#zumi-hilux-premium#zumi-hilux-premium .zhp-vehicle-spec-card,
#zumi-hilux-premium#zumi-hilux-premium .zhp-video-frame,
#zumi-hilux-premium#zumi-hilux-premium .zhp-zero-callout,
#zumi-hilux-premium#zumi-hilux-premium .zhp-addon-card-media img {border-radius:4px!important;}

/* Corner radius for real controls only, never banner layers or decorative pseudo-elements. */
#zumi-hilux-premium#zumi-hilux-premium :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-hilux-premium#zumi-hilux-premium .zhp-btn--primary, #zumi-hilux-premium#zumi-hilux-premium .zhp-btn--primary:hover, #zumi-hilux-premium#zumi-hilux-premium .zhp-btn--primary:focus, #zumi-hilux-premium#zumi-hilux-premium .zhp-btn--primary:focus-visible, #zumi-hilux-premium#zumi-hilux-premium .zhp-btn--primary:active {background-color:#E85E2A!important; border-color:#E85E2A!important;}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-contact-btn--contact, #zumi-hilux-premium#zumi-hilux-premium .zhp-final-contact-btn--contact:hover, #zumi-hilux-premium#zumi-hilux-premium .zhp-final-contact-btn--contact:focus, #zumi-hilux-premium#zumi-hilux-premium .zhp-final-contact-btn--contact:focus-visible, #zumi-hilux-premium#zumi-hilux-premium .zhp-final-contact-btn--contact:active {background-color:#E85E2A!important; border-color:#E85E2A!important;}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now, #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now:hover, #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now:focus, #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now:focus-visible, #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now:active {background-color:#E85E2A!important; border-color:#E85E2A!important;}
#zumi-hilux-premium#zumi-hilux-premium .zhp-currency button.is-active, #zumi-hilux-premium#zumi-hilux-premium .zhp-currency button.is-active:hover, #zumi-hilux-premium#zumi-hilux-premium .zhp-currency button.is-active:focus, #zumi-hilux-premium#zumi-hilux-premium .zhp-currency button.is-active:focus-visible, #zumi-hilux-premium#zumi-hilux-premium .zhp-currency button.is-active:active {background-color:#E85E2A!important; border-color:#E85E2A!important;}
#zumi-hilux-premium#zumi-hilux-premium .zhp-addon-tab.is-active, #zumi-hilux-premium#zumi-hilux-premium .zhp-addon-tab.is-active:hover, #zumi-hilux-premium#zumi-hilux-premium .zhp-addon-tab.is-active:focus, #zumi-hilux-premium#zumi-hilux-premium .zhp-addon-tab.is-active:focus-visible, #zumi-hilux-premium#zumi-hilux-premium .zhp-addon-tab.is-active: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-hilux-premium#zumi-hilux-premium :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"]),
  .zhp-btn,
  .zhp-final-contact-btn,
  .zhp-addon-tab,
  .zhp-season-tab,
  .zhp-camp-config-tab
) {
  border-radius: 4px !important;
}


/* Zumi video controls: shared #E85E2A play mark on white kicker circle and video preview. */
#zumi-hilux-premium .zhp-video-kicker-icon {
    background: #FFFFFF !important;
    color: #E85E2A !important;
    border-radius: 50% !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .09) !important;
}
#zumi-hilux-premium .zhp-video-kicker-icon .zhp-url-svg-icon {
    background-color: #E85E2A !important;
    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;
    width: 22px !important;
    height: 22px !important;
}
#zumi-hilux-premium .zhp-video-facade {
    position: absolute;
    inset: 0;
    display: grid;
    place-items: center;
    width: 100%;
    height: 100%;
    overflow: hidden;
    cursor: pointer;
    text-decoration: none;
    background: #111111;
    border: 0;
    border-radius: inherit;
    -webkit-tap-highlight-color: transparent;
}
#zumi-hilux-premium .zhp-video-facade__poster {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border: 0;
}
#zumi-hilux-premium .zhp-video-facade__play {
    position: relative;
    z-index: 1;
    display: block;
    width: clamp(68px, 7vw, 92px);
    height: clamp(50px, 5vw, 66px);
    background-color: #E85E2A !important;
    -webkit-mask-image: url("https://zumirentals.com/wp-content/uploads/2026/10/youtube-play-button.svg");
    mask-image: url("https://zumirentals.com/wp-content/uploads/2026/10/youtube-play-button.svg");
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    filter: drop-shadow(0 4px 8px rgba(0,0,0,.25));
}
#zumi-hilux-premium .zhp-video-facade:hover .zhp-video-facade__play,
#zumi-hilux-premium .zhp-video-facade:focus-visible .zhp-video-facade__play {
    background-color: #E85E2A !important;
    transform: scale(1.06);
}
#zumi-hilux-premium .zhp-video-facade:focus-visible {
    outline: 3px solid #E85E2A;
    outline-offset: -4px;
}
@media (max-width: 700px) {
    #zumi-hilux-premium .zhp-video-kicker-icon .zhp-url-svg-icon {
        width: 19px !important;
        height: 19px !important;
    }
}


/* ZUMI — Vehicle estimate and lightbox refinements (October 2026)
   Only adjust the requested vehicle-page controls; retain existing 48px card
   geometry, the site's 4px corner style and normal estimator functionality. */

/* Lightbox navigation: immediate orange hover and tactile press feedback.
   Keep normal/focus (mouse click) dark so controls do not stay highlighted,
   while keyboard focus-visible remains prominent and accessible. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-lightbox-nav {
    background: rgba(15,15,15,.82) !important;
    border-color: rgba(255,255,255,.24) !important;
    color: #fff !important;
    transition: none !important;
    transition-delay: 0s !important;
    animation: none !important;
    animation-delay: 0s !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-lightbox-nav .zhp-icon {
    transition: none !important;
    animation: none !important;
}
/* Mouse hover remains orange. Touchscreens use a transient pointer-press class,
   not :hover/:active, which may stick after a tap in mobile browsers. */
@media (hover: hover) and (pointer: fine) {
    #zumi-hilux-premium#zumi-hilux-premium .zhp-lightbox-nav:hover {
        background: var(--z-orange, #E85E2A) !important;
        border-color: var(--z-orange, #E85E2A) !important;
        color: #fff !important;
    }
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-lightbox-nav:is(.is-pointer-pressed, :focus-visible) {
    background: var(--z-orange, #E85E2A) !important;
    border-color: var(--z-orange, #E85E2A) !important;
    color: #fff !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-lightbox-nav.is-pointer-pressed {
    filter: brightness(.84);
    box-shadow: 0 2px 10px rgba(0,0,0,.5), inset 0 2px 5px rgba(0,0,0,.35) !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-lightbox-nav:focus-visible {
    outline: 2px solid var(--z-orange, #E85E2A) !important;
    outline-offset: 3px;
}

/* Replace the former "Estimate only" header corner with the 50/50 callout. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-head {
    display: grid !important;
    grid-template-columns: minmax(0,1fr) minmax(280px,430px) !important;
    align-items: start !important;
    gap: 18px !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-intro {
    grid-column: 1 !important;
    grid-row: 1 !important;
    min-width: 0;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-head .zhp-split-payment-note--desktop {
    display: flex !important;
    grid-column: 2 !important;
    grid-row: 1 !important;
    justify-self: end !important;
    align-self: start !important;
    width: 100% !important;
    max-width: 430px !important;
    margin: 0 !important;
}
@media (min-width: 761px) and (max-width: 959px) {
    #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-head {
        grid-template-columns: minmax(0,1fr) minmax(260px,.72fr) !important;
    }
}
@media (max-width: 760px) {
    #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-head {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-head .zhp-split-payment-note--desktop {
        display: flex !important;
        align-self: stretch !important;
        max-width: 100% !important;
    }
}

/* Larger, readable insurance-selector text without altering the card's size. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-card {
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy strong {
    font-size: 12.5px !important;
    line-height: 1.08 !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy small {
    font-size: 9px !important;
    line-height: 1.05 !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-price .money {
    font-size: 12.5px !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-price small {
    font-size: 8.5px !important;
}
@media (max-width: 540px) {
    #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy strong {
        font-size: 11.3px !important;
        line-height: 1.07 !important;
    }
    #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy small {
        font-size: 8.4px !important;
    }
    #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-price .money {
        font-size: 11.8px !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-hilux-premium#zumi-hilux-premium .zhp-hero .zhp-title {
  font-family: "Zumi Poppins", "Poppins", Arial, sans-serif !important;
  letter-spacing: -.047em !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-hero .zhp-title span {
  font-family: "Zumi Poppins", "Poppins", Arial, sans-serif !important;
}


/* October 2026: balanced estimator field layout and legible mobile coverage option.
   Scoped to vehicle estimator only; no changes to the booking logic. */
@media (min-width: 600px) and (max-width: 1399px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 18px !important;
    align-items: start !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields .zhp-estimator-field:last-child {
    grid-column: auto !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-field--coverage {
    margin-top: 19px !important;
    min-width: 0;
  }
}
@media (max-width: 599px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 13px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-field--coverage {
    grid-column: 1 / -1 !important;
    margin-top: 0 !important;
  }
}
/* Allow real readable type and flexible height on phones: never squash the copy. */
@media (max-width: 599px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-card {
    grid-template-columns: 38px minmax(0, 1fr) auto 25px !important;
    gap: 8px !important;
    height: auto !important;
    min-height: 80px !important;
    max-height: none !important;
    padding: 10px 11px !important;
    overflow: visible !important;
    align-items: center !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-icon {
    width: 38px !important;
    height: 38px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-icon img {
    width: 34px !important;
    height: 34px !important;
    max-width: 34px !important;
    max-height: 34px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy {
    min-width: 0 !important;
    overflow: visible !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy strong {
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1.15 !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy small {
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 10.5px !important;
    line-height: 1.25 !important;
    margin-top: 3px !important;
    overflow: visible !important;
    white-space: normal !important;
    text-overflow: clip !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-price .money {
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.2 !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-price small {
    font-family: Roboto, Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.2 !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-check {
    width: 25px !important;
    height: 25px !important;
  }
}
/* Unify the bottom contact CTA with the prominent orange booking button. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact,
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact:is(:hover,:focus,:focus-visible,:active) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 8px !important;
  background: #E85E2A !important;
  background-color: #E85E2A !important;
  border: 1px solid #E85E2A !important;
  border-radius: 4px !important;
  color: #FFFFFF !important;
  font-family: Roboto, Arial, sans-serif !important;
  font-weight: 800 !important;
  text-decoration: none !important;
  box-shadow: 0 9px 24px rgba(232,94,42,.30) !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-icon img {
  filter: brightness(0) invert(1) !important;
}

/* Camping has five inputs; the insurance choice gets a deliberate full-width row. */
@media (min-width: 600px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields--camping {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px 18px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields--camping .zhp-estimator-field--coverage:last-child {
    grid-column: 1 / -1 !important;
    margin-top: 0 !important;
  }
}


/* Zumi vehicle estimator refinement — readable insurance on large screens;
   aligned, tighter paired rows on medium screens; booking-portal contact CTA. */
@media (min-width: 1400px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-field--coverage {
    margin-top: 25px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 2px 3px !important;
    min-width: 0 !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy strong {
    font: 800 13.5px/1.1 Roboto, Arial, sans-serif !important;
    white-space: nowrap !important;
    flex: 0 0 auto;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy small {
    display: inline !important;
    font: 500 11px/1.15 Roboto, Arial, sans-serif !important;
    margin: 0 !important;
    white-space: normal !important;
    flex: 0 1 auto;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-price .money {
    font: 800 13px/1.1 Roboto, Arial, sans-serif !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-price small {
    font: 700 9px/1.1 Roboto, Arial, sans-serif !important;
  }
}
@media (min-width: 600px) and (max-width: 1399px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields {
    row-gap: 8px !important;
    column-gap: 18px !important;
    align-items: start !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields .zhp-estimator-field--coverage:not(:only-child) {
    margin-top: 25px !important;
    align-self: start !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy strong {
    font: 800 13.5px/1.1 Roboto, Arial, sans-serif !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy small {
    font: 500 10.5px/1.15 Roboto, Arial, sans-serif !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-card {
    height: auto !important;
    min-height: 48px !important;
    max-height: none !important;
    padding: 7px 10px !important;
  }
}
/* Camping has an extra traveller field; its full-width fifth control
   sits on its own row without a fake label or additional top offset. */
@media (min-width: 600px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields--camping .zhp-estimator-field--coverage:last-child {
    margin-top: 0 !important;
  }
}
/* Match the booking portal's bottom contact option: dark card, white icon
   tile, two-line text, restrained border hover, no translate/scale on click. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact,
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact:is(:hover,:focus,:focus-visible,:active) {
  display: grid !important;
  grid-template-columns: 38px minmax(0, 1fr) !important;
  align-items: center !important;
  justify-content: start !important;
  gap: 10px !important;
  min-height: 66px !important;
  padding: 10px 12px !important;
  background: rgba(255,255,255,.055) !important;
  background-color: rgba(255,255,255,.055) !important;
  border: 1px solid rgba(255,255,255,.15) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #fff !important;
  text-align: left !important;
  transform: none !important;
  animation: none !important;
  transition: border-color 150ms ease, background-color 150ms ease !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact:is(:hover,:focus,:focus-visible) {
  background: rgba(255,255,255,.095) !important;
  background-color: rgba(255,255,255,.095) !important;
  border-color: rgba(232,94,42,.62) !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact:focus-visible {
  outline: 2px solid #E85E2A !important;
  outline-offset: 2px !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-icon {
  display: grid !important;
  place-items: center !important;
  width: 38px !important;
  height: 38px !important;
  flex: 0 0 38px !important;
  padding: 6px !important;
  border-radius: 4px !important;
  background: rgba(255,255,255,.96) !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-icon img {
  display: block !important;
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  max-height: 100% !important;
  object-fit: contain !important;
  filter: brightness(0) !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-copy {
  display: block !important;
  min-width: 0 !important;
  font-family: Roboto, Arial, sans-serif !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-copy strong {
  display: block !important;
  color: #fff !important;
  font: 700 13px/1.2 Roboto, Arial, sans-serif !important;
  text-align: left !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-copy small {
  display: block !important;
  margin-top: 2px !important;
  color: rgba(255,255,255,.52) !important;
  font: 400 10.5px/1.25 Roboto, Arial, sans-serif !important;
  text-align: left !important;
}
@media (max-width: 700px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three {
    grid-template-columns: repeat(2, minmax(0,1fr)) !important;
    gap: 8px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact {
    grid-column: 1 / -1 !important;
    grid-row: 2 !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--whatsapp {
    grid-column: 2 !important;
    grid-row: 1 !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now {
    grid-column: 1 !important;
    grid-row: 1 !important;
  }
}


/* Ready-to-book contact action: same hover/focus treatment as the adjacent
   WhatsApp control; its single remaining label stays vertically centred. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact {
  background: rgba(255,255,255,.06) !important;
  background-color: rgba(255,255,255,.06) !important;
  border-color: rgba(255,255,255,.18) !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact:is(:hover,:focus-visible) {
  color: #fff !important;
  background: rgba(255,255,255,.11) !important;
  background-color: rgba(255,255,255,.11) !important;
  border-color: rgba(255,255,255,.32) !important;
  box-shadow: none !important;
  outline: none !important;
  transform: none !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-copy {
  align-self: center !important;
}

/* Wide camping estimator: the final insurance card fits its own content
   instead of spanning the entire row. Narrower layouts are unchanged. */
@media (min-width: 1400px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields--camping .zhp-estimator-field--coverage:last-child {
    grid-column: 1 / -1 !important;
    justify-self: start !important;
    width: max-content !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields--camping .zhp-estimator-field--coverage:last-child .zhp-estimator-coverage-card {
    width: max-content !important;
    max-width: 100% !important;
    grid-template-columns: 30px max-content auto 22px !important;
    gap: 8px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields--camping .zhp-estimator-field--coverage:last-child .zhp-estimator-coverage-copy {
    flex-wrap: nowrap !important;
    white-space: nowrap !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-fields--camping .zhp-estimator-field--coverage:last-child .zhp-estimator-coverage-copy small {
    white-space: nowrap !important;
  }
}
/* Use the SAME CSS grid row and top gutter as the first Camping Features
   tiles. Unlike a pixel offset, this stays aligned when headline wraps. */
@media (min-width: 1000px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-camping-feature-split > .zhp-sleep-custom-card {
    grid-column: 2 !important;
    grid-row: 4 / 5 !important;
    align-self: start !important;
    margin-top: clamp(18px, 1.55vw, 28px) !important;
    margin-bottom: 0 !important;
  }
}
/* Final specificity guard: prior theme-wide orange CTA rules must not turn
   this secondary contact action orange while hovered or keyboard-focused. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact.zhp-final-contact-btn--contact {
  background: rgba(20,20,20,.36) !important;
  background-color: rgba(20,20,20,.36) !important;
  border-color: rgba(255,255,255,.25) !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact.zhp-final-contact-btn--contact:is(:hover,:focus-visible):not(:disabled):not(.is-disabled) {
  background: rgba(255,255,255,.10) !important;
  background-color: rgba(255,255,255,.10) !important;
  border-color: rgba(255,255,255,.38) !important;
  color: #fff !important;
  outline: none !important;
  transform: none !important;
}


/* Zumi 2026-10-09 — focused CTA and insurance-copy refinement. */
/* Show a visible separator only in the wide, one-line insurance layout. */
@media (min-width: 1400px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-estimator-coverage-copy small::before {
    content: "-";
    margin: 0 5px 0 2px;
  }
}
/* Match the WhatsApp secondary CTA, minus the icon tile. Both the icon
   and the text are centered together. No delayed animation or movement. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact.zhp-final-contact-btn--contact,
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact.zhp-final-contact-btn--contact:is(:hover,:focus,:focus-visible,:active) {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 7px !important;
  text-align: center !important;
  transform: none !important;
  animation: none !important;
  animation-delay: 0s !important;
  transition: none !important;
  transition-delay: 0s !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-icon {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  background: transparent !important;
  border: 0 !important;
  padding: 0 !important;
  border-radius: 0 !important;
  width: 19px !important;
  height: 19px !important;
  flex: 0 0 19px !important;
  box-shadow: none !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-icon img {
  width: 19px !important;
  height: 19px !important;
  max-width: 19px !important;
  max-height: 19px !important;
  filter: brightness(0) invert(1) !important;
}
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-copy,
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-copy strong {
  display: block !important;
  text-align: center !important;
  min-width: 0 !important;
  white-space: normal !important;
  margin: 0 !important;
}
/* All three Ready to Book CTAs stay side by side on phones, including
   the narrowest supported viewports. Let text wrap within its own card. */
@media (max-width: 700px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three {
    display: grid !important;
    grid-template-columns: minmax(0,.95fr) minmax(0,1.48fr) minmax(0,.95fr) !important;
    grid-auto-flow: row !important;
    gap: 6px !important;
    align-items: stretch !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three > a,
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact,
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--whatsapp,
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now {
    grid-row: 1 !important;
    grid-column: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    min-height: 54px !important;
    height: auto !important;
    padding: 8px 5px !important;
    white-space: normal !important;
    overflow-wrap: break-word !important;
    font-size: 10.5px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-btn--book-now {grid-column: 1 !important;}
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact {grid-column: 2 !important;}
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--whatsapp {grid-column: 3 !important;}
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-icon,
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-icon img {
    width: 16px !important;
    height: 16px !important;
    max-width: 16px !important;
    max-height: 16px !important;
    flex-basis: 16px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-copy strong {
    font-size: 10.5px !important;
    line-height: 1.15 !important;
  }
}
@media (max-width: 360px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three {gap: 4px !important;}
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three > a {font-size: 9.6px !important;}
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact {gap: 4px !important;}
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact .zhp-final-contact-copy strong {font-size: 9.6px !important;}
}


/* October 2026 — Ready to Book: consistent Roboto and stable mobile hover box.
   Older hover rules increased contact-card padding/min-height on phones. */
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three > a,
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three > a:is(:hover,:focus,:focus-visible,:active),
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three > a *,
#zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three > a:is(:hover,:focus,:focus-visible,:active) * {
  font-family: "Roboto", Arial, sans-serif !important;
}
@media (max-width: 700px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact,
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-actions--three .zhp-final-contact-btn--contact:is(:hover,:focus,:focus-visible,:active) {
    box-sizing: border-box !important;
    height: auto !important;
    min-height: 54px !important;
    padding: 8px 5px !important;
    transition: none !important;
    transition-delay: 0s !important;
    animation: none !important;
    animation-delay: 0s !important;
  }
}

/* v1.5.5 — shorten the final 'Ready to book your adventure?' banner on
   everything below the largest desktop range; retain full-size desktop.
   Content may expand the section if translations need more height. */
@media (min-width: 701px) and (max-width: 1399px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final {
    min-height: 360px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-content {
    min-height: 360px !important;
    padding-top: 28px !important;
    padding-bottom: 28px !important;
  }
}
@media (max-width: 700px) {
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final {
    min-height: 395px !important;
  }
  #zumi-hilux-premium#zumi-hilux-premium .zhp-final-content {
    min-height: 395px !important;
    padding-top: 20px !important;
    padding-bottom: 22px !important;
  }
}