/* ===== Thinner MOT banner ===== */
                            .b320a9b4_container {
                                background-color: #1E4D7B;
                                padding: 6px 8px;
                                color: #FFFFFF;
                                text-align: center;
                                width: 100%;
                            }

                            .b320a9b4_hero {
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                text-align: center;
                                row-gap: 6px;
                            }

                            .b320a9b4_hero_headlines {}

                            .b320a9b4_hero_headline {
                                font-size: 22px;
                                font-weight: 700;
                                margin: 6px 0 4px;
                                line-height: 1.15;
                            }

                            .b320a9b4_hero_subheadline {
                                font-size: 13px;
                                font-weight: 400;
                                margin-top: 2px;
                            }

                            .b320a9b4_hero_icons {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                width: 100%;
                                height: auto;
                                color: #FFFFFF;
                                margin-top: 6px;
                                margin-bottom: 4px;
                            }

                            .b320a9b4_hero_icons img {
                                width: 90px;
                                height: auto;
                                object-fit: contain;
                                filter: brightness(0) invert(1);
                            }

                            /* ===== ISLAND ===== */
                            .b320a9b4_island {
                                background-color: #e0d9d7;
                                padding: 12px;
                                text-align: center;
                                margin-top: 6px;
                                color: #1E4D7B;
                                display: flex;
                                flex-direction: column;
                                align-items: center;
                                justify-content: center;
                                gap: 6px;
                            }

                            .b320a9b4_island_headline {
                                font-size: 16px;
                                font-weight: 500;
                                margin: 0;
                            }

                            .b320a9b4_island_subheadline {
                                font-size: 16px;
                                font-weight: 500;
                                margin: 0;
                            }


                            .b320a9b4_island_code_wrap {
                                display: flex;
                                justify-content: center;
                                align-items: center;
                                gap: 8px;
                                margin-bottom: 8px;
                                flex-wrap: wrap;
                            }

                            .b320a9b4_island_code {
                                background: #ffffff;
                                color: #1E4D7B;
                                font-size: 18px;
                                font-weight: 600;
                                padding: 6px 10px;
                                border-radius: 4px;
                                user-select: all;
                            }

                            .b320a9b4_copy_button {
                                background-color: #FFFFFF;
                                border: 2px solid #1E4D7B;
                                color: #1E4D7B;
                                font-weight: 500;
                                font-size: 14px;
                                padding: 6px 12px;
                                border-radius: 4px;
                                cursor: pointer;
                                transition: background-color 0.3s ease, color 0.3s ease;
                            }

                            .b320a9b4_copy_button:hover {
                                background-color: #1E4D7B;
                                color: #FFFFFF;
                            }

                            .b320a9b4_copy_button.copied {
                                background-color: #ED6D00;
                                color: #FFFFFF;
                                border-color: #ED6D00;
                            }

                            .b320a9b4_island_button {
                                background-color: #ED6D00;
                                width: 100%;
                                max-width: 600px;
                                padding: 0 14px;
                                height: 42px;
                                display: flex;
                                align-items: center;
                                justify-content: center;
                                text-decoration: none;
                                transition: background-color 0.2s cubic-bezier(0.4, 0, 0.2, 1);
                                color: #10212E;
                                font-weight: 500;
                                font-size: 16px;
                                margin: 0 auto;
                                box-sizing: border-box;
                            }

                            .b320a9b4_island_button:hover {
                                background-color: #E54E00;
                            }

                            /* ===== MOBILE ===== */
                            @media screen and (max-width:767px) {
                                .b320a9b4_hero_icons {
                                    display: none;
                                }

                                .b320a9b4_container {
                                    padding: 6px 8px;
                                }

                                .b320a9b4_island {
                                    padding: 2px 0;
                                    margin-top: 0px
                                }

                                .b320a9b4_island_button {
                                    height: 42px;
                                    font-size: 16px;
                                }

                                .b320a9b4_island_headline,
                                .b320a9b4_hero_subheadline {
                                    font-size: 13px;
                                    font-weight: 400;
                                    margin-bottom: px;
                                    padding: px 0;
                                }
                            }

                            /* ===== TABLET BASE ===== */
                            @media screen and (min-width:768px) {
                                .b320a9b4_container {
                                    padding: 8px 12px;
                                    display: grid;
                                    grid-template-columns: 1fr 1fr;
                                    gap: 12px;
                                }

                                .b320a9b4_hero_headline {
                                    font-size: 28px;
                                    margin-bottom: 2px;
                                }

                                .b320a9b4_hero_subheadline {
                                    font-size: 14px;
                                    margin-bottom: 2px;
                                }

                                .b320a9b4_island {
                                    padding: 4px 6px;
                                    margin-top: 4px
                                }

                                .b320a9b4_island_button {
                                    height: 42px;
                                    font-size: 16px;
                                }
                            }

                            /* ===== TABLET OVERRIDES (hide icon + center text) ===== */
                            @media screen and (min-width:768px) and (max-width:1239px) {
                                .b320a9b4_hero_icons {
                                    display: none;
                                }

                                .b320a9b4_hero {
                                    display: flex;
                                    flex-direction: column;
                                    align-items: center;
                                    justify-content: center;
                                    row-gap: 6px;
                                    text-align: center;
                                }

                                .b320a9b4_hero_headline {
                                    margin: 0 0 4px;
                                    line-height: 1.15;
                                }

                                .b320a9b4_hero_subheadline {
                                    margin-top: 2px;
                                }
                            }

                            /* ===== DESKTOP ===== */
                            @media screen and (min-width:1240px) {
                                .b320a9b4_container {
                                    grid-template-columns: 1fr 380px;
                                    padding: 10px 20px;
                                }

                                .b320a9b4_hero {
                                    display: grid;
                                    grid-template-columns: 2.2fr 1fr;
                                    gap: 16px;
                                    align-items: center;
                                    justify-content: center;
                                    text-align: center;
                                }

                                .b320a9b4_hero_headline {
                                    font-size: 55px;
                                    margin-top: 0;
                                }

                                .b320a9b4_hero_subheadline {
                                    font-size: 16px;
                                }

                                .b320a9b4_hero_icons {
                                    display: flex;
                                }

                                .b320a9b4_hero_icons img {
                                    width: 180px;
                                    height: 110px;
                                }

                                .b320a9b4_island {
                                    padding: 12px 16px;
                                }

                                .b320a9b4_island_button {
                                    height: 44px;
                                    font-size: 18px;
                                }
                            }

                            @media (max-width:767px) {
                                #motBannerIsland.b320a9b4_island {
                                    padding: 8px;
                                }
                            }


                            @media (prefers-reduced-motion: no-preference) {
                                .svc-pulse3 {
                                    animation: svcPulseHalo 2s ease-out 3;
                                }

                                @keyframes svcPulseHalo {
                                    0% {
                                        box-shadow: 0 0 0 3px rgba(237, 109, 0, .90), 0 0 0 0 rgba(237, 109, 0, .55);
                                    }

                                    60% {
                                        box-shadow: 0 0 0 3px rgba(237, 109, 0, .45), 0 0 0 18px rgba(237, 109, 0, 0);
                                    }

                                    100% {
                                        box-shadow: 0 0 0 0 rgba(237, 109, 0, 0), 0 0 0 0 rgba(237, 109, 0, 0);
                                    }
                                }
                            }
                    /* ===== Servicing Panels ===== */
                    :root {
                        --brand-dark: #1E4D7B;
                        /* Driveaway Servicing dark blue */
                        --brand-orange: #F06E04;
                        /* Driveaway Servicing orange */
                    }

                    /* Component wrapper*/
                    .svc-wrap {
                        width: 100%;
                        --svc-pad-block: 28px;
                        /* desktop & default */
                        --card-w: 94%;
                        /* MOBILE card width (controls the peeks) */
                        padding-block: var(--svc-pad-block);
                    }

                    /* MOBILE/TABLET: tighten the section top padding only */
                    @media (max-width:1023.98px) {
                        .svc-wrap {
                            --svc-pad-block: 0px;
                            /* <— top padding */
                            border-top: 1px solid transparent;
                            /* prevents margin-collapsing */
                        }
                    }

                    /* Viewport + Track */
                    .svc-viewport {
                        position: relative;
                        width: 100%;
                        overflow-x: visible;
                        overflow-y: visible;
                        overscroll-behavior-x: contain;
                    }

                    .svc-track {
                        display: flex;
                        gap: 16px;
                        overflow-x: auto;
                        overflow-y: visible;

                        /* Center snap for mobile */
                        scroll-snap-type: x mandatory;

                        /* side gutters computed from card width */
                        padding-inline: calc((100% - var(--card-w)) / 2);

                        /* vertical padding for tiles */
                        --svc-track-pt: 6px;
                        /* desktop padding top and bottom */
                        padding-block: var(--svc-track-pt);
                        -webkit-overflow-scrolling: touch;
                        touch-action: pan-x pan-y;
                        box-sizing: border-box;
                        scrollbar-width: none;
                    }

                    .svc-track::-webkit-scrollbar {
                        display: none
                    }

                    /* MOBILE/TABLET:  */
                    /* MOBILE/TABLET */
                    @media (max-width:1023.98px) {
                        .svc-track {
                            --svc-track-pt: 33px;
                            /* top padding  */
                            --svc-track-pb: 6px;
                            /* bottom padding  */
                            padding-top: var(--svc-track-pt);
                            padding-bottom: var(--svc-track-pb);
                        }
                    }


                    /* Mobile card sizing: centered with small peeks on both sides */
                    .svc-card {
                        flex: 0 0 var(--card-w);
                        scroll-snap-align: center;
                        height: 100%;
                        overflow: visible;
                        isolation: isolate;
                        position: relative;
                        border-radius: 6px;


                        display: flex;
                        flex-direction: column;
                    }

                    /* Card shell = equal-height flex column */
                    .svc-card-inner {
                        display: flex;
                        flex-direction: column;
                        height: 100%;
                        border: none;
                        border-radius: 8px;
                        background: transparent;
                        min-height: 0;
                        position: relative;
                        z-index: 1;

                        /* outer frame for all tiles */
                        box-shadow: 0 0 0 4px #e5e5e5;
                        padding: 5px;

                        min-height: auto !important;
                    }

                    /* Header strip */
                    .svc-head {
                        height: 80px;
                        border-radius: 6px 6px 0 0;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        text-align: center
                    }

                    .svc-head h2 {
                        margin: 0;
                        font-size: 1.50rem;
                        line-height: 1.2;
                        font-weight: 600;
                        padding-top: 8px;
                        padding-bottom: 0;
/* 						color: #223547; */
                    }

                    .svc-head h3 {
                        margin: 0;
                        font-size: 1rem;
                        font-weight: 600;
                        margin-top: -6px
                    }

                    /* Body panel */
                    .svc-body {
                        flex: 1;
                        flex-basis: auto;
                        min-height: 0;
                    }

                    .svc-body-box {
                        height: 100%;
                        border: 0px solid #e5e5e5;
                        border-radius: 6px;
                        padding: 8px;
                        display: flex;
                        flex-direction: column;
                        align-items: stretch;
                    }

                    .svc-body-box p {
                        margin: 0.5rem 0;
                        word-break: break-word
                    }

                    /* emphasis for key terms */
                    .svc-wrap .svc-body .svc-strong {
                        font-weight: 600;
                        letter-spacing: .1px;
                        color: #0B2331;
                    }

                    /* emphasis for key terms */
                    .svc-wrap .svc-offer-pill .svc-strong-2 {
                        font-weight: 600;
                        letter-spacing: .2px;
                    }


                    /* ===== Tick Layout ===== */


                    .svc-bullet {
                        display: grid;
                        grid-template-columns: 24px 1fr;
                        column-gap: 8px;
                        align-items: start;
                        margin: .45rem 0;
                    }

                    /* Place tick into the tick column */
                    .svc-bullet>[emoji="✔"],
                    .svc-bullet>[data-name="heavy_check_mark"] {
                        grid-column: 1;
                        grid-row: 1;
                        width: 20px;
                        height: 20px;
                    }

                    /* All bullet text sits in column 2 */
                    .svc-bullet>.svc-btxt {
                        grid-column: 2;
                    }

                    .svc-bullet [emoji="✔"]::before,
                    .svc-bullet [data-name="heavy_check_mark"]::before {
                        margin-right: 0;
                    }

                    /* Hide the literal ✔ text (only show SVG) */
                    .svc-bullet [emoji="✔"],
                    .svc-bullet [data-name="heavy_check_mark"] {
                        color: transparent !important;
                    }


                    /* Price bar */
                    .svc-price {
                        height: 95px;
                        border-radius: 6px;
                        display: flex;
                        flex-direction: column;
                        align-items: center;
                        justify-content: center;
                        padding: 0px 0;
                        margin-top: 4px
                    }

                    .svc-price p {
                        margin: 2px 0
                    }

                    /* CTA */
                    .svc-cta {
                        margin-top: 8px
                    }

                    .svc-btn {
                        font-size: 1rem;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        width: 100%;
                        padding: 12px 24px;
                        border: 0;
                        border-radius: 0px;
                        background: #ED6D00;
                        color: #fff;
                        font-weight: 400;
                        cursor: pointer;
                        text-decoration: none;
                        transition: background-color 0.2s ease;
                    }

                    .svc-btn:hover {
                        background-color: #E54E00;
                    }

                    /* Force square CTA corners only */
                    .svc-wrap .svc-btn {
                        border-radius: 0 !important;
                    }

                    /* Controls (mobile/tablet only) */
                    .svc-controls {
                        display: none;
                        margin-top: 6px;
                        padding: 0 16px
                    }

                    .svc-nav {
                        display: flex;
                        align-items: center;
                        justify-content: space-between
                    }

                    .svc-arrow {
                        border: 1px solid #d0d0d0;
                        background: #fff;
                        border-radius: 6px;
                        padding: 8px;
                        cursor: pointer
                    }

                    .svc-dots {
                        display: flex;
                        gap: 12px;
                        align-items: center;
                        justify-content: center
                    }

                    .svc-dot {
                        width: 10px;
                        height: 10px;
                        border-radius: 50%;
                        background: #d0d0d0;
                        border: 0;
                        cursor: pointer
                    }

                    .svc-dot[aria-selected="true"] {
                        background: #1E4D7B
                    }

                    /* Desktop: 4 equal columns (no horizontal scroll) */
                    @media (min-width:1024px) {
                        .svc-viewport {
                            overflow-x: visible
                        }

                        .svc-track {
                            display: grid;
                            grid-template-columns: repeat(4, 1fr);
                            gap: 24px;
                            overflow: visible;
                            scroll-snap-type: none;
                            padding-inline: 0;


                            align-items: stretch;
                        }

                        .svc-card {
                            flex-basis: auto;
                            flex-shrink: 1;
                            scroll-snap-align: unset
                        }

                        .svc-controls {
                            display: none
                        }
                    }

                    /* Show controls on mobile/tablet only */
                    @media (max-width:1023.98px) {
                        .svc-controls {
                            display: block
                        }
                    }

                    /* ===== Highlighting & Ribbons ===== */

                    /* GOLD:  */
                    .svc-card--gold .svc-card-inner {
                        position: relative;
                        border: none;
                        box-shadow: 0 0 0 4px var(--brand-dark);
                        border-radius: 6px;
                        overflow: visible;
                        z-index: 2;
                    }

                    /* “Recommended” tab (desktop baseline) */
                    .svc-flag-outside {
                        position: absolute;
                        right: 4px;
                        top: 0;
                        transform: translateY(calc(-100%));
                        background: #007EB9;
                        color: #fff;
                        border-radius: 6px 6px 0 0;
                        padding: 8px 50px;
                        font-weight: 500;
                        font-size: 1.0rem;
                        pointer-events: none;
                        z-index: 6;
                    }

                    /* MOBILE/TABLET: smaller pill */
                    @media (max-width:1023.98px) {
                        .svc-flag-outside {
                            right: -1px;
                            padding: 6px 30px;
                            font-size: .9rem;
                            transform: translateY(-100%);
                            /* adjust tag height */
                        }

                        .svc-card--gold {
                            overflow: visible;
                        }
                    }

                    /* --- corner ribbon  --- */
                    .svc-card--platinum .svc-card-inner {
                        position: relative;
                        overflow: visible;
                        border-radius: 6px;
                    }

                    .svc-ribbon {
                        --box: 92px;
                        --out: -10px;
                        --band-offset-x: -26px;
                        --band-offset-y: 26px;
                        position: absolute;
                        top: var(--out);
                        right: var(--out);
                        width: var(--box);
                        height: var(--box);
                        overflow: hidden;
                        pointer-events: none;
                        z-index: 3;
                    }

                    .svc-ribbon>span {
                        position: absolute;
                        left: var(--band-offset-x);
                        top: var(--band-offset-y);
                        width: 160px;
                        transform: rotate(45deg);
                        text-align: center;
                        background: var(--brand-orange);
                        color: #fff;
                        font-weight: 700;
                        font-size: .92rem;
                        line-height: 1;
                        padding: 7px 0;
                        box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
                    }

                    .svc-ribbon>span::before,
                    .svc-ribbon>span::after {
                        content: "";
                        position: absolute;
                        top: 100%;
                        border: 6px solid transparent;
                        border-top-color: #c45a03;
                    }

                    .svc-ribbon>span::before {
                        left: 12px;
                    }

                    .svc-ribbon>span::after {
                        right: 12px;
                    }

                    /* --- Mobile order controls (visual order) --- */
                    .svc-card {
                        order: 0;
                    }

                    .svc-card[data-m-order="1"] {
                        order: 1;
                    }

                    .svc-card[data-m-order="2"] {
                        order: 2;
                    }

                    .svc-card[data-m-order="3"] {
                        order: 3;
                    }

                    .svc-card[data-m-order="4"] {
                        order: 4;
                    }

                    @media (min-width:1024px) {
                        .svc-card {
                            order: 0 !important;
                        }
                    }

                    /* === GLOBAL GREEN TICK === */
                    .svc-tick::before,
                    .svc-bullet span[emoji]::before,
                    span[data-name="heavy_check_mark"]::before {
                        content: "";
                        display: inline-block;
                        width: 20px;
                        height: 20px;
                        margin-right: 6px;
                        vertical-align: middle;
                        background-image: url('data:image/svg+xml;utf8,\
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">\
<path fill="none" stroke="%23008A00" stroke-width="4" stroke-linecap="round" stroke-linejoin="round" d="M20 6 9 18 4 13"/>\
</svg>');
                        background-size: contain;
                        background-repeat: no-repeat;
                        background-position: center;
                    }

                    .svc-tick,
                    span[emoji="✔"],
                    span[data-name="heavy_check_mark"] {
                        color: transparent !important;
                    }

                    span[emoji="✔"]::before,
                    span[data-name="heavy_check_mark"]::before {
                        margin-left: 0;
                    }

                    /* Thin promo pill under price */
                    .svc-offer-pill {
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        gap: 10px;
                        background: #1E4D7B;
                        color: #fff;
                        font-size: .95rem;
                        line-height: 1.2;
                        font-weight: 400;
                        font-style: ;
                        padding: 6px 10px;
                        border-radius: 4px;
                        margin-top: 6px;
                        text-decoration: none;
                        cursor: pointer;
                    }

                    .svc-offer-pill span {
                        display: inline-block;
                    }

                    .svc-offer-pill strong {
                        font-weight: 700;
                    }

                    .svc-offer-pill svg {
                        width: 16px;
                        height: 16px;
                        flex: 0 0 16px;
                    }

                    .svc-offer-pill:focus-visible {
                        outline: 2px solid #658684;
                        outline-offset: 2px;
                    }

                    /* Compact price bar */
                    .svc-price--compact {
                        background: #e0d9d7;
                        border-radius: 6px;
                        padding: 10px 12px;
                        display: flex;
                        align-items: center;
                        justify-content: space-between;
                        gap: 12px;
                    }

                    /* Left: "From" and amount grouped */
                    .svc-price__left {
                        display: flex;
                        align-items: baseline;
                        gap: 8px;
                        flex-wrap: wrap;
                    }

                    /* Labels */
                    .svc-price__from {
                        font-size: .9rem;
                        line-height: 1.1;
                        color: #2a2a2a;
                        font-weight: 600;
                    }

                    /* Amount */
                    .svc-price__amount {
                        font-size: 1.6rem;
                        font-weight: 700;
                        line-height: 1;
                        letter-spacing: .2px;
                        color: #111;
                    }


                    .svc-price__meta {
                        font-size: .85rem;
                        line-height: 1.1;
                        color: #444;
                        white-space: nowrap;
                    }


                    @media (max-width: 480px) {
                        .svc-price--compact {
                            flex-direction: column;
                            align-items: flex-start;
                            gap: 6px;
                        }

                        .svc-price__meta {
                            white-space: normal;
                        }
                    }


                    .svc-paylater-row {
                        position: relative;
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        gap: 8px;
                        margin-top: 4px;
                        padding: 6px 20px;
                        border: 1px solid rgba(29, 55, 72, .25);
                        border-radius: 6px;
                        font-size: 12px;
                        line-height: 1.2;
                        color: #444;
                        background: #f8f8f8;
                        cursor: pointer;
                    }

                    /* Arrow at end */
                    .svc-row-arrow {
                        display: inline-flex;
                        align-items: center;
                        margin-left: 6px;
                        line-height: 1;
                        user-select: none;
                    }

                    .svc-row-arrow svg {
                        width: 14px;
                        height: 14px;
                        display: block;
                        opacity: .8;
                    }

                    /* Tooltip on the entire pay-later row (uses data-tip) */
                    .svc-paylater-row[data-tip]::after {
                        content: attr(data-tip);
                        position: absolute;
                        left: 50%;
                        bottom: calc(100% + 8px);
                        transform: translateX(-50%);
                        background: #1E4D7B;
                        color: #fff;
                        font-size: 13px;
                        line-height: 1.25;
                        padding: 6px 8px;
                        border-radius: 6px;
                        white-space: normal;
                        box-shadow: 0 2px 12px rgba(0, 0, 0, .18);
                        opacity: 0;
                        pointer-events: none;
                        transition: opacity .15s ease;
                        z-index: 10000;
                        max-width: 360px;
                        /* desktop width */
                    }

                    .svc-paylater-row[data-tip]::before {
                        content: "";
                        position: absolute;
                        left: 50%;
                        bottom: 100%;
                        transform: translateX(-50%);
                        border: 6px solid transparent;
                        border-top-color: #1E4D7B;
                        opacity: 0;
                        transition: opacity .15s ease;
                        z-index: 10000;
                    }

                    .svc-paylater-row:hover::after,
                    .svc-paylater-row:hover::before,
                    .svc-paylater-row:focus-visible::after,
                    .svc-paylater-row:focus-visible::before {
                        opacity: 1;
                    }

                    @media (max-width: 768px) {
                        .svc-paylater-row[data-tip]::after {
                            max-width: 240px;
                        }

                        /* mobile width */
                    }

                    /* Pay-later logos  */
                    .paylater-logos {
                        display: inline-flex;
                        align-items: center;
                        gap: 4px;
                        vertical-align: middle;
                    }

                    .paylater-logos svg {
                        height: 25px;
                        width: auto;
                        display: block;
                    }

                    /* === Reusable inline arrow for links/rows (promo etc.) === */
                    .svc-inline-arrow {
                        display: inline-flex;
                        align-items: center;
                        gap: 6px;
                    }

                    .svc-inline-arrow .svc-row-arrow {
                        margin-left: 2px;
                    }

                    /* === Dotted underline trigger (for “Starting from”) === */
                    .svc-dotlink {
                        background: none;
                        border: 0;
                        padding: 0;
                        font: inherit;
                        color: inherit;
                        cursor: pointer;
                        text-decoration: underline dotted;
                        text-underline-offset: 2px;
                    }

                    @supports not (text-decoration: underline dotted) {
                        .svc-dotlink {
                            text-decoration: none;
                            border-bottom: 1px dotted currentColor;
                        }
                    }


                    /* MODAL */

                    .svc-modal {
                        position: fixed;
                        inset: 0;
                        display: none;
                        z-index: 9999;
                    }

                    .svc-modal[open] {
                        display: block;
                    }

                    .svc-modal__backdrop {
                        position: absolute;
                        inset: 0;
                        z-index: 0;
                        background: rgba(0, 0, 0, .45);
                    }

                    .svc-modal__dialog {
                        position: relative;
                        margin: 5vh auto 0;
                        width: calc(100% - 2rem);
                        max-width: 680px;
                        max-height: calc(100% - 2.5rem);
                        background: #fff;
                        border-radius: 8px;
                        overflow: auto;
                        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
                        z-index: 1;
                    }


                    .svc-modal__sheet {
                        position: relative;
                        margin: 5vh auto 0;
                        width: calc(100% - 2rem);
                        max-width: 680px;
                        max-height: calc(100% - 2.5rem);
                        background: #fff;
                        border-radius: 8px;
                        overflow: auto;
                        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
                    }

                    .svc-modal__titlebar {
                        background: #658684;
                        color: #fff;
                        padding: 16px 24px;
                        text-align: center;
                        position: sticky;
                        top: 0;
                    }

                    .svc-modal__titlebar .svc-close {
                        position: absolute;
                        top: 8px;
                        right: 12px;
                        background: none;
                        border: 0;
                        padding: 6px;
                        cursor: pointer;
                    }

                    .svc-modal__body {
                        padding: 20px;
                    }

                    .svc-modal__actions {
                        display: flex;
                        justify-content: center;
                        padding: 16px;
                        gap: 12px;
                    }

                    .svc-btn {
                        padding: 10px 18px;
                        border-radius: 6px;
                        border: 0;
                        cursor: pointer;
                    }

                    .svc-btn--primary {
                        background: #10212E;
                        color: #fff;
                    }

                    .svc-btn--primary:hover {
                        opacity: .92;
                    }

                    .is-modal-locked {
                        overflow: hidden;
                        position: fixed;
                        width: 100%;
                    }

                    .svc-head .svc-subtitle {
                        margin: 2px 0 0 0;
                        padding: 0;
                        font-size: 14px;
/*                         color: rgba(0, 0, 0, 0.55); */
                        white-space: nowrap;
                        line-height: 1.5;
                    }

                    @media (max-width: 1023.98px) {
                        .svc-body-box {
                            min-height: 230px;
                        }
                    }


                    /* MOBILE: equal card height */
                    @media (max-width: 1023.98px) {

                        /* Make every tier card the same overall height */
                        .svc-card-inner {
                            min-height: 460px;
                        }

                        /* Spacing rule: apply ONLY if a real offer pill is present */
                        .svc-card-inner:has(.svc-offer-pill) .svc-offer-pill {
                            margin-bottom: 8px;
                        }


                        /* Push the CTA to the bottom so spacing looks consistent */
                        .svc-cta {
                            margin-top: auto;
                        }
                    }

                    /* Invisible placeholder that keeps spacing identical */
                    .svc-offer-placeholder {
                        display: block;
                        height: 50px;
                        /* EXACT height of .svc-offer-pill */
                        margin-top: 6px;
                        /* match top margin of real pill */
                        visibility: hidden;
                        /* occupies space but does NOT show */
                        pointer-events: none;
                        /* not clickable */
                    }
                            @supports not (aspect-ratio: 2709 / 261) {
                                .rxgn6hp.rxgn6hp {
                                    padding: 0 !important;
                                }

                                .rxgn6hp::before {
                                    float: left;
                                    padding-top: calc(261 / 2709 * 100%);
                                    content: "";
                                }

                                .rxgn6hp::after {
                                    display: block;
                                    content: "";
                                    clear: both;
                                }
                            }
                            @supports not (aspect-ratio: 2001 / 793) {
                                .rlsvzxf.rlsvzxf {
                                    padding: 0 !important;
                                }

                                .rlsvzxf::before {
                                    float: left;
                                    padding-top: calc(793 / 2001 * 100%);
                                    content: "";
                                }

                                .rlsvzxf::after {
                                    display: block;
                                    content: "";
                                    clear: both;
                                }
                            }
                    /* ===HOW TO GUIDE CSS --*/
                    .step-circle {
                        background-color: #1E4D7B;
                        color: #ffffff;
                        font-weight: bold;
                        width: 32px;
                        height: 32px;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        border-radius: 50%;
                        margin-right: 8px;
                        flex-shrink: 0;
                    }

                    .step-item {
                        display: flex;
                        align-items: flex-start;
                    }

                    .step-content {
                        display: flex;
                        flex-direction: column;
                    }

                    .step-text {
                        font-weight: 500;
                        font-size: 1.1em;
                        color: #1E4D7B;
                        margin-bottom: 4px;
                        line-height: 1.4;
                    }

                    .step-columns p {
                        margin: 0;
                        font-size: 0.975rem;
                        color: #475569;
						text-align: initial;
                    }

                    .step-columns {
                        display: flex;
                        flex-direction: column;
                        gap: 24px;
                    }

                    .step-column {
                        width: 100%;
                    }

                    @media (min-width: 768px) {
                        .step-columns {
                            flex-direction: row;
                            justify-content: space-between;
                            gap: 24px;
                        }

                        .step-column {
                            flex: 1;
                            padding: 0 8px;
                        }

                        .step-columns p {
                            min-height: 48px;
                            /* helps align paragraphs */
                        }
                    }
.notice-banner-wrapper {
                        width: 100%;
                        display: flex;
                        justify-content: center;
                        position: relative;
                        margin: 12px 0;
                    }

                    .notice-banner {
                        position: relative;
                        background-color: #e8dbd7;
                        border-radius: 5px;
                        padding: 15px 20px;
                        font-size: 16px;
                        color: #242424;
                        max-width: 1000px;
                        width: 100%;
                        box-sizing: border-box;
                        display: flex;
                        align-items: center;
                    }

                    .notice-banner::before {
                        content: "";
                        position: absolute;
                        top: -10px;
                        left: 40px;
                        /* Adjust this to move the point */
                        width: 0;
                        height: 0;
                        border-left: 10px solid transparent;
                        border-right: 10px solid transparent;
                        border-bottom: 10px solid #e8dbd7;
                    }

                    .notice-banner .icon-arrow {
                        width: 16px;
                        height: 16px;
                        border-right: 4px solid #ED6D00;
                        border-bottom: 4px solid #ED6D00;
                        transform: rotate(-135deg);
                        margin-right: 15px;
                        flex-shrink: 0;
                    }

                    .notice-banner p {
                        margin: 0;
                        font-size: 17px;
                    }

                    .notice-banner p strong {
                        font-weight: 600;
                    }

                    .icon-arrow-wrapper {
                        /* animation: bounceUp 1.2s ease-in-out infinite; */
                        display: flex;
                        align-items: center;
                        justify-content: center;
                    }

                    @keyframes bounceUp {

                        0%,
                        100% {
                            transform: translateY(0);
                        }

                        50% {
                            transform: translateY(-3px);
                        }
                    }
                    .service-table {
                        border-collapse: collapse;
                        width: 100%;
                        table-layout: fixed;
                    }

                    .service-table th,
                    .service-table td {
                        border: 1px solid #ccc;
                        padding: 10px;
                        text-align: left;
                        font-size: 18px;
                        vertical-align: middle;
                    }

                    .service-table th:nth-child(1),
                    .service-table td:nth-child(1) {
                        width: 45%;
                    }

                    .service-table th:nth-child(n+2),
                    .service-table td:nth-child(n+2) {
                        width: 13.75%;
                        text-align: center;
                    }

                    .service-table th {
                        position: sticky;
                        top: 0;
                        background: #1E4D7B;
                        color: #fff;
                        z-index: 2;
                    }

                    .category-row {
                        background-color: #5e0d9d7;
                        font-weight: bold;
                        color: #1E4D7B;
                        text-transform: uppercase;
                        cursor: pointer;
                    }

                    .category-icon {
                        display: inline-block;
                        width: 22px;
                        height: 22px;
                        line-height: 22px;
                        border-radius: 50%;
                        background-color: #1E4D7B;
                        color: white;
                        text-align: center;
                        margin-right: 8px;
                        font-size: 13px;
                    }

                    .hidden-row {
                        display: table-row;
                    }

                    @media screen and (max-width: 768px) {

                        .service-table th,
                        .service-table td {
                            font-size: 14px;
                            padding: px;
                        }

                        .hidden-row {
                            display: none;
                        }
                    }

                    @media screen and (max-width: 768px) {

                        .service-table th:nth-child(1),
                        .service-table td:nth-child(1) {
                            width: 27%;
                            padding-right: 1px;

                        }

                        /* columnspace  */
                        .service-table th:nth-child(2),
                        .service-table td:nth-child(2),
                        /* Bronze */
                        .service-table th:nth-child(3),
                        .service-table td:nth-child(3),
                        /* Silver */
                        .service-table th:nth-child(4),
                        .service-table td:nth-child(4) {
                            /* Gold */
                            width: 12%;
                        }

                        /* Platinum space */
                        .service-table th:nth-child(5),
                        .service-table td:nth-child(5) {
                            width: 15%;
                            /*extra room */
                            word-break: keep-all;
                        }

                    }

                    /* Bronze column base */
                    .service-table th:nth-child(2),
                    .service-table td:nth-child(2) {
                        background-color: #EEE !important;
                    }

                    /* Silver column base */
                    .service-table th:nth-child(3),
                    .service-table td:nth-child(3) {
                        background-color: #D9D9D9 !important;
                    }

                    /* Gold column base */
                    .service-table th:nth-child(4),
                    .service-table td:nth-child(4) {
                        background-color: #007EB9 !important;
                    }

                    /* Platinum column base */
                    .service-table th:nth-child(5),
                    .service-table td:nth-child(5) {
                        background-color: #B7CECC !important;
                    }

                    /* Alternating rows  */
                    .service-table tr:nth-child(odd) td:nth-child(2) {
                        background-color: #FFF !important;
                    }

                    .service-table tr:nth-child(odd) td:nth-child(3) {
                        background-color: #E9E9E9 !important;
                    }

                    .service-table tr:nth-child(odd) td:nth-child(4) {
                        background-color: #009BDE !important;
                    }

                    .service-table tr:nth-child(odd) td:nth-child(5) {
                        background-color: #D1E0DE !important;
                    }

                    .service-table th:nth-child(2),
                    .service-table th:nth-child(3),
                    .service-table th:nth-child(4),
                    .service-table th:nth-child(5) {
                        color: #223547;
                    }
                    .svc-modal {
                        position: fixed;
                        inset: 0;
                        display: none;
                        z-index: 1000;
                    }

                    .svc-modal[open] {
                        display: block;
                    }

                    .svc-modal__backdrop {
                        position: absolute;
                        inset: 0;
                        background: rgba(0, 0, 0, .45);
                    }

                    .svc-modal__dialog {
                        position: relative;
                        margin: 5vh auto 0;
                        width: calc(100% - 2rem);
                        max-width: 680px;
                        max-height: calc(100% - 2.5rem);
                        background: #fff;
                        border-radius: 8px;
                        overflow: auto;
                        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
                    }


                    .svc-modal__sheet {
                        position: relative;
                        margin: 5vh auto 0;
                        width: calc(100% - 2rem);
                        max-width: 680px;
                        max-height: calc(100% - 2.5rem);
                        background: #fff;
                        border-radius: 8px;
                        overflow: auto;
                        box-shadow: 0 10px 30px rgba(0, 0, 0, .25);
                    }

                    .svc-modal__titlebar {
                        background: #658684;
                        color: #fff;
                        padding: 16px 24px;
                        text-align: center;
                        position: sticky;
                        top: 0;
                    }

                    .svc-modal__titlebar .svc-close {
                        position: absolute;
                        top: 8px;
                        right: 12px;
                        background: none;
                        border: 0;
                        padding: 6px;
                        cursor: pointer;
                    }

                    .svc-modal__body {
                        padding: 20px;
                    }

                    .svc-modal__actions {
                        display: flex;
                        justify-content: center;
                        padding: 16px;
                        gap: 12px;
                    }

                    .svc-btn {
                        padding: 10px 18px;
                        border-radius: 6px;
                        border: 0;
                        cursor: pointer;
                    }

                    .svc-btn--primary {
                        background: #10212E;
                        color: #fff;
                    }

                    .svc-btn--primary:hover {
                        opacity: .92;
                    }

                    .service-table td small {
                        font-size: 0.8em;
                        color: #333;
                    }

                    .service-table td span.breaktight {
                        display: block;
                        line-height: 1.1;
                        margin-top: 2px;
                    }


                    .service-table th,

                    .service-table td {

                        vertical-align: middle;
                        /* vertically centered */

                    }

                    /* ===== Inline flex row for text + icon ===== */
                    /* Desktop/Tablet (default): icon sits right after text */
                    .cell-flex {
                        display: inline-flex;
                        /* shrink to content */
                        align-items: center;
                        gap: 6px;
                        flex-wrap: nowrap;
                    }

                    .cell-flex>span {
                        flex: 0 1 auto;
                        /* don't push the icon away on desktop */
                        min-width: 0;
                        line-height: 1.2;
                    }

                    .info-btn {
                        flex: 0 0 auto;
                        display: inline-flex;
                        align-items: center;
                        justify-content: center;
                        width: 26px;
                        height: 26px;
                        padding: 0;
                        border: 0;
                        background: transparent;
                        cursor: pointer;
                        vertical-align: middle;
                        margin-left: 4px;
                        /* small inline gap next to text */
                    }

                    /* ===== MOBILE VIEW ===== */
                    @media (max-width: 768px) {
                        .cell-flex {
                            display: flex;
                            /* fill cell so we can push icon to edge */
                            justify-content: space-between;
                            width: 100%;
                        }

                        .cell-flex>span {
                            flex: 1 1 auto;
                            /* text takes row space; wraps as needed */
                        }

                        .info-btn {
                            margin-left: auto;
                            /* align icon to far right */
                        }
                    }



                    .info-btn svg {
                        display: block;
                    }



                    .tooltip {

                        position: relative;

                    }

                    .tooltip [aria-describedby] {
                        /* trigger  */
                    }

                    .tooltip [aria-describedby]:focus-visible {
                        outline: 2px solid #1E4D7B;
                        outline-offset: 2px;
                    }

                    /* bubble message */

                    .tooltip[data-tip]::after {

                        content: attr(data-tip);

                        position: absolute;

                        left: 50%;

                        bottom: calc(100% + 8px);

                        transform: translateX(-50%);

                        background: #1E4D7B;

                        color: #fff;

                        font-size: 14px;

                        line-height: 1.2;

                        padding: 6px 8px;

                        border-radius: 6px;

                        white-space: normal;

                        /* width behavior */
                        display: inline-block;
                        /* so min/max-width apply */
                        min-width: 120px;
                        /* 👈 ensures it never looks tiny */
                        max-width: 320px;
                        /* 👈 prevents super wide bubbles */
                        word-break: break-word;
                        /* wrap long words/links if needed */
                        text-align: left;
                        /* optional – feels nicer for sentences */


                        box-shadow: 0 2px 12px rgba(0, 0, 0, .18);

                        opacity: 0;

                        pointer-events: none;

                        transition: opacity .15s ease;

                        z-index: 10000;

                    }

                    /* little message arrow */

                    .tooltip[data-tip]::before {

                        content: '';

                        position: absolute;

                        left: 50%;

                        bottom: 100%;

                        transform: translateX(-50%);

                        border: 6px solid transparent;

                        border-top-color: #1E4D7B;

                        opacity: 0;

                        transition: opacity .15s ease;

                        z-index: 10000;
                    }

                    /* Show tooltip on hover/focus */

                    .tooltip:hover::after,

                    .tooltip:hover::before,

                    .tooltip:focus-within::after,

                    .tooltip:focus-within::before {

                        opacity: 1;

                    }

                    /* Screen-reader only text */

                    .sr-only {

                        position: absolute !important;

                        width: 1px;
                        height: 1px;

                        margin: -1px;
                        border: 0;
                        padding: 0;

                        clip: rect(0 0 0 0);
                        clip-path: inset(50%);

                        overflow: hidden;
                        white-space: nowrap;


                    }
                    .orange-tick {
                        color: #ed6d00;
                    }
                    /* ===== NEW: shared 3-pulse halo animation — smaller halo ===== */
                    @media (prefers-reduced-motion: no-preference) {
                        .svc-pulse3 {
                            animation: svcPulseHalo 2.2s ease-out 3;
                            transform-origin: center;
                        }

                        /* Force contrast animation Book CTA whenever it has svc-pulse3 */
                        @media (prefers-reduced-motion: no-preference) {
                            button[data-cy="vrmservice-button-search"].svc-pulse3 {
                                animation: svcPulseHaloContrast 2.2s ease-out 3 !important;
                                transform-origin: center;
                            }
                        }


                        @keyframes svcPulseHalo {
                            0% {
                                transform: scale(1);
                                box-shadow:
                                    0 0 0 4px rgba(237, 109, 0, 1),
                                    0 0 0 0 rgba(237, 109, 0, .65);
                            }

                            35% {
                                transform: scale(1.03);
                                box-shadow:
                                    0 0 0 4px rgba(237, 109, 0, .75),
                                    0 0 0 16px rgba(237, 109, 0, .25);
                                /* smaller halo spread */
                            }

                            70% {
                                transform: scale(1.01);
                                box-shadow:
                                    0 0 0 4px rgba(237, 109, 0, .3),
                                    0 0 0 28px rgba(237, 109, 0, 0);
                                /* smaller fade-out */
                            }

                            100% {
                                transform: scale(1);
                                box-shadow:
                                    0 0 0 0 rgba(237, 109, 0, 0),
                                    0 0 0 0 rgba(237, 109, 0, 0);
                            }
                        }
                    }

                    /* ===== CTA Pulse: svc-pulse3-contrast (3 pulses, using our Driveaway Servicing green) ===== */
                    @media (prefers-reduced-motion: no-preference) {
                        .svc-pulse3-contrast {
                            animation: svcPulseHaloContrast 2.2s ease-out 3;
                            transform-origin: center;
                        }

                        @keyframes svcPulseHaloContrast {
                            0% {
                                transform: scale(1);
                                box-shadow:
                                    0 0 0 4px rgba(101, 134, 132, 1),
                                    0 0 0 0 rgba(101, 134, 132, .65);
                            }

                            35% {
                                transform: scale(1.03);
                                box-shadow:
                                    0 0 0 4px rgba(101, 134, 132, .75),
                                    0 0 0 18px rgba(101, 134, 132, .25);
                            }

                            70% {
                                transform: scale(1.01);
                                box-shadow:
                                    0 0 0 4px rgba(101, 134, 132, .3),
                                    0 0 0 28px rgba(101, 134, 132, 0);
                            }

                            100% {
                                transform: scale(1);
                                box-shadow:
                                    0 0 0 0 transparent,
                                    0 0 0 0 transparent;
                            }
                        }
                    }