/*
 * CS_FINANCE_CSS_BUNDLE_V1
 *
 * Generated from the original finance/v9 Blade inline style blocks.
 * Original order preserved 1:1.
 * Do not reorder rules without visual regression testing.
 */


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 1
   id="cs-finance-v9-style"
   ========================================================= */
/* ==========================================================
   CARSELECT FINANCE V9
   ========================================================== */

.cs-fin-v9{
    --bg:#071018;
    --bg2:#0B151E;
    --card:#101C26;
    --card2:#0E1821;
    --blue:#35AFF5;
    --blue2:#65C9FF;
    --white:#F7F7F3;
    --cream:#ECEDE8;
    --ink:#0A1117;
    --muted:#91A0AC;
    --line:rgba(255,255,255,.10);

    overflow:hidden;

    background:
        var(--bg);

    color:
        var(--white);
}

.cs-fin-v9 *{
    box-sizing:border-box;
}

.cs-fin-v9 a{
    text-decoration:none;
}

.cs-fin-v9-container{
    width:min(
        1280px,
        calc(100% - 48px)
    );

    margin:0 auto;
}


/* ==========================================================
   GENERAL
   ========================================================== */

.cs-fin-v9-section{
    padding:
        104px
        0;
}

.cs-fin-v9-white{
    background:
        #F6F7F5;

    color:
        #10171D;
}

.cs-fin-v9-light{
    background:
        #EEF1F2;

    color:
        #10171D;
}

.cs-fin-v9-eyebrow{
    margin:0 0 18px;

    color:
        var(--blue);

    font-size:
        13px;

    font-weight:
        800;

    letter-spacing:
        .13em;

    text-transform:
        uppercase;
}

.cs-fin-v9-title{
    max-width:
        820px;

    margin:
        0
        0
        30px;

    font-size:
        clamp(
            38px,
            4.2vw,
            58px
        );

    line-height:
        .98;

    letter-spacing:
        -.055em;

    font-weight:
        750;
}

.cs-fin-v9-title span{
    color:
        #7D8992;
}

.cs-fin-v9-center{
    display:flex;
    flex-direction:column;
    align-items:center;

    text-align:center;

    margin-bottom:
        58px;
}

.cs-fin-v9-center .cs-fin-v9-title{
    margin-bottom:0;
}

.cs-fin-v9-lead{
    max-width:
        620px;

    color:
        #66747E;

    font-size:
        16px;

    line-height:
        1.65;
}


/* ==========================================================
   BUTTONS
   ========================================================== */

.cs-fin-v9-btn{
    display:inline-flex;
    align-items:center;
    justify-content:center;

    gap:
        12px;

    min-height:
        54px;

    padding:
        0
        23px;

    border-radius:
        10px;

    font-size:
        14px;

    font-weight:
        750;

    transition:
        transform .18s ease,
        background .18s ease,
        color .18s ease;
}

.cs-fin-v9-btn:hover{
    transform:
        translateY(-2px);
}

.cs-fin-v9-btn-light{
    background:
        var(--white);

    color:
        #08121A;
}

.cs-fin-v9-btn-ghost{
    border:
        1px solid
        rgba(255,255,255,.32);

    color:
        #fff;

    background:
        rgba(255,255,255,.06);
}

.cs-fin-v9-btn-blue{
    background:
        var(--blue);

    color:
        #071018;
}

.cs-fin-v9-btn-white{
    background:
        #fff;

    color:
        #071018;
}

.cs-fin-v9-btn-dark{
    background:
        #08121A;

    color:
        #fff;
}


/* ==========================================================
   HERO
   ========================================================== */

.cs-fin-v9-hero{
    position:relative;

    min-height:
        790px;

    padding:
        110px
        0
        95px;

    overflow:hidden;

    background:
        linear-gradient(
            118deg,
            #071018 0%,
            #0B2232 48%,
            #0C5277 100%
        );
}

.cs-fin-v9-hero::after{
    content:"";

    position:absolute;

    left:-6%;
    right:-6%;
    bottom:-44px;

    height:
        95px;

    background:
        #F6F7F5;

    transform:
        rotate(-3deg);

    transform-origin:
        center;
}

.cs-fin-v9-hero-glow{
    position:absolute;

    border-radius:
        999px;

    filter:
        blur(8px);

    pointer-events:none;
}

.cs-fin-v9-hero-glow-a{
    width:
        650px;

    height:
        650px;

    right:
        -170px;

    top:
        -150px;

    background:
        radial-gradient(
            circle,
            rgba(53,175,245,.38),
            rgba(53,175,245,0)
            70%
        );
}

.cs-fin-v9-hero-glow-b{
    width:
        450px;

    height:
        450px;

    left:
        -120px;

    bottom:
        -170px;

    background:
        radial-gradient(
            circle,
            rgba(255,255,255,.12),
            rgba(255,255,255,0)
            72%
        );
}

.cs-fin-v9-wire{
    position:absolute;

    width:
        520px;

    height:
        210px;

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

    border-radius:
        40px;

    transform:
        rotate(-7deg);
}

.cs-fin-v9-wire-a{
    left:
        -60px;

    top:
        100px;
}

.cs-fin-v9-wire-b{
    right:
        -150px;

    bottom:
        80px;
}

.cs-fin-v9-hero-grid{
    position:relative;
    z-index:3;

    display:grid;

    grid-template-columns:
        minmax(0,1fr)
        minmax(460px,560px);

    gap:
        78px;

    align-items:center;
}

.cs-fin-v9-pill{
    display:inline-flex;

    padding:
        8px
        13px;

    margin-bottom:
        22px;

    border-radius:
        8px;

    background:
        #F5F6F2;

    color:
        #0A1720;

    font-size:
        13px;

    font-weight:
        800;
}

.cs-fin-v9-hero-copy h1{
    max-width:
        650px;

    margin:
        0
        0
        22px;

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

    line-height:
        .95;

    letter-spacing:
        -.06em;

    font-weight:
        780;
}

.cs-fin-v9-hero-copy h1 span{
    display:block;

    color:
        rgba(
            247,
            247,
            243,
            .62
        );
}

.cs-fin-v9-hero-copy > p{
    max-width:
        570px;

    margin:
        0;

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

    font-size:
        17px;

    line-height:
        1.6;
}

.cs-fin-v9-hero-buttons{
    display:flex;

    flex-wrap:wrap;

    gap:
        12px;

    margin-top:
        30px;
}

.cs-fin-v9-hero-points{
    display:flex;

    flex-wrap:wrap;

    gap:
        24px;

    margin-top:
        22px;

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

    font-size:
        12px;

    font-weight:
        650;
}


/* ==========================================================
   CALCULATOR
   ========================================================== */

.cs-fin-v9-calculator{
    position:relative;

    margin-top:
        50px;

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

    border-radius:
        20px;

    background:
        #F8F8F5;

    color:
        #14202A;

    box-shadow:
        0
        40px
        90px
        rgba(0,0,0,.35);
}

.cs-fin-v9-car-stage{
    position:relative;

    height:
        185px;

    margin:
        -112px
        20px
        0;

    pointer-events:none;
}

.cs-fin-v9-car-halo{
    position:absolute;

    left:
        11%;
    right:
        11%;

    bottom:
        8px;

    height:
        58px;

    border-radius:
        50%;

    background:
        radial-gradient(
            ellipse,
            rgba(5,15,23,.34),
            rgba(5,15,23,0)
            72%
        );

    filter:
        blur(8px);
}

.cs-fin-v9-car-image{
    position:relative;
    z-index:2;

    display:block;

    width:
        100%;

    height:
        205px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0
            20px
            22px
            rgba(0,0,0,.23)
        );

    -webkit-mask-image:
        radial-gradient(
            ellipse 78% 76%
            at 50% 50%,
            #000 52%,
            rgba(0,0,0,.85) 70%,
            transparent 100%
        );

    mask-image:
        radial-gradient(
            ellipse 78% 76%
            at 50% 50%,
            #000 52%,
            rgba(0,0,0,.85) 70%,
            transparent 100%
        );
}

.cs-fin-v9-car-placeholder{
    display:flex;
    align-items:center;
    justify-content:center;

    height:
        100%;

    color:
        #91A0AA;

    font-weight:
        900;

    letter-spacing:
        .18em;
}

.cs-fin-v9-calc-inner{
    padding:
        24px
        30px
        27px;
}

.cs-fin-v9-calc-title{
    margin-bottom:
        24px;
}

.cs-fin-v9-calc-title span{
    display:block;

    margin-bottom:
        7px;

    color:
        #77848E;

    font-size:
        9px;

    letter-spacing:
        .16em;

    font-weight:
        800;
}

.cs-fin-v9-calc-title h2{
    margin:0;

    font-size:
        28px;

    line-height:
        1.05;

    letter-spacing:
        -.04em;
}

.cs-fin-v9-control{
    margin-bottom:
        23px;
}

.cs-fin-v9-control-head{
    display:flex;
    align-items:center;
    justify-content:space-between;

    gap:
        16px;

    margin-bottom:
        9px;

    font-size:
        13px;
}

.cs-fin-v9-control-head label{
    color:
        #31414D;

    font-weight:
        650;
}

.cs-fin-v9-control-head strong{
    font-size:
        13px;

    color:
        #121D25;
}

.cs-fin-v9-range{
    width:
        100%;

    accent-color:
        var(--blue);

    cursor:pointer;
}

.cs-fin-v9-points{
    --progress:0%;

    position:relative;

    display:grid;

    grid-auto-flow:
        column;

    grid-auto-columns:
        1fr;

    align-items:start;

    padding-top:
        1px;

    user-select:none;

    touch-action:none;
}

.cs-fin-v9-points::before{
    content:"";

    position:absolute;

    left:
        6%;

    right:
        6%;

    top:
        7px;

    height:
        3px;

    background:
        #D8DDE0;
}

.cs-fin-v9-point{
    position:relative;
    z-index:2;

    display:flex;

    flex-direction:column;

    align-items:center;

    gap:
        6px;

    padding:0;

    border:0;

    background:transparent;

    color:
        #6C7A84;

    font-size:
        9px;

    cursor:pointer;
}

.cs-fin-v9-point i{
    display:block;

    width:
        15px;

    height:
        15px;

    border:
        2px solid
        #A6B0B7;

    border-radius:
        50%;

    background:
        #F8F8F5;
}

.cs-fin-v9-point.active{
    color:
        #071018;

    font-weight:
        800;
}

.cs-fin-v9-point.active i{
    border-color:
        var(--blue);

    background:
        var(--blue);

    box-shadow:
        0 0 0 4px
        rgba(53,175,245,.15);
}

.cs-fin-v9-result{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:
        24px;

    padding:
        16px
        0
        14px;

    margin-top:
        3px;

    border-top:
        1px solid
        #DDE2E4;
}

.cs-fin-v9-result span{
    display:block;

    margin-bottom:
        4px;

    color:
        #6E7D87;

    font-size:
        11px;
}

.cs-fin-v9-result strong{
    color:
        #14202A;

    font-size:
        15px;
}

.cs-fin-v9-monthly{
    text-align:right;
}

.cs-fin-v9-monthly strong{
    display:block;

    color:
        var(--blue);

    font-size:
        27px;

    line-height:
        1;
}

.cs-fin-v9-calc-cta{
    display:flex;

    align-items:center;

    justify-content:center;

    gap:
        11px;

    width:
        100%;

    min-height:
        48px;

    margin-top:
        5px;

    border-radius:
        8px;

    background:
        var(--blue);

    color:
        #061018;

    font-size:
        14px;

    font-weight:
        800;
}

.cs-fin-v9-disclaimer{
    margin:
        12px
        0
        0;

    color:
        #7D8992;

    font-size:
        9px;

    line-height:
        1.45;
}


/* ==========================================================
   ELIGIBILITY
   ========================================================== */

.cs-fin-v9-eligibility{
    display:grid;

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

    overflow:hidden;

    border:
        1px solid
        #CFD6D9;

    border-radius:
        14px;

    background:
        #FAFBFA;
}

.cs-fin-v9-mini-card{
    min-height:
        190px;

    padding:
        25px;

    border-right:
        1px solid
        #D8DDDF;
}

.cs-fin-v9-mini-card:last-child{
    border-right:0;
}

.cs-fin-v9-mini-card > span{
    color:
        #78909E;

    font-size:
        10px;

    font-weight:
        700;
}

.cs-fin-v9-mini-card h3{
    margin:
        55px
        0
        8px;

    font-size:
        18px;
}

.cs-fin-v9-mini-card p{
    margin:0;

    color:
        #65737D;

    font-size:
        13px;

    line-height:
        1.5;
}


/* ==========================================================
   TOP CARS
   ========================================================== */

.cs-fin-v9-top-cars{
    display:grid;

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

    gap:
        20px;
}

.cs-fin-v9-top-card{
    overflow:hidden;

    border:
        1px solid
        #DDE1E2;

    border-radius:
        12px;

    background:
        #fff;

    color:
        #111A20;

    box-shadow:
        0
        14px
        35px
        rgba(0,0,0,.05);
}

.cs-fin-v9-top-image{
    position:relative;

    height:
        205px;

    overflow:hidden;

    background:
        #E9ECEC;
}

.cs-fin-v9-top-image img{
    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform .35s ease;
}

.cs-fin-v9-top-card:hover img{
    transform:
        scale(1.035);
}

.cs-fin-v9-top-image span{
    position:absolute;

    left:
        12px;

    bottom:
        12px;

    padding:
        7px
        10px;

    border-radius:
        6px;

    background:
        #08131B;

    color:
        #fff;

    font-size:
        11px;

    font-weight:
        750;
}

.cs-fin-v9-top-copy{
    padding:
        16px;
}

.cs-fin-v9-top-copy small{
    color:
        #89959D;

    font-size:
        10px;
}

.cs-fin-v9-top-copy h3{
    min-height:
        42px;

    margin:
        5px
        0
        15px;

    font-size:
        15px;

    line-height:
        1.25;
}

.cs-fin-v9-top-copy strong{
    font-size:
        18px;
}


/* ==========================================================
   PROCESS
   ========================================================== */

.cs-fin-v9-process{
    position:relative;

    padding:
        110px
        0;

    overflow:hidden;

    background:
        #F7F8F6;

    color:
        #111920;
}

.cs-fin-v9-process-grid{
    display:grid;

    grid-template-columns:
        .95fr
        1.05fr;

    gap:
        70px;

    align-items:center;
}

.cs-fin-v9-process-car{
    position:relative;

    min-height:
        610px;
}

.cs-fin-v9-process-shape{
    position:absolute;

    left:
        -170px;

    top:
        60px;

    width:
        620px;

    height:
        470px;

    border-radius:
        80px;

    background:
        linear-gradient(
            135deg,
            #0A1821,
            #124D6D
        );

    transform:
        rotate(-8deg);
}

.cs-fin-v9-process-car img{
    position:absolute;

    z-index:2;

    left:
        -90px;

    top:
        125px;

    width:
        700px;

    max-width:none;

    height:
        360px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0
            25px
            35px
            rgba(0,0,0,.20)
        );

    -webkit-mask-image:
        linear-gradient(
            90deg,
            #000 70%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            #000 70%,
            transparent 100%
        );
}

.cs-fin-v9-timeline{
    position:relative;
}

.cs-fin-v9-timeline::before{
    content:"";

    position:absolute;

    left:
        21px;

    top:
        25px;

    bottom:
        28px;

    width:
        1px;

    border-left:
        1px dashed
        var(--blue);
}

.cs-fin-v9-step{
    position:relative;

    display:grid;

    grid-template-columns:
        44px
        1fr;

    gap:
        22px;

    padding:
        0
        0
        34px;
}

.cs-fin-v9-step-dot{
    position:relative;
    z-index:2;

    display:flex;

    align-items:center;

    justify-content:center;

    width:
        44px;

    height:
        44px;

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

    border-radius:
        50%;

    background:
        #F7F8F6;

    color:
        var(--blue);

    font-size:
        10px;

    font-weight:
        800;
}

.cs-fin-v9-step small{
    color:
        #A1A8AC;

    font-size:
        11px;
}

.cs-fin-v9-step h3{
    margin:
        5px
        0
        8px;

    font-size:
        23px;
}

.cs-fin-v9-step p{
    max-width:
        520px;

    margin:0;

    color:
        #64737D;

    font-size:
        14px;

    line-height:
        1.55;
}


/* ==========================================================
   BLUE BAND
   ========================================================== */

.cs-fin-v9-band{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:
        30px;

    padding:
        39px
        42px;

    border-radius:
        18px;

    background:
        linear-gradient(
            115deg,
            #168DCE,
            #3EBBFA
        );

    color:
        #071018;
}

.cs-fin-v9-band small{
    font-size:
        9px;

    letter-spacing:
        .16em;

    font-weight:
        850;
}

.cs-fin-v9-band h2{
    margin:
        9px
        0
        4px;

    color:
        #fff;

    font-size:
        39px;

    line-height:
        1;

    letter-spacing:
        -.045em;
}

.cs-fin-v9-band p{
    margin:0;

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

    font-size:
        13px;
}


/* ==========================================================
   BENEFITS
   ========================================================== */

.cs-fin-v9-benefits{
    position:relative;

    padding:
        135px
        0
        120px;

    overflow:hidden;

    background:
        #0C1821;

    color:
        #F7F7F3;
}

.cs-fin-v9-benefits-cut{
    position:absolute;

    top:
        -74px;

    left:
        -3%;

    width:
        106%;

    height:
        130px;

    border-radius:
        0
        0
        80px
        80px;

    background:
        #F6F7F5;

    transform:
        rotate(-4deg);
}

.cs-fin-v9-benefits-grid{
    display:grid;

    grid-template-columns:
        .8fr
        1.2fr;

    gap:
        75px;

    align-items:center;
}

.cs-fin-v9-benefit-car{
    position:relative;

    min-height:
        540px;
}

.cs-fin-v9-benefit-car::before{
    content:"";

    position:absolute;

    inset:
        45px
        40px
        30px
        -150px;

    border:
        1px solid
        rgba(53,175,245,.55);

    border-radius:
        60px;

    transform:
        rotate(7deg);
}

.cs-fin-v9-benefit-car img{
    position:absolute;

    top:
        0;

    left:
        -120px;

    width:
        620px;

    height:
        560px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0
            30px
            40px
            rgba(0,0,0,.4)
        );
}

.cs-fin-v9-benefits .cs-fin-v9-title span{
    color:
        rgba(255,255,255,.47);
}

.cs-fin-v9-benefits .cs-fin-v9-lead{
    color:
        #9AA9B4;
}

.cs-fin-v9-benefit-list{
    display:grid;

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

    column-gap:
        55px;

    margin-top:
        38px;
}

.cs-fin-v9-benefit-list > div{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:
        14px;

    min-height:
        56px;

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

.cs-fin-v9-benefit-list i{
    display:flex;

    align-items:center;

    justify-content:center;

    width:
        24px;

    height:
        24px;

    flex:
        0 0 24px;

    border-radius:
        50%;

    background:
        rgba(53,175,245,.13);

    color:
        var(--blue);

    font-style:normal;
}

.cs-fin-v9-benefit-list span{
    flex:
        1;

    font-size:
        13px;

    font-weight:
        650;
}


/* ==========================================================
   COMPARISON
   ========================================================== */

.cs-fin-v9-compare{
    overflow:hidden;

    margin-top:
        52px;

    border:
        1px solid
        #D1D8DC;

    border-radius:
        14px;

    background:
        #fff;
}

.cs-fin-v9-compare-head,
.cs-fin-v9-compare-row,
.cs-fin-v9-compare-cta{
    display:grid;

    grid-template-columns:
        1fr
        1.05fr
        1fr;
}

.cs-fin-v9-compare-head > div,
.cs-fin-v9-compare-row > *,
.cs-fin-v9-compare-cta > *{
    padding:
        20px
        26px;
}

.cs-fin-v9-compare-head{
    font-size:
        14px;

    font-weight:
        800;
}

.cs-fin-v9-compare-row{
    border-top:
        1px solid
        #DDE2E4;

    color:
        #56646E;

    font-size:
        13px;
}

.cs-fin-v9-compare-row strong{
    color:
        #111A20;

    font-size:
        14px;
}

.cs-fin-v9-compare .active{
    background:
        var(--blue);

    color:
        #071018;
}

.cs-fin-v9-compare-row i{
    display:inline-flex;

    align-items:center;

    justify-content:center;

    width:
        23px;

    height:
        23px;

    margin-right:
        9px;

    border-radius:
        50%;

    background:
        #fff;

    font-style:normal;
}

.cs-fin-v9-compare-cta .cs-fin-v9-btn{
    margin:
        14px
        18px
        20px;

    padding:
        0
        18px;
}


/* ==========================================================
   FEATURE
   ========================================================== */

.cs-fin-v9-feature{
    display:grid;

    grid-template-columns:
        1.15fr
        .85fr;

    min-height:
        450px;

    overflow:hidden;

    border-radius:
        17px;

    background:
        linear-gradient(
            118deg,
            #071018,
            #0B283A
        );

    color:
        #fff;
}

.cs-fin-v9-feature-visual{
    position:relative;

    min-height:
        450px;
}

.cs-fin-v9-feature-visual::after{
    content:"";

    position:absolute;

    inset:
        0;

    background:
        radial-gradient(
            circle at 58% 70%,
            rgba(53,175,245,.28),
            transparent 52%
        );
}

.cs-fin-v9-feature-visual img{
    position:absolute;

    z-index:2;

    left:
        110px;

    bottom:
        18px;

    width:
        530px;

    height:
        330px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0
            28px
            35px
            rgba(0,0,0,.38)
        );
}

.cs-fin-v9-price-card{
    position:absolute;

    z-index:3;

    left:
        40px;

    top:
        43px;

    width:
        290px;

    padding:
        22px;

    border-radius:
        10px;

    background:
        #F7F7F4;

    color:
        #0B141A;
}

.cs-fin-v9-price-card small,
.cs-fin-v9-price-card strong,
.cs-fin-v9-price-card span,
.cs-fin-v9-price-card b{
    display:block;
}

.cs-fin-v9-price-card small{
    margin-bottom:
        6px;

    color:
        var(--blue);

    font-size:
        9px;

    font-weight:
        850;

    letter-spacing:
        .1em;
}

.cs-fin-v9-price-card strong{
    margin-bottom:
        12px;

    font-size:
        17px;
}

.cs-fin-v9-price-card span{
    color:
        #6D7A83;

    font-size:
        11px;
}

.cs-fin-v9-price-card b{
    margin-top:
        2px;

    color:
        var(--blue);

    font-size:
        34px;

    line-height:
        1;
}

.cs-fin-v9-price-card em{
    font-size:
        12px;

    font-style:normal;
}

.cs-fin-v9-feature-copy{
    display:flex;

    flex-direction:column;

    align-items:flex-start;

    justify-content:center;

    padding:
        60px;
}

.cs-fin-v9-feature-copy h2{
    max-width:
        430px;

    margin:
        0
        0
        18px;

    font-size:
        39px;

    line-height:
        1.03;

    letter-spacing:
        -.04em;
}

.cs-fin-v9-feature-copy p{
    max-width:
        420px;

    margin:
        0
        0
        27px;

    color:
        #A9B6BF;

    font-size:
        14px;

    line-height:
        1.6;
}


/* ==========================================================
   OFFER CAROUSEL
   ========================================================== */

.cs-fin-v9-section-head{
    display:flex;

    align-items:flex-end;

    justify-content:space-between;

    gap:
        30px;

    margin-bottom:
        48px;
}

.cs-fin-v9-section-head .cs-fin-v9-title{
    margin-bottom:0;
}

.cs-fin-v9-offer-track{
    display:grid;

    grid-auto-flow:
        column;

    grid-auto-columns:
        calc(
            25% - 15px
        );

    gap:
        20px;

    overflow-x:auto;

    padding-bottom:
        5px;

    scroll-behavior:
        smooth;

    scroll-snap-type:
        x mandatory;

    scrollbar-width:none;
}

.cs-fin-v9-offer-track::-webkit-scrollbar{
    display:none;
}

.cs-fin-v9-offer-card{
    overflow:hidden;

    scroll-snap-align:start;

    border:
        1px solid
        #D4DADC;

    border-radius:
        10px;

    background:
        #fff;

    color:
        #111A20;
}

.cs-fin-v9-offer-img{
    height:
        220px;

    overflow:hidden;

    background:
        #E7EAEB;
}

.cs-fin-v9-offer-img img{
    width:
        100%;

    height:
        100%;

    object-fit:
        cover;

    transition:
        transform .35s ease;
}

.cs-fin-v9-offer-card:hover img{
    transform:
        scale(1.035);
}

.cs-fin-v9-offer-body{
    padding:
        17px;
}

.cs-fin-v9-offer-body small{
    color:
        #8C969D;

    font-size:
        10px;
}

.cs-fin-v9-offer-body h3{
    min-height:
        40px;

    margin:
        5px
        0
        10px;

    font-size:
        15px;

    line-height:
        1.28;
}

.cs-fin-v9-offer-meta{
    display:flex;

    flex-wrap:wrap;

    gap:
        7px;

    min-height:
        42px;

    margin-bottom:
        14px;

    color:
        #687680;

    font-size:
        10px;
}

.cs-fin-v9-offer-meta span::after{
    content:"•";

    margin-left:
        7px;

    color:
        var(--blue);
}

.cs-fin-v9-offer-body strong{
    font-size:
        19px;
}

.cs-fin-v9-carousel-controls{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:
        30px;

    margin-top:
        34px;
}

.cs-fin-v9-progress{
    position:relative;

    width:
        min(
            540px,
            60%
        );

    height:
        5px;

    overflow:hidden;

    border-radius:
        99px;

    background:
        #DDE2E4;
}

.cs-fin-v9-progress i{
    display:block;

    width:
        28%;

    height:
        100%;

    border-radius:
        99px;

    background:
        var(--blue);
}

.cs-fin-v9-carousel-controls > div:last-child{
    display:flex;

    gap:
        10px;
}

.cs-fin-v9-carousel-controls button{
    display:flex;

    align-items:center;

    justify-content:center;

    width:
        48px;

    height:
        48px;

    border:
        1px solid
        #9FABB2;

    border-radius:
        50%;

    background:
        transparent;

    color:
        #111A20;

    font-size:
        19px;

    cursor:pointer;
}


/* ==========================================================
   APPLICATION
   ========================================================== */

.cs-fin-v9-form-grid{
    display:grid;

    grid-template-columns:
        .95fr
        1.05fr;

    gap:
        0;

    align-items:stretch;

    overflow:hidden;

    border:
        1px solid
        #D5DBDE;

    border-radius:
        18px;

    box-shadow:
        0
        30px
        70px
        rgba(0,0,0,.07);
}

.cs-fin-v9-form-promo{
    position:relative;

    overflow:hidden;

    min-height:
        690px;

    background:
        linear-gradient(
            135deg,
            #071018,
            #0A5278
        );

    color:
        #fff;
}

.cs-fin-v9-form-car{
    position:relative;

    height:
        300px;
}

.cs-fin-v9-form-car::before{
    content:"";

    position:absolute;

    width:
        420px;

    height:
        420px;

    left:
        -80px;

    top:
        -180px;

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

    border-radius:
        60px;

    transform:
        rotate(-7deg);
}

.cs-fin-v9-form-car img{
    position:absolute;

    z-index:2;

    width:
        550px;

    max-width:none;

    height:
        320px;

    left:
        -25px;

    top:
        15px;

    object-fit:
        contain;

    filter:
        drop-shadow(
            0
            25px
            30px
            rgba(0,0,0,.35)
        );
}

.cs-fin-v9-form-promo-copy{
    padding:
        20px
        46px
        40px;
}

.cs-fin-v9-form-promo-copy small{
    font-size:
        9px;

    letter-spacing:
        .16em;

    font-weight:
        850;
}

.cs-fin-v9-form-promo-copy h2{
    max-width:
        480px;

    margin:
        9px
        0
        15px;

    font-size:
        44px;

    line-height:
        .99;

    letter-spacing:
        -.05em;
}

.cs-fin-v9-form-promo-copy p{
    max-width:
        450px;

    margin:0;

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

    font-size:
        14px;

    line-height:
        1.55;
}

.cs-fin-v9-form-contact{
    position:absolute;

    left:
        0;

    right:
        0;

    bottom:
        0;

    display:grid;

    gap:
        8px;

    padding:
        28px
        46px;

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

    border-top:
        1px solid
        rgba(255,255,255,.15);
}

.cs-fin-v9-form-contact strong{
    margin-bottom:
        3px;

    font-size:
        18px;
}

.cs-fin-v9-form-contact span{
    color:
        rgba(255,255,255,.70);

    font-size:
        12px;
}

.cs-fin-v9-formbox{
    padding:
        45px;

    background:
        #fff;

    color:
        #111A20;
}

.cs-fin-v9-formbox-head{
    display:flex;

    align-items:flex-start;

    justify-content:space-between;

    gap:
        20px;

    margin-bottom:
        30px;
}

.cs-fin-v9-formbox-head h2{
    margin:
        4px
        0
        0;

    font-size:
        31px;

    line-height:
        1;
}

.cs-fin-v9-formbox-head > span{
    color:
        var(--blue);

    font-size:
        11px;

    font-weight:
        750;
}

.cs-fin-v9-success,
.cs-fin-v9-errors{
    margin-bottom:
        20px;

    padding:
        12px
        14px;

    border-radius:
        8px;

    font-size:
        12px;
}

.cs-fin-v9-success{
    background:
        #E7F7EF;

    color:
        #175F3E;
}

.cs-fin-v9-errors{
    background:
        #FCEAEA;

    color:
        #8B2B2B;
}


/* Force extracted old working form into new V9 visual system */

.cs-fin-v9-formbox form{
    display:grid !important;

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

    gap:
        15px !important;

    margin:0 !important;
}

.cs-fin-v9-formbox form > *{
    min-width:0;
}

.cs-fin-v9-formbox form input,
.cs-fin-v9-formbox form select,
.cs-fin-v9-formbox form textarea{
    width:
        100% !important;

    min-height:
        48px !important;

    padding:
        0
        14px !important;

    border:
        1px solid
        #D8DEDF !important;

    border-radius:
        8px !important;

    outline:
        none !important;

    background:
        #F8F9F8 !important;

    color:
        #111A20 !important;

    box-shadow:
        none !important;

    font-size:
        13px !important;
}

.cs-fin-v9-formbox form textarea{
    min-height:
        100px !important;

    padding-top:
        13px !important;
}

.cs-fin-v9-formbox form label{
    color:
        #65727B !important;

    font-size:
        11px !important;

    font-weight:
        650 !important;
}

.cs-fin-v9-formbox form button[type="submit"]{
    grid-column:
        1 / -1;

    min-height:
        51px !important;

    border:
        0 !important;

    border-radius:
        8px !important;

    background:
        var(--blue) !important;

    color:
        #071018 !important;

    font-size:
        14px !important;

    font-weight:
        850 !important;

    cursor:pointer !important;
}


/* ==========================================================
   FAQ
   ========================================================== */

.cs-fin-v9-faq-grid{
    display:grid;

    grid-template-columns:
        .75fr
        1.25fr;

    gap:
        80px;
}

.cs-fin-v9-faq-list{
    border-top:
        1px solid
        #C8D0D4;
}

.cs-fin-v9-faq-item{
    border-bottom:
        1px solid
        #C8D0D4;
}

.cs-fin-v9-faq-q{
    display:flex;

    align-items:center;

    justify-content:space-between;

    gap:
        20px;

    width:
        100%;

    min-height:
        67px;

    padding:0;

    border:0;

    background:
        transparent;

    color:
        #131C22;

    text-align:left;

    font-size:
        14px;

    font-weight:
        750;

    cursor:pointer;
}

.cs-fin-v9-faq-q i{
    color:
        var(--blue);

    font-size:
        20px;

    font-style:normal;

    font-weight:
        400;

    transition:
        transform .2s ease;
}

.cs-fin-v9-faq-a{
    display:none;

    padding:
        0
        40px
        20px
        0;

    color:
        #66747D;

    font-size:
        13px;

    line-height:
        1.6;
}

.cs-fin-v9-faq-item.open
.cs-fin-v9-faq-a{
    display:block;
}

.cs-fin-v9-faq-item.open
.cs-fin-v9-faq-q i{
    transform:
        rotate(45deg);
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media(max-width:1100px){

    .cs-fin-v9-hero-grid{
        grid-template-columns:
            1fr
            480px;

        gap:
            40px;
    }

    .cs-fin-v9-offer-track{
        grid-auto-columns:
            calc(
                33.333% - 14px
            );
    }

}


@media(max-width:900px){

    .cs-fin-v9-container{
        width:
            min(
                100% - 32px,
                760px
            );
    }

    .cs-fin-v9-section{
        padding:
            76px
            0;
    }

    .cs-fin-v9-hero{
        padding:
            75px
            0
            110px;
    }

    .cs-fin-v9-hero-grid{
        grid-template-columns:
            1fr;

        gap:
            125px;
    }

    .cs-fin-v9-calculator{
        width:
            min(
                100%,
                580px
            );

        margin:
            0 auto;
    }

    .cs-fin-v9-eligibility{
        grid-template-columns:
            repeat(
                2,
                1fr
            );
    }

    .cs-fin-v9-mini-card{
        border-bottom:
            1px solid
            #D8DDDF;
    }

    .cs-fin-v9-top-cars{
        grid-template-columns:
            repeat(
                2,
                1fr
            );
    }

    .cs-fin-v9-process-grid,
    .cs-fin-v9-benefits-grid,
    .cs-fin-v9-feature,
    .cs-fin-v9-form-grid,
    .cs-fin-v9-faq-grid{
        grid-template-columns:
            1fr;
    }

    .cs-fin-v9-process-car{
        min-height:
            400px;
    }

    .cs-fin-v9-process-car img{
        left:
            50%;

        transform:
            translateX(-50%);

        width:
            620px;

        top:
            70px;
    }

    .cs-fin-v9-benefit-car{
        min-height:
            420px;
    }

    .cs-fin-v9-benefit-car img{
        left:
            50%;

        transform:
            translateX(-50%);
    }

    .cs-fin-v9-offer-track{
        grid-auto-columns:
            calc(
                50% - 10px
            );
    }

    .cs-fin-v9-form-promo{
        min-height:
            590px;
    }

}


@media(max-width:640px){

    .cs-fin-v9-container{
        width:
            calc(
                100% - 24px
            );
    }

    .cs-fin-v9-section{
        padding:
            58px
            0;
    }

    .cs-fin-v9-title{
        font-size:
            37px;
    }

    .cs-fin-v9-hero{
        padding:
            55px
            0
            95px;

        min-height:
            auto;
    }

    .cs-fin-v9-hero-copy h1{
        font-size:
            47px;
    }

    .cs-fin-v9-hero-copy > p{
        font-size:
            15px;
    }

    .cs-fin-v9-hero-buttons{
        display:grid;
    }

    .cs-fin-v9-hero-buttons
    .cs-fin-v9-btn{
        width:
            100%;
    }

    .cs-fin-v9-hero-points{
        gap:
            10px
            16px;
    }

    .cs-fin-v9-calculator{
        border-radius:
            15px;
    }

    .cs-fin-v9-car-stage{
        height:
            140px;

        margin-top:
            -90px;
    }

    .cs-fin-v9-car-image{
        height:
            165px;
    }

    .cs-fin-v9-calc-inner{
        padding:
            20px
            17px;
    }

    .cs-fin-v9-calc-title h2{
        font-size:
            23px;
    }

    .cs-fin-v9-result{
        align-items:flex-start;

        flex-direction:column;
    }

    .cs-fin-v9-monthly{
        width:
            100%;

        text-align:left;
    }

    .cs-fin-v9-eligibility{
        grid-template-columns:
            1fr;
    }

    .cs-fin-v9-mini-card{
        min-height:
            145px;

        border-right:0;
    }

    .cs-fin-v9-mini-card h3{
        margin-top:
            30px;
    }

    .cs-fin-v9-top-cars{
        grid-template-columns:
            1fr;
    }

    .cs-fin-v9-process{
        padding:
            70px
            0;
    }

    .cs-fin-v9-process-car{
        min-height:
            290px;
    }

    .cs-fin-v9-process-shape{
        width:
            430px;

        height:
            270px;

        left:
            -120px;
    }

    .cs-fin-v9-process-car img{
        width:
            440px;

        height:
            230px;

        top:
            75px;
    }

    .cs-fin-v9-band{
        display:grid;

        padding:
            28px
            24px;
    }

    .cs-fin-v9-band h2{
        font-size:
            31px;
    }

    .cs-fin-v9-benefit-car{
        min-height:
            310px;
    }

    .cs-fin-v9-benefit-car img{
        width:
            430px;

        height:
            330px;

        left:
            50%;
    }

    .cs-fin-v9-benefit-list{
        grid-template-columns:
            1fr;
    }

    .cs-fin-v9-compare{
        overflow-x:auto;
    }

    .cs-fin-v9-compare-head,
    .cs-fin-v9-compare-row,
    .cs-fin-v9-compare-cta{
        min-width:
            690px;
    }

    .cs-fin-v9-feature{
        display:block;
    }

    .cs-fin-v9-feature-visual{
        min-height:
            365px;
    }

    .cs-fin-v9-feature-visual img{
        left:
            5%;

        width:
            95%;

        height:
            250px;
    }

    .cs-fin-v9-price-card{
        left:
            20px;

        top:
            22px;

        width:
            230px;
    }

    .cs-fin-v9-feature-copy{
        padding:
            30px
            24px
            38px;
    }

    .cs-fin-v9-feature-copy h2{
        font-size:
            31px;
    }

    .cs-fin-v9-section-head{
        align-items:flex-start;

        flex-direction:column;
    }

    .cs-fin-v9-offer-track{
        grid-auto-columns:
            84%;
    }

    .cs-fin-v9-progress{
        width:
            64%;
    }

    .cs-fin-v9-form-promo{
        min-height:
            500px;
    }

    .cs-fin-v9-form-car{
        height:
            220px;
    }

    .cs-fin-v9-form-car img{
        width:
            410px;

        height:
            230px;

        left:
            -40px;
    }

    .cs-fin-v9-form-promo-copy{
        padding:
            15px
            24px
            30px;
    }

    .cs-fin-v9-form-promo-copy h2{
        font-size:
            34px;
    }

    .cs-fin-v9-form-contact{
        padding:
            22px
            24px;
    }

    .cs-fin-v9-formbox{
        padding:
            27px
            18px;
    }

    .cs-fin-v9-formbox form{
        grid-template-columns:
            1fr !important;
    }

    .cs-fin-v9-faq-grid{
        gap:
            45px;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 2
   id="cs-fin-v106b-master-fix"
   ========================================================= */
/* ==========================================================
   CS_FINANCE_V106B_MASTER_FIX
   ========================================================== */


/* ---------- remove old leaking transparent text ---------- */

.cs-fin-v9 h1,
.cs-fin-v9 h2,
.cs-fin-v9 h3,
.cs-fin-v9 h4,
.cs-fin-v9 summary,
.cs-fin-v9 button,
.cs-fin-v9 a {

    text-shadow:none !important;
}


/* ==========================================================
   HERO
   ========================================================== */

.cs-fin-v9-hero-copy > p,
.cs-fin-v9-hero-copy .cs-fin-v9-lead {

    color:rgba(255,255,255,.78) !important;
    -webkit-text-fill-color:rgba(255,255,255,.78) !important;

    opacity:1 !important;
}


.cs-fin-v9-hero .cs-fin-v9-pill {

    color:#139fdf !important;
    -webkit-text-fill-color:#139fdf !important;

    font-size:15px !important;
    font-weight:800 !important;
}


.cs-fin-v9-hero .cs-fin-v9-title {

    max-width:650px !important;

    font-size:
        clamp(
            47px,
            4.15vw,
            66px
        ) !important;

    line-height:.96 !important;
}


.cs-fin-v9-hero-points {
    display:none !important;
}


.cs-fin-v9-hero-buttons {
    margin-top:26px !important;
}


.cs-fin-v9-hero .cs-fin-v9-car-stage {

    transform:
        translateX(-28px)
        scale(.93) !important;

    transform-origin:
        50% 100% !important;
}


/* ==========================================================
   CALCULATOR
   ========================================================== */

.cs-fin-v9-calculator {

    position:relative !important;

    overflow:visible !important;
}


.cs-fin-v9-calculator .cs-fin-v9-calc-title {

    color:#4a082d !important;
    -webkit-text-fill-color:#4a082d !important;
}


.cs-fin-v9-calculator,
.cs-fin-v9-calculator label,
.cs-fin-v9-calculator strong {

    color:#241421;
    -webkit-text-fill-color:#241421;
}


/* slider background */

.cs-fin-v9-calculator input[type="range"] {

    --cs-v106-fill:0%;

    background:
        linear-gradient(
            90deg,
            #31aceb 0%,
            #31aceb var(--cs-v106-fill),
            #dce3e6 var(--cs-v106-fill),
            #dce3e6 100%
        ) !important;
}


.cs-fin-v9-calculator
input[type="range"]::-webkit-slider-runnable-track {

    height:4px !important;

    border:0 !important;
    border-radius:99px !important;

    background:
        linear-gradient(
            90deg,
            #31aceb 0%,
            #31aceb var(--cs-v106-fill),
            #dce3e6 var(--cs-v106-fill),
            #dce3e6 100%
        ) !important;
}


.cs-fin-v9-calculator
input[type="range"]::-moz-range-track {

    height:4px !important;

    border:0 !important;
    border-radius:99px !important;

    background:
        linear-gradient(
            90deg,
            #31aceb 0%,
            #31aceb var(--cs-v106-fill),
            #dce3e6 var(--cs-v106-fill),
            #dce3e6 100%
        ) !important;
}


/* ==========================================================
   LIGHT SECTION — ELIGIBILITY
   ========================================================== */

.cs-v105c-eligibility,
.cs-fin-v9-light {

    background:#f1f4f5 !important;
}


.cs-v105c-eligibility .cs-fin-v9-eyebrow {

    color:#28a9e8 !important;
    -webkit-text-fill-color:#28a9e8 !important;
}


.cs-v105c-eligibility .cs-v105c-title {

    color:#111a20 !important;
    -webkit-text-fill-color:#111a20 !important;

    background:none !important;
}


.cs-v105c-eligibility .cs-v105c-title span {

    color:#74838b !important;
    -webkit-text-fill-color:#74838b !important;

    background:none !important;
}


.cs-v105c-person h3 {

    color:#111a20 !important;
    -webkit-text-fill-color:#111a20 !important;

    opacity:1 !important;
}


.cs-v105c-person p {

    color:#74858e !important;
    -webkit-text-fill-color:#74858e !important;

    opacity:1 !important;
}


.cs-v105c-person:hover {

    background:
        linear-gradient(
            145deg,
            #ffffff,
            #f1faff
        ) !important;
}


.cs-v105c-person:hover h3 {

    color:#101920 !important;
    -webkit-text-fill-color:#101920 !important;
}


.cs-v105c-person:hover p {

    color:#62757f !important;
    -webkit-text-fill-color:#62757f !important;
}


/* ==========================================================
   TOP OFFER DARK
   ========================================================== */

.cs-v105c-top {

    background:#06131c !important;
}


.cs-v105c-top .cs-fin-v9-eyebrow {

    color:#35afea !important;
    -webkit-text-fill-color:#35afea !important;
}


.cs-v105c-top .cs-v105c-title {

    color:#f7f8f6 !important;
    -webkit-text-fill-color:#f7f8f6 !important;

    background:none !important;
}


.cs-v105c-top .cs-v105c-title span {

    color:#7e909a !important;
    -webkit-text-fill-color:#7e909a !important;

    background:none !important;
}


.cs-v105c-top .cs-v105c-link,
.cs-v105c-top .cs-v105c-link * {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* cards */

.cs-v105c-car-copy small {

    color:#788993 !important;
    -webkit-text-fill-color:#788993 !important;
}


.cs-v105c-car-copy h3 {

    color:#111a20 !important;
    -webkit-text-fill-color:#111a20 !important;

    background:none !important;
    opacity:1 !important;
}


.cs-v105c-meta,
.cs-v105c-meta span {

    color:#687a84 !important;
    -webkit-text-fill-color:#687a84 !important;
}


.cs-v105c-car-copy > strong {

    color:#10191f !important;
    -webkit-text-fill-color:#10191f !important;
}


.cs-v105c-month {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* ==========================================================
   PROCESS
   ========================================================== */

.cs-v105c-process {

    background:#fbfbf9 !important;
}


.cs-v105c-process .cs-fin-v9-eyebrow {

    color:#28a9e8 !important;
    -webkit-text-fill-color:#28a9e8 !important;
}


.cs-v105c-process .cs-v105c-title {

    color:#111a20 !important;
    -webkit-text-fill-color:#111a20 !important;

    background:none !important;
}


.cs-v105c-process .cs-v105c-title span {

    color:#77868e !important;
    -webkit-text-fill-color:#77868e !important;

    background:none !important;
}


.cs-v105c-step > div:last-child > span {

    color:#8b999f !important;
    -webkit-text-fill-color:#8b999f !important;
}


.cs-v105c-step h3 {

    color:#151c21 !important;
    -webkit-text-fill-color:#151c21 !important;

    background:none !important;

    opacity:1 !important;
}


.cs-v105c-step p {

    color:#778891 !important;
    -webkit-text-fill-color:#778891 !important;

    opacity:1 !important;
}


/* stronger photo blending */

.cs-v105c-process-car img {

    width:84% !important;
    max-width:650px !important;

    object-fit:contain !important;

    -webkit-mask-image:
        radial-gradient(
            ellipse 68% 66% at 50% 53%,
            #000 0%,
            #000 42%,
            rgba(0,0,0,.90) 55%,
            rgba(0,0,0,.42) 67%,
            transparent 83%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse 68% 66% at 50% 53%,
            #000 0%,
            #000 42%,
            rgba(0,0,0,.90) 55%,
            rgba(0,0,0,.42) 67%,
            transparent 83%
        ) !important;

    filter:
        drop-shadow(
            0 26px 22px
            rgba(0,52,78,.20)
        ) !important;
}


/* ==========================================================
   BLUE ADVERTISEMENT BANNER
   ========================================================== */

.cs-v105c-band-copy small {

    color:#06354e !important;
    -webkit-text-fill-color:#06354e !important;
}


.cs-v105c-band-copy h2 {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    background:none !important;
}


.cs-v105c-band-copy p {

    color:rgba(255,255,255,.84) !important;
    -webkit-text-fill-color:rgba(255,255,255,.84) !important;
}


.cs-v105c-band-car {

    width:330px !important;
    height:195px !important;

    bottom:-32px !important;
}


.cs-v105c-band-car img {

    object-fit:contain !important;

    -webkit-mask-image:
        radial-gradient(
            ellipse 72% 68% at 50% 54%,
            #000 0%,
            #000 38%,
            rgba(0,0,0,.84) 53%,
            rgba(0,0,0,.28) 68%,
            transparent 84%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse 72% 68% at 50% 54%,
            #000 0%,
            #000 38%,
            rgba(0,0,0,.84) 53%,
            rgba(0,0,0,.28) 68%,
            transparent 84%
        ) !important;
}


/* ==========================================================
   WHY CARSELECT / ACCORDION
   ========================================================== */

.cs-v105c-benefits {

    min-height:750px !important;

    background:#061b25 !important;
}


.cs-v105c-benefits-grid {

    align-items:flex-start !important;
}


.cs-v105c-benefit-copy {

    padding-top:4px !important;
}


.cs-v105c-benefit-copy h2 {

    color:#f7f8f7 !important;
    -webkit-text-fill-color:#f7f8f7 !important;

    background:none !important;
}


.cs-v105c-benefit-copy h2 span {

    color:#81949e !important;
    -webkit-text-fill-color:#81949e !important;

    background:none !important;
}


.cs-v105c-lead {

    color:#a1b1ba !important;
    -webkit-text-fill-color:#a1b1ba !important;
}


.cs-v105c-benefit-list {

    min-height:410px !important;
}


.cs-v105c-benefit-item {

    overflow:hidden !important;
}


.cs-v105c-benefit-item summary,
.cs-v105c-benefit-item summary * {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


.cs-v105c-benefit-item p {

    color:#9cafb8 !important;
    -webkit-text-fill-color:#9cafb8 !important;

    max-width:650px !important;
}


.cs-v105c-benefit-car img {

    width:83% !important;

    object-fit:contain !important;

    -webkit-mask-image:
        radial-gradient(
            ellipse 69% 66% at 50% 52%,
            #000 0%,
            #000 40%,
            rgba(0,0,0,.90) 54%,
            rgba(0,0,0,.35) 68%,
            transparent 83%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse 69% 66% at 50% 52%,
            #000 0%,
            #000 40%,
            rgba(0,0,0,.90) 54%,
            rgba(0,0,0,.35) 68%,
            transparent 83%
        ) !important;
}


/* ==========================================================
   COMPARISON
   ========================================================== */

.cs-v105c-compare {

    background:#f1f4f5 !important;
}


.cs-v105c-compare .cs-fin-v9-eyebrow {

    color:#28a9e8 !important;
    -webkit-text-fill-color:#28a9e8 !important;
}


.cs-v105c-compare .cs-v105c-title {

    color:#101920 !important;
    -webkit-text-fill-color:#101920 !important;

    background:none !important;
}


.cs-v105c-compare .cs-v105c-title span {

    color:#75858e !important;
    -webkit-text-fill-color:#75858e !important;

    background:none !important;
}


.cs-v105c-row > strong {

    color:#142028 !important;
    -webkit-text-fill-color:#142028 !important;
}


.cs-v105c-row > span {

    color:#667983 !important;
    -webkit-text-fill-color:#667983 !important;
}


.cs-v105c-row .cs-v105c-ours,
.cs-v105c-row .cs-v105c-ours * {

    color:#071820 !important;
    -webkit-text-fill-color:#071820 !important;
}


/* ==========================================================
   EXAMPLE CAR
   ========================================================== */

.cs-v105c-example-card small {

    color:#27a9e8 !important;
    -webkit-text-fill-color:#27a9e8 !important;
}


.cs-v105c-example-card > strong {

    color:#111a20 !important;
    -webkit-text-fill-color:#111a20 !important;
}


.cs-v105c-example-card > span,
.cs-v105c-example-card > em {

    color:#74858e !important;
    -webkit-text-fill-color:#74858e !important;
}


.cs-v105c-example-card p b {

    color:#2ba9e7 !important;
    -webkit-text-fill-color:#2ba9e7 !important;
}


.cs-v105c-example-copy h2 {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    background:none !important;
}


.cs-v105c-example-copy > p {

    color:#a9bbc4 !important;
    -webkit-text-fill-color:#a9bbc4 !important;
}


.cs-v105c-example-copy > div,
.cs-v105c-example-copy > div span {

    color:#dce6e9 !important;
    -webkit-text-fill-color:#dce6e9 !important;
}


/* ==========================================================
   VEHICLE OFFER LIGHT SECTION
   ========================================================== */

.cs-v105c-offers {

    background:#f1f4f5 !important;
}


.cs-v105c-offers .cs-fin-v9-eyebrow {

    color:#27aae9 !important;
    -webkit-text-fill-color:#27aae9 !important;
}


.cs-v105c-offers .cs-v105c-title {

    color:#101920 !important;
    -webkit-text-fill-color:#101920 !important;

    background:none !important;
}


/* ==========================================================
   APPLICATION FORM
   ========================================================== */

.cs-v105c-form-head small {

    color:#27a9e8 !important;
    -webkit-text-fill-color:#27a9e8 !important;
}


.cs-v105c-form-head h2 {

    color:#111a20 !important;
    -webkit-text-fill-color:#111a20 !important;

    background:none !important;
}


.cs-v105c-app-left > h2 {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    background:none !important;
}


.cs-v105c-app-year {

    color:#9ebfce !important;
    -webkit-text-fill-color:#9ebfce !important;
}


.cs-v105c-app-text strong {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


.cs-v105c-app-text p {

    color:#aec1ca !important;
    -webkit-text-fill-color:#aec1ca !important;
}


.cs-v105c-contact a {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* ==========================================================
   FAQ
   ========================================================== */

.cs-v105c-faq {

    background:#f1f4f5 !important;
}


.cs-v105c-faq-intro .cs-fin-v9-eyebrow {

    color:#27a9e8 !important;
    -webkit-text-fill-color:#27a9e8 !important;
}


.cs-v105c-faq-intro h2 {

    color:#101920 !important;
    -webkit-text-fill-color:#101920 !important;

    background:none !important;

    opacity:1 !important;

    font-size:
        clamp(
            50px,
            5vw,
            74px
        ) !important;

    line-height:.95 !important;
}


.cs-v105c-faq-intro p {

    color:#71828c !important;
    -webkit-text-fill-color:#71828c !important;

    line-height:1.6 !important;

    margin-top:32px !important;
}


.cs-v105c-faq-intro .cs-v105c-blue-cta {

    margin-top:28px !important;
}


.cs-v105c-faq-item summary,
.cs-v105c-faq-item summary * {

    color:#111a20 !important;
    -webkit-text-fill-color:#111a20 !important;

    opacity:1 !important;
}


.cs-v105c-faq-item p {

    color:#627580 !important;
    -webkit-text-fill-color:#627580 !important;

    line-height:1.65 !important;
}


/* ==========================================================
   CTA TEXT CONTRAST
   ========================================================== */

.cs-v105c-blue-cta,
.cs-v105c-blue-cta *,
.cs-v105c-submit,
.cs-v105c-submit *,
.cs-fin-v9-calc-cta,
.cs-fin-v9-calc-cta * {

    color:#071820 !important;
    -webkit-text-fill-color:#071820 !important;

    opacity:1 !important;
}


.cs-v105c-dark-cta,
.cs-v105c-dark-cta * {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    opacity:1 !important;
}


.cs-v105c-white-cta,
.cs-v105c-white-cta *,
.cs-v105c-band-cta,
.cs-v105c-band-cta * {

    color:#101920 !important;
    -webkit-text-fill-color:#101920 !important;

    opacity:1 !important;
}


/* generic button rescue */

.cs-fin-v9 a[class*="cta"],
.cs-fin-v9 button {

    opacity:1 !important;
}


.cs-fin-v9 a[class*="cta"] span,
.cs-fin-v9 a[class*="cta"] b {

    opacity:1 !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:900px) {

    .cs-fin-v9-hero .cs-fin-v9-title {

        font-size:
            clamp(
                40px,
                12vw,
                56px
            ) !important;
    }


    .cs-fin-v9-hero .cs-fin-v9-car-stage {

        transform:
            scale(.92) !important;
    }


    .cs-v105c-benefits,
    .cs-v105c-benefit-list {

        min-height:0 !important;
    }


    .cs-v105c-band-car {

        width:220px !important;
        height:140px !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 3
   id="cs-fin-v106c-visual-final"
   ========================================================= */
/*
 * CS_FINANCE_V106C_VISUAL_FINAL
 */


/* =========================================================
   GLOBAL LIGHT TYPOGRAPHY FIX
   ========================================================= */

.cs-fin-v9-section.cs-fin-v9-light h2,
.cs-fin-v9-section.cs-fin-v9-light h2 strong,
.cs-fin-v9-section.cs-fin-v9-light h2 b,
.cs-fin-v9-eligibility h2,
.cs-fin-v9-eligibility h2 strong,
.cs-fin-v9-process h2,
.cs-fin-v9-process h2 strong,
.cs-v105c-process h2,
.cs-v105c-eligibility h2 {

    color:#101a20 !important;
    -webkit-text-fill-color:#101a20 !important;
    text-shadow:none !important;
    background:none !important;
    opacity:1 !important;
}


.cs-fin-v9-section.cs-fin-v9-light h2 span,
.cs-fin-v9-eligibility h2 span,
.cs-fin-v9-process h2 span,
.cs-v105c-process h2 span,
.cs-v105c-eligibility h2 span {

    color:#778790 !important;
    -webkit-text-fill-color:#778790 !important;
    background:none !important;
    opacity:1 !important;
}


/* eyebrow */

.cs-fin-v9-light .cs-fin-v9-eyebrow,
.cs-fin-v9-eligibility .cs-fin-v9-eyebrow,
.cs-fin-v9-process .cs-fin-v9-eyebrow {

    color:#29a9e8 !important;
    -webkit-text-fill-color:#29a9e8 !important;
    opacity:1 !important;
}


/* =========================================================
   ELIGIBILITY CARDS
   ========================================================= */

.cs-fin-v9-eligibility {

    background:#f2f5f6 !important;
}


.cs-fin-v9-eligibility > div {

    box-shadow:
        0 24px 50px
        rgba(15,36,47,.06);
}


.cs-fin-v9-eligibility h3,
.cs-fin-v9-eligibility h3 *,
.cs-fin-v9-eligibility .cs-v105c-person h3,
.cs-fin-v9-eligibility .cs-v105c-person h3 * {

    color:#142028 !important;
    -webkit-text-fill-color:#142028 !important;
    background:none !important;
    opacity:1 !important;
}


.cs-fin-v9-eligibility p,
.cs-fin-v9-eligibility .cs-v105c-person p {

    color:#6f8089 !important;
    -webkit-text-fill-color:#6f8089 !important;
    opacity:1 !important;
}


.cs-fin-v9-eligibility .cs-v105c-person {

    transition:
        transform .22s ease,
        background .22s ease,
        box-shadow .22s ease !important;
}


.cs-fin-v9-eligibility .cs-v105c-person:hover {

    background:
        linear-gradient(
            145deg,
            #ffffff 0%,
            #f0f9fd 100%
        ) !important;

    transform:
        translateY(-4px);

    box-shadow:
        0 18px 38px
        rgba(14,55,75,.09);
}


/* =========================================================
   TOP OFFER / VEHICLE CARDS
   ========================================================= */

.cs-fin-v9-offer-card {

    position:relative !important;

    overflow:hidden !important;

    border-radius:15px !important;

    box-shadow:
        0 18px 36px
        rgba(0,0,0,.12) !important;
}


.cs-fin-v9-offer-card
.cs-fin-v9-offer-body {

    background:#fff !important;
}


.cs-fin-v9-offer-card h3,
.cs-fin-v9-offer-card h3 *,
.cs-fin-v9-offer-card h4,
.cs-fin-v9-offer-card h4 *,
.cs-fin-v9-offer-card
.cs-fin-v9-offer-body > a {

    color:#111b21 !important;
    -webkit-text-fill-color:#111b21 !important;

    background:none !important;

    opacity:1 !important;
}


.cs-fin-v9-offer-meta,
.cs-fin-v9-offer-meta *,
.cs-v105c-meta,
.cs-v105c-meta * {

    color:#647984 !important;
    -webkit-text-fill-color:#647984 !important;

    opacity:1 !important;
}


.cs-fin-v9-offer-body > strong,
.cs-fin-v9-offer-body .cs-fin-v9-price {

    color:#10191f !important;
    -webkit-text-fill-color:#10191f !important;

    opacity:1 !important;
}


/* hide favourite / heart */

.cs-fin-v9-offer-card button {

    display:none !important;
}


/* HOME-PAGE STYLE MONTHLY RIBBON */

.cs-fin-v9-monthly,
.cs-v105c-month {

    position:absolute !important;

    left:0 !important;
    right:auto !important;
    bottom:16px !important;

    z-index:10 !important;

    padding:
        9px 15px 9px 14px !important;

    border-radius:
        0 9px 9px 0 !important;

    background:
        linear-gradient(
            100deg,
            #079de0 0%,
            #39b9ee 100%
        ) !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-weight:800 !important;
    font-size:13px !important;

    box-shadow:
        0 8px 22px
        rgba(0,126,190,.28) !important;
}


.cs-fin-v9-monthly::before,
.cs-v105c-month::before {

    content:"";

    position:absolute;

    left:0;
    top:-5px;

    width:0;
    height:0;

    border-top:
        5px solid transparent;

    border-right:
        5px solid #067eb2;
}


/* =========================================================
   PROCESS
   ========================================================= */

.cs-fin-v9-process,
.cs-v105c-process {

    background:#fbfbfa !important;
}


.cs-fin-v9-process h2,
.cs-fin-v9-process h2 *,
.cs-v105c-process h2,
.cs-v105c-process h2 * {

    opacity:1 !important;
}


.cs-fin-v9-process h3,
.cs-v105c-step h3 {

    color:#182127 !important;
    -webkit-text-fill-color:#182127 !important;

    background:none !important;

    opacity:1 !important;
}


.cs-fin-v9-process p,
.cs-v105c-step p {

    color:#72848d !important;
    -webkit-text-fill-color:#72848d !important;

    opacity:1 !important;
}


.cs-v105c-step span {

    color:#83949c !important;
    -webkit-text-fill-color:#83949c !important;

    opacity:1 !important;
}


/* car image softer blend */

.cs-fin-v9-process-car img,
.cs-v105c-process-car img {

    filter:
        drop-shadow(
            0 28px 32px
            rgba(0,77,112,.18)
        ) !important;

    -webkit-mask-image:
        radial-gradient(
            ellipse 73% 72% at 50% 52%,
            #000 0%,
            #000 54%,
            rgba(0,0,0,.86) 65%,
            rgba(0,0,0,.38) 76%,
            transparent 91%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse 73% 72% at 50% 52%,
            #000 0%,
            #000 54%,
            rgba(0,0,0,.86) 65%,
            rgba(0,0,0,.38) 76%,
            transparent 91%
        ) !important;
}


/* =========================================================
   TOP HERO CAR CALLOUT
   ========================================================= */

.cs-fin-v9-hero
.cs-fin-v9-car-stage {

    position:relative !important;
}


.cs-fin-v106c-hero-callout {

    position:absolute;

    right:-68px;
    top:12px;

    z-index:20;

    color:#fff;

    font-size:18px;
    font-weight:700;

    font-style:italic;

    white-space:nowrap;

    text-shadow:
        0 2px 8px
        rgba(0,0,0,.18);

    transform:
        rotate(-3deg);
}


.cs-fin-v106c-hero-callout::before {

    content:"";

    position:absolute;

    width:92px;

    right:100%;
    top:19px;

    margin-right:12px;

    border-top:
        2px solid
        rgba(255,255,255,.9);

    transform:
        rotate(-13deg);

    transform-origin:right center;
}


.cs-fin-v106c-hero-callout::after {

    content:"↙";

    position:absolute;

    right:calc(100% + 98px);
    top:11px;

    color:#fff;

    font-size:24px;

    transform:
        rotate(5deg);
}


/* =========================================================
   DARK BENEFIT SECTION
   ========================================================= */

.cs-fin-v9-benefits,
.cs-v105c-benefits {

    background:#061b25 !important;
}


.cs-fin-v9-benefits h2,
.cs-fin-v9-benefits h2 *,
.cs-v105c-benefits h2 {

    color:#f7f8f7 !important;
    -webkit-text-fill-color:#f7f8f7 !important;

    background:none !important;

    opacity:1 !important;
}


.cs-fin-v9-benefits h2 span,
.cs-v105c-benefits h2 span {

    color:#82949e !important;
    -webkit-text-fill-color:#82949e !important;
}


.cs-fin-v9-benefits p {

    color:#a1b3bc !important;
    -webkit-text-fill-color:#a1b3bc !important;
}


.cs-fin-v9-benefit-list summary,
.cs-fin-v9-benefit-list summary * {

    color:#f4f6f7 !important;
    -webkit-text-fill-color:#f4f6f7 !important;

    opacity:1 !important;
}


.cs-fin-v9-benefit-list p {

    color:#a8bac2 !important;
    -webkit-text-fill-color:#a8bac2 !important;
}


/* =========================================================
   EXAMPLE FINANCING BLOCK
   ========================================================= */

.cs-fin-v9-feature h2,
.cs-fin-v9-feature h2 *,
.cs-v105c-example-copy h2,
.cs-v105c-example-copy h2 * {

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    opacity:1 !important;

    background:none !important;
}


.cs-fin-v9-feature p,
.cs-v105c-example-copy p {

    color:#b2c2c9 !important;
    -webkit-text-fill-color:#b2c2c9 !important;
}


.cs-fin-v9-feature
a[href="#ziadost"],
.cs-v105c-example-copy
a[href="#ziadost"] {

    background:#fff !important;

    color:#0c1b22 !important;
    -webkit-text-fill-color:#0c1b22 !important;

    font-weight:800 !important;

    opacity:1 !important;

    box-shadow:
        0 8px 25px
        rgba(0,0,0,.12);
}


/* =========================================================
   VEHICLE OFFER LIGHT VERSION
   ========================================================= */

.cs-fin-v9-white
.cs-fin-v9-offer-card h3,
.cs-fin-v9-white
.cs-fin-v9-offer-card h4 {

    color:#101a20 !important;
    -webkit-text-fill-color:#101a20 !important;
}


/* =========================================================
   APPLICATION FORM
   ========================================================= */

#ziadost,
#ziadost .cs-fin-v9-formbox {

    background:#fff !important;
}


#ziadost input:not([type="checkbox"]),
#ziadost select,
#ziadost textarea {

    background:
        #f6f8f9 !important;

    color:
        #152027 !important;

    -webkit-text-fill-color:
        #152027 !important;

    border:
        1px solid
        #d5dde1 !important;

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

    border-radius:
        10px !important;
}


#ziadost input:not([type="checkbox"]):focus,
#ziadost select:focus,
#ziadost textarea:focus {

    background:#fff !important;

    border-color:#2ba9e8 !important;

    box-shadow:
        0 0 0 3px
        rgba(43,169,232,.12) !important;

    outline:none !important;
}


#ziadost input::placeholder,
#ziadost textarea::placeholder {

    color:#7d8d96 !important;
    -webkit-text-fill-color:#7d8d96 !important;

    opacity:1 !important;
}


#ziadost select {

    color:#5c6e77 !important;
    -webkit-text-fill-color:#5c6e77 !important;
}


#ziadost label {

    color:#566a74 !important;
    -webkit-text-fill-color:#566a74 !important;
}


#ziadost
.cs-fin-v9-formbox-head h2,
#ziadost
.cs-fin-v9-formbox-head h2 * {

    color:#101a20 !important;
    -webkit-text-fill-color:#101a20 !important;

    background:none !important;

    opacity:1 !important;
}


#ziadost button[type="submit"] {

    background:
        linear-gradient(
            100deg,
            #159edc,
            #45b8ee
        ) !important;

    color:#071820 !important;
    -webkit-text-fill-color:#071820 !important;

    font-weight:800 !important;
}


/* =========================================================
   FAQ
   ========================================================= */

.cs-fin-v9-faq-grid,
.cs-v105c-faq {

    background:#f1f4f5 !important;
}


.cs-fin-v9-faq-grid h2,
.cs-v105c-faq-intro h2 {

    color:#111b21 !important;
    -webkit-text-fill-color:#111b21 !important;

    background:none !important;

    opacity:1 !important;
}


.cs-fin-v9-faq-grid p,
.cs-v105c-faq-intro p {

    color:#72838c !important;
    -webkit-text-fill-color:#72838c !important;

    opacity:1 !important;
}


.cs-fin-v9-faq-item summary,
.cs-fin-v9-faq-item summary *,
.cs-v105c-faq-item summary,
.cs-v105c-faq-item summary * {

    color:#111b21 !important;
    -webkit-text-fill-color:#111b21 !important;

    opacity:1 !important;
}


.cs-fin-v9-faq-a,
.cs-v105c-faq-item p {

    color:#60747e !important;
    -webkit-text-fill-color:#60747e !important;

    line-height:1.7 !important;

    opacity:1 !important;
}


/* =========================================================
   CTA RESCUE
   ========================================================= */

.cs-fin-v9
a[href="#ziadost"],
.cs-fin-v9
button[type="submit"] {

    opacity:1 !important;
}


.cs-fin-v9
a[href="#ziadost"] *,
.cs-fin-v9
button[type="submit"] * {

    opacity:1 !important;
}


/* =========================================================
   RESPONSIVE
   ========================================================= */

@media(max-width:900px){

    .cs-fin-v106c-hero-callout {

        right:10px;
        top:-18px;

        font-size:14px;
    }


    .cs-fin-v106c-hero-callout::before {

        width:50px;
    }


    .cs-fin-v106c-hero-callout::after {

        right:calc(100% + 56px);
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 4
   
   ========================================================= */
/* ==========================================================
   V10.8 — FINAL DENSITY / DETAIL POLISH
   ========================================================== */

.cs-fin-v9{
    --cs-blue:#27ace3;
    --cs-blue-2:#55c1eb;
    --cs-ink:#071720;
    --cs-dark:#061b25;
    --cs-dark-2:#0a3140;
    --cs-muted:#718694;
    --cs-line:#dce6ea;
}


/* ==========================================================
   GLOBAL DENSITY — NOT CSS ZOOM
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-container{
    max-width:1360px !important;
}

.cs-fin-v9 .cs-fin-v9-section,
.cs-fin-v9 .cs-fin-v9-benefits{
    padding-top:72px !important;
    padding-bottom:72px !important;
}

.cs-fin-v9 .cs-fin-v9-section-head{
    margin-bottom:38px !important;
}

.cs-fin-v9 .cs-fin-v9-section-head h2,
.cs-fin-v9 .cs-fin-v9-title{
    font-size:clamp(42px,4.2vw,62px) !important;
    line-height:.98 !important;
    letter-spacing:-.045em !important;
}

.cs-fin-v9 .cs-fin-v9-eyebrow{
    font-size:13px !important;
    letter-spacing:.16em !important;
}


/* ==========================================================
   HERO — LESS EMPTY, LESS OVERSIZED
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-hero{
    min-height:0 !important;
    padding-top:38px !important;
    padding-bottom:54px !important;
    overflow:hidden !important;
}

.cs-fin-v9 .cs-fin-v9-hero-grid{
    min-height:0 !important;
    align-items:center !important;
    row-gap:8px !important;
}

.cs-fin-v9 .cs-fin-v9-hero-copy{
    padding-top:10px !important;
    padding-bottom:10px !important;
}

.cs-fin-v9 .cs-fin-v9-hero-copy h1{
    font-size:clamp(54px,5vw,76px) !important;
    line-height:.94 !important;
    letter-spacing:-.055em !important;
    max-width:690px !important;
}

.cs-fin-v9 .cs-fin-v9-lead{
    max-width:650px !important;
    font-size:17px !important;
    line-height:1.55 !important;
}

.cs-fin-v9 .cs-fin-v9-car-stage{
    min-height:150px !important;
    height:185px !important;
    margin-top:0 !important;
    margin-bottom:-18px !important;
    overflow:visible !important;
}

.cs-fin-v9 .cs-fin-v9-car-image{
    max-height:215px !important;
    width:auto !important;
    object-fit:contain !important;
    filter:
        drop-shadow(0 18px 18px rgba(0,0,0,.18))
        drop-shadow(0 4px 5px rgba(0,0,0,.12)) !important;
}


/* decorative background instead of that empty/white slab */
.cs-fin-v9 .cs-fin-v9-hero::before{
    background:
        linear-gradient(
            110deg,
            rgba(4,42,58,.45) 0%,
            rgba(4,42,58,.20) 40%,
            rgba(4,42,58,0) 68%
        ) !important;
}


/* ==========================================================
   OCTAVIA DECORATIVE ARROW/CALLOUT:
   NO BLACK BOX / NO HEAVY FRAME
   ========================================================== */

.cs-fin-v9 .cs-v104b-car-note,
.cs-fin-v9 [data-cs-hero-car-note],
.cs-fin-v9 .cs-fin-v9-car-stage .cs-car-note{
    background:transparent !important;
    border:0 !important;
    box-shadow:none !important;
    color:#fff !important;
    padding:0 !important;
    border-radius:0 !important;
    backdrop-filter:none !important;
}


/* ==========================================================
   CALCULATOR — SMALLER + CLEANER
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-calculator{
    border-radius:18px !important;
    padding:24px 28px !important;
    box-shadow:
        0 22px 55px rgba(0,45,70,.14),
        0 1px 0 rgba(255,255,255,.6) inset !important;
}

.cs-fin-v9 .cs-fin-v9-calc-title{
    margin-bottom:20px !important;
}

.cs-fin-v9 .cs-fin-v9-control{
    margin-bottom:22px !important;
}

.cs-fin-v9 input[type="range"].cs-fin-v9-range{
    height:4px !important;
}

.cs-fin-v9 input[type="range"].cs-fin-v9-range::-webkit-slider-runnable-track{
    height:4px !important;
    border-radius:999px !important;
}

.cs-fin-v9 input[type="range"].cs-fin-v9-range::-moz-range-track{
    height:4px !important;
    border-radius:999px !important;
}

.cs-fin-v9 input[type="range"].cs-fin-v9-range::-webkit-slider-thumb{
    width:19px !important;
    height:19px !important;
    margin-top:-7.5px !important;
}

.cs-fin-v9 input[type="range"].cs-fin-v9-range::-moz-range-thumb{
    width:19px !important;
    height:19px !important;
}

.cs-fin-v9 .cs-fin-v9-result{
    margin-top:20px !important;
    padding-top:18px !important;
}

.cs-fin-v9 .cs-fin-v9-monthly{
    position:static !important;
    transform:none !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
    padding:0 !important;
    width:auto !important;
    height:auto !important;
}


/* ==========================================================
   BLUE CTA = WHITE TEXT EVERYWHERE
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-calc-cta,
.cs-fin-v9 .cs-fin-v9-compare-cta,
.cs-fin-v9 .cs-fin-v9-formbox button[type="submit"],
.cs-fin-v9 .cs-fin-v9-formbox input[type="submit"],
.cs-fin-v9 .cs-fin-v9-band a,
.cs-fin-v9 .cs-fin-v9-band button,
.cs-fin-v9 .cs-fin-v9-faq-grid > div:first-child a{
    color:#fff !important;
}

.cs-fin-v9 .cs-fin-v9-calc-cta *,
.cs-fin-v9 .cs-fin-v9-compare-cta *,
.cs-fin-v9 .cs-fin-v9-formbox button[type="submit"] *,
.cs-fin-v9 .cs-fin-v9-band a *,
.cs-fin-v9 .cs-fin-v9-band button *{
    color:#fff !important;
}


/* ==========================================================
   TOP OFFER — SAME CARSELECT-STYLE LEFT RIBBON
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-offer-img{
    position:relative !important;
    overflow:hidden !important;
}

.cs-fin-v9 .cs-fin-v9-offer-card .cs-fin-v9-monthly,
.cs-fin-v9 .cs-fin-v9-offer-card .cs-v105c-month,
.cs-fin-v9 .cs-fin-v9-offer-card .cs-unified-ribbon{
    position:absolute !important;
    left:0 !important;
    bottom:16px !important;
    z-index:8 !important;

    display:inline-flex !important;
    align-items:center !important;

    padding:10px 18px 10px 16px !important;

    background:linear-gradient(90deg,#159ed8,#2bb7ed) !important;
    color:#fff !important;

    font-size:14px !important;
    font-weight:800 !important;
    line-height:1 !important;

    border:0 !important;
    border-radius:0 8px 8px 0 !important;
    box-shadow:0 8px 18px rgba(0,92,135,.18) !important;
}

.cs-fin-v9 .cs-fin-v9-offer-card .cs-unified-ribbon::after{
    content:"" !important;
    position:absolute !important;
    left:0 !important;
    bottom:-6px !important;
    width:0 !important;
    height:0 !important;
    border-top:6px solid #087ba9 !important;
    border-right:6px solid transparent !important;
}

/* hearts gone */
.cs-fin-v9 .cs-fin-v9-offer-card [class*="heart"],
.cs-fin-v9 .cs-fin-v9-offer-card [aria-label*="obľúb"],
.cs-fin-v9 .cs-fin-v9-offer-card [aria-label*="favorite"],
.cs-fin-v9 .cs-fin-v9-offer-card [data-favorite]{
    display:none !important;
}


/* ==========================================================
   TOP OFFER CARDS SMALLER
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-top-cars{
    gap:18px !important;
}

.cs-fin-v9 .cs-fin-v9-offer-card{
    border-radius:14px !important;
    overflow:hidden !important;
}

.cs-fin-v9 .cs-fin-v9-offer-img{
    height:205px !important;
}

.cs-fin-v9 .cs-fin-v9-offer-body{
    padding:18px 18px 20px !important;
}

.cs-fin-v9 .cs-fin-v9-offer-body h3{
    font-size:19px !important;
}

.cs-fin-v9 .cs-fin-v9-offer-meta{
    margin-top:24px !important;
    font-size:12px !important;
}


/* ==========================================================
   PROCESS SECTION
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-process{
    padding-top:72px !important;
    padding-bottom:72px !important;
}

.cs-fin-v9 .cs-fin-v9-process-grid{
    align-items:center !important;
    gap:74px !important;
}

.cs-fin-v9 .cs-fin-v9-step{
    padding:12px 0 !important;
}

.cs-fin-v9 .cs-fin-v9-step h3{
    font-size:23px !important;
    margin-bottom:5px !important;
}

.cs-fin-v9 .cs-fin-v9-step p{
    font-size:13px !important;
    line-height:1.5 !important;
}


/* ==========================================================
   ARTEON BAND — STOP FALLING OFF RIGHT SIDE
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-band{
    min-height:190px !important;
    overflow:hidden !important;
}

.cs-fin-v9 .cs-v105c-band-car{
    position:absolute !important;
    left:auto !important;
    right:24% !important;
    bottom:-7px !important;
    top:auto !important;

    width:330px !important;
    max-width:330px !important;
    height:175px !important;
    max-height:175px !important;

    object-fit:contain !important;
    object-position:center bottom !important;

    transform:none !important;
    opacity:1 !important;

    filter:drop-shadow(0 16px 14px rgba(0,0,0,.16)) !important;
}

.cs-fin-v9 .cs-v105c-band-car img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    object-position:center bottom !important;
}


/* ==========================================================
   "PREČO CEZ CARSELECT" — CLEAN LEFT HALF
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-benefits{
    min-height:0 !important;
}

.cs-fin-v9 .cs-fin-v9-benefits-grid{
    gap:72px !important;
    align-items:center !important;
}

.cs-fin-v9 .cs-fin-v9-benefits-cut,
.cs-fin-v9 .cs-fin-v9-benefit-car{
    transform:none !important;
    clip-path:none !important;
    border:0 !important;
    box-shadow:none !important;
}

.cs-fin-v9 .cs-fin-v9-benefits-cut{
    min-height:470px !important;
    border-radius:36px !important;
    background:
        radial-gradient(
            circle at 42% 52%,
            rgba(39,172,227,.20) 0%,
            rgba(39,172,227,.09) 30%,
            rgba(39,172,227,0) 64%
        ) !important;
}

.cs-fin-v9 .cs-fin-v9-benefit-car{
    background:transparent !important;
    overflow:visible !important;
}

.cs-fin-v9 .cs-fin-v9-benefit-car::before,
.cs-fin-v9 .cs-fin-v9-benefit-car::after,
.cs-fin-v9 .cs-fin-v9-benefits-cut::before,
.cs-fin-v9 .cs-fin-v9-benefits-cut::after{
    display:none !important;
    content:none !important;
}

.cs-fin-v9 .cs-v105c-benefit-car{
    width:88% !important;
    max-width:560px !important;
    height:auto !important;
    object-fit:contain !important;
    transform:none !important;
    filter:drop-shadow(0 24px 22px rgba(0,0,0,.24)) !important;
}

.cs-fin-v9 .cs-fin-v9-benefit-list{
    font-size:15px !important;
}

.cs-fin-v9 .cs-fin-v9-benefit-list button,
.cs-fin-v9 .cs-fin-v9-benefit-list summary{
    min-height:58px !important;
    font-size:15px !important;
    font-weight:750 !important;
}

.cs-fin-v9 .cs-fin-v9-benefit-list p{
    font-size:14px !important;
    line-height:1.6 !important;
    color:#b6c5cc !important;
}


/* ==========================================================
   COMPARISON — NO MORE GIANT BORING TABLE
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-compare{
    display:grid !important;
    gap:8px !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    overflow:visible !important;
}

.cs-fin-v9 .cs-fin-v9-compare-head,
.cs-fin-v9 .cs-fin-v9-compare-row{
    display:grid !important;
    grid-template-columns:1.02fr 1.14fr 1.02fr !important;
    gap:8px !important;

    background:transparent !important;
    border:0 !important;
}

.cs-fin-v9 .cs-fin-v9-compare-head > *,
.cs-fin-v9 .cs-fin-v9-compare-row > *{
    display:flex !important;
    align-items:center !important;

    min-height:54px !important;
    padding:13px 17px !important;

    background:#fff !important;
    border:1px solid #dce6ea !important;
    border-radius:11px !important;

    font-size:14px !important;
    line-height:1.3 !important;

    box-shadow:0 4px 14px rgba(9,37,48,.025) !important;
}

.cs-fin-v9 .cs-fin-v9-compare-head > *:nth-child(2),
.cs-fin-v9 .cs-fin-v9-compare-row > *:nth-child(2){
    background:linear-gradient(135deg,#22a8df,#58c2e9) !important;
    border-color:transparent !important;
    color:#061720 !important;
    font-weight:700 !important;
}

.cs-fin-v9 .cs-fin-v9-compare-head > *:nth-child(3),
.cs-fin-v9 .cs-fin-v9-compare-row > *:nth-child(3){
    color:#718694 !important;
}

.cs-fin-v9 .cs-fin-v9-compare-cta{
    margin-top:24px !important;
}


/* ==========================================================
   FORM — CLEANER, LESS GREY, MORE PREMIUM
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-formbox{
    border-radius:18px !important;
    overflow:hidden !important;
    box-shadow:0 18px 55px rgba(4,32,44,.08) !important;
}

.cs-fin-v9 .cs-fin-v9-form-grid{
    gap:14px !important;
}

.cs-fin-v9 .cs-fin-v9-formbox input,
.cs-fin-v9 .cs-fin-v9-formbox select,
.cs-fin-v9 .cs-fin-v9-formbox textarea{
    min-height:54px !important;

    background:#fff !important;
    color:#0b1b23 !important;

    border:1px solid #d7e2e7 !important;
    border-radius:11px !important;

    box-shadow:
        0 1px 2px rgba(4,32,44,.02),
        0 0 0 0 rgba(39,172,227,0) !important;
}

.cs-fin-v9 .cs-fin-v9-formbox input:focus,
.cs-fin-v9 .cs-fin-v9-formbox select:focus,
.cs-fin-v9 .cs-fin-v9-formbox textarea:focus{
    border-color:#25abe3 !important;
    outline:none !important;
    box-shadow:0 0 0 3px rgba(39,172,227,.11) !important;
}

.cs-fin-v9 .cs-fin-v9-formbox input::placeholder,
.cs-fin-v9 .cs-fin-v9-formbox textarea::placeholder{
    color:#82939d !important;
}


/* ==========================================================
   FAQ COMPACT
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-faq-grid{
    padding-top:68px !important;
    padding-bottom:68px !important;
    gap:70px !important;
}

.cs-fin-v9 .cs-fin-v9-faq-item{
    border-color:#ccd9de !important;
}

.cs-fin-v9 .cs-fin-v9-faq-q{
    min-height:66px !important;
    padding:18px 0 !important;
}


/* ==========================================================
   SUBTLE SECTION TRANSITIONS
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-light{
    background:
        linear-gradient(
            180deg,
            #f3f6f7 0%,
            #f3f6f7 86%,
            #eef3f5 100%
        ) !important;
}

.cs-fin-v9 .cs-fin-v9-white{
    background:
        linear-gradient(
            180deg,
            #ffffff 0%,
            #ffffff 88%,
            #fafcfc 100%
        ) !important;
}


/* remove any weird extra black spacer before footer */
.cs-fin-v9{
    margin-bottom:0 !important;
    padding-bottom:0 !important;
}


/* ==========================================================
   RESPONSIVE
   ========================================================== */

@media (max-width:1100px){
    .cs-fin-v9 .cs-v105c-band-car{
        right:18% !important;
        width:270px !important;
    }
}

@media (max-width:767px){
    .cs-fin-v9 .cs-fin-v9-section,
    .cs-fin-v9 .cs-fin-v9-benefits{
        padding-top:48px !important;
        padding-bottom:48px !important;
    }

    .cs-fin-v9 .cs-fin-v9-hero{
        padding-top:24px !important;
    }

    .cs-fin-v9 .cs-fin-v9-hero-copy h1{
        font-size:46px !important;
    }

    .cs-fin-v9 .cs-fin-v9-car-stage{
        height:150px !important;
    }

    .cs-fin-v9 .cs-fin-v9-compare-head,
    .cs-fin-v9 .cs-fin-v9-compare-row{
        grid-template-columns:1fr !important;
    }

    .cs-fin-v9 .cs-v105c-band-car{
        opacity:.30 !important;
        right:-70px !important;
        width:260px !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 5
   
   ========================================================= */
/* ----------------------------------------------------------
   FORM PHONE HELPER
---------------------------------------------------------- */
.cs-fin-v109-phone-help{
    display:block;
    width:100%;
    margin:-5px 0 2px;
    padding-left:4px;
    font-size:11px;
    line-height:1.35;
    font-weight:600;
    color:#788996;
}

.cs-v105c-form-grid .cs-fin-v109-phone-help{
    grid-column:auto;
}

/* ----------------------------------------------------------
   INLINE SUCCESS
---------------------------------------------------------- */
.cs-fin-v109-success{
    display:flex;
    align-items:flex-start;
    gap:14px;

    margin:0 0 22px;
    padding:17px 19px;

    border:1px solid rgba(51,173,250,.28);
    border-radius:15px;

    background:
        linear-gradient(
            135deg,
            rgba(51,173,250,.10),
            rgba(51,173,250,.035)
        );

    color:#080F15;

    box-shadow:
        0 14px 38px rgba(8,15,21,.06);
}

.cs-fin-v109-success[hidden]{
    display:none !important;
}

.cs-fin-v109-success-check{
    display:grid;
    place-items:center;

    flex:0 0 34px;
    width:34px;
    height:34px;

    border-radius:50%;

    background:#33ADFA;
    color:#fff;

    font-size:19px;
    font-weight:900;
}

.cs-fin-v109-success strong{
    display:block;
    margin:1px 0 4px;

    color:#080F15;
    font-size:15px;
    line-height:1.3;
    font-weight:850;
}

.cs-fin-v109-success p{
    margin:0;

    color:#637681;
    font-size:13px;
    line-height:1.5;
}

/* button loading */
#cs-fin-v109-form .cs-v105c-submit[disabled]{
    opacity:.66;
    cursor:wait;
}

/* ----------------------------------------------------------
   MONTHLY PAYMENT BOX
---------------------------------------------------------- */
.cs-fin-v9-result{
    border-top:1px solid #DDE6EA !important;
}

.cs-fin-v9-monthly{
    padding:8px 13px 7px !important;

    border:1px solid rgba(51,173,250,.32) !important;
    border-radius:12px !important;

    background:
        linear-gradient(
            135deg,
            rgba(51,173,250,.09),
            rgba(51,173,250,.025)
        ) !important;

    box-shadow:
        0 10px 26px rgba(51,173,250,.08) !important;
}

/* dark Carselect headline instead of Autorro-like burgundy */
.cs-fin-v9-calc-title,
.cs-fin-v9-calculator h2,
.cs-fin-v9-calculator h3{
    color:#080F15 !important;
}

/* CTA blue buttons = WHITE text */
.cs-fin-v9 a[class*="cta"],
.cs-fin-v9 button[class*="cta"],
.cs-fin-v9 .cs-fin-v9-calc-cta,
.cs-fin-v9 .cs-v105c-submit{
    color:#fff !important;
}

.cs-fin-v9 .cs-fin-v9-calc-cta *,
.cs-fin-v9 .cs-v105c-submit *{
    color:inherit !important;
}

@media(max-width:767px){
    .cs-fin-v109-success{
        padding:15px;
        border-radius:13px;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 6
   id="cs-fin-v111a-visual"
   ========================================================= */
/* CS_FINANCE_V111A_VISUAL */


/* ----------------------------------------------------------
   BLUE CTA = WHITE TEXT
---------------------------------------------------------- */

.cs-fin-v9 .cs-fin-v9-calc-cta,
.cs-fin-v9 .cs-v105c-band-cta,
.cs-fin-v9 .cs-v105c-submit,
.cs-fin-v9 a[class*="blue-cta"],
.cs-fin-v9 button[class*="blue-cta"]{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

.cs-fin-v9 .cs-fin-v9-calc-cta *,
.cs-fin-v9 .cs-v105c-band-cta *,
.cs-fin-v9 .cs-v105c-submit *,
.cs-fin-v9 a[class*="blue-cta"] *,
.cs-fin-v9 button[class*="blue-cta"] *{
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}


/* ----------------------------------------------------------
   OCTAVIA HERO — BACK DOWN
---------------------------------------------------------- */

.cs-fin-v9-hero .cs-v104b-octavia{
    position:absolute !important;

    left:50% !important;
    right:auto !important;

    top:auto !important;
    bottom:-14px !important;

    width:500px !important;
    height:295px !important;

    transform:translateX(-50%) !important;

    z-index:3 !important;
    pointer-events:none !important;
}


.cs-fin-v9-hero .cs-v104b-octavia-img{
    position:absolute !important;

    left:50% !important;
    bottom:0 !important;

    width:470px !important;
    max-width:470px !important;
    height:auto !important;

    transform:translateX(-50%) !important;

    object-fit:contain !important;

    filter:
        drop-shadow(
            0 22px 22px
            rgba(0,38,58,.22)
        ) !important;
}


/* Original arrow + clean text, no box */

.cs-fin-v9-hero .cs-v104b-note{
    position:absolute !important;

    left:63% !important;
    top:14px !important;

    display:flex !important;
    align-items:flex-start !important;
    gap:4px !important;

    padding:0 !important;

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

    backdrop-filter:none !important;

    transform:none !important;

    z-index:8 !important;
}


.cs-fin-v9-hero .cs-v104b-note span{
    padding:0 !important;

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

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-size:14px !important;
    font-weight:700 !important;
    font-style:italic !important;

    white-space:nowrap !important;

    text-shadow:
        0 3px 9px
        rgba(0,0,0,.18) !important;
}


.cs-fin-v9-hero .cs-v104b-note svg{
    display:block !important;

    width:82px !important;
    height:58px !important;

    margin-top:3px !important;

    color:#fff !important;

    opacity:.95 !important;
}


.cs-fin-v9-hero .cs-v104b-floor{
    display:none !important;
}


/* ----------------------------------------------------------
   TRUE LEFT CORNER RIBBON FEEL
---------------------------------------------------------- */

.cs-v105c-photo{
    position:relative !important;
    overflow:hidden !important;
}


.cs-v105c-photo .cs-home-ribbon-v111{
    position:absolute !important;

    left:0 !important;
    right:auto !important;

    top:14px !important;
    bottom:auto !important;

    z-index:15 !important;

    display:inline-flex !important;
    align-items:center !important;

    width:auto !important;

    padding:
        10px
        20px
        10px
        15px !important;

    border:0 !important;

    border-radius:
        0
        5px
        5px
        0 !important;

    background:
        linear-gradient(
            100deg,
            #149EDF,
            #34B7ED
        ) !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-size:13px !important;
    font-weight:850 !important;

    line-height:1 !important;

    white-space:nowrap !important;

    box-shadow:
        0 7px 18px
        rgba(10,120,172,.24) !important;

    clip-path:
        polygon(
            0 0,
            calc(100% - 10px) 0,
            100% 50%,
            calc(100% - 10px) 100%,
            0 100%
        ) !important;
}


.cs-v105c-heart{
    display:none !important;
}


/* ----------------------------------------------------------
   ARTEON
---------------------------------------------------------- */

.cs-v105c-band{
    overflow:hidden !important;
}


.cs-v105c-band-car{
    position:relative !important;

    min-width:390px !important;
    min-height:185px !important;

    overflow:visible !important;
}


.cs-v105c-band-car > img{
    position:absolute !important;

    left:0 !important;
    top:50% !important;

    width:250px !important;
    height:155px !important;

    max-width:250px !important;

    object-fit:contain !important;

    transform:
        translateY(-50%) !important;

    filter:
        drop-shadow(
            0 22px 20px
            rgba(0,44,66,.20)
        ) !important;
}


.cs-v111-band-example{
    position:absolute !important;

    right:0 !important;
    top:50% !important;

    width:150px !important;

    padding:13px 14px !important;

    transform:
        translateY(-50%) !important;

    border:
        1px solid
        rgba(255,255,255,.34) !important;

    border-radius:13px !important;

    background:
        rgba(255,255,255,.13) !important;

    backdrop-filter:blur(8px) !important;

    color:#fff !important;
}


.cs-v111-band-example small{
    display:block !important;

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

    font-size:8px !important;
    font-weight:800 !important;

    letter-spacing:.08em !important;
}


.cs-v111-band-example strong{
    display:block !important;

    margin-top:5px !important;

    color:#fff !important;

    font-size:19px !important;
    font-weight:850 !important;
}


.cs-v111-band-example span{
    display:block !important;

    margin-top:5px !important;

    color:
        rgba(255,255,255,.74) !important;

    font-size:9px !important;
}


.cs-v111-band-example b{
    display:block !important;

    margin-top:8px !important;

    color:#fff !important;

    font-size:13px !important;
}


/* ----------------------------------------------------------
   RS6 AREA
---------------------------------------------------------- */

.cs-v105c-benefit-outline{
    display:none !important;
}


.cs-v105c-benefit-car{
    position:relative !important;

    min-height:550px !important;

    overflow:visible !important;
}


.cs-v105c-benefit-car > img{
    width:90% !important;
    max-width:535px !important;
    height:auto !important;

    object-fit:contain !important;

    transform:
        translateY(-46px) !important;

    filter:
        drop-shadow(
            0 28px 28px
            rgba(0,0,0,.34)
        ) !important;
}


.cs-v111-benefit-chips{
    position:absolute !important;

    left:3% !important;
    right:3% !important;
    bottom:18px !important;

    display:grid !important;

    grid-template-columns:
        repeat(
            3,
            minmax(0,1fr)
        ) !important;

    gap:8px !important;
}


.cs-v111-benefit-chips > div{
    padding:11px 12px !important;

    border:
        1px solid
        rgba(255,255,255,.11) !important;

    border-radius:12px !important;

    background:
        rgba(255,255,255,.045) !important;

    backdrop-filter:
        blur(7px) !important;
}


.cs-v111-benefit-chips strong{
    display:block !important;

    color:#fff !important;

    font-size:10px !important;
    line-height:1.3 !important;
    font-weight:800 !important;
}


.cs-v111-benefit-chips span{
    display:block !important;

    margin-top:5px !important;

    color:#93A8B2 !important;

    font-size:8.5px !important;
    line-height:1.4 !important;
}


/* ----------------------------------------------------------
   RESPONSIVE
---------------------------------------------------------- */

@media(max-width:900px){

    .cs-fin-v9-hero .cs-v104b-note{
        display:none !important;
    }

    .cs-fin-v9-hero .cs-v104b-octavia{
        position:relative !important;

        left:50% !important;
        bottom:auto !important;

        width:380px !important;
        height:215px !important;

        margin-top:-35px !important;
        margin-bottom:-30px !important;
    }

    .cs-v105c-band-car{
        min-width:0 !important;
        min-height:245px !important;
    }

    .cs-v105c-band-car > img{
        left:50% !important;
        top:10px !important;

        width:230px !important;
        height:140px !important;

        transform:
            translateX(-50%) !important;
    }

    .cs-v111-band-example{
        left:50% !important;
        right:auto !important;

        top:auto !important;
        bottom:4px !important;

        width:210px !important;

        transform:
            translateX(-50%) !important;

        text-align:center !important;
    }

    .cs-v105c-benefit-car{
        min-height:500px !important;
    }

    .cs-v111-benefit-chips{
        grid-template-columns:1fr !important;

        left:8% !important;
        right:8% !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 7
   id="cs-fin-v113a-final"
   ========================================================= */
/* ==========================================================
   FORM — LESS "SYSTEM"
   ========================================================== */

.cs-fin-v9-formbox input,
.cs-fin-v9-formbox select,
.cs-fin-v9-formbox textarea{

    min-height:54px !important;

    padding:
        0 16px !important;

    border:
        1px solid
        #d5e0e5 !important;

    border-radius:
        12px !important;

    background:
        #f8fafb !important;

    color:
        #071820 !important;

    font-family:
        inherit !important;

    font-size:
        14px !important;

    box-shadow:
        none !important;

    outline:
        none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease !important;
}


.cs-fin-v9-formbox input:focus,
.cs-fin-v9-formbox select:focus,
.cs-fin-v9-formbox textarea:focus{

    background:
        #fff !important;

    border-color:
        #29abe6 !important;

    box-shadow:
        0 0 0 3px
        rgba(41,171,230,.10) !important;
}


/* kill NUMBER browser arrows */
.cs-fin-v9-formbox
input[type="number"]{

    appearance:
        textfield !important;

    -moz-appearance:
        textfield !important;
}


.cs-fin-v9-formbox
input[type="number"]::-webkit-inner-spin-button,
.cs-fin-v9-formbox
input[type="number"]::-webkit-outer-spin-button{

    -webkit-appearance:
        none !important;

    margin:
        0 !important;
}


/* kill native SELECT arrows */
.cs-fin-v9-formbox select{

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    -moz-appearance:
        none !important;

    background-image:
        none !important;
}


/* remove submit arrow */
.cs-fin-v9-formbox
.cs-v105c-submit > span{

    display:
        none !important;
}


/* ==========================================================
   PHONE
   ========================================================== */

.cs-v113a-phone{

    display:
        grid !important;

    grid-template-columns:
        135px minmax(0,1fr) !important;

    gap:
        10px !important;

    min-width:
        0 !important;
}


.cs-v113a-phone select,
.cs-v113a-phone input{

    width:
        100% !important;

    min-width:
        0 !important;
}


/* ==========================================================
   MOBILE HERO — OCTAVIA COMPLETELY REMOVED
   ========================================================== */

@media(max-width:900px){

    .cs-fin-v9-hero
    .cs-v104b-octavia,

    .cs-fin-v9-hero
    .cs-v104b-octavia-img,

    .cs-fin-v9-hero
    .cs-v104b-note,

    .cs-fin-v9-hero
    .cs-fin-v106c-hero-callout,

    .cs-fin-v9-hero
    .cs-v112-hero-note{

        display:
            none !important;
    }


    .cs-fin-v9-hero
    .cs-fin-v9-car-stage{

        display:
            none !important;

        height:
            0 !important;

        min-height:
            0 !important;

        margin:
            0 !important;

        padding:
            0 !important;
    }


    .cs-fin-v9-hero
    .cs-fin-v9-car-stage::before,

    .cs-fin-v9-hero
    .cs-fin-v9-car-stage::after{

        display:
            none !important;

        content:
            none !important;
    }

}


/* ==========================================================
   DESKTOP OCTAVIA
   LOWER / LEFT / NO BOX
   ========================================================== */

@media(min-width:901px){

    .cs-fin-v9-hero
    .cs-v104b-note,

    .cs-fin-v9-hero
    .cs-fin-v106c-hero-callout,

    .cs-fin-v9-hero
    .cs-v112-hero-note{

        display:
            none !important;
    }


    .cs-fin-v9-hero
    .cs-v104b-octavia{

        position:
            absolute !important;

        left:
            40% !important;

        right:
            auto !important;

        top:
            auto !important;

        bottom:
            -25px !important;

        width:
            430px !important;

        height:
            270px !important;

        transform:
            translateX(-50%) !important;

        overflow:
            visible !important;

        z-index:
            4 !important;

        pointer-events:
            none !important;
    }


    .cs-fin-v9-hero
    .cs-v104b-octavia-img{

        width:
            420px !important;

        max-width:
            420px !important;

        height:
            auto !important;

        object-fit:
            contain !important;

        filter:
            drop-shadow(
                0 22px 20px
                rgba(0,43,65,.20)
            ) !important;
    }


    .cs-fin-v9-hero
    .cs-v104b-octavia::after{

        content:
            "Škoda Octavia RS  ↘";

        position:
            absolute;

        right:
            -2px;

        top:
            10px;

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

        font-size:
            14px;

        line-height:
            1;

        font-weight:
            600;

        font-style:
            italic;

        letter-spacing:
            -.02em;

        text-shadow:
            0 3px 13px
            rgba(0,0,0,.18);

        transform:
            rotate(-4deg);

        white-space:
            nowrap;
    }


    .cs-fin-v9-car-stage::before,
    .cs-fin-v9-car-stage::after{

        display:
            none !important;

        content:
            none !important;
    }

}


/* ==========================================================
   RIBBON
   ========================================================== */

.cs-v105c-photo{

    position:
        relative !important;
}


.cs-v105c-month,
.cs-v113a-home-ribbon{

    position:
        absolute !important;

    left:
        0 !important;

    right:
        auto !important;

    top:
        14px !important;

    bottom:
        auto !important;

    z-index:
        9 !important;

    min-width:
        auto !important;

    padding:
        10px 22px 10px 16px !important;

    border:
        0 !important;

    border-radius:
        0 7px 7px 0 !important;

    background:
        linear-gradient(
            90deg,
            #159fdd,
            #2fb4ea
        ) !important;

    clip-path:
        polygon(
            0 0,
            calc(100% - 9px) 0,
            100% 50%,
            calc(100% - 9px) 100%,
            0 100%
        ) !important;

    color:
        #fff !important;

    -webkit-text-fill-color:
        #fff !important;

    font-weight:
        800 !important;

    font-size:
        13px !important;

    box-shadow:
        0 7px 17px
        rgba(7,108,157,.22) !important;
}


/* ==========================================================
   CTA
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-calc-cta,
.cs-fin-v9 .cs-v105c-blue-cta,
.cs-fin-v9 .cs-v105c-submit{

    color:
        #fff !important;

    -webkit-text-fill-color:
        #fff !important;
}


.cs-fin-v9 .cs-fin-v9-calc-cta *,
.cs-fin-v9 .cs-v105c-blue-cta *,
.cs-fin-v9 .cs-v105c-submit *{

    color:
        #fff !important;

    -webkit-text-fill-color:
        #fff !important;
}


/* ==========================================================
   COMPARISON — SHORT + SHADOW
   ========================================================== */

.cs-v108-compare-shell,
.cs-fin-v9-compare{

    max-width:
        1080px !important;

    margin-left:
        auto !important;

    margin-right:
        auto !important;

    border:
        0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    overflow:
        visible !important;
}


.cs-v108-compare-row,
.cs-fin-v9-compare-row{

    display:
        grid !important;

    grid-template-columns:
        .9fr 1.08fr 1fr !important;

    gap:
        8px !important;

    margin-bottom:
        7px !important;

    border:
        0 !important;

    background:
        transparent !important;
}


.cs-v108-compare-row > *,
.cs-fin-v9-compare-row > *{

    min-height:
        48px !important;

    padding:
        11px 15px !important;

    display:
        flex !important;

    align-items:
        center !important;

    border:
        1px solid
        rgba(9,43,58,.09) !important;

    border-radius:
        11px !important;

    background:
        #fff !important;

    box-shadow:
        0 5px 18px
        rgba(8,36,49,.055) !important;

    font-size:
        14px !important;
}


.cs-v108-compare-row > *:nth-child(2),
.cs-fin-v9-compare-row > *:nth-child(2){

    background:
        linear-gradient(
            135deg,
            #24a9e0,
            #4abce8
        ) !important;

    border-color:
        transparent !important;

    color:
        #061820 !important;

    box-shadow:
        0 8px 20px
        rgba(30,165,220,.14) !important;
}


/* ==========================================================
   GLE
   ========================================================== */

.cs-v105c-process-shape{

    position:
        relative !important;
}


.cs-v105c-process-shape::after{

    content:
        "Online žiadosť  ·  individuálne posúdenie  ·  podpis podľa dohody";

    position:
        absolute;

    left:
        10%;

    bottom:
        7%;

    padding:
        9px 13px;

    border:
        1px solid
        rgba(7,88,124,.13);

    border-radius:
        10px;

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

    color:
        #315563;

    font-size:
        10.5px;

    font-weight:
        650;

    box-shadow:
        0 7px 18px
        rgba(7,62,83,.06);

    backdrop-filter:
        blur(8px);
}


/* ==========================================================
   RS6
   ========================================================== */

.cs-v105c-benefit-glow{

    display:
        none !important;
}


.cs-v105c-benefit-car{

    position:
        relative !important;

    background:
        #061b24 !important;

    overflow:
        hidden !important;
}


.cs-v105c-benefit-car::before{

    content:
        "";

    position:
        absolute;

    width:
        67%;

    height:
        51%;

    left:
        12%;

    top:
        17%;

    border:
        1px solid
        rgba(46,179,230,.24);

    border-radius:
        48% 52% 42% 58%
        /
        56% 43% 57% 44%;

    transform:
        rotate(-7deg);

    z-index:
        0;
}


.cs-v105c-benefit-car img{

    position:
        relative !important;

    z-index:
        3 !important;

    transform:
        none !important;
}


/* ==========================================================
   INLINE FORM STATUS
   ========================================================== */

.cs-v113a-status{

    display:
        flex;

    align-items:
        center;

    gap:
        12px;

    margin:
        0 0 18px;

    padding:
        14px 16px;

    border:
        1px solid
        rgba(39,172,227,.25);

    border-radius:
        12px;

    background:
        rgba(39,172,227,.07);

    color:
        #071820;

    font-size:
        13px;
}


.cs-v113a-status[hidden]{

    display:
        none !important;
}


.cs-v113a-status strong{

    color:
        #071820;
}


.cs-v113a-status i{

    display:
        grid;

    place-items:
        center;

    width:
        30px;

    height:
        30px;

    flex:
        0 0 30px;

    border-radius:
        50%;

    background:
        #29abe6;

    color:
        #fff;

    font-style:
        normal;

    font-weight:
        900;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media(max-width:900px){

    .cs-v113a-phone{

        grid-template-columns:
            122px
            minmax(0,1fr) !important;
    }


    .cs-v105c-process-shape::after{

        display:
            none;
    }


    .cs-v108-compare-row,
    .cs-fin-v9-compare-row{

        grid-template-columns:
            1fr !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 8
   id="cs-fin-v113b-final"
   ========================================================= */
/* =========================================================
   1. HERO OCTAVIA
   smaller, further left, clean label
========================================================= */

@media(min-width:901px){

    .cs-fin-v9-hero .cs-v104b-octavia{
        left:36.5% !important;
        right:auto !important;

        top:auto !important;
        bottom:-13px !important;

        width:390px !important;
        height:255px !important;

        transform:
            translateX(-50%) !important;

        overflow:visible !important;
    }


    .cs-fin-v9-hero
    .cs-v104b-octavia-img{

        width:375px !important;
        max-width:375px !important;

        height:auto !important;

        left:50% !important;
        right:auto !important;

        bottom:0 !important;

        transform:
            translateX(-50%) !important;

        object-fit:contain !important;

        filter:
            drop-shadow(
                0 21px 19px
                rgba(0,42,64,.20)
            ) !important;
    }


    /* kill every older Octavia callout */
    .cs-fin-v9-hero
    .cs-v104b-note,

    .cs-fin-v9-hero
    .cs-fin-v106c-hero-callout,

    .cs-fin-v9-hero
    .cs-v112-hero-note{

        display:none !important;
    }


    /* clean handwritten-like name */
    .cs-fin-v9-hero
    .cs-v104b-octavia::after{

        content:"Škoda Octavia RS";

        position:absolute;

        left:auto !important;
        right:55px !important;

        top:9px !important;
        bottom:auto !important;

        z-index:10;

        padding:0 !important;

        border:0 !important;
        border-radius:0 !important;

        background:transparent !important;

        color:
            rgba(255,255,255,.96) !important;

        -webkit-text-fill-color:
            rgba(255,255,255,.96) !important;

        font-size:13px !important;
        font-weight:600 !important;
        font-style:italic !important;

        line-height:1 !important;

        white-space:nowrap;

        letter-spacing:-.02em;

        transform:
            rotate(-4deg) !important;

        box-shadow:none !important;

        text-shadow:
            0 3px 12px
            rgba(0,0,0,.17);
    }


    /* small arrow separated from text */
    .cs-fin-v9-hero
    .cs-v104b-octavia::before{

        content:"↘" !important;

        position:absolute !important;

        left:auto !important;
        right:29px !important;

        top:15px !important;
        bottom:auto !important;

        width:auto !important;
        height:auto !important;

        border:0 !important;

        background:none !important;

        color:
            rgba(255,255,255,.92) !important;

        font-size:19px !important;
        font-weight:400 !important;

        transform:
            rotate(6deg) !important;

        z-index:10 !important;
    }

}


/* mobile: no Octavia at all */
@media(max-width:900px){

    .cs-fin-v9-hero
    .cs-v104b-octavia,

    .cs-fin-v9-hero
    .cs-v104b-octavia-img,

    .cs-fin-v9-hero
    .cs-v104b-note,

    .cs-fin-v9-hero
    .cs-fin-v9-car-stage{

        display:none !important;
    }

}


/* =========================================================
   2. MERCEDES / PROCESS
   restore the blue design element
========================================================= */

.cs-fin-v9-process-shape,
.cs-v105c-process-shape{

    position:relative !important;

    isolation:isolate !important;

    overflow:visible !important;
}


/* solid blue shape — NO gradient */
.cs-fin-v9-process-shape::before,
.cs-v105c-process-shape::before{

    content:"" !important;

    position:absolute !important;

    left:-5% !important;
    top:10% !important;

    width:91% !important;
    height:78% !important;

    background:
        #21A9E0 !important;

    border-radius:
        38px 92px 48px 34px !important;

    transform:
        rotate(-6deg) !important;

    box-shadow:
        0 20px 48px
        rgba(13,128,176,.12) !important;

    z-index:0 !important;
}


/* text directly on the blue shape */
.cs-fin-v9-process-shape::after,
.cs-v105c-process-shape::after{

    content:
        "Online žiadosť  ·  individuálne posúdenie  ·  podpis podľa dohody" !important;

    position:absolute !important;

    left:10% !important;
    top:17% !important;

    right:auto !important;
    bottom:auto !important;

    max-width:255px !important;

    padding:0 !important;

    border:0 !important;

    border-radius:0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;

    backdrop-filter:
        none !important;

    color:
        rgba(255,255,255,.92) !important;

    font-size:
        11px !important;

    line-height:
        1.45 !important;

    font-weight:
        650 !important;

    transform:
        rotate(-6deg) !important;

    z-index:
        3 !important;
}


.cs-fin-v9-process-car,
.cs-v105c-process-car{

    position:relative !important;

    z-index:2 !important;
}


/* =========================================================
   3. ARTEON EXAMPLE
========================================================= */

.cs-v113a-arteon{

    left:59.5% !important;
    right:auto !important;

    top:50% !important;

    width:168px !important;

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


/* =========================================================
   4. NO DUPLICATE SUCCESS BOX
========================================================= */

.cs-v113a-status{

    display:none !important;
}


/* =========================================================
   5. FORM — REMOVE SYSTEM ARROWS FOR REAL
========================================================= */

#cs-fin-v109-form
input[type="number"]{

    appearance:
        textfield !important;

    -webkit-appearance:
        none !important;

    -moz-appearance:
        textfield !important;
}


#cs-fin-v109-form
input[type="number"]::-webkit-inner-spin-button,

#cs-fin-v109-form
input[type="number"]::-webkit-outer-spin-button{

    -webkit-appearance:
        none !important;

    appearance:
        none !important;

    margin:0 !important;
}


#cs-fin-v109-form select{

    appearance:
        none !important;

    -webkit-appearance:
        none !important;

    -moz-appearance:
        none !important;

    background-image:
        none !important;
}


/* submit arrow */
#cs-fin-v109-form
.cs-v105c-submit > span{

    display:none !important;
}


/* =========================================================
   MOBILE ARROWS TOO
========================================================= */

@media(max-width:900px){

    #cs-fin-v109-form select{

        appearance:none !important;
        -webkit-appearance:none !important;

        background-image:none !important;
    }


    #cs-fin-v109-form
    input[type="number"]::-webkit-inner-spin-button,

    #cs-fin-v109-form
    input[type="number"]::-webkit-outer-spin-button{

        display:none !important;

        -webkit-appearance:none !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 9
   id="cs-finance-v114-cleanup"
   ========================================================= */
/* ==========================================================
   ARTEON — softer integration into blue band
   ========================================================== */

img[src*="arteon-rline-v10.webp"]{
    opacity:.80 !important;
}


/* ==========================================================
   HERO OCTAVIA LABEL / ARROW
   move it back over the car instead of floating right
   ========================================================== */

.cs-fin-v9-hero .cs-v104b-note{
    left:52% !important;
    top:-16px !important;

    gap:2px !important;

    align-items:flex-start !important;

    transform:none !important;
}

.cs-fin-v9-hero .cs-v104b-note span{
    font-size:13px !important;
    line-height:1.1 !important;

    white-space:nowrap !important;
}

.cs-fin-v9-hero .cs-v104b-note svg{
    width:74px !important;
    height:52px !important;

    margin-top:1px !important;

    transform:
        rotate(-2deg) !important;
}


/* phone stays clean */

@media (max-width:767px){

    .cs-fin-v9-hero .cs-v104b-note{
        display:none !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 10
   id="cs-finance-v115-art-polish"
   ========================================================= */
@media (min-width:900px){

    /* ======================================================
       SUPRA — premium example-payment treatment
       ====================================================== */

    .cs-v115-supra-card{
        border:
            1px solid rgba(11,37,49,.08) !important;

        border-radius:
            20px !important;

        box-shadow:
            0 24px 60px rgba(5,26,36,.13) !important;

        overflow:
            hidden !important;
    }


    .cs-v115-supra-payment{
        position:
            relative !important;

        margin-top:
            18px !important;

        padding:
            16px 18px 14px !important;

        background:
            linear-gradient(
                135deg,
                rgba(37,174,229,.10),
                rgba(37,174,229,.035)
            ) !important;

        border:
            1px solid rgba(37,174,229,.18) !important;

        border-radius:
            15px !important;
    }


    .cs-v115-supra-example{
        display:
            block !important;

        margin-bottom:
            7px !important;

        color:
            #61747d !important;

        font-size:
            9px !important;

        line-height:
            1 !important;

        font-weight:
            800 !important;

        letter-spacing:
            .11em !important;

        text-transform:
            uppercase !important;
    }


    .cs-v115-supra-amount{
        color:
            #20a9e0 !important;

        -webkit-text-fill-color:
            #20a9e0 !important;

        text-shadow:
            none !important;
    }


    /* ======================================================
       GLE — designed visual stage instead of floating car
       ====================================================== */

    .cs-v115-gle-section{
        position:
            relative !important;

        isolation:
            isolate !important;

        overflow:
            hidden !important;
    }


    .cs-v115-gle-section
    > *:not(.cs-v115-gle-backdrop){
        position:
            relative;

        z-index:
            2;
    }


    .cs-v115-gle-backdrop{
        position:
            absolute;

        z-index:
            0;

        left:
            5.5%;

        top:
            25%;

        width:
            42%;

        height:
            57%;

        border-radius:
            38px;

        background:
            linear-gradient(
                140deg,
                #062532 0%,
                #0b526d 58%,
                #22aee4 145%
            );

        box-shadow:
            0 34px 80px rgba(4,39,53,.16);

        overflow:
            hidden;

        pointer-events:
            none;
    }


    .cs-v115-gle-backdrop::before{
        content:"";

        position:
            absolute;

        width:
            430px;

        height:
            430px;

        right:
            -160px;

        top:
            -190px;

        border-radius:
            50%;

        background:
            radial-gradient(
                circle,
                rgba(54,190,238,.30) 0%,
                rgba(54,190,238,0) 68%
            );
    }


    .cs-v115-gle-backdrop::after{
        content:"";

        position:
            absolute;

        inset:
            18px;

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

        border-radius:
            27px;
    }


    .cs-v115-gle-section
    img[src*="gle63-matte-black-v10.webp"]{
        position:
            relative !important;

        z-index:
            3 !important;

        filter:
            drop-shadow(
                0 28px 26px
                rgba(3,25,35,.28)
            ) !important;
    }


    /* existing / generated process message */

    .cs-v115-gle-note{
        position:
            absolute !important;

        z-index:
            5 !important;

        left:
            18% !important;

        top:
            27% !important;

        width:
            auto !important;

        max-width:
            225px !important;

        padding:
            11px 14px !important;

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

        border-radius:
            13px !important;

        background:
            rgba(4,35,48,.72) !important;

        box-shadow:
            0 18px 36px rgba(0,27,39,.18) !important;

        backdrop-filter:
            blur(10px) !important;

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

        color:
            #fff !important;

        -webkit-text-fill-color:
            #fff !important;

        font-size:
            10px !important;

        line-height:
            1.45 !important;

        font-weight:
            700 !important;

        letter-spacing:
            .02em !important;

        text-align:
            left !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 11
   id="cs-finance-v116-refinement"
   ========================================================= */
@media (min-width:900px){

    /* =====================================================
       SUPRA — payment message fades naturally away
       ===================================================== */

    .cs-v115-supra-payment{
        position:relative !important;

        padding:
            14px 42px 14px 16px !important;

        border:0 !important;

        border-radius:
            14px 4px 4px 14px !important;

        background:
            linear-gradient(
                90deg,
                rgba(34,174,229,.18) 0%,
                rgba(34,174,229,.105) 55%,
                rgba(34,174,229,.035) 78%,
                rgba(34,174,229,0) 100%
            ) !important;

        box-shadow:
            none !important;
    }


    .cs-v115-supra-payment::after{
        content:"";

        position:absolute;

        left:8%;

        top:55%;

        width:76%;

        height:55%;

        z-index:-1;

        background:
            rgba(36,174,228,.15);

        filter:
            blur(22px);

        opacity:.65;

        pointer-events:none;
    }


    /* =====================================================
       GLE — kill old boxy treatment
       ===================================================== */

    .cs-v115-gle-backdrop{
        left:4% !important;
        top:34% !important;

        width:47% !important;
        height:45% !important;

        border-radius:
            50% !important;

        background:
            radial-gradient(
                ellipse at 48% 55%,
                rgba(31,171,223,.28) 0%,
                rgba(15,102,133,.18) 34%,
                rgba(5,55,75,.09) 58%,
                rgba(5,55,75,0) 78%
            ) !important;

        box-shadow:
            none !important;

        filter:
            blur(3px);

        overflow:
            visible !important;
    }


    .cs-v115-gle-backdrop::before{
        width:115% !important;
        height:115% !important;

        left:-8% !important;
        top:-5% !important;

        background:
            radial-gradient(
                ellipse,
                rgba(35,181,231,.17) 0%,
                rgba(35,181,231,0) 68%
            ) !important;
    }


    .cs-v115-gle-backdrop::after{
        display:none !important;
    }


    /* old ugly / duplicated message */
    .cs-v115-gle-note{
        display:none !important;
    }


    /* =====================================================
       NEW GLE MESSAGE — BEHIND THE CAR
       ===================================================== */

    .cs-v116-gle-message{
        position:absolute !important;

        left:8.5% !important;
        top:39% !important;

        z-index:2 !important;

        width:330px !important;

        box-sizing:border-box !important;

        padding:
            13px 85px 13px 17px !important;

        border:0 !important;

        border-radius:
            13px 0 0 13px !important;

        background:
            linear-gradient(
                90deg,
                rgba(4,35,48,.92) 0%,
                rgba(6,64,86,.79) 48%,
                rgba(13,117,151,.44) 72%,
                rgba(24,167,215,0) 100%
            ) !important;

        box-shadow:
            0 16px 40px
            rgba(5,48,65,.10) !important;

        color:#fff !important;

        -webkit-text-fill-color:
            #fff !important;

        font-size:
            11px !important;

        line-height:
            1.42 !important;

        font-weight:
            720 !important;

        letter-spacing:
            .01em !important;

        text-align:left !important;

        pointer-events:none !important;
    }


    .cs-v116-gle-message small{
        display:block;

        margin-bottom:5px;

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

        -webkit-text-fill-color:
            rgba(255,255,255,.58);

        font-size:8px;

        font-weight:800;

        letter-spacing:.13em;

        text-transform:uppercase;
    }


    /*
     Mercedes stays ABOVE message:
     car physically masks part of gradient/message.
    */

    .cs-v115-gle-section
    img[src*="gle63-matte-black-v10.webp"]{
        position:relative !important;

        z-index:4 !important;

        transform:
            translateY(5px)
            scale(1.035) !important;

        transform-origin:
            center bottom !important;

        filter:
            drop-shadow(
                0 26px 25px
                rgba(4,34,46,.24)
            ) !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 12
   id="cs-finance-v117-supra-promo"
   ========================================================= */
@media (min-width: 900px){

    .cs-v117-supra-section{
        position: relative !important;
        isolation: isolate !important;
    }

    .cs-v117-supra-visual{
        position: relative !important;
        overflow: visible !important;
        isolation: isolate !important;
    }

    .cs-v117-supra-glow{
        position: absolute !important;
        left: 10% !important;
        bottom: 10% !important;
        width: 46% !important;
        height: 24% !important;
        z-index: 1 !important;
        border-radius: 22px !important;
        background:
            linear-gradient(
                90deg,
                rgba(5, 33, 47, .96) 0%,
                rgba(9, 76, 103, .88) 38%,
                rgba(23, 145, 191, .56) 72%,
                rgba(23, 145, 191, 0) 100%
            ) !important;
        box-shadow:
            0 18px 38px rgba(8, 50, 67, .20) !important;
        pointer-events: none !important;
    }

    .cs-v117-supra-glow::before{
        content: "";
        position: absolute;
        inset: -16px -18px -12px -10px;
        border-radius: 28px;
        background:
            linear-gradient(
                90deg,
                rgba(31, 184, 230, .18) 0%,
                rgba(31, 184, 230, .10) 45%,
                rgba(31, 184, 230, 0) 100%
            );
        filter: blur(16px);
        z-index: -1;
    }

    .cs-v117-supra-banner{
        position: absolute !important;
        left: 12.2% !important;
        bottom: 15.2% !important;
        z-index: 2 !important;
        width: 355px !important;
        box-sizing: border-box !important;
        padding: 16px 120px 16px 20px !important;
        border-radius: 18px !important;
        background:
            linear-gradient(
                90deg,
                rgba(4, 29, 41, .96) 0%,
                rgba(8, 64, 88, .90) 42%,
                rgba(21, 131, 173, .64) 72%,
                rgba(21, 131, 173, 0) 100%
            ) !important;
        backdrop-filter: blur(6px) !important;
        -webkit-backdrop-filter: blur(6px) !important;
        color: #fff !important;
        text-align: left !important;
        box-shadow:
            0 16px 34px rgba(4, 31, 43, .15) !important;
        pointer-events: none !important;
    }

    .cs-v117-supra-banner .cs-supra-kicker{
        display: block;
        margin-bottom: 6px;
        font-size: 10px;
        line-height: 1.1;
        font-weight: 800;
        letter-spacing: .14em;
        text-transform: uppercase;
        color: rgba(255,255,255,.62);
    }

    .cs-v117-supra-banner .cs-supra-title{
        display: block;
        font-size: 28px;
        line-height: 1.02;
        font-weight: 800;
        letter-spacing: -.02em;
        color: #ffffff;
    }

    .cs-v117-supra-banner .cs-supra-title strong{
        font-weight: 900;
        color: #66c7ff;
    }

    .cs-v117-supra-banner .cs-supra-meta{
        display: block;
        margin-top: 7px;
        font-size: 13px;
        line-height: 1.3;
        font-weight: 700;
        color: rgba(255,255,255,.85);
    }

    .cs-v117-supra-banner .cs-supra-meta span{
        color: rgba(255,255,255,.56);
        font-weight: 600;
    }

    .cs-v117-supra-section img{
        position: relative !important;
        z-index: 3 !important;
        filter: drop-shadow(0 22px 28px rgba(5, 28, 38, .26)) !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 13
   id="cs-fin-v118-gle-stage"
   ========================================================= */
@media (min-width:900px){

    /* old experimental GLE elements OFF */
    .cs-v115-gle-backdrop,
    .cs-v115-gle-note,
    .cs-v116-gle-message,
    .cs-v117-gle-art{
        display:none !important;
    }

    /* actual left image wrapper only */
    .cs-v118-gle-stage{
        position:relative !important;
        isolation:isolate !important;
        overflow:visible !important;
    }

    .cs-v118-gle-bg{
        position:absolute !important;

        left:2% !important;
        right:4% !important;
        top:18% !important;
        bottom:7% !important;

        z-index:0 !important;

        border-radius:
            42px 110px 110px 42px !important;

        background:
            linear-gradient(
                118deg,
                rgba(4,42,57,.96) 0%,
                rgba(7,76,100,.83) 44%,
                rgba(35,171,218,.34) 76%,
                rgba(35,171,218,0) 100%
            ) !important;

        box-shadow:
            0 28px 60px rgba(5,44,59,.13) !important;

        pointer-events:none !important;
    }

    .cs-v118-gle-bg::before{
        content:"";

        position:absolute;

        width:290px;
        height:290px;

        right:-35px;
        top:-80px;

        border-radius:50%;

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

        opacity:.65;
    }

    .cs-v118-gle-bg::after{
        content:"";

        position:absolute;

        left:14%;
        right:8%;
        bottom:-8%;

        height:34%;

        border-radius:50%;

        background:
            rgba(29,176,224,.18);

        filter:blur(28px);
    }

    .cs-v118-gle-stage
    img[src*="gle63-matte-black-v10.webp"]{
        position:relative !important;

        z-index:2 !important;

        display:block !important;

        opacity:1 !important;
        visibility:visible !important;

        transform:
            translateY(8px)
            scale(1.045) !important;

        transform-origin:
            center bottom !important;

        filter:
            drop-shadow(
                0 28px 27px
                rgba(4,34,45,.25)
            ) !important;
    }


    /* Supra: just tighten current good promo */
    .cs-v117-supra-banner{
        bottom:17% !important;
        width:365px !important;
        padding:
            13px 108px 13px 18px !important;
    }

    .cs-v117-supra-banner
    .cs-supra-title,
    .cs-v117-supra-banner
    .cs-supra-title strong{
        font-size:24px !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 14
   id="cs-finance-final-night-polish"
   ========================================================= */
@media (min-width:1024px){

    /*
     * HERO OCTAVIA
     * - further right
     * - slightly smaller/lower
     * - no label / no arrow
     */

    .cs-fin-v9-hero .cs-v104b-note,
    .cs-fin-v9-hero .cs-v107-hero-callout{
        display:none !important;
        visibility:hidden !important;
    }

    .cs-fin-v9-hero .cs-v104b-octavia{
        left:35.2% !important;
        right:auto !important;

        bottom:9px !important;

        width:min(29vw,445px) !important;
        max-width:445px !important;

        transform:none !important;
    }

    .cs-fin-v9-hero .cs-v104b-octavia-img{
        width:100% !important;
        max-width:none !important;
        height:100% !important;

        object-fit:contain !important;
    }


    /*
     * ARTEON BAND
     *
     * One wider wrapper:
     * car left + payment card right.
     * They no longer sit on top of each other.
     */

    .cs-v105c-band-section .cs-v105c-band-car{
        position:absolute !important;

        left:auto !important;
        right:20% !important;

        top:auto !important;
        bottom:-7px !important;

        width:520px !important;
        max-width:520px !important;

        height:175px !important;
        max-height:175px !important;

        opacity:1 !important;

        transform:none !important;

        overflow:visible !important;
    }

    .cs-v105c-band-section .cs-v105c-band-car > img{
        position:absolute !important;

        left:0 !important;
        right:auto !important;

        bottom:0 !important;
        top:auto !important;

        width:320px !important;
        max-width:320px !important;

        height:175px !important;
        max-height:175px !important;

        object-fit:contain !important;
        object-position:center bottom !important;

        opacity:.82 !important;

        transform:none !important;

        filter:
            drop-shadow(
                0 14px 13px
                rgba(0,0,0,.14)
            ) !important;
    }

    .cs-v105c-band-section .cs-v111-band-example{
        position:absolute !important;

        left:auto !important;
        right:0 !important;

        top:50% !important;
        bottom:auto !important;

        transform:translateY(-50%) !important;

        width:205px !important;
        max-width:205px !important;

        padding:14px 16px !important;

        box-sizing:border-box !important;

        border-radius:14px !important;

        z-index:10 !important;
    }

    .cs-v111-band-example small{
        display:block !important;

        margin-bottom:5px !important;

        font-size:8px !important;
        line-height:1.2 !important;

        letter-spacing:.11em !important;
    }

    .cs-v111-band-example strong{
        display:block !important;

        margin:0 0 3px !important;

        font-size:16px !important;
        line-height:1.18 !important;
    }

    .cs-v111-band-example span{
        display:block !important;

        margin-top:4px !important;

        font-size:10px !important;
        line-height:1.35 !important;
    }

    .cs-v111-band-example b{
        display:block !important;

        margin-top:5px !important;

        font-size:14px !important;
        line-height:1.2 !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 15
   id="cs-fin-v9-final-stabilizer"
   ========================================================= */
/* ==========================================================
   DESKTOP FIXES
   ========================================================== */
@media (min-width: 1024px){

    /* ------------------------------------------
       Kill leftover floating Octavia note/arrow
       inside calculator / finance widgets
       ------------------------------------------ */
    .cs-fin-v9-calculator .cs-v104b-note,
    .cs-fin-v9-calculator .cs-v107-hero-callout,
    .cs-fin-v9-calculator .cs-fin-v9-wire,
    .cs-fin-v9-calculator .cs-fin-v9-wire-a,
    .cs-fin-v9-calculator .cs-fin-v9-wire-b,
    .cs-fin-v9-calculator [class*="octavia-note"],
    .cs-fin-v9-calculator [class*="octavia-label"],
    .cs-fin-v9-calculator [class*="hero-callout"]{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
        pointer-events:none !important;
    }

    .cs-fin-v9-calculator{
        overflow:hidden !important;
        isolation:isolate !important;
    }

    /* ------------------------------------------
       Arteon blue band — move car and example
       a bit more to the right, stop overlaps
       ------------------------------------------ */
    .cs-v105c-band{
        position:relative !important;
        overflow:hidden !important;
        min-height:190px !important;
    }

    .cs-v105c-band-car{
        position:absolute !important;
        left:auto !important;
        right:25% !important;
        top:auto !important;
        bottom:-8px !important;
        width:350px !important;
        max-width:350px !important;
        height:180px !important;
        max-height:180px !important;
        z-index:2 !important;
        transform:none !important;
        overflow:visible !important;
    }

    .cs-v105c-band-car img{
        width:100% !important;
        height:100% !important;
        object-fit:contain !important;
        object-position:center bottom !important;
    }

    .cs-v111-band-example{
        position:absolute !important;
        left:auto !important;
        right:13.5% !important;
        top:50% !important;
        bottom:auto !important;
        transform:translateY(-50%) !important;
        z-index:3 !important;
        width:190px !important;
        max-width:190px !important;
    }
}

/* ==========================================================
   MOBILE / TABLET STABILIZER
   ========================================================== */
@media (max-width: 1023px){

    /* remove large broken gaps / fixed heights */
    .cs-fin-v9 .cs-fin-v9-hero,
    .cs-fin-v9 .cs-fin-v9-hero-grid,
    .cs-fin-v9 .cs-fin-v9-calculator,
    .cs-fin-v9 .cs-v105c-section,
    .cs-fin-v9 .cs-v105c-benefits,
    .cs-fin-v9 .cs-v105c-band-section,
    .cs-fin-v9 .cs-fin-v9-formbox,
    .cs-fin-v9 .cs-v105c-band,
    .cs-fin-v9 .cs-v105c-benefits-grid{
        min-height:0 !important;
        height:auto !important;
    }

    .cs-fin-v9 .cs-v105c-section,
    .cs-fin-v9 .cs-v105c-benefits,
    .cs-fin-v9 .cs-v105c-band-section{
        padding-top:32px !important;
        padding-bottom:32px !important;
    }

    .cs-fin-v9 .cs-fin-v9-container,
    .cs-fin-v9 .cs-v105c-benefits-grid,
    .cs-fin-v9 .cs-v105c-form-grid{
        display:block !important;
        grid-template-columns:1fr !important;
    }

    .cs-fin-v9 .cs-v105c-form-grid > *{
        width:100% !important;
        max-width:100% !important;
    }

    /* benefits / reason cards / visual blocks no absolute madness */
    .cs-fin-v9 .cs-v105c-band-car,
    .cs-fin-v9 .cs-v111-band-example{
        position:relative !important;
        left:auto !important;
        right:auto !important;
        top:auto !important;
        bottom:auto !important;
        transform:none !important;
        margin:16px auto 0 !important;
    }

    .cs-fin-v9 .cs-v105c-band-car{
        width:min(82vw, 300px) !important;
        max-width:300px !important;
        height:auto !important;
        opacity:1 !important;
    }

    .cs-fin-v9 .cs-v105c-band-car img{
        width:100% !important;
        height:auto !important;
        object-fit:contain !important;
        object-position:center !important;
        -webkit-mask-image:none !important;
        mask-image:none !important;
    }

    .cs-fin-v9 .cs-v111-band-example{
        width:min(72vw, 240px) !important;
        max-width:240px !important;
    }

    /* calmer typography so nothing spills */
    .cs-fin-v9 .cs-fin-v9-hero-copy h1,
    .cs-fin-v9 h1{
        font-size:clamp(34px, 8vw, 48px) !important;
        line-height:1.04 !important;
    }

    /* remove floating decorative leftovers on mobile */
    .cs-fin-v9 .cs-fin-v9-wire,
    .cs-fin-v9 .cs-fin-v9-wire-a,
    .cs-fin-v9 .cs-fin-v9-wire-b,
    .cs-fin-v9 .cs-fin-v9-hero-glow,
    .cs-fin-v9 .cs-fin-v9-hero-glow-a,
    .cs-fin-v9 .cs-fin-v9-hero-glow-b{
        display:none !important;
    }
}

/* form stays clean */
.cs-fin-v9-formbox{
    overflow:hidden !important;
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 16
   id="cs-finance-v10-polish"
   ========================================================= */
/* ==========================================================
   CS_FINANCE_V10_POLISH
   Reference-driven visual refinement.
   ========================================================== */


/* ----------------------------------------------------------
   LIGHT THEME — KILL GLOBAL WHITE TEXT OVERRIDES
   ---------------------------------------------------------- */

.cs-fin-v9-white,
.cs-fin-v9-light,
.cs-fin-v9-process{
    color:#10171D !important;
}

.cs-fin-v9-white h1,
.cs-fin-v9-white h2,
.cs-fin-v9-white h3,
.cs-fin-v9-white strong,
.cs-fin-v9-light h1,
.cs-fin-v9-light h2,
.cs-fin-v9-light h3,
.cs-fin-v9-light strong,
.cs-fin-v9-process h1,
.cs-fin-v9-process h2,
.cs-fin-v9-process h3,
.cs-fin-v9-process strong{
    color:#11181E !important;
}

.cs-fin-v9-white .cs-fin-v9-title,
.cs-fin-v9-light .cs-fin-v9-title,
.cs-fin-v9-process .cs-fin-v9-title{
    color:#11181E !important;
}

.cs-fin-v9-white .cs-fin-v9-title span,
.cs-fin-v9-light .cs-fin-v9-title span,
.cs-fin-v9-process .cs-fin-v9-title span{
    color:#667580 !important;
}


/* cards */

.cs-fin-v9-mini-card h3,
.cs-fin-v9-top-copy h3,
.cs-fin-v9-offer-body h3{
    color:#11181E !important;
}

.cs-fin-v9-mini-card p,
.cs-fin-v9-top-copy small,
.cs-fin-v9-offer-body small,
.cs-fin-v9-offer-meta{
    color:#72808A !important;
}


/* ----------------------------------------------------------
   HERO — CLOSER TO REFERENCE COMPOSITION
   ---------------------------------------------------------- */

.cs-fin-v9-hero{
    min-height:760px !important;

    padding:
        82px
        0
        102px !important;

    background:
        radial-gradient(
            circle at 82% 19%,
            rgba(115,214,255,.28),
            transparent 34%
        ),
        linear-gradient(
            116deg,
            #0879B9 0%,
            #179EDF 49%,
            #58C7F8 100%
        ) !important;
}


/* reference-like curved white line */

.cs-fin-v9-wire{
    border-color:
        rgba(
            255,
            255,
            255,
            .72
        ) !important;

    border-width:
        1.25px !important;
}

.cs-fin-v9-wire-a{
    width:590px !important;
    height:235px !important;

    left:-82px !important;
    top:56px !important;

    border-radius:48px !important;
}

.cs-fin-v9-wire-b{
    width:570px !important;
    height:210px !important;

    right:-170px !important;
    bottom:42px !important;
}


/* main copy */

.cs-fin-v9-hero-copy{
    position:relative;

    z-index:5;
}

.cs-fin-v9-pill{
    padding:
        8px
        14px !important;

    margin-bottom:
        18px !important;

    border-radius:
        8px !important;

    background:
        #FFFFFF !important;

    color:
        #159DDF !important;

    box-shadow:
        0 7px 24px
        rgba(0,0,0,.08);

    font-size:
        14px !important;

    font-weight:
        800 !important;
}

.cs-fin-v9-hero-copy h1{
    max-width:670px !important;

    margin-bottom:
        16px !important;

    color:#FFFFFF !important;

    font-size:
        clamp(
            48px,
            4.65vw,
            67px
        ) !important;

    line-height:
        .97 !important;

    letter-spacing:
        -.052em !important;
}

.cs-fin-v9-hero-copy h1 span{
    color:
        rgba(
            255,
            255,
            255,
            .82
        ) !important;
}

.cs-fin-v9-hero-copy > p{
    max-width:
        555px !important;

    color:
        rgba(
            255,
            255,
            255,
            .90
        ) !important;

    font-size:
        15.5px !important;

    line-height:
        1.48 !important;
}


/* CTA hierarchy */

.cs-fin-v9-btn-light{
    border:
        0 !important;

    background:
        #07131C !important;

    color:
        #FFFFFF !important;

    box-shadow:
        0
        11px
        28px
        rgba(5,22,34,.18) !important;
}

.cs-fin-v9-btn-light span{
    color:#FFFFFF !important;
}

.cs-fin-v9-btn-ghost{
    border:
        1px solid
        rgba(255,255,255,.62) !important;

    background:
        rgba(255,255,255,.14) !important;

    color:
        #FFFFFF !important;

    backdrop-filter:
        blur(10px);
}

.cs-fin-v9-hero-points{
    color:
        rgba(
            255,
            255,
            255,
            .92
        ) !important;

    font-size:
        11.5px !important;
}


/* ----------------------------------------------------------
   CALCULATOR — CAR OVERLAP + REFERENCE PROPORTIONS
   ---------------------------------------------------------- */

.cs-fin-v9-calculator{
    margin-top:
        76px !important;

    border:
        0 !important;

    border-radius:
        13px !important;

    background:
        #FFFFFF !important;

    box-shadow:
        0
        34px
        66px
        rgba(4,31,48,.22) !important;
}


/*
 * Calculator top car.
 * Once octavia-rs-blue-v10.webp is uploaded,
 * this becomes a true transparent/cutout presentation.
 */

.cs-fin-v9-car-stage{
    height:
        177px !important;

    margin:
        -126px
        15px
        -2px !important;

    overflow:visible !important;
}

.cs-fin-v9-car-halo{
    left:13% !important;
    right:13% !important;
    bottom:0 !important;

    height:52px !important;

    background:
        radial-gradient(
            ellipse,
            rgba(7,38,57,.26),
            rgba(7,38,57,0)
            70%
        ) !important;
}

.cs-fin-v9-car-image{
    width:
        100% !important;

    height:
        210px !important;

    object-fit:
        contain !important;

    object-position:
        center bottom !important;

    filter:
        drop-shadow(
            0
            20px
            22px
            rgba(0,0,0,.21)
        ) !important;
}


/* when normal listing image fallback is used,
   soften its rectangular edges */

.cs-fin-v9-car-image{
    border-radius:
        16px !important;

    -webkit-mask-image:
        radial-gradient(
            ellipse 78% 78%
            at 50% 51%,
            #000 43%,
            rgba(0,0,0,.86) 68%,
            transparent 100%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse 78% 78%
            at 50% 51%,
            #000 43%,
            rgba(0,0,0,.86) 68%,
            transparent 100%
        ) !important;
}


.cs-fin-v9-calc-inner{
    padding:
        22px
        30px
        25px !important;
}

.cs-fin-v9-calc-title{
    margin-bottom:
        23px !important;
}

.cs-fin-v9-calc-title span{
    color:
        #71818C !important;
}

.cs-fin-v9-calc-title h2{
    color:
        #4C102F !important;

    font-size:
        25px !important;

    font-weight:
        760 !important;
}


/* controls */

.cs-fin-v9-control{
    margin-bottom:
        21px !important;
}

.cs-fin-v9-control-head{
    margin-bottom:
        8px !important;
}

.cs-fin-v9-control-head label{
    color:
        #402035 !important;

    font-size:
        12px !important;

    font-weight:
        700 !important;
}

.cs-fin-v9-control-head strong{
    color:
        #281321 !important;

    font-weight:
        800 !important;
}


/* native price range polish */

.cs-fin-v9-range{
    --v10-progress:20%;

    height:17px !important;

    appearance:none !important;
    -webkit-appearance:none !important;

    background:
        linear-gradient(
            to right,
            #38B1F4 0,
            #38B1F4 var(--v10-progress),
            #E3E7E9 var(--v10-progress),
            #E3E7E9 100%
        )
        center / 100% 4px
        no-repeat !important;
}

.cs-fin-v9-range::-webkit-slider-thumb{
    appearance:none !important;
    -webkit-appearance:none !important;

    width:17px !important;
    height:17px !important;

    border:
        2px solid
        #FFFFFF !important;

    border-radius:
        50% !important;

    background:
        #38B1F4 !important;

    box-shadow:
        0 0 0 2px
        #38B1F4 !important;
}

.cs-fin-v9-range::-moz-range-thumb{
    width:17px !important;
    height:17px !important;

    border:
        2px solid
        #FFFFFF !important;

    border-radius:
        50% !important;

    background:
        #38B1F4 !important;

    box-shadow:
        0 0 0 2px
        #38B1F4 !important;
}


/* checkpoint rail */

.cs-fin-v9-points::before{
    top:7px !important;

    height:
        3px !important;

    background:
        #E4E7E8 !important;
}

.cs-fin-v9-point{
    color:
        #4C263C !important;

    font-size:
        9px !important;
}

.cs-fin-v9-point i{
    width:
        15px !important;

    height:
        15px !important;

    border:
        2px solid
        #9BA8AF !important;

    background:
        #FFFFFF !important;
}

.cs-fin-v9-point.active{
    color:
        #22131C !important;
}

.cs-fin-v9-point.active i{
    border-color:
        #35AFF5 !important;

    background:
        #35AFF5 !important;

    box-shadow:
        0 0 0 4px
        rgba(53,175,245,.16) !important;
}


/* result closer to reference:
   loan amount normal, monthly strong */

.cs-fin-v9-result{
    padding:
        14px
        0
        13px !important;

    border-top:
        1px solid
        #E1E5E7 !important;
}

.cs-fin-v9-result span{
    color:
        #667782 !important;
}

.cs-fin-v9-result strong{
    color:
        #34162A !important;
}

.cs-fin-v9-monthly strong{
    color:
        #159FE4 !important;

    font-size:
        28px !important;
}


/* calc CTA */

.cs-fin-v9-calc-cta{
    min-height:
        49px !important;

    border-radius:
        7px !important;

    background:
        linear-gradient(
            90deg,
            #199EE3,
            #45BAF7
        ) !important;

    color:
        #07131B !important;

    font-weight:
        800 !important;

    box-shadow:
        0
        9px
        22px
        rgba(31,164,230,.18) !important;
}

.cs-fin-v9-calc-cta span{
    color:#07131B !important;
}


/* ----------------------------------------------------------
   SECTION RHYTHM
   ---------------------------------------------------------- */

.cs-fin-v9-section{
    padding:
        88px
        0 !important;
}

.cs-fin-v9-center{
    margin-bottom:
        45px !important;
}

.cs-fin-v9-title{
    letter-spacing:
        -.046em !important;
}


/* Autorro-like white/off-white alternation */

.cs-fin-v9-white{
    background:
        #FCFCFA !important;
}

.cs-fin-v9-light{
    background:
        #F2F5F6 !important;
}


/* ----------------------------------------------------------
   ELIGIBILITY
   ---------------------------------------------------------- */

.cs-fin-v9-eligibility{
    border:
        1px solid
        #D5DCDF !important;

    border-radius:
        10px !important;

    background:
        #FFFFFF !important;

    box-shadow:
        0
        13px
        32px
        rgba(14,33,45,.04) !important;
}

.cs-fin-v9-mini-card{
    min-height:
        165px !important;

    padding:
        22px
        24px !important;
}

.cs-fin-v9-mini-card h3{
    margin:
        42px
        0
        7px !important;

    font-size:
        17px !important;
}


/* ----------------------------------------------------------
   OFFER CARDS — REAL IMAGES
   ---------------------------------------------------------- */

.cs-fin-v9-top-image,
.cs-fin-v9-offer-img{
    background:
        #E9EDEE !important;
}

.cs-fin-v9-top-image img,
.cs-fin-v9-offer-img img{
    display:block !important;

    opacity:
        1 !important;

    visibility:
        visible !important;
}


/* top row card reference proportions */

.cs-fin-v9-top-card{
    border-radius:
        8px !important;

    box-shadow:
        0
        17px
        35px
        rgba(13,35,48,.07) !important;
}

.cs-fin-v9-top-image{
    height:
        218px !important;
}


/* ----------------------------------------------------------
   PROCESS
   ---------------------------------------------------------- */

.cs-fin-v9-process{
    background:
        #FCFCFA !important;

    padding:
        98px
        0
        92px !important;
}

.cs-fin-v9-process-shape{
    background:
        linear-gradient(
            130deg,
            #0C3F59,
            #1595CD
        ) !important;

    border-radius:
        75px !important;
}

.cs-fin-v9-step-dot{
    border-color:
        #35AFF5 !important;

    background:
        #FCFCFA !important;

    color:
        #159FE4 !important;
}

.cs-fin-v9-timeline::before{
    border-left-color:
        #35AFF5 !important;
}

.cs-fin-v9-step h3{
    color:
        #21131C !important;
}


/* ----------------------------------------------------------
   BLUE CTA BAND
   ---------------------------------------------------------- */

.cs-fin-v9-band{
    min-height:
        170px !important;

    padding:
        34px
        42px !important;

    border-radius:
        10px !important;

    background:
        linear-gradient(
            110deg,
            #148FD0 0%,
            #37B2F2 68%,
            #69CDFA 100%
        ) !important;

    box-shadow:
        0
        18px
        40px
        rgba(26,145,205,.12);
}

.cs-fin-v9-band h2{
    color:
        #FFFFFF !important;
}

.cs-fin-v9-btn-white{
    background:
        #FFFFFF !important;

    color:
        #07131B !important;
}

.cs-fin-v9-btn-white span{
    color:
        #07131B !important;
}


/* ----------------------------------------------------------
   BENEFITS
   ---------------------------------------------------------- */

.cs-fin-v9-benefits{
    background:
        #081A25 !important;
}

.cs-fin-v9-benefits .cs-fin-v9-title{
    color:
        #FFFFFF !important;
}

.cs-fin-v9-benefits .cs-fin-v9-title span{
    color:
        #8EA0AB !important;
}


/* ----------------------------------------------------------
   COMPARISON — CLEAR / LEGIBLE
   ---------------------------------------------------------- */

.cs-fin-v9-compare{
    background:
        #FFFFFF !important;

    border-radius:
        10px !important;
}

.cs-fin-v9-compare .active{
    background:
        #36AEF0 !important;

    color:
        #07131B !important;
}

.cs-fin-v9-compare-row .active,
.cs-fin-v9-compare-head .active{
    color:
        #07131B !important;
}

.cs-fin-v9-compare-cta
.cs-fin-v9-btn-dark{
    background:
        #08141D !important;

    color:
        #FFFFFF !important;
}


/* ----------------------------------------------------------
   BIG FEATURE BANNER
   ---------------------------------------------------------- */

.cs-fin-v9-feature{
    border-radius:
        11px !important;

    background:
        linear-gradient(
            115deg,
            #08151E,
            #0D4866
        ) !important;
}

.cs-fin-v9-feature-copy h2{
    color:
        #FFFFFF !important;
}

.cs-fin-v9-feature-copy p{
    color:
        #C0CBD2 !important;
}


/* feature CTA visibility */

.cs-fin-v9-feature
.cs-fin-v9-btn-light{
    background:
        #FFFFFF !important;

    color:
        #0A151C !important;
}


/* ----------------------------------------------------------
   APPLICATION FORM
   ---------------------------------------------------------- */

.cs-fin-v9-form-grid{
    border-radius:
        11px !important;
}

.cs-fin-v9-form-promo{
    background:
        linear-gradient(
            137deg,
            #081823,
            #0B587C
        ) !important;
}

.cs-fin-v9-formbox{
    background:
        #FFFFFF !important;
}

.cs-fin-v9-formbox-head h2{
    color:
        #11181E !important;
}


/* old form checkbox was becoming giant due generic input */

.cs-fin-v9-formbox
input[type="checkbox"]{
    width:
        18px !important;

    min-width:
        18px !important;

    height:
        18px !important;

    min-height:
        18px !important;

    padding:
        0 !important;

    border-radius:
        3px !important;

    accent-color:
        #35AFF5 !important;
}


/* prevent hidden fields from taking visual space */

.cs-fin-v9-formbox
input[type="hidden"]{
    display:none !important;
}


/* form CTA */

.cs-fin-v9-formbox
form button[type="submit"]{
    background:
        linear-gradient(
            90deg,
            #199FE4,
            #43B9F6
        ) !important;

    color:
        #07131B !important;
}


/* ----------------------------------------------------------
   FAQ
   ---------------------------------------------------------- */

.cs-fin-v9-faq-q{
    color:
        #11181E !important;
}

.cs-fin-v9-faq-q span{
    color:
        #11181E !important;
}

.cs-fin-v9-faq-a{
    color:
        #687781 !important;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:640px){

    .cs-fin-v9-hero{
        padding-top:
            48px !important;

        background:
            linear-gradient(
                145deg,
                #0875B2,
                #27A9EB
            ) !important;
    }

    .cs-fin-v9-hero-copy h1{
        font-size:
            43px !important;
    }

    .cs-fin-v9-calculator{
        margin-top:
            72px !important;
    }

    .cs-fin-v9-car-stage{
        height:
            132px !important;

        margin-top:
            -90px !important;
    }

    .cs-fin-v9-car-image{
        height:
            155px !important;
    }

    .cs-fin-v9-section{
        padding:
            58px
            0 !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 17
   id="cs-finance-v102-fine-tune"
   ========================================================= */
/* ==========================================================
   CS_FINANCE_V102_FINE_TUNE
   ========================================================== */


/* HERO headline: previous version was too dominant */

@media(min-width:1000px){

    .cs-fin-v9-hero-copy h1{
        max-width:620px !important;

        font-size:
            clamp(
                45px,
                4vw,
                59px
            ) !important;

        line-height:.99 !important;
    }

}


/* Auto na splátky pill stronger */

.cs-fin-v9-pill{
    padding:
        10px
        17px !important;

    min-height:
        42px !important;

    display:inline-flex !important;

    align-items:center !important;

    font-size:
        15px !important;

    line-height:
        1 !important;

    font-weight:
        800 !important;

    border-radius:
        8px !important;
}


/* Hero paragraph slightly brighter */

.cs-fin-v9-hero-copy > p{
    color:
        rgba(
            255,
            255,
            255,
            .88
        ) !important;
}


/* ----------------------------------------------------------
   CTA CONTRAST FIXES
   ---------------------------------------------------------- */

.cs-fin-v9-btn-dark,
.cs-fin-v9-compare-cta a,
.cs-fin-v9-compare-cta button{
    background:
        #07131C !important;

    color:
        #FFFFFF !important;
}

.cs-fin-v9-btn-dark *,
.cs-fin-v9-compare-cta a *,
.cs-fin-v9-compare-cta button *{
    color:
        #FFFFFF !important;
}


/* dark promo white CTA */

.cs-fin-v9-feature a,
.cs-fin-v9-feature button{
    color:
        #08131B !important;
}

.cs-fin-v9-feature a *,
.cs-fin-v9-feature button *{
    color:
        inherit !important;
}


/* form promo dark section */

.cs-fin-v9-form-promo h2,
.cs-fin-v9-form-promo h3,
.cs-fin-v9-form-promo strong{
    color:
        #FFFFFF !important;
}

.cs-fin-v9-form-promo p,
.cs-fin-v9-form-promo li{
    color:
        rgba(
            255,
            255,
            255,
            .74
        ) !important;
}


/* ----------------------------------------------------------
   TOP OFFER — AUTORRO-LIKE HORIZONTAL MOTION
   ---------------------------------------------------------- */

.cs-fin-v9-top-offer{
    overflow:
        hidden !important;
}


/* allow cards to travel sideways */

.cs-fin-v9-top-grid{
    display:
        flex !important;

    grid-template-columns:
        none !important;

    gap:
        22px !important;

    overflow-x:
        auto !important;

    scroll-behavior:
        smooth !important;

    scroll-snap-type:
        x mandatory !important;

    scrollbar-width:
        none !important;

    padding-bottom:
        18px !important;
}

.cs-fin-v9-top-grid::-webkit-scrollbar{
    display:none !important;
}

.cs-fin-v9-top-card{
    flex:
        0 0
        calc(
            25%
            - 17px
        ) !important;

    scroll-snap-align:
        start !important;
}


/* make monthly amount visually relevant */

.cs-fin-v9-top-card
[class*="month"],
.cs-fin-v9-top-card
[class*="payment"]{
    font-weight:
        800 !important;
}


/* progress should feel like an actual carousel */

.cs-fin-v9-top-progress{
    position:
        relative !important;

    overflow:
        hidden !important;

    background:
        #E5EAED !important;
}

.cs-fin-v9-top-progress::after{
    content:"";

    position:absolute;

    inset:
        0 auto 0 0;

    width:
        var(
            --cs-v102-progress,
            25%
        );

    background:
        #35AFF5;

    border-radius:
        inherit;

    transition:
        width
        .3s ease;
}


/* arrows */

.cs-fin-v9-top-prev,
.cs-fin-v9-top-next{
    transition:
        transform .18s ease,
        background .18s ease;
}

.cs-fin-v9-top-prev:hover,
.cs-fin-v9-top-next:hover{
    transform:
        translateY(-2px);

    background:
        #35AFF5 !important;
}


/* ----------------------------------------------------------
   CALCULATOR CARD CAR
   ---------------------------------------------------------- */

.cs-fin-v9-car-stage{
    pointer-events:
        none;
}


/*
 * Normal listing photo fallback is temporary.
 * Dedicated transparent Octavia asset will remove this
 * rectangular-photo appearance on default state.
 */

.cs-fin-v9-car-image{
    transition:
        opacity .2s ease,
        transform .25s ease;
}


/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media(max-width:900px){

    .cs-fin-v9-top-card{
        flex:
            0 0
            76% !important;
    }

}


@media(max-width:640px){

    .cs-fin-v9-hero-copy h1{
        font-size:
            39px !important;
    }

    .cs-fin-v9-pill{
        font-size:
            14px !important;

        padding:
            9px 14px !important;
    }

    .cs-fin-v9-top-card{
        flex:
            0 0
            86% !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 18
   id="cs-finance-v103-style"
   ========================================================= */
/* ==========================================================
   CS_FINANCE_V103_OUTSIDE_CAR
   ========================================================== */


/* 4 hero selling points */

.cs-fin-v9-hero-points{
    display:grid !important;

    grid-template-columns:
        repeat(
            2,
            max-content
        ) !important;

    gap:
        10px
        26px !important;

    align-items:center !important;
}


/* outside-Carselect note in form promo */

.cs-fin-v103-outside{
    display:flex;

    flex-direction:column;

    gap:5px;

    max-width:455px;

    margin-top:25px;

    padding:
        15px
        17px;

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

    border-radius:
        9px;

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

    backdrop-filter:
        blur(8px);
}

.cs-fin-v103-outside strong{
    color:
        #FFFFFF !important;

    font-size:
        13px;
}

.cs-fin-v103-outside span{
    color:
        rgba(
            255,
            255,
            255,
            .72
        ) !important;

    font-size:
        11.5px;

    line-height:
        1.48;
}


/* vehicle URL field */

.cs-fin-v103-url-field{
    grid-column:
        1 / -1 !important;

    display:flex;

    flex-direction:column;

    gap:6px;
}

.cs-fin-v103-url-field label{
    color:
        #65727B !important;

    font-size:
        11px !important;

    font-weight:
        700 !important;
}

.cs-fin-v103-url-field label span{
    color:
        #9AA6AD !important;

    font-weight:
        500 !important;
}

.cs-fin-v103-url-field input{
    width:
        100% !important;

    min-height:
        48px !important;

    padding:
        0 14px !important;

    border:
        1px solid
        #D8DEDF !important;

    border-radius:
        8px !important;

    background:
        #F8F9F8 !important;

    color:
        #111A20 !important;
}

.cs-fin-v103-url-field small{
    color:
        #8B989F;

    font-size:
        10px;

    line-height:
        1.35;
}


/* ==========================================================
   CALCULATOR CAR — BLEND NORMAL PHOTO INTO CARD
   ========================================================== */

.cs-fin-v9-car-stage{
    position:
        relative !important;

    isolation:
        isolate;
}


/* blue soft halo behind vehicle */

.cs-fin-v9-car-stage::before{
    content:"";

    position:absolute;

    z-index:0;

    left:10%;
    right:10%;

    bottom:-2px;

    height:115px;

    border-radius:
        50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(53,175,245,.22) 0%,
            rgba(53,175,245,.09) 42%,
            transparent 72%
        );

    filter:
        blur(8px);
}


/*
 * White fade hides rectangular edges of ordinary listing photos.
 * With the future Octavia cutout this becomes nearly invisible.
 */

.cs-fin-v9-car-stage::after{
    content:"";

    position:absolute;

    z-index:3;

    inset:
        -4px
        -2px
        -9px;

    pointer-events:none;

    background:
        linear-gradient(
            to right,
            #FFFFFF 0%,
            rgba(255,255,255,0) 13%,
            rgba(255,255,255,0) 87%,
            #FFFFFF 100%
        ),
        linear-gradient(
            to bottom,
            rgba(255,255,255,0) 45%,
            rgba(255,255,255,.15) 63%,
            #FFFFFF 100%
        );
}

.cs-fin-v9-car-image{
    position:
        relative !important;

    z-index:
        2 !important;

    transform:
        translateY(10px)
        scale(.94);

    border-radius:
        18px !important;

    -webkit-mask-image:
        radial-gradient(
            ellipse 72% 68%
            at 50% 50%,
            #000 48%,
            rgba(0,0,0,.84) 67%,
            transparent 100%
        ) !important;

    mask-image:
        radial-gradient(
            ellipse 72% 68%
            at 50% 50%,
            #000 48%,
            rgba(0,0,0,.84) 67%,
            transparent 100%
        ) !important;
}


/* ==========================================================
   REDUCE REPEATED SELECTED-CAR VISUALS
   ========================================================== */

/*
 * Process / benefits only show a car when the dedicated
 * Octavia asset exists. Otherwise the graphic shapes remain
 * intentional and clean.
 */

.cs-fin-v9-process-car:not(:has(img))::after{
    content:"AUTO NA SPLÁTKY";

    position:absolute;

    left:70px;
    bottom:90px;

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

    font-size:
        13px;

    font-weight:
        800;

    letter-spacing:
        .18em;
}


@media(max-width:900px){

    .cs-fin-v9-hero-points{
        grid-template-columns:
            1fr !important;

        gap:
            8px !important;
    }

}


@media(max-width:640px){

    .cs-fin-v103-outside{
        margin-top:
            18px;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 19
   id="cs-finance-v104b-approved-hero"
   ========================================================= */
/* ==========================================================
   CS_FINANCE_V104B_APPROVED_HERO
   Approved composition.
   ========================================================== */


/* kill ugly rectangular listing image above calculator */

.cs-fin-v9-car-stage{
    display:none !important;
}


/* HERO ---------------------------------------------------- */

.cs-fin-v9-hero{
    position:relative !important;
    min-height:690px !important;
    overflow:hidden !important;

    padding-top:76px !important;
    padding-bottom:70px !important;

    background:
        radial-gradient(
            circle at 67% 46%,
            rgba(234,249,255,.58) 0%,
            rgba(183,231,253,.26) 21%,
            rgba(82,187,237,.04) 43%,
            transparent 57%
        ),
        linear-gradient(
            116deg,
            #087CC0 0%,
            #159DDD 49%,
            #68C9F3 100%
        ) !important;
}


/* move hero content up, like approved mockup */

.cs-fin-v9-hero-grid{
    position:relative !important;
    z-index:5 !important;

    align-items:flex-start !important;
}


/* COPY ---------------------------------------------------- */

.cs-fin-v9-hero-copy{
    position:relative !important;
    z-index:8 !important;

    padding-top:10px !important;
}


@media(min-width:1000px){

    .cs-fin-v9-hero-copy{
        max-width:590px !important;
    }

    .cs-fin-v9-hero-copy h1{
        max-width:590px !important;

        font-size:
            clamp(
                45px,
                3.85vw,
                59px
            ) !important;

        line-height:.99 !important;
        letter-spacing:-.052em !important;
    }

}


.cs-fin-v9-hero-copy h1,
.cs-fin-v9-hero-copy h1 span{
    color:#FFFFFF !important;
}


.cs-fin-v9-hero-copy > p{
    max-width:535px !important;

    color:
        rgba(
            255,
            255,
            255,
            .91
        ) !important;

    font-size:15px !important;
    line-height:1.5 !important;
}


/* badge */

.cs-fin-v9-pill{
    padding:10px 16px !important;

    border-radius:8px !important;

    background:#FFFFFF !important;

    color:#169FDF !important;

    font-size:14px !important;
    font-weight:800 !important;

    box-shadow:
        0 8px 22px
        rgba(4,71,107,.10) !important;
}


/* OCTAVIA ------------------------------------------------- */

.cs-v104b-octavia{
    position:absolute;

    z-index:6;

    left:29.4%;
    bottom:36px;

    width:min(32.5vw, 500px);

    aspect-ratio:2 / 1;

    pointer-events:none;
}


.cs-v104b-floor{
    position:absolute;

    z-index:0;

    left:-15%;
    right:-16%;
    bottom:-23px;

    height:64%;

    border-radius:50%;

    background:
        radial-gradient(
            ellipse at center,
            rgba(255,255,255,.97) 0%,
            rgba(240,251,255,.82) 25%,
            rgba(191,231,249,.37) 48%,
            transparent 72%
        );

    filter:blur(8px);

    transform:
        scaleX(1.12);
}


.cs-v104b-octavia-img{
    position:relative;

    z-index:2;

    display:block;

    width:100%;
    height:100%;

    object-fit:contain;
    object-position:center bottom;

    transform:
        scale(.94);

    transform-origin:
        center bottom;

    filter:
        drop-shadow(
            0 22px 17px
            rgba(5,46,70,.27)
        );
}


/* handwritten label + arrow */

.cs-v104b-note{
    position:absolute;

    z-index:5;

    top:-61px;
    right:-8px;

    display:flex;
    align-items:flex-end;

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

    transform:
        rotate(-4deg);
}


.cs-v104b-note span{
    white-space:nowrap;

    font-family:
        "Segoe Print",
        "Bradley Hand",
        cursive;

    font-size:16px;
    font-weight:500;
}


.cs-v104b-note svg{
    width:70px;
    height:48px;

    margin-left:-5px;

    transform:
        translateY(26px)
        rotate(9deg);
}


/* CALCULATOR ---------------------------------------------- */

.cs-fin-v9-calculator{
    position:relative !important;

    z-index:9 !important;

    align-self:flex-start !important;

    margin-top:-12px !important;

    overflow:visible !important;

    border-radius:17px !important;

    box-shadow:
        0 27px 58px
        rgba(4,54,82,.17) !important;
}


.cs-v104b-calc-car{
    position:absolute;

    z-index:30;

    top:24px;
    right:25px;

    display:flex;
    align-items:center;

    gap:9px;
}


.cs-v104b-calc-thumb{
    display:flex;

    align-items:center;
    justify-content:center;

    width:48px;
    height:48px;

    overflow:hidden;

    border-radius:50%;

    border:
        1px solid
        #E3EBEF;

    background:
        linear-gradient(
            145deg,
            #F3F9FC,
            #E2F0F7
        );
}


.cs-v104b-calc-thumb img{
    width:63px;
    max-width:none;

    height:39px;

    object-fit:contain;
}


.cs-v104b-calc-copy{
    display:flex;
    flex-direction:column;

    gap:2px;

    min-width:104px;
}


.cs-v104b-calc-copy strong{
    color:#12181D !important;

    font-size:10px;
    line-height:1.2;

    font-weight:800;
}


.cs-v104b-calc-copy span{
    color:#77858D !important;

    font-size:8px;
}


.cs-v104b-calc-copy a{
    margin-top:3px;

    color:#159FE4 !important;

    font-size:8.5px;
    font-weight:750;

    text-decoration:none !important;
}


.cs-fin-v9-calc-title{
    padding-right:180px !important;
}


/* HERO BUTTONS -------------------------------------------- */

.cs-fin-v9-btn-light{
    min-height:52px !important;

    background:#07131C !important;
    color:#FFFFFF !important;

    border-radius:8px !important;
}


.cs-fin-v9-btn-light *{
    color:#FFFFFF !important;
}


.cs-fin-v9-btn-ghost{
    min-height:52px !important;

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

    border-radius:8px !important;

    background:
        rgba(255,255,255,.12)
        !important;

    color:#FFFFFF !important;

    backdrop-filter:blur(8px);
}


/* BENEFITS ------------------------------------------------ */

.cs-fin-v9-hero-points{
    display:grid !important;

    grid-template-columns:
        repeat(
            2,
            max-content
        ) !important;

    gap:
        11px
        28px !important;
}


.cs-fin-v9-hero-points span{
    position:relative;

    padding-left:28px !important;

    color:
        rgba(
            255,
            255,
            255,
            .97
        ) !important;

    font-size:11px !important;

    font-weight:700 !important;
}


/* remove literal check because we draw circle */

.cs-fin-v9-hero-points span{
    font-size:0 !important;
}


.cs-fin-v9-hero-points span::after{
    font-size:11px;
}


/*
 Existing text contains ✓.
 Rebuild labels according to position.
 */

.cs-fin-v9-hero-points span:nth-child(1)::after{
    content:"Nezáväzná žiadosť";
}

.cs-fin-v9-hero-points span:nth-child(2)::after{
    content:"Akontácia 0–80 %";
}

.cs-fin-v9-hero-points span:nth-child(3)::after{
    content:"Aj vozidlo mimo Carselect.sk";
}

.cs-fin-v9-hero-points span:nth-child(4)::after{
    content:"Predbežný výsledok do 6 hodín";
}


.cs-fin-v9-hero-points span::before{
    content:"✓";

    position:absolute;

    left:0;
    top:50%;

    display:flex;

    align-items:center;
    justify-content:center;

    width:19px;
    height:19px;

    border-radius:50%;

    background:#3AB5F6;

    color:#FFFFFF;

    box-shadow:
        0 4px 10px
        rgba(0,72,110,.17);

    transform:
        translateY(-50%);

    font-size:10px;

    font-weight:900;
}


/* TABLET -------------------------------------------------- */

@media(max-width:999px){

    .cs-v104b-octavia{
        position:relative;

        left:auto;
        bottom:auto;

        width:min(500px, 92%);

        margin:
            60px auto
            20px;
    }

    .cs-fin-v9-calculator{
        margin-top:
            25px !important;
    }

}


/* MOBILE -------------------------------------------------- */

@media(max-width:640px){

    .cs-fin-v9-hero{
        padding-top:
            48px !important;

        padding-bottom:
            48px !important;
    }

    .cs-fin-v9-hero-copy h1{
        font-size:
            39px !important;
    }

    .cs-v104b-octavia{
        width:
            92%;

        margin-top:
            54px;
    }

    .cs-v104b-note{
        top:
            -41px;

        right:
            8px;
    }

    .cs-v104b-note span{
        font-size:
            13px;
    }

    .cs-v104b-note svg{
        width:
            52px;
    }

    .cs-v104b-calc-car{
        position:static;

        margin:
            0 0 15px;

        padding-bottom:
            13px;

        border-bottom:
            1px solid
            #E7ECEF;
    }

    .cs-fin-v9-calc-title{
        padding-right:
            0 !important;
    }

    .cs-fin-v9-hero-points{
        grid-template-columns:
            1fr !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 20
   id="cs-fin-v105c-style"
   ========================================================= */
/* CS_FINANCE_V105C_REBUILD */

.cs-v105c-section,
.cs-v105c-top,
.cs-v105c-offers,
.cs-v105c-compare,
.cs-v105c-faq,
.cs-v105c-application{
    padding:100px 0;
}

.cs-v105c-eligibility,
.cs-v105c-compare,
.cs-v105c-faq{
    background:#f1f3f3;
}

.cs-v105c-title{
    margin:0;
    color:#10191f;
    font-size:clamp(40px,4vw,61px);
    line-height:1.01;
    letter-spacing:-.052em;
    font-weight:760;
}

.cs-v105c-title span{
    color:#7e8b93;
}

.cs-v105c-head{
    max-width:900px;
}


/* eligibility */

.cs-v105c-person-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    margin-top:45px;
    overflow:hidden;
    border:1px solid #d7dfe2;
    border-radius:15px;
    background:#fff;
    box-shadow:0 22px 55px rgba(12,30,42,.07);
}

.cs-v105c-person{
    position:relative;
    min-height:240px;
    padding:27px;
    border-right:1px solid #e0e5e7;
    transition:.25s ease;
}

.cs-v105c-person:last-child{
    border-right:0;
}

.cs-v105c-person:hover{
    z-index:2;
    background:linear-gradient(145deg,#fff,#f0faff);
    transform:translateY(-4px);
    box-shadow:0 18px 45px rgba(15,38,51,.10);
}

.cs-v105c-num{
    color:#8b9aa2;
    font-size:10px;
    font-weight:800;
}

.cs-v105c-person-icon{
    width:44px;
    height:44px;
    display:grid;
    place-items:center;
    margin:25px 0 20px;
    border-radius:50%;
    background:rgba(46,173,237,.10);
    color:#2fadeb;
    transition:.25s ease;
}

.cs-v105c-person:hover
.cs-v105c-person-icon{
    background:#2fadeb;
    color:#fff;
}

.cs-v105c-person-icon svg{
    width:21px;
    height:21px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.cs-v105c-person h3{
    margin:0 0 9px;
    color:#111a20;
    font-size:18px;
}

.cs-v105c-person p{
    margin:0;
    color:#798891;
    font-size:12px;
    line-height:1.55;
}

.cs-v105c-person > i{
    position:absolute;
    right:25px;
    top:26px;
    width:30px;
    height:30px;
    display:grid;
    place-items:center;
    border:1px solid #dfe6e8;
    border-radius:50%;
    color:#2fadeb;
    font-style:normal;
}


/* offer headings */

.cs-v105c-offer-head,
.cs-v105c-compare-top{
    display:flex;
    justify-content:space-between;
    align-items:flex-end;
    gap:40px;
    margin-bottom:46px;
}

.cs-v105c-offer-head > div{
    max-width:900px;
}

.cs-v105c-link,
.cs-v105c-blue-cta,
.cs-v105c-dark-cta,
.cs-v105c-white-cta{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:11px;
    min-height:50px;
    padding:0 19px;
    border-radius:9px;
    font-size:12px;
    font-weight:800;
    text-decoration:none !important;
}

.cs-v105c-link{
    color:#14212a !important;
}

.cs-v105c-blue-cta{
    background:#35afef;
    color:#071720 !important;
}

.cs-v105c-dark-cta{
    background:#071720;
    color:#fff !important;
}

.cs-v105c-white-cta{
    width:max-content;
    margin-top:26px;
    background:#fff;
    color:#111b21 !important;
}


/* cars */

.cs-v105c-cars{
    display:grid;
    grid-auto-flow:column;
    grid-auto-columns:calc(25% - 15px);
    gap:20px;
    overflow-x:auto;
    padding:5px 3px 15px;
    scroll-behavior:smooth;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
}

.cs-v105c-cars::-webkit-scrollbar{
    display:none;
}

.cs-v105c-car{
    overflow:hidden;
    scroll-snap-align:start;
    border:1px solid #d9e1e4;
    border-radius:14px;
    background:#fff;
    color:inherit !important;
    text-decoration:none !important;
    box-shadow:0 15px 40px rgba(15,34,46,.06);
    transition:.25s ease;
}

.cs-v105c-car:hover{
    transform:translateY(-5px);
    box-shadow:0 24px 52px rgba(15,34,46,.12);
}

.cs-v105c-photo{
    position:relative;
    aspect-ratio:1.45/1;
    overflow:hidden;
    background:#e8ecee;
}

.cs-v105c-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    transition:transform .3s ease;
}

.cs-v105c-car:hover img{
    transform:scale(1.025);
}

.cs-v105c-heart{
    position:absolute;
    top:12px;
    right:12px;
    width:32px;
    height:32px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(4,18,27,.73);
    color:#fff;
    font-size:18px;
}

.cs-v105c-month{
    position:absolute;
    left:13px;
    bottom:13px;
    padding:7px 10px;
    border-radius:7px;
    background:#071720;
    color:#fff;
    font-size:10px;
    font-weight:800;
}

.cs-v105c-car-copy{
    min-height:174px;
    padding:18px;
}

.cs-v105c-car-copy small{
    color:#829099;
    font-size:10px;
}

.cs-v105c-car-copy h3{
    min-height:42px;
    margin:7px 0 0;
    color:#111b21;
    font-size:16px;
    line-height:1.3;
}

.cs-v105c-meta{
    display:flex;
    flex-wrap:wrap;
    gap:5px 10px;
    min-height:31px;
    margin-top:12px;
    color:#74848d;
    font-size:9.5px;
}

.cs-v105c-meta span + span::before{
    content:"•";
    margin-right:8px;
    color:#35afef;
}

.cs-v105c-car-copy > strong{
    display:block;
    margin-top:14px;
    color:#111b21;
    font-size:19px;
}

.cs-v105c-car-controls{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:30px;
    margin-top:28px;
}

.cs-v105c-progress{
    width:min(570px,48%);
    height:5px;
    overflow:hidden;
    border-radius:999px;
    background:#e4eaec;
}

.cs-v105c-progress i{
    display:block;
    width:28%;
    height:100%;
    border-radius:inherit;
    background:#35afef;
    transition:width .25s ease;
}

.cs-v105c-car-controls > div:last-child{
    display:flex;
    gap:9px;
}

.cs-v105c-car-controls button{
    width:46px;
    height:46px;
    display:grid;
    place-items:center;
    border:1px solid #aab8bf;
    border-radius:50%;
    background:#fff;
    color:#14212a;
    font-size:20px;
    cursor:pointer;
}


/* process */

.cs-v105c-process{
    padding:105px 0 120px;
    background:#fbfbf9;
}

.cs-v105c-center{
    max-width:900px;
    margin:0 auto 65px;
    text-align:center;
}

.cs-v105c-process-grid{
    display:grid;
    grid-template-columns:1.05fr .95fr;
    gap:75px;
    align-items:center;
}

.cs-v105c-process-car{
    position:relative;
    min-height:560px;
    display:grid;
    place-items:center;
}

.cs-v105c-process-shape{
    position:absolute;
    z-index:0;
    left:-100px;
    right:30px;
    top:65px;
    bottom:40px;
    border-radius:0 90px 90px 0;
    background:linear-gradient(145deg,#086e9f,#1697ce);
    transform:rotate(-6deg);
}

.cs-v105c-process-glow{
    position:absolute;
    z-index:1;
    left:8%;
    right:5%;
    bottom:50px;
    height:150px;
    background:radial-gradient(ellipse,rgba(122,220,255,.34),transparent 70%);
    filter:blur(12px);
}

.cs-v105c-process-car img{
    position:relative;
    z-index:2;
    width:88%;
    max-height:410px;
    object-fit:contain;
    filter:drop-shadow(0 28px 25px rgba(12,41,57,.22));
    -webkit-mask-image:radial-gradient(ellipse 76% 72% at center,#000 55%,transparent 100%);
    mask-image:radial-gradient(ellipse 76% 72% at center,#000 55%,transparent 100%);
}

.cs-v105c-timeline{
    position:relative;
}

.cs-v105c-timeline::before{
    content:"";
    position:absolute;
    left:26px;
    top:30px;
    bottom:30px;
    border-left:1px dashed #2fadeb;
}

.cs-v105c-step{
    position:relative;
    z-index:2;
    display:grid;
    grid-template-columns:54px 1fr;
    gap:22px;
    padding-bottom:31px;
    transition:transform .2s ease;
}

.cs-v105c-step:last-child{
    padding-bottom:0;
}

.cs-v105c-step:hover{
    transform:translateX(6px);
}

.cs-v105c-step-icon{
    width:54px;
    height:54px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    border:1px solid #2fadeb;
    border-radius:50%;
    background:#fbfbf9;
    color:#20a3e3;
}

.cs-v105c-step-icon small{
    font-size:8px;
    font-weight:850;
}

.cs-v105c-step-icon svg{
    width:14px;
    height:14px;
    margin-top:2px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.6;
    stroke-linecap:round;
    stroke-linejoin:round;
}

.cs-v105c-step > div:last-child > span{
    color:#9aa5ab;
    font-size:9px;
}

.cs-v105c-step h3{
    margin:4px 0 6px;
    color:#161c21;
    font-size:21px;
}

.cs-v105c-step p{
    margin:0;
    color:#83919a;
    font-size:11px;
    line-height:1.55;
}


/* blue band */

.cs-v105c-band-section{
    padding:20px 0 100px;
    background:#fbfbf9;
}

.cs-v105c-band{
    position:relative;
    min-height:190px;
    display:flex;
    align-items:center;
    overflow:hidden;
    padding:35px 43px;
    border-radius:16px;
    background:
        radial-gradient(circle at 62% 115%,rgba(255,255,255,.35),transparent 35%),
        linear-gradient(110deg,#178fd0,#35afef 60%,#6bcef7);
    box-shadow:0 24px 55px rgba(20,139,201,.16);
}

.cs-v105c-band-copy{
    position:relative;
    z-index:5;
    width:45%;
}

.cs-v105c-band-copy small{
    color:#07324a;
    font-size:9px;
    font-weight:850;
    letter-spacing:.13em;
}

.cs-v105c-band-copy h2{
    margin:8px 0;
    color:#fff;
    font-size:35px;
    line-height:1.03;
    letter-spacing:-.04em;
}

.cs-v105c-band-copy p{
    margin:0;
    max-width:470px;
    color:rgba(255,255,255,.78);
    font-size:11px;
    line-height:1.5;
}

.cs-v105c-band-car{
    position:absolute;
    z-index:2;
    left:57%;
    bottom:-35px;
    width:330px;
    height:200px;
    transform:translateX(-50%);
}

.cs-v105c-band-car > div{
    position:absolute;
    left:-15%;
    right:-15%;
    bottom:0;
    height:50%;
    background:radial-gradient(ellipse,rgba(255,255,255,.45),transparent 70%);
    filter:blur(8px);
}

.cs-v105c-band-car img{
    position:relative;
    z-index:2;
    width:100%;
    height:100%;
    object-fit:contain;
    filter:drop-shadow(0 20px 20px rgba(5,55,81,.23));
    -webkit-mask-image:radial-gradient(ellipse 78% 68% at center,#000 50%,transparent 100%);
    mask-image:radial-gradient(ellipse 78% 68% at center,#000 50%,transparent 100%);
}

.cs-v105c-band-cta{
    position:relative;
    z-index:5;
    margin-left:auto;
    min-height:54px;
    display:inline-flex;
    align-items:center;
    gap:11px;
    padding:0 21px;
    border-radius:9px;
    background:#fff;
    color:#10191f !important;
    font-size:11px;
    font-weight:800;
    text-decoration:none !important;
}


/* benefits */

.cs-v105c-benefits{
    padding:110px 0;
    overflow:hidden;
    background:linear-gradient(135deg,#061923,#072b3a);
}

.cs-v105c-benefits-grid{
    display:grid;
    grid-template-columns:.9fr 1.1fr;
    gap:90px;
    align-items:center;
}

.cs-v105c-benefit-car{
    position:relative;
    min-height:590px;
}

.cs-v105c-benefit-outline{
    position:absolute;
    inset:25px 60px 25px -110px;
    border:1px solid rgba(52,174,239,.40);
    border-radius:50px 95px 95px 45px;
    transform:rotate(8deg);
}

.cs-v105c-benefit-glow{
    position:absolute;
    left:-80px;
    right:20px;
    bottom:45px;
    height:210px;
    background:radial-gradient(ellipse,rgba(50,176,229,.20),transparent 70%);
    filter:blur(12px);
}

.cs-v105c-benefit-car img{
    position:absolute;
    z-index:3;
    left:-20px;
    bottom:95px;
    width:88%;
    height:330px;
    object-fit:contain;
    filter:drop-shadow(0 28px 28px rgba(0,0,0,.33));
    -webkit-mask-image:radial-gradient(ellipse 78% 72% at center,#000 54%,transparent 100%);
    mask-image:radial-gradient(ellipse 78% 72% at center,#000 54%,transparent 100%);
}

.cs-v105c-benefit-car > span{
    position:absolute;
    z-index:4;
    left:45px;
    bottom:45px;
    color:rgba(255,255,255,.25);
    font-size:11px;
    font-weight:850;
    letter-spacing:.18em;
}

.cs-v105c-benefit-copy h2{
    margin:0;
    color:#fff;
    font-size:clamp(43px,4.3vw,63px);
    line-height:1;
    letter-spacing:-.055em;
}

.cs-v105c-benefit-copy h2 span{
    display:block;
    color:#8295a0;
}

.cs-v105c-lead{
    max-width:600px;
    margin:20px 0 28px;
    color:#a0b0b9;
    font-size:13px;
    line-height:1.6;
}

.cs-v105c-benefit-list{
    border-top:1px solid rgba(255,255,255,.12);
}

.cs-v105c-benefit-item{
    border-bottom:1px solid rgba(255,255,255,.12);
}

.cs-v105c-benefit-item summary{
    min-height:59px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    cursor:pointer;
    list-style:none;
    color:#fff;
    font-size:13px;
    font-weight:750;
}

.cs-v105c-benefit-item summary::-webkit-details-marker{
    display:none;
}

.cs-v105c-benefit-item summary i{
    width:28px;
    height:28px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(52,174,239,.12);
    color:#35afef;
    font-style:normal;
    transition:transform .2s ease;
}

.cs-v105c-benefit-item[open] summary i{
    transform:rotate(45deg);
}

.cs-v105c-benefit-item p{
    max-width:610px;
    margin:-2px 42px 20px 0;
    color:#91a3ad;
    font-size:11px;
    line-height:1.65;
}


/* comparison */

.cs-v105c-compare-top{
    align-items:center;
}

.cs-v105c-table{
    overflow:hidden;
    border:1px solid #d5dddf;
    border-radius:15px;
    background:#fff;
    box-shadow:0 22px 55px rgba(13,32,44,.07);
}

.cs-v105c-row{
    min-height:64px;
    display:grid;
    grid-template-columns:1fr 1.1fr 1fr;
    border-bottom:1px solid #dce3e5;
}

.cs-v105c-row:last-child{
    border-bottom:0;
}

.cs-v105c-row > *{
    display:flex;
    align-items:center;
    padding:0 25px;
    font-size:11px;
}

.cs-v105c-row > strong{
    color:#172027;
}

.cs-v105c-row > span{
    color:#6c7b84;
}

.cs-v105c-row .cs-v105c-ours,
.cs-v105c-row-head > strong:nth-child(2){
    background:linear-gradient(90deg,#35aee9,#4ebcf3);
    color:#071720;
}

.cs-v105c-ours i{
    margin-right:7px;
    font-style:normal;
}


/* example */

.cs-v105c-example-section{
    padding:105px 0;
    background:#fff;
}

.cs-v105c-example{
    display:grid;
    grid-template-columns:1.1fr .9fr;
    min-height:430px;
    overflow:hidden;
    border-radius:18px;
    background:linear-gradient(115deg,#061923,#0a3e57 58%,#0b5574);
    box-shadow:0 27px 60px rgba(10,35,50,.12);
}

.cs-v105c-example-visual{
    position:relative;
    min-height:430px;
}

.cs-v105c-example-card{
    position:absolute;
    z-index:5;
    top:38px;
    left:38px;
    width:260px;
    padding:25px;
    border-radius:12px;
    background:#fff;
    box-shadow:0 20px 48px rgba(0,0,0,.15);
}

.cs-v105c-example-card small{
    color:#2fadeb;
    font-size:9px;
    font-weight:850;
}

.cs-v105c-example-card > strong{
    display:block;
    margin:12px 0 3px;
    color:#121b20;
    font-size:18px;
}

.cs-v105c-example-card > span,
.cs-v105c-example-card > em{
    color:#829099;
    font-size:9px;
    font-style:normal;
}

.cs-v105c-example-card p{
    margin:17px 0 8px;
    color:#7e8c94;
    font-size:10px;
}

.cs-v105c-example-card p b{
    margin:0 4px;
    color:#28a9e9;
    font-size:34px;
}

.cs-v105c-example-glow{
    position:absolute;
    z-index:0;
    left:18%;
    right:-5%;
    bottom:-20px;
    height:220px;
    background:radial-gradient(ellipse,rgba(54,180,232,.32),transparent 70%);
    filter:blur(10px);
}

.cs-v105c-example-visual > img{
    position:absolute;
    z-index:2;
    left:22%;
    right:0;
    bottom:5px;
    width:76%;
    height:75%;
    object-fit:contain;
    filter:drop-shadow(0 28px 22px rgba(0,0,0,.33));
}

.cs-v105c-example-copy{
    display:flex;
    flex-direction:column;
    justify-content:center;
    padding:50px 58px 50px 25px;
}

.cs-v105c-example-copy h2{
    max-width:500px;
    margin:0;
    color:#fff;
    font-size:39px;
    line-height:1.04;
    letter-spacing:-.045em;
}

.cs-v105c-example-copy > p{
    max-width:470px;
    margin:18px 0;
    color:#a7bac3;
    font-size:11.5px;
    line-height:1.65;
}

.cs-v105c-example-copy > div{
    display:flex;
    flex-wrap:wrap;
    gap:8px 15px;
    color:#d5e1e7;
    font-size:9.5px;
}


/* offers */

.cs-v105c-offers{
    background:#f1f3f3;
}


/* application */

.cs-v105c-application{
    background:#fff;
}

.cs-v105c-application-grid{
    display:grid;
    grid-template-columns:.92fr 1.08fr;
    overflow:hidden;
    border:1px solid #d7e0e3;
    border-radius:18px;
    background:#fff;
    box-shadow:0 28px 65px rgba(15,35,47,.09);
}

.cs-v105c-app-left{
    position:relative;
    overflow:hidden;
    padding:40px 45px;
    background:linear-gradient(150deg,#061e2b,#0b4f6c);
}

.cs-v105c-app-car{
    position:relative;
    height:245px;
    margin:-40px -45px 30px;
    overflow:hidden;
}

.cs-v105c-app-car img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.cs-v105c-app-car > div{
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,transparent 45%,#09364b 100%);
}

.cs-v105c-app-left > small{
    color:#46baf1;
    font-size:9px;
    font-weight:850;
    letter-spacing:.14em;
}

.cs-v105c-app-left > h2{
    margin:8px 0 5px;
    color:#fff;
    font-size:35px;
    line-height:1.05;
    letter-spacing:-.04em;
}

.cs-v105c-app-year{
    color:#9cc3d4;
    font-size:10px;
}

.cs-v105c-app-text{
    margin-top:28px;
    padding-top:22px;
    border-top:1px solid rgba(255,255,255,.13);
}

.cs-v105c-app-text strong{
    color:#fff;
    font-size:13px;
}

.cs-v105c-app-text p{
    margin:7px 0 0;
    color:#a9c0ca;
    font-size:11px;
    line-height:1.6;
}

.cs-v105c-contact{
    display:flex;
    align-items:center;
    gap:12px;
    margin-top:27px;
}

.cs-v105c-contact > div{
    width:42px;
    height:42px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:rgba(53,175,239,.14);
    color:#47baf0;
}

.cs-v105c-contact svg{
    width:19px;
    height:19px;
    fill:none;
    stroke:currentColor;
    stroke-width:1.5;
}

.cs-v105c-contact p{
    margin:0;
}

.cs-v105c-contact span{
    display:block;
    color:#98b2be;
    font-size:9px;
}

.cs-v105c-contact a{
    color:#fff !important;
    font-size:12px;
    font-weight:750;
    text-decoration:none !important;
}

.cs-v105c-app-right{
    padding:48px;
}

.cs-v105c-form-head{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
    gap:20px;
    margin-bottom:27px;
}

.cs-v105c-form-head small{
    color:#2fadeb;
    font-size:9px;
    font-weight:850;
    letter-spacing:.14em;
}

.cs-v105c-form-head h2{
    margin:8px 0 0;
    color:#131c22;
    font-size:30px;
    letter-spacing:-.035em;
}

.cs-v105c-form-head > span{
    padding:8px 11px;
    border-radius:999px;
    background:#edf8fd;
    color:#188fc9;
    font-size:9px;
    font-weight:800;
}

.cs-v105c-form-grid{
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:12px;
}

.cs-v105c-form input,
.cs-v105c-form select{
    width:100%;
    min-height:52px;
    padding:0 14px;
    border:1px solid #d6dfe2;
    border-radius:9px;
    outline:none;
    background:#fafbfb;
    color:#172128;
    font:inherit;
    font-size:12px;
}

.cs-v105c-form input::placeholder{
    color:#84929a;
    opacity:1;
}

.cs-v105c-unit{
    position:relative;
}

.cs-v105c-unit input{
    padding-right:40px;
}

.cs-v105c-unit b{
    position:absolute;
    right:15px;
    top:50%;
    transform:translateY(-50%);
    color:#7c8b94;
}

.cs-v105c-wide{
    grid-column:1/-1;
}

.cs-v105c-url small{
    display:block;
    margin:6px 2px 0;
    color:#88969e;
    font-size:9px;
}

.cs-v105c-unbound{
    display:flex;
    gap:12px;
    align-items:center;
    margin-top:16px;
    padding:12px 14px;
    border-radius:9px;
    background:#f1f7f9;
}

.cs-v105c-unbound strong{
    flex:0 0 auto;
    color:#188fc9;
    font-size:9.5px;
}

.cs-v105c-unbound span{
    color:#74838c;
    font-size:9.5px;
}

.cs-v105c-consent{
    display:flex;
    align-items:flex-start;
    gap:9px;
    margin:18px 0 16px;
    color:#687982;
    font-size:9.5px;
    line-height:1.45;
}

.cs-v105c-consent input{
    width:17px !important;
    min-width:17px !important;
    min-height:17px !important;
    height:17px !important;
    padding:0 !important;
    margin:1px 0 0;
    accent-color:#35afef;
}

.cs-v105c-submit{
    width:100%;
    min-height:52px;
    border:0;
    border-radius:9px;
    background:#35afef;
    color:#071720;
    font-size:12px;
    font-weight:850;
    cursor:pointer;
}


/* FAQ */

.cs-v105c-faq-grid{
    display:grid;
    grid-template-columns:.7fr 1.3fr;
    gap:95px;
}

.cs-v105c-faq-intro h2{
    margin:0;
    color:#111a20;
    font-size:58px;
    letter-spacing:-.055em;
}

.cs-v105c-faq-intro p{
    max-width:330px;
    margin:22px 0 36px;
    color:#74838c;
    font-size:12px;
    line-height:1.65;
}

.cs-v105c-faq-list{
    border-top:1px solid #cdd6da;
}

.cs-v105c-faq-item{
    border-bottom:1px solid #cdd6da;
}

.cs-v105c-faq-item summary{
    min-height:70px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    cursor:pointer;
    list-style:none;
    color:#131c22;
    font-size:12.5px;
    font-weight:750;
}

.cs-v105c-faq-item summary::-webkit-details-marker{
    display:none;
}

.cs-v105c-faq-item summary i{
    color:#2fadeb;
    font-size:20px;
    font-style:normal;
    transition:transform .2s ease;
}

.cs-v105c-faq-item[open] summary i{
    transform:rotate(45deg);
}

.cs-v105c-faq-item p{
    max-width:730px;
    margin:-1px 42px 25px 0;
    color:#697a83;
    font-size:11.5px;
    line-height:1.72;
}


/* responsive */

@media(max-width:1100px){

    .cs-v105c-person-grid{
        grid-template-columns:repeat(2,1fr);
    }

    .cs-v105c-cars{
        grid-auto-columns:calc(33.333% - 14px);
    }

    .cs-v105c-process-grid,
    .cs-v105c-benefits-grid{
        grid-template-columns:1fr;
    }

    .cs-v105c-process-car,
    .cs-v105c-benefit-car{
        min-height:430px;
    }

}


@media(max-width:760px){

    .cs-v105c-section,
    .cs-v105c-top,
    .cs-v105c-offers,
    .cs-v105c-compare,
    .cs-v105c-faq,
    .cs-v105c-application{
        padding:65px 0;
    }

    .cs-v105c-person-grid{
        grid-template-columns:1fr;
    }

    .cs-v105c-person{
        border-right:0;
        border-bottom:1px solid #e0e5e7;
    }

    .cs-v105c-offer-head,
    .cs-v105c-compare-top{
        flex-direction:column;
        align-items:flex-start;
    }

    .cs-v105c-cars{
        grid-auto-columns:84%;
    }

    .cs-v105c-process-grid{
        gap:35px;
    }

    .cs-v105c-process-car{
        min-height:330px;
    }

    .cs-v105c-process-shape{
        left:-30px;
    }

    .cs-v105c-band{
        min-height:310px;
        align-items:flex-start;
        flex-direction:column;
        padding:28px;
    }

    .cs-v105c-band-copy{
        width:100%;
    }

    .cs-v105c-band-car{
        left:50%;
        bottom:-30px;
        width:265px;
        height:150px;
    }

    .cs-v105c-band-cta{
        position:absolute;
        right:24px;
        bottom:24px;
    }

    .cs-v105c-benefit-copy h2{
        font-size:42px;
    }

    .cs-v105c-example{
        grid-template-columns:1fr;
    }

    .cs-v105c-example-visual{
        min-height:350px;
    }

    .cs-v105c-example-copy{
        padding:32px 26px;
    }

    .cs-v105c-application-grid{
        grid-template-columns:1fr;
    }

    .cs-v105c-app-right{
        padding:35px 23px;
    }

    .cs-v105c-form-grid{
        grid-template-columns:1fr;
    }

    .cs-v105c-wide{
        grid-column:auto;
    }

    .cs-v105c-faq-grid{
        grid-template-columns:1fr;
        gap:45px;
    }

    .cs-v105c-row{
        grid-template-columns:.9fr 1.1fr;
    }

    .cs-v105c-row > *:nth-child(3){
        display:none;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 21
   
   ========================================================= */
/* ============================================================
   CS_FINANCE_V107_VISUAL_CLEANUP
   ============================================================ */

/* ------------------------------------------------------------
   1. LIGHT SECTIONS — readable premium typography
   ------------------------------------------------------------ */

.cs-fin-v9-light,
.cs-fin-v9-white {
    color: #0b1720;
}

.cs-fin-v9-light .cs-fin-v9-title,
.cs-fin-v9-white .cs-fin-v9-title,
.cs-fin-v9-light h1,
.cs-fin-v9-light h2,
.cs-fin-v9-light h3,
.cs-fin-v9-white h1,
.cs-fin-v9-white h2,
.cs-fin-v9-white h3 {
    color: #0a151d;
}

.cs-fin-v9-light p,
.cs-fin-v9-white p {
    color: #778793;
}

.cs-fin-v9-light .cs-fin-v9-title strong,
.cs-fin-v9-white .cs-fin-v9-title strong {
    color: #0a151d;
}

/* gradient headings */
.cs-fin-v9-section-head .cs-fin-v9-title {
    background: linear-gradient(
        90deg,
        #0a151d 0%,
        #0a151d 40%,
        #81909a 72%,
        #81909a 100%
    );
    -webkit-background-clip: text;
    background-clip: text;
    color: transparent !important;
}

/* prevent almost-white title portions */
.cs-fin-v9-light .cs-fin-v9-title,
.cs-fin-v9-white .cs-fin-v9-title {
    opacity: 1 !important;
}


/* ------------------------------------------------------------
   2. HERO DESCRIPTION
   ------------------------------------------------------------ */

.cs-fin-v9-hero-copy .cs-fin-v9-lead,
.cs-fin-v9-hero-copy > p {
    color: rgba(255,255,255,.72) !important;
    opacity: 1 !important;
}


/* ------------------------------------------------------------
   3. HERO OCTAVIA CALLOUT / ARROW
   Keep car, fix floating label
   ------------------------------------------------------------ */

.cs-fin-v9-car-stage {
    overflow: visible !important;
}

.cs-fin-v9-car-stage::after {
    content: "Škoda Octavia RS";
    position: absolute;
    right: 5.5%;
    top: 22%;
    z-index: 8;

    color: rgba(255,255,255,.96);
    font-size: 17px;
    line-height: 1;
    font-weight: 600;
    font-style: italic;
    letter-spacing: -.02em;

    transform: rotate(-3deg);
    pointer-events: none;

    text-shadow: 0 3px 18px rgba(0,0,0,.18);
}

.cs-fin-v9-car-stage::before {
    content: "";
    position: absolute;
    right: 13%;
    top: 27%;
    width: 74px;
    height: 34px;
    z-index: 7;

    border-top: 2px solid rgba(255,255,255,.9);
    border-right: 2px solid rgba(255,255,255,.9);
    border-radius: 0 18px 0 0;

    transform: rotate(10deg);
    pointer-events: none;
}

/* hide older duplicated handwritten label if one exists */
.cs-fin-v9-car-stage [class*="label"],
.cs-fin-v9-car-stage [class*="caption"] {
    max-width: 0;
}


/* ------------------------------------------------------------
   4. CALCULATOR — monthly payment must stay INSIDE result row
   ------------------------------------------------------------ */

.cs-fin-v9-calculator {
    overflow: visible;
}

.cs-fin-v9-result {
    position: relative !important;
    display: grid !important;
    grid-template-columns: minmax(0,1fr) auto !important;
    align-items: end !important;
    gap: 24px !important;

    overflow: visible !important;
}

.cs-fin-v9-monthly {
    position: static !important;
    inset: auto !important;

    width: auto !important;
    height: auto !important;
    min-width: 0 !important;

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

    background: transparent !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;

    transform: none !important;

    text-align: right !important;
    color: #0b1720 !important;
}

.cs-fin-v9-monthly::before,
.cs-fin-v9-monthly::after {
    display: none !important;
}

.cs-fin-v9-monthly small,
.cs-fin-v9-monthly span:first-child {
    display: block;
    margin-bottom: 3px;

    color: #82919b !important;
    font-size: 12px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}

.cs-fin-v9-monthly strong,
.cs-fin-v9-monthly .value,
.cs-fin-v9-monthly [data-monthly],
.cs-fin-v9-monthly [data-fin-monthly] {
    display: inline !important;

    color: #29a9ea !important;
    font-size: clamp(30px,2.35vw,43px) !important;
    line-height: 1 !important;
    font-weight: 800 !important;
    letter-spacing: -.04em !important;
}

/* CTA never gets covered by payment */
.cs-fin-v9-calc-cta {
    position: relative !important;
    z-index: 3 !important;
    clear: both !important;
    margin-top: 20px !important;
}


/* ------------------------------------------------------------
   5. RANGE TRACKS
   ------------------------------------------------------------ */

.cs-fin-v9-range {
    accent-color: #31aeea;
}

.cs-fin-v9-range input[type="range"] {
    width: 100%;
    accent-color: #31aeea;
}


/* ------------------------------------------------------------
   6. ELIGIBILITY CARDS
   ------------------------------------------------------------ */

.cs-fin-v9-eligibility {
    box-shadow:
        0 1px 0 rgba(10,23,32,.04),
        0 24px 55px rgba(10,23,32,.065);
}

.cs-fin-v9-eligibility h3,
.cs-fin-v9-eligibility h4 {
    color: #0b1720 !important;
    opacity: 1 !important;
}

.cs-fin-v9-eligibility p {
    color: #758692 !important;
    opacity: 1 !important;
}


/* ------------------------------------------------------------
   7. PROCESS VISUAL
   Make image blend into visual instead of pasted rectangle
   ------------------------------------------------------------ */

.cs-fin-v9-process-shape,
.cs-fin-v9-process-car {
    overflow: hidden;
}

.cs-fin-v9-process-car img,
.cs-fin-v9-process-shape img {
    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );
    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            #000 10%,
            #000 90%,
            transparent 100%
        );

    filter:
        drop-shadow(0 24px 28px rgba(3,30,45,.18));
}


/* ------------------------------------------------------------
   8. BLUE MID-PAGE CTA BANNER
   Existing photo should melt into background
   ------------------------------------------------------------ */

.cs-fin-v9-band {
    position: relative;
    overflow: hidden;

    background:
        linear-gradient(
            105deg,
            #189bd8 0%,
            #2aaeed 54%,
            #64c8f5 100%
        ) !important;

    box-shadow:
        0 20px 50px rgba(18,146,207,.15);
}

.cs-fin-v9-band img {
    -webkit-mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.5) 16%,
            #000 32%,
            #000 68%,
            rgba(0,0,0,.5) 84%,
            transparent 100%
        );

    mask-image:
        linear-gradient(
            90deg,
            transparent 0%,
            rgba(0,0,0,.5) 16%,
            #000 32%,
            #000 68%,
            rgba(0,0,0,.5) 84%,
            transparent 100%
        );

    opacity: .78 !important;
}


/* ------------------------------------------------------------
   9. BENEFITS / WHY CARSELECT
   Clean gradient + prevent block jump
   ------------------------------------------------------------ */

.cs-fin-v9-benefits {
    overflow: hidden;
}

.cs-fin-v9-benefits-grid {
    align-items: center !important;
}

.cs-fin-v9-benefit-car {
    position: relative;
    overflow: hidden !important;
}

.cs-fin-v9-benefit-car img {
    -webkit-mask-image:
        radial-gradient(
            ellipse at center,
            #000 42%,
            rgba(0,0,0,.92) 55%,
            rgba(0,0,0,.35) 73%,
            transparent 86%
        );

    mask-image:
        radial-gradient(
            ellipse at center,
            #000 42%,
            rgba(0,0,0,.92) 55%,
            rgba(0,0,0,.35) 73%,
            transparent 86%
        );

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

/* accordion opens without whole container teleporting */
.cs-fin-v9-benefit-list {
    align-self: start;
}

.cs-fin-v9-feature {
    overflow: hidden;
}

.cs-fin-v9-feature-copy {
    transition:
        max-height .28s ease,
        opacity .22s ease,
        padding .28s ease !important;
}


/* ------------------------------------------------------------
   10. TOP OFFER — ribbons like Carselect homepage
   ------------------------------------------------------------ */

.cs-fin-v9-offer-card {
    overflow: hidden;
}

.cs-fin-v9-monthly,
.cs-fin-v9-offer-card [class*="monthly"] {
    font-variant-numeric: tabular-nums;
}

.cs-fin-v9-offer-img {
    position: relative;
}

.cs-fin-v9-offer-card .cs-fin-v9-monthly {
    background: #20a9ea !important;
    color: #fff !important;
}

/* hearts are not useful on finance landing */
.cs-fin-v9-offer-card [class*="heart"],
.cs-fin-v9-offer-card [aria-label*="obľúb"],
.cs-fin-v9-offer-card [aria-label*="favorite"],
.cs-fin-v9-offer-card [title*="obľúb"] {
    display: none !important;
}


/* ------------------------------------------------------------
   11. BUTTON CONTRAST
   ------------------------------------------------------------ */

.cs-fin-v9 a[class*="cta"],
.cs-fin-v9 button[class*="cta"],
.cs-fin-v9 .cs-fin-v9-compare-cta,
.cs-fin-v9 .cs-fin-v9-calc-cta {
    opacity: 1 !important;
}

.cs-fin-v9 a[class*="cta"] *,
.cs-fin-v9 button[class*="cta"] * {
    opacity: 1 !important;
}

.cs-fin-v9 .cs-fin-v9-calc-cta {
    color: #06131b !important;
    font-weight: 800 !important;
}

.cs-fin-v9 .cs-fin-v9-compare-cta {
    color: #fff !important;
}


/* ------------------------------------------------------------
   12. FORM POLISH
   ------------------------------------------------------------ */

.cs-fin-v9-formbox input,
.cs-fin-v9-formbox select,
.cs-fin-v9-formbox textarea {
    background: #f5f8fa !important;
    border-color: #d8e0e5 !important;
    color: #0a151d !important;
}

.cs-fin-v9-formbox input::placeholder,
.cs-fin-v9-formbox textarea::placeholder {
    color: #7b8b96 !important;
    opacity: 1 !important;
}

.cs-fin-v9-formbox select {
    color: #52616b !important;
}


/* ------------------------------------------------------------
   13. FAQ
   ------------------------------------------------------------ */

.cs-fin-v9-faq-grid .cs-fin-v9-eyebrow {
    color: #22a9eb !important;
}

.cs-fin-v9-faq-grid .cs-fin-v9-title,
.cs-fin-v9-faq-grid h2 {
    color: #0b1720 !important;
    background: none !important;
    -webkit-text-fill-color: #0b1720 !important;
    opacity: 1 !important;
}

.cs-fin-v9-faq-q {
    color: #0b1720 !important;
}

.cs-fin-v9-faq-a {
    color: #687a86 !important;
    line-height: 1.65 !important;
}


/* ------------------------------------------------------------
   MOBILE
   ------------------------------------------------------------ */

@media (max-width: 767px) {

    .cs-fin-v9-car-stage::after,
    .cs-fin-v9-car-stage::before {
        display: none !important;
    }

    .cs-fin-v9-result {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .cs-fin-v9-monthly {
        text-align: left !important;
    }

    .cs-fin-v9-monthly strong,
    .cs-fin-v9-monthly .value,
    .cs-fin-v9-monthly [data-monthly],
    .cs-fin-v9-monthly [data-fin-monthly] {
        font-size: 32px !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 22
   
   ========================================================= */
/*
============================================================
 CS_FINANCE_V107_COMPLETE_POLISH
============================================================
*/

.cs-fin-v9{
    --cs-ink:#08131b;
    --cs-dark:#061923;
    --cs-dark-2:#0a3346;
    --cs-blue:#28aee8;
    --cs-blue-2:#56c3ef;
    --cs-muted:#6e818e;
    --cs-line:#d9e3e8;
    --cs-soft:#f3f7f9;
}


/* ---------------------------------------------------------
   HERO — readable copy, cleaner decorative treatment
--------------------------------------------------------- */

.cs-fin-v9-hero{
    isolation:isolate;
}

.cs-fin-v9-hero::after{
    content:"";
    position:absolute;
    z-index:0;
    left:0;
    top:0;
    bottom:0;
    width:55%;
    pointer-events:none;
    background:
        radial-gradient(
            circle at 28% 55%,
            rgba(2,39,63,.30) 0%,
            rgba(2,39,63,.17) 34%,
            rgba(2,39,63,0) 72%
        );
}

.cs-fin-v9-hero-copy,
.cs-fin-v9-calculator,
.cs-fin-v9-car-stage{
    position:relative;
    z-index:2;
}

.cs-fin-v9-hero-copy .cs-fin-v9-title,
.cs-fin-v9-hero-copy h1{
    max-width:680px !important;
    letter-spacing:-.045em !important;
}

.cs-fin-v9-hero-copy .cs-fin-v9-lead,
.cs-fin-v9-hero-copy p{
    color:#d5edf8 !important;
    -webkit-text-fill-color:#d5edf8 !important;
    opacity:1 !important;
}


/* approved Octavia annotation */
.cs-v107-hero-callout{
    position:absolute !important;
    left:48% !important;
    bottom:31% !important;
    transform:translateX(-50%) rotate(-2deg) !important;
    z-index:8 !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    font-size:17px !important;
    line-height:1 !important;
    font-weight:700 !important;
    letter-spacing:-.02em !important;

    text-shadow:0 2px 12px rgba(0,0,0,.20);
    white-space:nowrap;
}

.cs-v107-hero-callout::after{
    content:"↘";
    display:inline-block;
    margin-left:9px;
    font-size:24px;
    line-height:1;
    transform:translateY(3px) rotate(3deg);
}

.cs-v107-hero-callout svg,
.cs-v107-hero-callout i{
    display:none !important;
}


/* ---------------------------------------------------------
   CALCULATOR
--------------------------------------------------------- */

.cs-fin-v9-calculator{
    box-shadow:
        0 26px 65px rgba(3,38,57,.18),
        0 3px 8px rgba(3,38,57,.08) !important;
}


/* selected car mini-card */
.cs-fin-v9-calculator img{
    object-fit:cover;
}

.cs-fin-v9-calculator [class*="vehicle"] img,
.cs-fin-v9-calculator [class*="selected"] img{
    border:2px solid #eef4f7;
    box-shadow:0 3px 10px rgba(4,24,35,.10);
}


/* thinner Autorro-like range bars */
.cs-fin-v9-calculator input[type="range"]{
    height:4px !important;
    min-height:4px !important;
    border-radius:999px !important;
}

.cs-fin-v9-calculator input[type="range"]::-webkit-slider-runnable-track{
    height:4px !important;
    border-radius:999px !important;
    background:transparent !important;
}

.cs-fin-v9-calculator input[type="range"]::-moz-range-track{
    height:4px !important;
    border-radius:999px !important;
}

.cs-fin-v9-calculator input[type="range"]::-webkit-slider-thumb{
    width:19px !important;
    height:19px !important;
    margin-top:-7.5px !important;
}

.cs-fin-v9-calculator input[type="range"]::-moz-range-thumb{
    width:19px !important;
    height:19px !important;
}


/* monthly payment: no more floating blue bug */
.cs-fin-v9-calculator .cs-fin-v9-result{
    position:static !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) auto !important;
    align-items:end !important;
    gap:24px !important;

    margin-top:15px !important;
    padding-top:16px !important;

    border-top:1px solid #dfe7eb !important;
    overflow:visible !important;
}

.cs-fin-v9-calculator .cs-fin-v9-monthly{
    position:static !important;
    inset:auto !important;

    transform:none !important;
    translate:none !important;

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

    min-width:0 !important;
    width:auto !important;

    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;

    text-align:right !important;
    white-space:nowrap !important;
}

.cs-fin-v9-calculator .cs-fin-v9-monthly,
.cs-fin-v9-calculator .cs-fin-v9-monthly *{
    color:#168fc8 !important;
    -webkit-text-fill-color:#168fc8 !important;
}

.cs-fin-v9-calculator .cs-fin-v9-monthly strong,
.cs-fin-v9-calculator .cs-fin-v9-monthly [class*="value"]{
    font-size:32px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:-.04em !important;
}


/* ---------------------------------------------------------
   CTA TEXT VISIBILITY
--------------------------------------------------------- */

.cs-fin-v9 .cs-fin-v9-calc-cta,
.cs-fin-v9 .cs-fin-v9-compare-cta,
.cs-fin-v9 .cs-fin-v9-band a,
.cs-fin-v9 .cs-fin-v9-feature a,
.cs-fin-v9 .cs-fin-v9-formbox button[type="submit"]{
    opacity:1 !important;
}

.cs-fin-v9 .cs-fin-v9-calc-cta{
    background:linear-gradient(90deg,#159edc,#46b9eb) !important;
    color:#061923 !important;
    -webkit-text-fill-color:#061923 !important;
    box-shadow:0 10px 26px rgba(24,160,220,.19);
}

.cs-fin-v9 .cs-fin-v9-feature a{
    background:#28aee8 !important;
    color:#061923 !important;
    -webkit-text-fill-color:#061923 !important;

    border:0 !important;
    box-shadow:0 10px 26px rgba(20,150,207,.22);
}

.cs-fin-v9 .cs-fin-v9-feature a:hover{
    transform:translateY(-2px);
    box-shadow:0 14px 30px rgba(20,150,207,.30);
}

.cs-fin-v9 .cs-fin-v9-compare-cta{
    background:#061923 !important;
    color:#fff !important;
    -webkit-text-fill-color:#fff !important;
}

.cs-fin-v9 .cs-fin-v9-band a{
    background:#fff !important;
    color:#07151d !important;
    -webkit-text-fill-color:#07151d !important;
    box-shadow:0 10px 30px rgba(5,40,56,.12);
}


/* ---------------------------------------------------------
   LIGHT SECTION TYPOGRAPHY — NO INVISIBLE GRADIENT TEXT
--------------------------------------------------------- */

.cs-fin-v9-light .cs-fin-v9-title,
.cs-fin-v9-white .cs-fin-v9-title,
.cs-fin-v9-light .cs-fin-v9-section-head h2,
.cs-fin-v9-white .cs-fin-v9-section-head h2{
    background:linear-gradient(
        90deg,
        #07131b 0%,
        #07131b 46%,
        #74858f 100%
    ) !important;

    background-clip:text !important;
    -webkit-background-clip:text !important;

    color:transparent !important;
    -webkit-text-fill-color:transparent !important;

    opacity:1 !important;
}

.cs-fin-v9-light p,
.cs-fin-v9-white p{
    color:#6f818d;
}


/* ---------------------------------------------------------
   ELIGIBILITY — interactive, shadowed, readable
--------------------------------------------------------- */

.cs-fin-v9-eligibility{
    overflow:hidden;
    border-radius:18px !important;

    border:1px solid #d5e0e5 !important;

    box-shadow:
        0 22px 55px rgba(16,44,57,.08),
        0 2px 5px rgba(16,44,57,.03);
}

.cs-fin-v9-eligibility > *{
    position:relative;
    transition:
        background .25s ease,
        transform .25s ease,
        box-shadow .25s ease;
}

.cs-fin-v9-eligibility > *:hover{
    z-index:2;
    transform:translateY(-3px);
    background:#f7fbfd !important;
    box-shadow:0 16px 32px rgba(13,53,72,.10);
}

.cs-fin-v9-eligibility h3,
.cs-fin-v9-eligibility h4,
.cs-fin-v9-eligibility strong{
    color:#101b22 !important;
    -webkit-text-fill-color:#101b22 !important;
    opacity:1 !important;
}

.cs-fin-v9-eligibility p{
    color:#70818c !important;
    -webkit-text-fill-color:#70818c !important;
    opacity:1 !important;
}


/* ---------------------------------------------------------
   VEHICLE OFFER CARDS — CARSELECT HOMEPAGE FEEL
--------------------------------------------------------- */

.cs-fin-v9-offer-card{
    position:relative;
    overflow:hidden;

    border-radius:17px !important;
    border:1px solid rgba(212,224,230,.96) !important;

    box-shadow:
        0 13px 32px rgba(6,29,40,.10),
        0 2px 4px rgba(6,29,40,.03);

    transition:
        transform .22s ease,
        box-shadow .22s ease;
}

.cs-fin-v9-offer-card:hover{
    transform:translateY(-5px);
    box-shadow:
        0 22px 46px rgba(6,29,40,.15),
        0 3px 8px rgba(6,29,40,.05);
}


/* remove favourite hearts */
.cs-fin-v9-offer-card button{
    display:none !important;
}

.cs-fin-v9-offer-card [class*="favorite"],
.cs-fin-v9-offer-card [class*="favourite"]{
    display:none !important;
}


/* ribbon look */
.cs-fin-v9-offer-card .cs-fin-v9-monthly,
.cs-fin-v9-offer-card [class*="monthly"]{
    border-radius:0 9px 9px 0 !important;
    background:linear-gradient(90deg,#159fdd,#31b3ea) !important;

    color:#fff !important;
    -webkit-text-fill-color:#fff !important;

    box-shadow:0 5px 12px rgba(0,91,135,.18);
}


/* card copy */
.cs-fin-v9-offer-body{
    background:#fff !important;
}

.cs-fin-v9-offer-body h3,
.cs-fin-v9-offer-body h4{
    color:#0b151c !important;
    -webkit-text-fill-color:#0b151c !important;
}

.cs-fin-v9-offer-meta{
    color:#71828c !important;
}


/* ---------------------------------------------------------
   PROCESS — GLE CUTOUT
--------------------------------------------------------- */

.cs-fin-v9-process{
    position:relative;
    overflow:hidden;
}

.cs-fin-v9-process::after{
    content:"";
    position:absolute;
    left:8%;
    right:8%;
    bottom:0;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(39,174,232,.28),
        transparent
    );
}

.cs-fin-v9-process-shape{
    overflow:visible !important;
}

.cs-fin-v9-process-car{
    object-fit:contain !important;
    background:transparent !important;

    max-width:92% !important;
    max-height:90% !important;

    filter:
        drop-shadow(0 22px 20px rgba(0,40,60,.20))
        drop-shadow(0 5px 5px rgba(0,25,40,.12)) !important;
}

.cs-fin-v9-step h3,
.cs-fin-v9-step h4{
    color:#111b21 !important;
    -webkit-text-fill-color:#111b21 !important;
    opacity:1 !important;
}

.cs-fin-v9-step p{
    color:#71828d !important;
    opacity:1 !important;
}


/* ---------------------------------------------------------
   BLUE CTA BAND — ARTEON CUTOUT
--------------------------------------------------------- */

.cs-fin-v9-band{
    position:relative;
    overflow:hidden;

    border-radius:19px !important;

    background:
        linear-gradient(100deg,#159dd9 0%,#39b4eb 54%,#64c8f0 100%)
        !important;

    box-shadow:
        0 22px 55px rgba(18,126,173,.15);
}

.cs-fin-v9-band::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;

    background:
        radial-gradient(
            circle at 54% 55%,
            rgba(255,255,255,.28),
            transparent 32%
        );
}

.cs-fin-v9-band img{
    position:relative;
    z-index:2;

    object-fit:contain !important;
    background:transparent !important;

    max-height:190px !important;

    filter:
        drop-shadow(0 18px 17px rgba(0,41,61,.17))
        drop-shadow(0 4px 4px rgba(0,41,61,.10));
}


/* ---------------------------------------------------------
   DARK BENEFITS — RS6 CUTOUT / ACCORDION STABILITY
--------------------------------------------------------- */

.cs-fin-v9-benefits{
    overflow-anchor:none;
}

.cs-fin-v9-benefits-grid{
    align-items:start !important;
}

.cs-fin-v9-benefits-cut{
    overflow:visible !important;
}

.cs-fin-v9-benefit-car{
    object-fit:contain !important;
    background:transparent !important;

    width:94% !important;
    height:auto !important;

    filter:
        drop-shadow(0 25px 26px rgba(0,0,0,.34))
        drop-shadow(0 5px 7px rgba(0,0,0,.22)) !important;
}

.cs-fin-v9-benefit-list details{
    overflow-anchor:none;
}

.cs-fin-v9-benefit-list summary{
    cursor:pointer;
}

.cs-fin-v9-benefit-list details[open]{
    background:rgba(255,255,255,.025);
}


/* ---------------------------------------------------------
   COMPARISON — LESS BASIC TABLE
--------------------------------------------------------- */

.cs-fin-v9-compare{
    position:relative;
    overflow:hidden;

    border:1px solid #d2dde3 !important;
    border-radius:24px !important;

    background:#fff !important;

    box-shadow:
        0 25px 58px rgba(11,42,56,.09),
        0 3px 7px rgba(11,42,56,.03);
}

.cs-fin-v9-compare::before{
    content:"";
    position:absolute;
    z-index:0;

    top:0;
    bottom:0;
    left:33.333%;
    width:33.333%;

    pointer-events:none;

    background:
        linear-gradient(
            180deg,
            rgba(36,174,232,.14),
            rgba(36,174,232,.04)
        );
}

.cs-fin-v9-compare-head,
.cs-fin-v9-compare-row{
    position:relative;
    z-index:1;
}

.cs-fin-v9-compare-row{
    transition:
        background .20s ease,
        transform .20s ease;
}

.cs-fin-v9-compare-row:hover{
    background:#f8fbfc;
}

.cs-fin-v9-compare-row > *{
    padding-top:20px !important;
    padding-bottom:20px !important;
}

.cs-fin-v9-compare-row > *:nth-child(2),
.cs-fin-v9-compare-head > *:nth-child(2){
    font-weight:650;
}

.cs-fin-v9-compare-row > *:nth-child(2){
    color:#08202c !important;
}


/* ---------------------------------------------------------
   FEATURE — SUPRA, NO MORE OCTAVIA DUPLICATION
--------------------------------------------------------- */

.cs-fin-v9-feature{
    overflow:hidden;
}

.cs-fin-v9-feature-visual{
    overflow:visible !important;
}

.cs-fin-v9-feature-visual img,
.cs-fin-v9-feature img{
    object-fit:contain !important;
    background:transparent !important;

    filter:
        drop-shadow(0 25px 23px rgba(0,17,27,.33))
        drop-shadow(0 6px 6px rgba(0,17,27,.16)) !important;
}


/* ---------------------------------------------------------
   FORM — cleaner, more premium
--------------------------------------------------------- */

.cs-fin-v9-formbox{
    overflow:hidden;

    border:1px solid #d7e1e6 !important;
    border-radius:22px !important;

    background:#fff !important;

    box-shadow:
        0 28px 65px rgba(10,38,51,.10),
        0 3px 8px rgba(10,38,51,.04);
}

.cs-fin-v9-formbox input:not([type="checkbox"]),
.cs-fin-v9-formbox select,
.cs-fin-v9-formbox textarea{
    background:#f7f9fa !important;

    color:#101a20 !important;
    -webkit-text-fill-color:#101a20 !important;

    border:1px solid #d3dee3 !important;
    border-radius:12px !important;

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

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        background .18s ease;
}

.cs-fin-v9-formbox input:not([type="checkbox"])::placeholder,
.cs-fin-v9-formbox textarea::placeholder{
    color:#74858f !important;
    -webkit-text-fill-color:#74858f !important;
    opacity:1 !important;
}

.cs-fin-v9-formbox input:not([type="checkbox"]):focus,
.cs-fin-v9-formbox select:focus,
.cs-fin-v9-formbox textarea:focus{
    outline:none !important;
    background:#fff !important;

    border-color:#29abe6 !important;

    box-shadow:
        0 0 0 4px rgba(41,171,230,.12) !important;
}

.cs-fin-v9-formbox-head h2,
.cs-fin-v9-formbox-head h3{
    color:#0b161d !important;
    -webkit-text-fill-color:#0b161d !important;
}

.cs-fin-v9-form-promo{
    background:
        linear-gradient(
            180deg,
            #0b3c51 0%,
            #0a506d 100%
        ) !important;
}

.cs-fin-v9-form-promo-copy{
    position:relative;
    z-index:2;
}


/* ---------------------------------------------------------
   FAQ
--------------------------------------------------------- */

.cs-fin-v9-faq-grid{
    padding-bottom:0 !important;
}

.cs-fin-v9-faq-grid > :first-child a,
.cs-fin-v9-faq-grid > :first-child button{
    margin-top:28px !important;
}

.cs-fin-v9-faq-q{
    color:#111a20 !important;
    -webkit-text-fill-color:#111a20 !important;
}

.cs-fin-v9-faq-a{
    color:#657985 !important;
    -webkit-text-fill-color:#657985 !important;

    font-size:15px !important;
    line-height:1.72 !important;

    padding-bottom:22px !important;
}


/* ---------------------------------------------------------
   SUBTLE SECTION TRANSITIONS
--------------------------------------------------------- */

.cs-fin-v9-process,
.cs-fin-v9-benefits,
.cs-fin-v9-feature{
    position:relative;
}

.cs-fin-v9-process::before{
    content:"";
    position:absolute;
    top:-1px;
    left:7%;
    right:7%;
    height:1px;

    background:linear-gradient(
        90deg,
        transparent,
        rgba(34,174,232,.22),
        transparent
    );
}


/* ---------------------------------------------------------
   FOOTER — REMOVE USELESS EXTRA DARK STRIP
--------------------------------------------------------- */

body:has(.cs-fin-v9) footer{
    margin-top:0 !important;
    border-top:0 !important;
    padding-top:42px !important;
}

body:has(.cs-fin-v9) footer::before{
    display:none !important;
}


/* ---------------------------------------------------------
   RESPONSIVE
--------------------------------------------------------- */

@media (max-width:1023px){

    .cs-v107-hero-callout{
        display:none !important;
    }

    .cs-fin-v9-calculator .cs-fin-v9-result{
        grid-template-columns:1fr !important;
    }

    .cs-fin-v9-calculator .cs-fin-v9-monthly{
        text-align:left !important;
    }

    .cs-fin-v9-process-car,
    .cs-fin-v9-benefit-car{
        max-width:100% !important;
    }

    .cs-fin-v9-band img{
        max-height:145px !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 23
   
   ========================================================= */
/*
 * ==========================================================
 * CS_FINANCE_V108_FINAL_REBUILD
 * ==========================================================
 */


/* ----------------------------------------------------------
   HERO
---------------------------------------------------------- */

.cs-fin-v9-hero {
    overflow: hidden !important;
}

.cs-fin-v9-hero::before {
    content: none !important;
}

.cs-fin-v9-hero-copy h1 {
    max-width: 650px !important;
    letter-spacing: -0.055em !important;
    line-height: .96 !important;
}

.cs-fin-v9-hero-copy h1 span {
    color: rgba(255,255,255,.88) !important;
}

.cs-fin-v9-hero-copy > p {
    color: rgba(255,255,255,.88) !important;
    opacity: 1 !important;
    max-width: 570px !important;
    line-height: 1.55 !important;
}

.cs-fin-v9-hero-points {
    display: none !important;
}


/*
 * Octavia ONLY hero decoration.
 * Smaller + cleaner annotation.
 */

.cs-v104b-octavia {
    pointer-events: none !important;
}

.cs-v104b-octavia-img {
    width: min(31vw, 470px) !important;
    max-width: 470px !important;
    filter:
        drop-shadow(0 20px 24px rgba(0,0,0,.20))
        drop-shadow(0 6px 8px rgba(0,0,0,.12)) !important;
}

.cs-v104b-note {
    left: 48% !important;
    right: auto !important;
    bottom: 35% !important;
    z-index: 10 !important;
    color: rgba(255,255,255,.96) !important;
    text-shadow: 0 2px 12px rgba(0,0,0,.22) !important;
    transform: translateX(-15%) !important;
}

.cs-v104b-note span {
    white-space: nowrap !important;
}

.cs-v104b-note svg {
    width: 82px !important;
    height: 58px !important;
    opacity: .94 !important;
}


/* ----------------------------------------------------------
   CALCULATOR
---------------------------------------------------------- */

.cs-v104b-calc-car {
    display: grid !important;
    grid-template-columns: 50px minmax(0,1fr) !important;
    gap: 10px !important;
    align-items: center !important;
}

.cs-v104b-calc-thumb {
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    overflow: hidden !important;
    background: #eef4f7 !important;
    border: 1px solid rgba(8,22,31,.10) !important;
}

.cs-v104b-calc-thumb img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

.cs-v104b-calc-copy strong {
    color: #0a1620 !important;
}

.cs-v104b-calc-copy span {
    color: #6b7e89 !important;
}

.cs-fin-v9-range {
    height: 4px !important;
    min-height: 4px !important;
    border-radius: 99px !important;
}

.cs-fin-v9-range::-webkit-slider-thumb {
    width: 18px !important;
    height: 18px !important;
}

.cs-fin-v9-range::-moz-range-thumb {
    width: 18px !important;
    height: 18px !important;
}

.cs-fin-v9-calculator .cs-fin-v9-monthly {
    background: transparent !important;
    box-shadow: none !important;
    border: 0 !important;
    transform: none !important;
}

.cs-fin-v9-monthly span {
    color: #159bd8 !important;
}

.cs-fin-v9-monthly strong {
    color: #159bd8 !important;
}

.cs-fin-v9-calc-cta {
    color: #07151e !important;
    font-weight: 800 !important;
}


/* ----------------------------------------------------------
   ELIGIBILITY
---------------------------------------------------------- */

.cs-v105c-eligibility {
    position: relative !important;
    background:
        linear-gradient(
            180deg,
            #f4f7f8 0%,
            #eef3f5 100%
        ) !important;
}

.cs-v105c-eligibility .cs-v105c-title {
    color: #0a1720 !important;
}

.cs-v105c-eligibility .cs-v105c-title span {
    color: #7b8d97 !important;
}

.cs-v105c-person {
    background: rgba(255,255,255,.90) !important;
    border: 1px solid rgba(18,48,63,.12) !important;
    box-shadow:
        0 10px 34px rgba(10,31,42,.04) !important;
    transition:
        transform .22s ease,
        box-shadow .22s ease,
        border-color .22s ease !important;
}

.cs-v105c-person:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(31,166,224,.35) !important;
    box-shadow:
        0 20px 44px rgba(10,31,42,.10) !important;
}

.cs-v105c-person h3 {
    color: #0a1720 !important;
}

.cs-v105c-person p {
    color: #657984 !important;
    opacity: 1 !important;
}

.cs-v105c-person > i {
    color: #169fe0 !important;
}


/* ----------------------------------------------------------
   TOP OFFER / HOMEPAGE-LIKE CARSELECT RIBBON
---------------------------------------------------------- */

.cs-v105c-heart {
    display: none !important;
}

.cs-v105c-photo {
    overflow: visible !important;
}

.cs-v105c-month {
    position: absolute !important;
    left: -1px !important;
    right: auto !important;
    bottom: 16px !important;

    padding:
        10px
        16px
        10px
        17px !important;

    border-radius:
        0
        9px
        9px
        0 !important;

    background:
        linear-gradient(
            135deg,
            #139fdf 0%,
            #31b6ec 100%
        ) !important;

    color: #fff !important;
    font-weight: 800 !important;

    box-shadow:
        0 7px 18px rgba(10,139,198,.23) !important;

    z-index: 5 !important;
}

.cs-v105c-month::before {
    content: "" !important;

    position: absolute !important;
    left: 0 !important;
    bottom: -8px !important;

    width: 0 !important;
    height: 0 !important;

    border-top:
        8px solid #087eae !important;

    border-right:
        8px solid transparent !important;
}

.cs-v105c-car {
    transition:
        transform .22s ease,
        box-shadow .22s ease !important;
}

.cs-v105c-car:hover {
    transform: translateY(-3px) !important;
}

.cs-v105c-meta {
    color: #637985 !important;
}


/* ----------------------------------------------------------
   HOW IT WORKS
---------------------------------------------------------- */

.cs-v105c-process {
    position: relative !important;
}

.cs-v105c-process::after {
    content: "" !important;
    position: absolute !important;
    left: 7% !important;
    right: 7% !important;
    bottom: 0 !important;
    height: 1px !important;
    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(25,157,216,.22),
            transparent
        ) !important;
}

.cs-v105c-process .cs-v105c-title {
    color: #0b1720 !important;
}

.cs-v105c-process .cs-v105c-title span {
    color: #81919a !important;
}

.cs-v105c-process-shape {
    background:
        linear-gradient(
            145deg,
            #0579a9 0%,
            #129dd9 58%,
            #4fc4ef 100%
        ) !important;

    opacity: 1 !important;
}

.cs-v105c-process-car img {
    width: 92% !important;
    height: 88% !important;

    object-fit: contain !important;

    background: transparent !important;

    filter:
        drop-shadow(0 28px 28px rgba(0,0,0,.20))
        drop-shadow(0 6px 9px rgba(0,0,0,.13)) !important;
}


/* ----------------------------------------------------------
   BLUE CTA / ARTEON
---------------------------------------------------------- */

.cs-v105c-band {
    overflow: hidden !important;

    background:
        linear-gradient(
            118deg,
            #0e93ce 0%,
            #28ace4 57%,
            #65c8f1 100%
        ) !important;

    box-shadow:
        0 24px 55px rgba(14,89,119,.11) !important;
}

.cs-v105c-band-copy h2 {
    color: #fff !important;
}

.cs-v105c-band-copy p,
.cs-v105c-band-copy small {
    color: rgba(255,255,255,.86) !important;
    opacity: 1 !important;
}

.cs-v105c-band-car {
    overflow: visible !important;
}

.cs-v105c-band-car > div {
    display: none !important;
}

.cs-v105c-band-car img {
    width: 110% !important;
    height: 118% !important;

    object-fit: contain !important;

    background: transparent !important;

    filter:
        drop-shadow(0 25px 24px rgba(0,0,0,.22))
        drop-shadow(0 5px 7px rgba(0,0,0,.12)) !important;
}

.cs-v105c-band-cta {
    background: #fff !important;
    color: #07151e !important;
    border: 0 !important;
    box-shadow:
        0 12px 30px rgba(9,44,59,.12) !important;
}


/* ----------------------------------------------------------
   BENEFITS / RS6
---------------------------------------------------------- */

.cs-v105c-benefits-grid {
    align-items: start !important;
}

.cs-v105c-benefit-car {
    align-self: start !important;
    min-height: 610px !important;
}

.cs-v105c-benefit-glow {
    background:
        radial-gradient(
            circle at 50% 58%,
            rgba(43,185,238,.24),
            transparent 62%
        ) !important;
}

.cs-v105c-benefit-car img {
    width: 96% !important;
    height: 78% !important;

    object-fit: contain !important;

    background: transparent !important;

    filter:
        drop-shadow(0 28px 30px rgba(0,0,0,.36))
        drop-shadow(0 7px 10px rgba(0,0,0,.20)) !important;
}

.cs-v105c-benefit-copy h2 {
    color: #fff !important;
}

.cs-v105c-benefit-copy h2 span {
    color: #8ba0aa !important;
}

.cs-v105c-lead {
    color: #a7b6bd !important;
    opacity: 1 !important;
}

.cs-v105c-benefit-item {
    border-color: rgba(255,255,255,.12) !important;
}

.cs-v105c-benefit-item summary {
    color: #fff !important;
}

.cs-v105c-benefit-item summary i {
    color: #33b9ef !important;
    background: rgba(28,167,222,.12) !important;
}

.cs-v105c-benefit-item p {
    color: #9eb0b8 !important;
    line-height: 1.62 !important;
}


/* ----------------------------------------------------------
   PREMIUM COMPARISON
---------------------------------------------------------- */

.cs-v108-compare {
    position: relative !important;

    padding:
        clamp(80px, 8vw, 130px)
        0 !important;

    background:
        linear-gradient(
            180deg,
            #f4f7f8 0%,
            #eef3f5 100%
        ) !important;
}

.cs-v108-compare::before {
    content: "" !important;

    position: absolute !important;
    top: 0 !important;
    left: 10% !important;
    right: 10% !important;

    height: 1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(24,163,220,.24),
            transparent
        ) !important;
}

.cs-v108-compare-heading {
    display: flex !important;
    align-items: end !important;
    justify-content: space-between !important;
    gap: 30px !important;
    margin-bottom: 45px !important;
}

.cs-v108-compare-heading h2 {
    margin: 10px 0 0 !important;

    color: #09161e !important;

    font-size:
        clamp(44px, 4.4vw, 72px) !important;

    line-height: .98 !important;
    letter-spacing: -.055em !important;
}

.cs-v108-compare-heading h2 span {
    color: #82939c !important;
}

.cs-v108-compare-cta {
    display: inline-flex !important;
    align-items: center !important;
    gap: 22px !important;

    padding: 18px 24px !important;

    border-radius: 10px !important;

    background: #071720 !important;
    color: #fff !important;

    font-weight: 800 !important;

    box-shadow:
        0 12px 30px rgba(7,23,32,.12) !important;
}

.cs-v108-compare-shell {
    overflow: hidden !important;

    border:
        1px solid rgba(17,47,61,.12) !important;

    border-radius: 18px !important;

    background: rgba(255,255,255,.96) !important;

    box-shadow:
        0 28px 70px rgba(16,50,66,.08) !important;
}

.cs-v108-compare-header,
.cs-v108-compare-row {
    display: grid !important;

    grid-template-columns:
        .95fr
        1.05fr
        .95fr !important;
}

.cs-v108-compare-header > div,
.cs-v108-compare-row > div {
    display: flex !important;
    align-items: center !important;

    min-height: 74px !important;

    padding:
        18px
        24px !important;
}

.cs-v108-compare-header {
    font-weight: 800 !important;
    color: #0b1820 !important;
}

.cs-v108-compare-header > div {
    border-bottom:
        1px solid rgba(20,50,65,.10) !important;
}

.cs-v108-ours-head {
    color: #07151d !important;

    background:
        linear-gradient(
            135deg,
            #22a8e1,
            #55c0ec
        ) !important;
}

.cs-v108-ours-head span {
    display: inline-grid !important;
    place-items: center !important;

    width: 28px !important;
    height: 28px !important;

    margin-right: 10px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.88) !important;
}

.cs-v108-compare-row {
    border-bottom:
        1px solid rgba(20,50,65,.085) !important;

    transition:
        transform .18s ease,
        background .18s ease !important;
}

.cs-v108-compare-row:last-child {
    border-bottom: 0 !important;
}

.cs-v108-compare-row:hover {
    background: #fbfdfe !important;
}

.cs-v108-factor {
    color: #0b1820 !important;
    font-weight: 760 !important;
}

.cs-v108-ours {
    gap: 12px !important;

    color: #07151e !important;

    background:
        linear-gradient(
            135deg,
            rgba(34,168,225,.96),
            rgba(78,192,237,.96)
        ) !important;
}

.cs-v108-ours i {
    display: inline-grid !important;
    place-items: center !important;

    flex: 0 0 auto !important;

    width: 28px !important;
    height: 28px !important;

    border-radius: 50% !important;

    background: rgba(255,255,255,.92) !important;

    color: #087fae !important;

    font-style: normal !important;
    font-weight: 900 !important;
}

.cs-v108-normal {
    color: #71838d !important;
}


/* ----------------------------------------------------------
   STATIC SHOWCASE / SUPRA
---------------------------------------------------------- */

.cs-v105c-example {
    position: relative !important;
    overflow: hidden !important;

    background:
        linear-gradient(
            125deg,
            #061923 0%,
            #093246 50%,
            #0d5b79 100%
        ) !important;

    box-shadow:
        0 28px 65px rgba(11,51,69,.12) !important;
}

.cs-v105c-example-visual > img {
    width: 70% !important;
    height: 82% !important;

    object-fit: contain !important;

    background: transparent !important;

    filter:
        drop-shadow(0 30px 28px rgba(0,0,0,.35))
        drop-shadow(0 7px 10px rgba(0,0,0,.20)) !important;
}

.cs-v105c-example-card {
    box-shadow:
        0 18px 45px rgba(0,0,0,.18) !important;
}


/* ----------------------------------------------------------
   FORM
---------------------------------------------------------- */

.cs-fin-v9-formbox {
    overflow: hidden !important;

    border:
        1px solid rgba(13,47,64,.12) !important;

    border-radius: 20px !important;

    box-shadow:
        0 28px 70px rgba(14,48,65,.08) !important;

    background: #fff !important;
}

.cs-fin-v9-formbox input,
.cs-fin-v9-formbox select,
.cs-fin-v9-formbox textarea {
    min-height: 56px !important;

    border:
        1px solid #d4dee3 !important;

    border-radius: 10px !important;

    background: #f7f9fa !important;

    color: #0b1720 !important;

    box-shadow: none !important;

    transition:
        border-color .18s ease,
        background .18s ease,
        box-shadow .18s ease !important;
}

.cs-fin-v9-formbox input::placeholder,
.cs-fin-v9-formbox textarea::placeholder {
    color: #758792 !important;
    opacity: 1 !important;
}

.cs-fin-v9-formbox input:focus,
.cs-fin-v9-formbox select:focus,
.cs-fin-v9-formbox textarea:focus {
    outline: none !important;

    border-color: #27a9df !important;

    background: #fff !important;

    box-shadow:
        0 0 0 4px rgba(39,169,223,.09) !important;
}

.cs-fin-v9-form-car {
    background:
        linear-gradient(
            180deg,
            #08384c 0%,
            #074158 45%,
            #06364a 100%
        ) !important;
}

.cs-fin-v9-form-car img {
    -webkit-mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            #000 72%,
            transparent 100%
        ) !important;

    mask-image:
        linear-gradient(
            to bottom,
            #000 0%,
            #000 72%,
            transparent 100%
        ) !important;
}

.cs-fin-v9-form-contact {
    margin-top: 26px !important;
}


/* ----------------------------------------------------------
   FAQ
---------------------------------------------------------- */

.cs-fin-v9-faq-grid {
    gap: clamp(55px,7vw,110px) !important;
}

.cs-fin-v9-faq-grid > :first-child a {
    margin-top: 28px !important;
}

.cs-fin-v9-faq-item {
    border-color: #ccd8de !important;
}

.cs-fin-v9-faq-q {
    padding:
        24px
        0 !important;
}

.cs-fin-v9-faq-a {
    padding:
        0
        0
        28px !important;

    color: #5f747f !important;
    line-height: 1.65 !important;
}


/* ----------------------------------------------------------
   GLOBAL CTA READABILITY
---------------------------------------------------------- */

.cs-fin-v9-btn-light {
    color: #fff !important;
}

.cs-fin-v9-btn-ghost {
    color: #fff !important;
}

.cs-v105c-link,
.cs-v105c-dark-cta {
    color: inherit !important;
}

.cs-v108-compare-cta {
    color: #fff !important;
}


/* ----------------------------------------------------------
   REMOVE RANDOM EMPTY BOTTOM SPACE
---------------------------------------------------------- */

.cs-fin-v9 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body {
    padding-bottom: 0 !important;
}

footer {
    margin-top: 0 !important;
}


/* ----------------------------------------------------------
   MOBILE
---------------------------------------------------------- */

@media (max-width: 900px) {

    .cs-v104b-note {
        display: none !important;
    }

    .cs-v105c-benefit-car {
        min-height: 380px !important;
        position: relative !important;
    }

    .cs-v108-compare-heading {
        display: block !important;
    }

    .cs-v108-compare-heading h2 {
        font-size: 42px !important;
    }

    .cs-v108-compare-cta {
        margin-top: 24px !important;
    }

    .cs-v108-compare-shell {
        overflow-x: auto !important;
    }

    .cs-v108-compare-header,
    .cs-v108-compare-row {
        min-width: 760px !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 24
   
   ========================================================= */
/*
 * ==========================================================
 * CS_FINANCE_V109_SCREENSHOT_POLISH
 * ==========================================================
 */


/* ==========================================================
   HERO — REMOVE THE WHITE BLOCK / LINES
   ========================================================== */

.cs-fin-v9-hero .cs-v104b-floor {
    display: none !important;
}

.cs-fin-v9-hero .cs-fin-v9-wire,
.cs-fin-v9-hero .cs-fin-v9-wire-a,
.cs-fin-v9-hero .cs-fin-v9-wire-b {
    display: none !important;
}

.cs-fin-v9-hero {
    background:
        radial-gradient(
            circle at 78% 18%,
            rgba(112,215,255,.32),
            transparent 38%
        ),
        linear-gradient(
            116deg,
            #0787c1 0%,
            #159fd9 48%,
            #65c9ef 100%
        ) !important;
}


/*
 * Octavia label:
 * visible, clean and not sitting directly on the roof.
 */

.cs-v104b-note {
    left: 40% !important;
    bottom: 31% !important;

    display: flex !important;
    align-items: flex-end !important;
    gap: 2px !important;

    transform: none !important;

    z-index: 12 !important;
}

.cs-v104b-note span {
    display: inline-flex !important;
    align-items: center !important;

    padding:
        7px
        11px !important;

    border-radius: 999px !important;

    background:
        rgba(5,25,36,.62) !important;

    color: #fff !important;

    backdrop-filter:
        blur(8px) !important;

    -webkit-backdrop-filter:
        blur(8px) !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    line-height: 1 !important;

    box-shadow:
        0 8px 24px rgba(0,0,0,.12) !important;

    text-shadow: none !important;
}

.cs-v104b-note svg {
    width: 72px !important;
    height: 48px !important;

    color: rgba(255,255,255,.94) !important;

    filter:
        drop-shadow(
            0 3px 6px
            rgba(0,0,0,.15)
        ) !important;
}


/* ==========================================================
   SELECTED VEHICLE THUMB
   ========================================================== */

.cs-v104b-calc-thumb img {
    object-position:
        50% 68% !important;

    transform:
        scale(1.12) !important;
}


/* ==========================================================
   ARTEON CTA — SHOW THE WHOLE CAR
   ========================================================== */

.cs-v105c-band {
    min-height: 205px !important;
}

.cs-v105c-band-car {
    position: relative !important;

    align-self:
        stretch !important;

    display: flex !important;

    align-items:
        center !important;

    justify-content:
        center !important;

    overflow:
        visible !important;
}

.cs-v105c-band-car img {
    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    display: block !important;

    width: auto !important;
    height: 178px !important;

    max-width: 100% !important;
    max-height: 178px !important;

    object-fit:
        contain !important;

    object-position:
        center !important;

    transform:
        translateY(4px) !important;

    filter:
        drop-shadow(
            0 24px 24px
            rgba(0,0,0,.20)
        )
        drop-shadow(
            0 5px 7px
            rgba(0,0,0,.12)
        ) !important;
}


/* ==========================================================
   COMPARISON — NO MORE EXCEL TABLE LOOK
   ========================================================== */

.cs-v108-compare {
    background:
        linear-gradient(
            180deg,
            #f4f7f8 0%,
            #edf3f5 100%
        ) !important;
}

.cs-v108-compare-shell {
    display: grid !important;
    gap: 11px !important;

    overflow: visible !important;

    border: 0 !important;
    border-radius: 0 !important;

    background:
        transparent !important;

    box-shadow:
        none !important;
}


/*
 * Header becomes lightweight labels,
 * not part of one giant table.
 */

.cs-v108-compare-header {
    display: grid !important;

    grid-template-columns:
        .86fr
        1.10fr
        1fr !important;

    gap: 11px !important;

    background:
        transparent !important;

    padding:
        0 0 5px !important;
}

.cs-v108-compare-header > div {
    min-height: auto !important;

    padding:
        0 20px 10px !important;

    border: 0 !important;

    background:
        transparent !important;

    color: #60737d !important;

    font-size: 13px !important;

    text-transform:
        uppercase !important;

    letter-spacing:
        .075em !important;

    font-weight:
        800 !important;
}

.cs-v108-compare-header .cs-v108-ours-head {
    color:
        #159dd9 !important;
}

.cs-v108-compare-header .cs-v108-ours-head span {
    width: 23px !important;
    height: 23px !important;

    background:
        #1aa8e4 !important;

    color:
        #fff !important;

    font-size:
        12px !important;
}


/*
 * Each factor is now its own premium floating row.
 */

.cs-v108-compare-row {
    display: grid !important;

    grid-template-columns:
        .86fr
        1.10fr
        1fr !important;

    gap: 11px !important;

    border: 0 !important;

    background:
        transparent !important;

    overflow:
        visible !important;

    transition:
        transform .20s ease !important;
}

.cs-v108-compare-row:hover {
    transform:
        translateY(-2px) !important;

    background:
        transparent !important;
}

.cs-v108-compare-row > div {
    min-height:
        72px !important;

    display:
        flex !important;

    align-items:
        center !important;

    padding:
        16px
        20px !important;

    border-radius:
        14px !important;
}


/*
 * Factor
 */

.cs-v108-factor {
    background:
        rgba(255,255,255,.93) !important;

    border:
        1px solid
        rgba(16,47,62,.10) !important;

    color:
        #0a1720 !important;

    font-weight:
        800 !important;

    box-shadow:
        0 8px 25px
        rgba(10,45,61,.04) !important;
}


/*
 * Carselect
 */

.cs-v108-ours {
    gap:
        12px !important;

    background:
        linear-gradient(
            135deg,
            #20a8e2 0%,
            #4dbdec 100%
        ) !important;

    color:
        #06161f !important;

    border:
        1px solid
        rgba(18,144,198,.18) !important;

    box-shadow:
        0 12px 28px
        rgba(19,151,207,.14) !important;

    font-weight:
        650 !important;
}

.cs-v108-ours i {
    width:
        30px !important;

    height:
        30px !important;

    border-radius:
        50% !important;

    background:
        #fff !important;

    color:
        #0d91c8 !important;

    box-shadow:
        0 5px 12px
        rgba(7,86,119,.13) !important;
}


/*
 * Standard process
 */

.cs-v108-normal {
    background:
        rgba(255,255,255,.74) !important;

    border:
        1px solid
        rgba(20,50,64,.09) !important;

    color:
        #71838d !important;
}


/* ==========================================================
   COMPARISON HEADING
   ========================================================== */

.cs-v108-compare-heading {
    margin-bottom:
        38px !important;
}

.cs-v108-compare-heading h2 {
    max-width:
        850px !important;

    font-size:
        clamp(
            43px,
            4vw,
            66px
        ) !important;
}


/* ==========================================================
   FORM SMALL POLISH
   ========================================================== */

/*
 * Remove ugly number input browser arrows.
 */

.cs-fin-v9-formbox input[type="number"] {
    appearance:
        textfield !important;

    -moz-appearance:
        textfield !important;
}

.cs-fin-v9-formbox
input[type="number"]::-webkit-inner-spin-button,
.cs-fin-v9-formbox
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance:
        none !important;

    margin:
        0 !important;
}


/* ==========================================================
   SUBTLE SECTION TRANSITIONS
   ========================================================== */

.cs-v105c-band-section,
.cs-v105c-example-section {
    position:
        relative !important;
}

.cs-v105c-band-section::before,
.cs-v105c-example-section::before {
    content:
        "" !important;

    position:
        absolute !important;

    top:
        0 !important;

    left:
        12% !important;

    right:
        12% !important;

    height:
        1px !important;

    background:
        linear-gradient(
            90deg,
            transparent,
            rgba(22,163,221,.20),
            transparent
        ) !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 900px) {

    .cs-v104b-note {
        display:
            none !important;
    }

    .cs-v105c-band {
        min-height:
            auto !important;
    }

    .cs-v105c-band-car img {
        height:
            145px !important;

        max-height:
            145px !important;

        transform:
            none !important;
    }

    .cs-v108-compare-shell {
        gap:
            9px !important;
    }

    .cs-v108-compare-header {
        display:
            none !important;
    }

    .cs-v108-compare-row {
        min-width:
            0 !important;

        grid-template-columns:
            1fr !important;

        gap:
            7px !important;

        padding:
            12px !important;

        border-radius:
            15px !important;

        background:
            #fff !important;

        box-shadow:
            0 10px 28px
            rgba(10,42,57,.06) !important;
    }

    .cs-v108-compare-row > div {
        min-height:
            auto !important;
    }

    .cs-v108-factor {
        border:
            0 !important;

        box-shadow:
            none !important;

        padding:
            5px 8px 10px !important;
    }

    .cs-v108-ours,
    .cs-v108-normal {
        min-height:
            58px !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 25
   
   ========================================================= */
/* ==========================================================
   CS_FINANCE_V110_COMPACT_POLISH
   ========================================================== */


/* ==========================================================
   GLOBAL COMPACT / ZOOM-OUT FEEL
   ========================================================== */

.cs-fin-v9 .cs-fin-v9-container{
    max-width: 1280px !important;
    padding-left: 28px !important;
    padding-right: 28px !important;
}

.cs-fin-v9 section{
    scroll-margin-top: 88px !important;
}

.cs-fin-v9-hero{
    padding-top: 54px !important;
    padding-bottom: 56px !important;
}

.cs-v105c-process,
.cs-v105c-band-section,
.cs-v105c-benefits,
.cs-v105c-section,
.cs-v108-compare,
.cs-fin-v9-form-section,
.cs-fin-v9-faq{
    padding-top: 68px !important;
    padding-bottom: 68px !important;
}

.cs-fin-v9 h1{
    font-size: clamp(54px, 5.2vw, 82px) !important;
    line-height: .96 !important;
}

.cs-v105c-title,
.cs-v108-compare-heading h2{
    font-size: clamp(38px, 3.8vw, 62px) !important;
    line-height: .98 !important;
}


/* ==========================================================
   HERO BACKGROUND
   - remove ugly white block
   - keep subtle dark aqua accent
   ========================================================== */

.cs-fin-v9-hero{
    position: relative !important;
    overflow: hidden !important;

    background:
        radial-gradient(circle at 78% 18%, rgba(115,216,255,.24), transparent 38%),
        linear-gradient(118deg, #0787c1 0%, #179dd8 52%, #63c8ee 100%) !important;
}

.cs-fin-v9-hero::before{
    content: "" !important;
    position: absolute !important;
    left: -6% !important;
    top: -4% !important;
    width: 56% !important;
    height: 23% !important;
    background:
        linear-gradient(135deg, rgba(6,18,28,.78), rgba(10,48,70,.38)) !important;
    border-bottom-right-radius: 80px !important;
    transform: rotate(-2deg) !important;
    opacity: .50 !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.cs-fin-v9-hero::after{
    content: none !important;
}

.cs-fin-v9-wire,
.cs-fin-v9-wire-a,
.cs-fin-v9-wire-b{
    display: none !important;
}

.cs-v104b-floor{
    display: none !important;
}

.cs-fin-v9-hero-grid,
.cs-v104b-octavia,
.cs-fin-v9-hero-copy,
.cs-fin-v9-calc{
    position: relative !important;
    z-index: 2 !important;
}


/* ==========================================================
   HERO OCTAVIA LABEL
   - remove black bubble feel
   - no arrow graphic
   - cleaner ribbon style
   ========================================================== */

.cs-v104b-note{
    left: 43% !important;
    bottom: 30% !important;
    transform: none !important;
    z-index: 20 !important;
    gap: 0 !important;
}

.cs-v104b-note svg{
    display: none !important;
}

.cs-v104b-note span{
    display: inline-flex !important;
    align-items: center !important;
    padding: 10px 14px !important;
    border-radius: 12px !important;

    background: linear-gradient(135deg, #25aaf0, #1498dd) !important;
    color: #fff !important;

    border: 0 !important;
    box-shadow: 0 10px 26px rgba(10, 79, 118, .22) !important;

    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
    letter-spacing: -.01em !important;
}


/* ==========================================================
   BLUE CTA BUTTONS = WHITE TEXT
   ========================================================== */

.cs-v105c-band-cta,
.cs-v105c-link,
.cs-fin-v9 button[type="submit"],
.cs-fin-v9 input[type="submit"]{
    color: #fff !important;
}

.cs-v105c-band-cta b,
.cs-v105c-link b,
.cs-fin-v9 button[type="submit"] b{
    color: #fff !important;
}


/* ==========================================================
   LISTING CARD RIBBON
   closer to homepage feel
   ========================================================== */

.cs-v105c-heart{
    display: none !important;
}

.cs-v105c-month{
    left: 14px !important;
    bottom: 14px !important;

    padding: 11px 16px !important;
    border-radius: 14px !important;

    background: linear-gradient(135deg, #27abef, #1598dd) !important;
    color: #fff !important;

    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 1 !important;

    box-shadow: 0 10px 24px rgba(17, 118, 173, .22) !important;
}


/* ==========================================================
   COMPARISON TABLE
   much more compact
   ========================================================== */

.cs-v108-compare-heading{
    margin-bottom: 24px !important;
}

.cs-v108-compare-shell{
    gap: 10px !important;
}

.cs-v108-compare-header{
    gap: 10px !important;
    margin-bottom: 4px !important;
}

.cs-v108-compare-header > div{
    padding: 0 16px 8px !important;
    font-size: 12px !important;
}

.cs-v108-compare-row{
    gap: 10px !important;
}

.cs-v108-compare-row > div{
    min-height: 58px !important;
    padding: 13px 16px !important;
    border-radius: 12px !important;
}

.cs-v108-factor{
    font-size: 17px !important;
    font-weight: 800 !important;
}

.cs-v108-ours,
.cs-v108-normal{
    font-size: 15px !important;
    line-height: 1.25 !important;
}

.cs-v108-ours i{
    width: 26px !important;
    height: 26px !important;
}

.cs-v108-normal{
    color: #73838c !important;
}


/* ==========================================================
   BLUE CTA BAND (ARTEON)
   - keep full car visible
   - fix right shift
   ========================================================== */

.cs-v105c-band{
    min-height: 188px !important;
    gap: 18px !important;
    align-items: center !important;
    overflow: hidden !important;
}

.cs-v105c-band-copy h2{
    font-size: clamp(28px, 2.2vw, 46px) !important;
    line-height: 1.02 !important;
}

.cs-v105c-band-copy p{
    font-size: 15px !important;
    line-height: 1.42 !important;
}

.cs-v105c-band-car{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    overflow: visible !important;
}

.cs-v105c-band-car > div{
    display: none !important;
}

.cs-v105c-band-car img{
    position: relative !important;
    inset: auto !important;
    display: block !important;

    width: auto !important;
    height: 150px !important;
    max-width: 100% !important;
    max-height: 150px !important;

    object-fit: contain !important;
    object-position: center !important;

    transform: translateX(0) translateY(6px) !important;

    filter:
        drop-shadow(0 24px 24px rgba(0,0,0,.18))
        drop-shadow(0 6px 8px rgba(0,0,0,.10)) !important;
}


/* ==========================================================
   BENEFITS / RS6 SECTION
   - remove ugly left extras
   - bigger / clearer right side text
   ========================================================== */

.cs-v105c-benefits-grid{
    align-items: center !important;
    gap: 44px !important;
}

.cs-v105c-benefit-outline{
    display: none !important;
}

.cs-v105c-benefit-car > span{
    display: none !important;
}

.cs-v105c-benefit-car{
    min-height: 440px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.cs-v105c-benefit-glow{
    opacity: .78 !important;
}

.cs-v105c-benefit-car img{
    width: min(100%, 430px) !important;
    max-width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    transform: none !important;
}

.cs-v105c-benefit-copy .cs-fin-v9-eyebrow{
    font-size: 14px !important;
    letter-spacing: .12em !important;
    margin-bottom: 14px !important;
}

.cs-v105c-benefit-copy h2{
    font-size: clamp(44px, 4vw, 68px) !important;
    line-height: .98 !important;
    margin-bottom: 16px !important;
}

.cs-v105c-benefit-copy .cs-v105c-lead{
    font-size: 18px !important;
    line-height: 1.5 !important;
    color: rgba(255,255,255,.82) !important;
    max-width: 720px !important;
    margin-bottom: 22px !important;
}

.cs-v105c-benefit-item summary{
    padding-top: 16px !important;
    padding-bottom: 16px !important;
}

.cs-v105c-benefit-item summary span{
    font-size: 17px !important;
    font-weight: 700 !important;
}

.cs-v105c-benefit-item p{
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: rgba(255,255,255,.78) !important;
    padding-bottom: 16px !important;
}


/* ==========================================================
   SMALLER GENERAL CARD FEEL
   ========================================================== */

.cs-v105c-offer-head{
    margin-bottom: 26px !important;
}

.cs-v105c-car-copy{
    padding: 16px 18px 18px !important;
}

.cs-v105c-car-copy h3,
.cs-v105c-car-copy strong{
    letter-spacing: -.015em !important;
}

.cs-v105c-car-copy strong{
    font-size: 18px !important;
}


/* ==========================================================
   MOBILE
   ========================================================== */

@media (max-width: 1100px){
    .cs-v105c-band{
        grid-template-columns: 1fr !important;
    }

    .cs-v105c-band-car{
        order: 3 !important;
        justify-content: center !important;
    }

    .cs-v105c-band-cta{
        order: 2 !important;
        width: fit-content !important;
    }

    .cs-v105c-band-car img{
        height: 132px !important;
        max-height: 132px !important;
        transform: none !important;
    }

    .cs-v105c-benefits-grid{
        gap: 28px !important;
    }
}

@media (max-width: 900px){
    .cs-fin-v9 .cs-fin-v9-container{
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    .cs-v104b-note{
        display: none !important;
    }

    .cs-v108-compare-header{
        display: none !important;
    }

    .cs-v108-compare-row{
        grid-template-columns: 1fr !important;
        gap: 6px !important;
        background: #fff !important;
        padding: 10px !important;
        border-radius: 14px !important;
        box-shadow: 0 10px 28px rgba(10,42,57,.05) !important;
    }

    .cs-v108-compare-row > div{
        min-height: auto !important;
    }

    .cs-v108-factor,
    .cs-v108-ours,
    .cs-v108-normal{
        font-size: 15px !important;
    }

    .cs-v105c-benefit-copy h2{
        font-size: 38px !important;
    }

    .cs-v105c-benefit-copy .cs-v105c-lead{
        font-size: 16px !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 26
   
   ========================================================= */
section:has(img[src*="arteon-rline-v10.webp"])
a[href="#ziadost"],
section:has(img[src*="arteon-rline-v10.webp"])
a[href="#ziadost"] *,
section:has(img[src*="arteon-rline-v10.webp"])
button,
section:has(img[src*="arteon-rline-v10.webp"])
button *{
    color:#3B4650 !important;
    -webkit-text-fill-color:#3B4650 !important;
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 27
   
   ========================================================= */
@media (min-width:900px){

    /* ======================================================
       SUPRA — final ad layout
       ====================================================== */

    .cs-v117-supra-banner{
        left:13.5% !important;
        bottom:19% !important;

        width:430px !important;

        padding:
            15px 105px 15px 20px !important;

        border-radius:
            18px !important;

        background:
            linear-gradient(
                90deg,
                rgba(3,28,40,.95) 0%,
                rgba(5,64,88,.88) 46%,
                rgba(30,167,216,.50) 76%,
                rgba(30,167,216,0) 100%
            ) !important;
    }

    .cs-v117-supra-banner .cs-supra-kicker{
        margin-bottom:5px !important;

        font-size:9px !important;
        letter-spacing:.15em !important;

        opacity:.72 !important;
    }

    .cs-v117-supra-banner .cs-supra-title{
        display:flex !important;

        align-items:baseline !important;

        gap:7px !important;

        flex-wrap:nowrap !important;

        font-size:23px !important;

        white-space:nowrap !important;
    }

    .cs-v117-supra-banner .cs-supra-title strong{
        display:inline-block !important;

        font-size:23px !important;

        white-space:nowrap !important;

        color:#62c9ff !important;
    }

    .cs-v117-supra-banner .cs-supra-meta{
        margin-top:6px !important;

        font-size:12px !important;

        white-space:nowrap !important;
    }

    .cs-v117-supra-glow{
        bottom:13% !important;

        height:19% !important;

        opacity:.62 !important;
    }


    /* ======================================================
       GLE — softer mainstream campaign visual
       ====================================================== */

    .cs-v118-gle-bg{
        left:5% !important;
        right:8% !important;

        top:23% !important;
        bottom:12% !important;

        border-radius:
            38px 110px 110px 38px !important;

        background:
            linear-gradient(
                105deg,
                rgba(5,48,64,.96) 0%,
                rgba(10,86,112,.80) 43%,
                rgba(52,181,224,.34) 70%,
                rgba(143,220,247,.12) 86%,
                rgba(255,255,255,0) 100%
            ) !important;

        box-shadow:
            0 28px 65px
            rgba(5,45,59,.10) !important;
    }

    .cs-v118-gle-bg::before{
        width:250px !important;
        height:250px !important;

        right:2% !important;
        top:-22% !important;

        opacity:.36 !important;
    }

    .cs-v118-gle-bg::after{
        left:17% !important;
        right:22% !important;

        bottom:-5% !important;

        height:27% !important;

        opacity:.60 !important;
    }

    .cs-v118-gle-stage
    img[src*="gle63-matte-black-v10.webp"]{
        transform:
            translate(4px,16px)
            scale(1.075) !important;

        filter:
            drop-shadow(
                0 24px 25px
                rgba(3,31,43,.23)
            ) !important;
    }

}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 28
   id="cs-hide-desktop-octavia-note"
   ========================================================= */
@media (min-width:1024px){
    .cs-v104b-note{
        display:none !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 29
   id="cs-remove-desktop-octavia-label-final"
   ========================================================= */
@media (min-width:1024px){

    /* actual old note */
    .cs-fin-v9-hero .cs-v104b-note{
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
    }

    /* generated Škoda Octavia RS labels / arrows */
    .cs-fin-v9-hero .cs-v104b-octavia::before,
    .cs-fin-v9-hero .cs-v104b-octavia::after,
    .cs-fin-v9-hero .cs-fin-v9-car-stage::before,
    .cs-fin-v9-hero .cs-fin-v9-car-stage::after{
        content:none !important;
        display:none !important;
        visibility:hidden !important;
        opacity:0 !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 30
   id="cs-disclaimer-align"
   ========================================================= */
@media (min-width:1024px){
    .cs-fin-v9-calculator .cs-disclaimer-desktop-break{
        display:block !important;
    }

    .cs-fin-v9-calculator .cs-fin-v9-disclaimer{
        margin-left:35px !important;
        margin-right:24px !important;
        width:auto !important;
        max-width:none !important;
        text-align:center !important;
        color:#8b949b !important;
        -webkit-text-fill-color:#8b949b !important;
        line-height:1.35 !important;
    }
}


/* =========================================================
   CARSELECT FINANCE V9 ORIGINAL STYLE BLOCK 31
   id="cs-disclaimer-mobile-break-fix"
   ========================================================= */
@media (max-width:1023px){
    .cs-disclaimer-desktop-break{
        display:none !important;
    }

    .cs-fin-v9-disclaimer{
        width:100% !important;
        max-width:100% !important;
        margin-left:auto !important;
        margin-right:auto !important;
        text-align:center !important;

        color:#8b949b !important;
        -webkit-text-fill-color:#8b949b !important;

        line-height:1.4 !important;
    }
}