/*
 * CS_LISTING_MOBILE_PUSHED_CSS_V1
 *
 * Static CSS extracted from:
 * listings/partials/mobile-detail-v1.blade.php
 *
 * Original CSS block order preserved.
 */


/* =========================================================
   ORIGINAL MOBILE PUSH STYLE 01
   ========================================================= */
@media (max-width: 1023px) {

    /* ======================================================
       PAGE RHYTHM
       ====================================================== */

    .cs-listing-detail{
        padding-top:0 !important;
    }

    .cs-listing-detail > .max-w-7xl{
        padding-left:14px !important;
        padding-right:14px !important;
    }

    /*
     * Reference starts directly with the hero photo.
     * Existing desktop title/breadcrumb/date stays untouched.
     */
    .cs-listing-detail .cs-detail-head{
        display:none !important;
    }

    .cs-detail-grid{
        display:block !important;
    }

    .cs-detail-main{
        display:block !important;
    }

    .cs-detail-main > :not([hidden]) ~ :not([hidden]){
        margin-top:0 !important;
    }


    /* ======================================================
       HERO GALLERY
       FULL BLEED
       ====================================================== */

    .cs-detail-main > .space-y-4:first-child{
        margin:
            0
            -14px
            0
            -14px !important;

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

    #listing-gallery-main{
        width:100% !important;
        aspect-ratio:4 / 3 !important;

        margin:0 !important;

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

        background:#080B0F !important;

        box-shadow:none !important;
    }

    #listing-gallery-main #main-image{
        width:100% !important;
        height:100% !important;
    }

    #gallery-counter{
        top:auto !important;
        right:14px !important;
        bottom:13px !important;

        height:31px !important;

        padding:0 9px !important;

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

        background:rgba(12,14,22,.76) !important;

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

        box-shadow:none !important;
    }

    #listing-gallery-main .cs-gallery-nav{
        width:46px !important;
        height:46px !important;

        border:0 !important;
        border-radius:50% !important;

        background:rgba(10,13,23,.80) !important;

        box-shadow:none !important;

        backdrop-filter:none !important;
    }

    #listing-gallery-main .cs-gallery-nav:first-of-type{
        left:14px !important;
    }

    #listing-gallery-main .cs-gallery-nav:last-of-type{
        right:14px !important;
    }

    /*
     * NO thumbnail filmstrip on mobile.
     */
    .cs-detail-main > .space-y-4:first-child
    > .flex.space-x-2.overflow-x-auto{
        display:none !important;
    }


    /* ======================================================
       TITLE
       ====================================================== */

    .cs-md-mobile-detail{
        -webkit-text-size-adjust:100% !important;
        text-size-adjust:100% !important;

        width:
            calc(100% + 28px);

        margin-left:-14px;
        margin-right:-14px;

        color:#F5F6F8;

        background:#0D1217;
    }

    .cs-md-mobile-title{
        padding:
            22px
            20px
            11px;
    }

    .cs-md-mobile-title-main{
        margin:0;

        color:#F5F6F8;

        font-family:
            'Manrope',
            sans-serif;

        font-size:23px;
        line-height:1.16;

        font-weight:850;

        letter-spacing:-.035em;
    }

    .cs-md-mobile-variant{
        margin-top:6px;

        color:#C5CBD5;

        font-size:15px;
        line-height:1.38;

        font-weight:450;

        letter-spacing:-.01em;
    }


    /* ======================================================
       PRICE / FINANCE
       ====================================================== */

    .cs-md-mobile-commerce{
        position:relative;

        padding:
            14px
            20px
            23px;
    }

    .cs-md-mobile-old-price{
        margin-bottom:4px;

        color:#8D98A8;

        font-size:13px;
        line-height:1;

        font-weight:600;

        text-decoration:line-through;
    }

    .cs-md-mobile-price{
        color:#F8F9FB;

        font-family:
            'Manrope',
            sans-serif;

        font-size:29px;
        line-height:1.05;

        font-weight:850;

        letter-spacing:-.035em;
    }

    .cs-md-mobile-vat{
        margin-top:7px;

        color:#AAB4C2;

        font-size:13px;
        line-height:1.3;

        font-weight:450;
    }

    .cs-md-mobile-vat strong{
        color:#E8ECF2;
        font-weight:650;
    }


    .cs-md-mobile-finance{
        position:relative;

        margin-top:21px;
    }

    .cs-md-mobile-finance-line{
        display:flex;
        align-items:center;

        gap:5px;

        color:#B7C0CE;

        font-size:15px;
        line-height:1.25;

        font-weight:450;
    }

    .cs-md-mobile-finance-line strong{
        color:#F4F6F9;

        font-size:16px;

        font-weight:800;
    }

    .cs-md-mobile-info{
        display:inline-flex;
        align-items:center;
        justify-content:center;

        width:20px;
        height:20px;

        margin-left:4px;

        padding:0;

        border:
            1.5px
            solid
            #778397;

        border-radius:50%;

        background:transparent;

        color:#9BA6B7;

        font-size:11px;
        line-height:1;

        font-weight:800;
    }

    .cs-md-mobile-finance-info{
        position:absolute;
        z-index:30;

        top:29px;
        left:0;

        width:min(315px, calc(100vw - 40px));

        padding:12px 14px;

        border:
            1px
            solid
            #283D59;

        border-radius:8px;

        background:#0D2038;

        color:#BDC7D4;

        font-size:12px;
        line-height:1.55;

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

    .cs-md-mobile-calc{
        display:inline-block;

        margin-top:11px;

        color:#C877FF !important;

        font-size:14px;
        line-height:1.2;

        font-weight:650;

        text-decoration:underline !important;
        text-underline-offset:3px;
    }


    /* ======================================================
       MAIN CONTACT BUTTON
       ====================================================== */

    .cs-md-mobile-contact{
        display:flex;
        align-items:center;
        justify-content:center;

        gap:10px;

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

        margin-top:22px;

        padding:
            0
            18px;

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

        background:
            linear-gradient(
                90deg,
                #7134F4 0%,
                #A944F4 100%
            );

        color:#fff !important;

        font-family:
            'Manrope',
            sans-serif;

        font-size:16px;
        line-height:1;

        font-weight:800;

        text-decoration:none !important;

        box-shadow:none !important;
    }

    .cs-md-mobile-contact svg{
        width:21px;
        height:21px;
        flex:none;
    }

    .cs-md-mobile-contact:active{
        transform:scale(.99);
    }

    .cs-md-mobile-contact-disabled{
        opacity:.55;
    }


    /* ======================================================
       DETAIL AD
       ====================================================== */

    .cs-md-mobile-ad-wrap{
        padding:
            18px
            20px
            22px;

        border-top:
            1px
            solid
            #1C304A;

        background:#061426;
    }

    .cs-md-mobile-ad{
        display:block;

        width:100%;

        padding:
            17px
            18px;

        border:
            1px
            solid
            #28415F;

        border-radius:8px;

        background:
            linear-gradient(
                135deg,
                #0C2642 0%,
                #151D3D 52%,
                #251849 100%
            );

        color:#fff !important;

        text-decoration:none !important;

        box-shadow:none !important;
    }

    .cs-md-mobile-ad-label{
        color:#7EDCFF;

        font-size:9px;
        line-height:1;

        font-weight:850;

        letter-spacing:.10em;
    }

    .cs-md-mobile-ad-main{
        margin-top:8px;

        color:#F5F7FA;

        font-size:17px;
        line-height:1.25;

        font-weight:800;

        letter-spacing:-.02em;
    }

    .cs-md-mobile-ad-sub{
        margin-top:5px;

        max-width:330px;

        color:#AEB9C9;

        font-size:12.5px;
        line-height:1.45;

        font-weight:450;
    }

    .cs-md-mobile-ad-link{
        display:flex;
        align-items:center;

        gap:6px;

        margin-top:12px;

        color:#D388FF;

        font-size:13px;

        font-weight:750;
    }


    /* ======================================================
       TECHNICAL DATA
       ====================================================== */

    .cs-mobile-tech-title{
        width:
            calc(100% + 28px) !important;

        margin:
            0
            -14px
            0 !important;

        padding:
            27px
            20px
            19px !important;

        border-top:
            1px
            solid
            #1C304A !important;

        border-bottom:0 !important;

        background:#0D1217;

        color:#F4F6F9 !important;

        font-family:
            'Manrope',
            sans-serif;

        font-size:23px !important;
        line-height:1.15 !important;

        font-weight:850 !important;

        letter-spacing:-.03em !important;
    }


    .cs-mobilede-overview-grid{
        display:grid !important;

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

        gap:
            22px
            25px !important;

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

        margin:
            0
            -14px !important;

        padding:
            4px
            20px
            28px !important;

        border:0 !important;

        border-bottom:
            1px
            solid
            #1C304A !important;

        border-radius:0 !important;

        background:#0D1217 !important;

        box-shadow:none !important;
    }

    .cs-mobilede-overview-item,
    .cs-v4-spec-item{
        display:grid !important;

        grid-template-columns:
            36px
            minmax(0,1fr) !important;

        align-items:center !important;

        gap:10px !important;

        min-width:0 !important;

        padding:0 !important;

        border:0 !important;

        background:transparent !important;

        box-shadow:none !important;
    }

    .cs-mobilede-overview-item svg,
    .cs-v3-spec-icon,
    .cs-mobilede-overview-icon{
        width:27px !important;
        height:27px !important;

        color:#9B45FF !important;
    }

    .cs-mobilede-overview-label{
        margin:0 0 2px !important;

        color:#909BAD !important;

        font-size:12.5px !important;
        line-height:1.15 !important;

        font-weight:450 !important;
    }

    .cs-mobilede-overview-value{
        color:#F1F3F7 !important;

        font-size:15.5px !important;
        line-height:1.2 !important;

        font-weight:750 !important;

        overflow-wrap:anywhere;
    }


    /*
     * Existing dealer-history blocks also stop looking like
     * floating bubbles.
     */
    .cs-mobile-vlastnosti-static,
    .cs-mobile-history-static{
        width:
            calc(100% + 28px) !important;

        margin-left:-14px !important;
        margin-right:-14px !important;

        padding-left:20px !important;
        padding-right:20px !important;

        border-left:0 !important;
        border-right:0 !important;

        border-radius:0 !important;

        box-shadow:none !important;
    }


    /*
     * The desktop history block duplicates the dedicated
     * mobile history block, so don't render both visually.
     */
    .cs-history-section{
        display:none !important;
    }

}


/* =========================================================
   ORIGINAL MOBILE PUSH STYLE 02
   ========================================================= */
@media (max-width:1023px){

    /* ==============================================
       GALLERY
       ============================================== */

    #listing-gallery-main{
        aspect-ratio:1.28 / 1 !important;
    }

    #listing-gallery-main .cs-gallery-nav{
        width:38px !important;
        height:38px !important;

        background:
            rgba(5,10,20,.58) !important;
    }


    /*
     * Thumbnail filmstrip BACK.
     */
    .cs-detail-main
    > .space-y-4:first-child
    > .flex.space-x-2.overflow-x-auto{

        display:flex !important;

        gap:7px !important;

        margin:0 -14px !important;

        padding:
            9px
            14px
            10px !important;

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

        overflow-x:auto !important;

        background:#0D1217 !important;

        scrollbar-width:none;
    }

    .cs-detail-main
    > .space-y-4:first-child
    > .flex.space-x-2.overflow-x-auto::-webkit-scrollbar{
        display:none;
    }

    .cs-detail-main
    > .space-y-4:first-child
    > .flex.space-x-2.overflow-x-auto
    > button{

        flex:
            0
            0
            62px !important;

        width:62px !important;
        height:46px !important;

        margin:0 !important;

        overflow:hidden;

        border:
            1px solid
            rgba(111,133,162,.32) !important;

        border-radius:7px !important;

        background:#0B1A2E !important;
    }

    .cs-detail-main
    > .space-y-4:first-child
    > .flex.space-x-2.overflow-x-auto
    > button img{

        width:100% !important;
        height:100% !important;

        object-fit:cover !important;
    }


    /* ==============================================
       TITLE
       ============================================== */

    .cs-md-mobile-title{
        padding:
            17px
            16px
            11px !important;
    }

    .cs-md-mobile-title-main{
        font-size:22px !important;
        line-height:1.12 !important;
    }

    .cs-md-mobile-variant{
        margin-top:4px !important;

        font-size:14px !important;
    }


    .cs-md-mobile-meta{
        display:flex;
        align-items:center;
        flex-wrap:wrap;

        gap:5px;

        margin-top:10px;

        color:#8090A5;

        font-size:10px;
        line-height:1.25;

        font-weight:750;

        text-transform:uppercase;
        letter-spacing:.025em;
    }


    .cs-md-mobile-meta-item{
        display:inline-flex;
        align-items:center;

        gap:4px;

        white-space:nowrap;
    }


    .cs-md-mobile-meta-item svg{
        width:12px;
        height:12px;

        fill:none;
        stroke:currentColor;

        stroke-width:1.8;
        stroke-linecap:round;
        stroke-linejoin:round;
    }


    .cs-md-mobile-meta-dot{
        color:#4B5D75;
    }


    .cs-md-mobile-distance-wrap{
        display:inline-flex;
        align-items:center;

        gap:5px;
    }


    .cs-md-mobile-top-badge{
        display:inline-flex;
        align-items:center;

        padding:
            3px
            7px;

        margin-right:2px;

        border-radius:999px;

        background:
            linear-gradient(
                90deg,
                #6D46F7,
                #D63FD8
            );

        color:#FFF;

        font-size:9.5px;
        line-height:1;

        font-weight:850;

        letter-spacing:.02em;
    }

    .cs-md-mobile-top-badge[hidden]{
        display:none !important;
    }


    /* ==============================================
       PRICE + OFFER
       ============================================== */

    .cs-md-mobile-commerce{

        display:grid !important;

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

        column-gap:14px;

        padding:
            11px
            16px
            20px !important;
    }


    .cs-md-mobile-old-price{
        grid-column:1 / -1;

        margin-bottom:3px !important;
    }


    .cs-md-mobile-price{
        grid-column:1;

        align-self:center;

        font-size:27px !important;
    }


    .cs-md-mobile-offer{
        grid-column:2;

        align-self:center;

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

        gap:5px;

        margin:0;
        padding:0;

        border:0;

        background:transparent;

        color:#B788FF;

        font-size:12px;
        line-height:1;

        font-weight:750;

        white-space:nowrap;

        text-decoration:underline;
        text-underline-offset:3px;
    }


    .cs-md-mobile-offer svg{
        width:15px;
        height:15px;

        flex:0 0 15px;
    }


    .cs-md-mobile-vat,
    .cs-md-mobile-finance,
    .cs-md-mobile-calc,
    .cs-md-mobile-contact,
    .cs-md-mobile-actions{

        grid-column:1 / -1;
    }


    .cs-md-mobile-vat{
        margin-top:5px !important;
    }


    .cs-md-mobile-finance{
        margin-top:17px !important;
    }


    .cs-md-mobile-calc{
        margin-top:9px !important;
    }


    /* ==============================================
       CONTACT
       ============================================== */

    .cs-md-mobile-contact{

        min-height:48px !important;

        margin-top:18px !important;

        border-radius:9px !important;

        font-size:14px !important;
    }


    .cs-md-mobile-contact svg{
        width:18px;
        height:18px;
    }


    /* ==============================================
       GARAGE + SHARE
       ============================================== */

    .cs-md-mobile-actions{

        display:grid;

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

        gap:9px;

        margin-top:9px;
    }


    .cs-md-mobile-action{

        display:flex;
        align-items:center;
        justify-content:center;

        gap:7px;

        min-height:43px;

        padding:
            0
            12px;

        border:
            1px solid
            #293E59;

        border-radius:9px;

        background:#11171D;

        color:#D1D9E4;

        font-size:12.5px;
        line-height:1;

        font-weight:750;
    }


    .cs-md-mobile-action svg{

        width:17px;
        height:17px;

        flex:0 0 17px;
    }


    .cs-md-mobile-action.is-active{

        border-color:
            rgba(51,173,250,.55);

        background:
            rgba(51,173,250,.12);

        color:#B76CFF;
    }

}


/* =========================================================
   ORIGINAL MOBILE PUSH STYLE 03
   ========================================================= */
@media (max-width:1023px){

    /* ======================================================
       META ABOVE TITLE
       TOP / DATE / LOCATION / DISTANCE
       ====================================================== */

    .cs-md-mobile-meta{

        margin:
            0
            0
            10px !important;
    }


    /* ======================================================
       DISTANCE:
       SAME GREY STYLE AS LOCATION
       NO BUBBLE
       ====================================================== */

    .cs-md-mobile-distance-wrap,
    .cs-md-mobile-distance-wrap:not([hidden]){

        display:inline-flex !important;

        align-items:center !important;

        gap:5px !important;

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

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

        background:transparent !important;

        box-shadow:none !important;

        color:#8090A5 !important;

        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;

        cursor:pointer;
    }


    .cs-md-mobile-distance-wrap[hidden]{
        display:none !important;
    }


    .cs-md-mobile-distance-wrap
    .cs-md-mobile-meta-dot{

        display:inline !important;

        color:#4B5D75 !important;
    }


    .cs-md-mobile-distance-wrap
    .cs-md-mobile-meta-item,
    .cs-md-mobile-distance-wrap
    [data-cs-mobile-distance]{

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

        border:0 !important;

        background:transparent !important;

        color:#8090A5 !important;

        font-size:9.5px !important;
        line-height:1.25 !important;

        font-weight:750 !important;

        text-transform:uppercase !important;

        letter-spacing:.025em !important;

        white-space:nowrap !important;
    }


    .cs-md-mobile-distance-wrap.is-distance-ready{
        cursor:default;
    }


    /* ======================================================
       PRICE + NAVRHNUT CENU
       DIRECTLY NEXT TO EACH OTHER
       ====================================================== */

    .cs-md-mobile-commerce{

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

        column-gap:10px !important;
    }


    .cs-md-mobile-price{

        grid-column:1 !important;

        justify-self:start !important;
    }


    .cs-md-mobile-offer{

        grid-column:2 !important;

        justify-self:start !important;

        align-self:center !important;

        margin:
            2px
            0
            0 !important;
    }


    .cs-md-mobile-old-price,
    .cs-md-mobile-vat,
    .cs-md-mobile-finance,
    .cs-md-mobile-calc,
    .cs-md-mobile-contact,
    .cs-md-mobile-actions{

        grid-column:
            1 / -1 !important;
    }


    /* ======================================================
       CONTACT ACTIONS:
       EMAIL / GARAGE / SHARE
       ====================================================== */

    .cs-md-mobile-actions{

        display:grid !important;

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

        gap:7px !important;

        margin-top:9px !important;
    }


    .cs-md-mobile-action{

        min-width:0 !important;

        min-height:44px !important;

        padding:
            0
            5px !important;

        gap:5px !important;

        border:
            1px solid
            #293F5B !important;

        border-radius:
            9px !important;

        background:
            #091B30 !important;

        color:
            #C9D1DD !important;

        font-size:
            10.8px !important;

        font-weight:
            750 !important;

        text-decoration:
            none !important;
    }


    .cs-md-mobile-action svg{

        width:16px !important;
        height:16px !important;

        flex:
            0
            0
            16px !important;
    }


    /*
     * GARAGE ACTIVE:
     * FULL BUTTON PURPLE.
     */
    .cs-md-mobile-action.is-active{

        border-color:
            #A648FF !important;

        background:
            linear-gradient(
                90deg,
                #7131F4,
                #B63EF5
            ) !important;

        color:
            #FFFFFF !important;

        box-shadow:
            0
            6px
            18px
            rgba(143,56,246,.22)
            !important;
    }


    .cs-md-mobile-action.is-active svg{
        color:#FFFFFF !important;
        stroke:#FFFFFF !important;
    }


    /* ======================================================
       MAIN PHOTO COUNTER
       BOTTOM RIGHT
       ====================================================== */

    #gallery-counter{

        top:auto !important;
        left:auto !important;

        right:12px !important;
        bottom:12px !important;

        background:
            rgba(3,9,18,.38)
            !important;

        border-color:
            rgba(255,255,255,.09)
            !important;

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

        -webkit-backdrop-filter:
            blur(5px)
            !important;

        box-shadow:none !important;
    }


    /* ======================================================
       OLD TECH STAYS UNTIL NEW ONE SUCCESSFULLY BUILDS
       ====================================================== */

    body.cs-mobile-v6-tech-ready
    .cs-mobile-tech-title{

        display:none !important;
    }


    body.cs-mobile-v6-tech-ready
    .cs-mobilede-overview-grid{

        display:none !important;
    }


    body.cs-mobile-v6-tech-ready
    .cs-mob-real-tech{

        display:none !important;
    }


    /* ======================================================
       NEW MOBILE TECH
       ====================================================== */

    .cs-mobile-tech-v6[hidden]{
        display:none !important;
    }


    .cs-mobile-tech-v6{

        width:
            calc(100% + 28px);

        margin:
            0
            -14px;

        padding:
            21px
            14px
            20px;

        border-top:
            1px solid
            #1C304A;

        background:#0D1217;
    }


    .cs-mobile-tech-v6-title{

        margin:
            0
            0
            13px;

        padding:
            0
            2px;

        color:#F4F6F9;

        font-size:21px;
        line-height:1.15;

        font-weight:850;

        letter-spacing:-.025em;
    }


    .cs-mobile-tech-v6-panel{

        overflow:hidden;

        border:
            1px solid
            rgba(62,88,120,.42);

        border-radius:14px;

        background:
            linear-gradient(
                180deg,
                #0D1217,
                #08192D
            );
    }


    .cs-mobile-tech-v6-grid{

        display:grid;

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

        column-gap:7px;

        padding:
            5px
            7px
            9px;
    }


    .cs-mobile-tech-v6-item{

        display:grid;

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

        align-items:center;

        gap:8px;

        min-width:0;

        min-height:70px;

        padding:
            9px
            6px;
    }


    .cs-mobile-tech-v6-icon{

        display:flex;

        align-items:center;
        justify-content:center;

        width:32px;
        height:32px;
    }


    .cs-mobile-tech-v6-icon img{

        display:block;

        width:29px;
        height:29px;

        max-width:29px;
        max-height:29px;

        object-fit:contain;

        border:0;

        background:transparent;
    }


    .cs-mobile-tech-v6-copy{
        min-width:0;
    }


    .cs-mobile-tech-v6-label{

        margin-bottom:3px;

        color:#7D8DA2;

        font-size:10px;
        line-height:1.1;

        font-weight:600;
    }


    .cs-mobile-tech-v6-value{

        color:#F4F6F9;

        font-size:13px;
        line-height:1.18;

        font-weight:800;

        overflow-wrap:anywhere;
    }


    .cs-mobile-tech-v6-footer{

        display:flex;

        align-items:center;
        justify-content:space-between;

        gap:12px;

        min-height:68px;

        padding:
            12px
            14px;

        border-top:
            1px solid
            rgba(69,94,125,.28);

        background:
            rgba(5,17,31,.34);
    }


    .cs-mobile-tech-v6-vis{

        display:flex;

        align-items:center;

        min-width:0;

        gap:10px;
    }


    .cs-mobile-tech-v6-vis svg{

        width:24px;
        height:24px;

        flex:
            0
            0
            24px;

        color:#A648FF;
    }


    .cs-mobile-tech-v6-vis div{

        display:flex;

        flex-direction:column;

        min-width:0;
    }


    .cs-mobile-tech-v6-vis strong{

        color:#F0F3F7;

        font-size:11px;
        line-height:1.15;

        font-weight:800;
    }


    .cs-mobile-tech-v6-vis span{

        margin-top:3px;

        color:#718197;

        font-size:8.5px;
        line-height:1.1;

        font-weight:600;
    }


    .cs-mobile-tech-v6-views{

        display:flex;

        align-items:baseline;

        gap:4px;

        flex:0 0 auto;

        white-space:nowrap;
    }


    .cs-mobile-tech-v6-views strong{

        color:#FFFFFF;

        font-size:19px;
        line-height:1;

        font-weight:850;
    }


    .cs-mobile-tech-v6-views span{

        color:#7D8DA2;

        font-size:9px;
        line-height:1;

        font-weight:650;
    }


    /* ======================================================
       FULLSCREEN
       ====================================================== */

    .cs-mobile-fs-v6[hidden]{
        display:none !important;
    }


    .cs-mobile-fs-v6{

        position:fixed;

        z-index:999999;

        inset:0;

        display:block;

        background:#01050C;
    }


    .cs-mobile-fs-v6-stage{

        position:absolute;

        inset:
            58px
            0
            82px;

        display:flex;

        align-items:center;
        justify-content:center;

        overflow:hidden;

        touch-action:none;

        user-select:none;
        -webkit-user-select:none;
    }


    .cs-mobile-fs-v6-image{

        display:block;

        max-width:100vw;
        max-height:100%;

        width:auto;
        height:auto;

        object-fit:contain;

        transform:
            translate3d(0,0,0)
            scale(1);

        transform-origin:center;

        will-change:transform;

        -webkit-user-drag:none;
        user-select:none;
    }


    .cs-mobile-fs-v6-close{

        position:absolute;

        z-index:20;

        top:
            max(
                14px,
                env(safe-area-inset-top)
            );

        right:14px;

        display:flex;

        align-items:center;
        justify-content:center;

        width:42px;
        height:42px;

        padding:0;

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

        border-radius:50%;

        background:
            rgba(4,10,20,.52);

        color:#FFF;
    }


    .cs-mobile-fs-v6-close svg{

        width:21px;
        height:21px;
    }


    .cs-mobile-fs-v6-counter{

        position:absolute;

        z-index:20;

        top:
            max(
                18px,
                env(safe-area-inset-top)
            );

        left:14px;

        padding:
            5px
            9px;

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

        border-radius:7px;

        background:
            rgba(4,10,20,.40);

        color:#FFF;

        font-size:11px;
        line-height:1;

        font-weight:800;
    }


    .cs-mobile-fs-v6-thumbs{

        position:absolute;

        z-index:20;

        left:0;
        right:0;

        bottom:
            max(
                8px,
                env(safe-area-inset-bottom)
            );

        display:flex;

        align-items:center;

        gap:7px;

        overflow-x:auto;

        padding:
            8px
            13px;

        scrollbar-width:none;
    }


    .cs-mobile-fs-v6-thumbs::-webkit-scrollbar{
        display:none;
    }


    .cs-mobile-fs-v6-thumb{

        flex:
            0
            0
            59px;

        width:59px;
        height:44px;

        padding:0;

        overflow:hidden;

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

        border-radius:7px;

        background:#0D1217;

        opacity:.58;
    }


    .cs-mobile-fs-v6-thumb img{

        display:block;

        width:100%;
        height:100%;

        object-fit:cover;
    }


    .cs-mobile-fs-v6-thumb.is-active{

        opacity:1;

        border-color:#A648FF;

        box-shadow:
            0
            0
            0
            1px
            rgba(166,72,255,.35);
    }

}


/* =========================================================
   ORIGINAL MOBILE PUSH STYLE 04
   ========================================================= */
@media (max-width:1023px){

    /*
     * CS_MOBILE_LISTING_ID_UNDER_VISIBILITY_V1
     * Intentionally subtle secondary metadata.
     */
    .cs-mobile-listing-id{
        display:block !important;
        margin-top:3px !important;
        font-size:10px !important;
        line-height:1.2 !important;
        font-weight:400 !important;
        letter-spacing:.01em !important;
        color:#6F7C8D !important;
        opacity:.82 !important;
    }

    /* ======================================================
       META
       ====================================================== */

    .cs-md-mobile-meta{
        margin-bottom:10px !important;
    }


    /* LOCATION + DISTANCE SAME GREY STYLE */

    .cs-md-mobile-distance-wrap,
    .cs-md-mobile-distance-wrap:not([hidden]){

        display:inline-flex !important;

        align-items:center !important;

        gap:5px !important;

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

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

        background:transparent !important;

        box-shadow:none !important;

        color:#8090A5 !important;

        backdrop-filter:none !important;
        -webkit-backdrop-filter:none !important;

        cursor:pointer !important;
    }


    .cs-md-mobile-distance-wrap[hidden]{
        display:none !important;
    }


    .cs-md-mobile-distance-wrap
    .cs-md-mobile-meta-dot{
        display:inline !important;
        color:#4B5D75 !important;
    }


    .cs-md-mobile-distance-wrap
    [data-cs-mobile-distance]{

        color:#8090A5 !important;

        font-size:9.5px !important;
        line-height:1.25 !important;

        font-weight:750 !important;

        text-transform:uppercase !important;

        letter-spacing:.025em !important;

        white-space:nowrap !important;
    }


    /* ======================================================
       NEW TECH
       ====================================================== */

    .cs-tech-v7[hidden]{
        display:none !important;
    }


    .cs-tech-v7{

        width:
            calc(100% + 28px);

        margin:
            0
            -14px;

        padding:
            21px
            14px
            20px;

        border-top:
            1px solid
            #1C304A;

        background:#0D1217;
    }


    .cs-tech-v7-title{

        margin:
            0
            0
            13px;

        color:#F4F6F9;

        font-size:21px;
        line-height:1.15;

        font-weight:850;

        letter-spacing:-.025em;
    }


    .cs-tech-v7-card{

        overflow:hidden;

        border:
            1px solid
            #203955;

        border-radius:14px;

        background:
            linear-gradient(
                180deg,
                #091D34,
                #08192D
            );
    }


    .cs-tech-v7-grid{

        display:grid;

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

        column-gap:8px;

        padding:
            5px
            8px
            8px;
    }


    .cs-tech-v7-item{

        display:grid;

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

        align-items:center;

        gap:8px;

        min-width:0;

        min-height:69px;

        padding:
            9px
            5px;
    }


    .cs-tech-v7-icon{

        display:flex;

        align-items:center;
        justify-content:center;

        width:32px;
        height:32px;
    }


    .cs-tech-v7-icon img{

        display:block;

        width:29px;
        height:29px;

        max-width:29px;
        max-height:29px;

        object-fit:contain;

        border:0;

        background:transparent;
    }


    .cs-tech-v7-copy{
        min-width:0;
    }


    .cs-tech-v7-label{

        margin-bottom:3px;

        color:#7D8DA2;

        font-size:10px;
        line-height:1.1;

        font-weight:600;
    }


    .cs-tech-v7-value{

        color:#F4F6F9;

        font-size:13px;
        line-height:1.18;

        font-weight:800;

        overflow-wrap:anywhere;
    }


    /* VIEW COUNTER */

    .cs-tech-v7-footer{

        display:flex;

        align-items:center;
        justify-content:space-between;

        gap:12px;

        min-height:67px;

        padding:
            11px
            13px;

        border-top:
            1px solid
            rgba(75,100,131,.30);
    }


    .cs-tech-v7-visibility{

        display:flex;

        align-items:center;

        gap:9px;

        min-width:0;
    }


    .cs-tech-v7-visibility > svg{

        width:23px;
        height:23px;

        flex:
            0
            0
            23px;

        color:#A648FF;
    }


    .cs-tech-v7-visibility > div{

        display:flex;

        flex-direction:column;

        min-width:0;
    }


    .cs-tech-v7-visibility strong{

        color:#F0F3F7;

        font-size:11px;
        line-height:1.15;

        font-weight:800;
    }


    .cs-tech-v7-visibility span{

        margin-top:3px;

        color:#718197;

        font-size:8.5px;
        line-height:1.1;

        font-weight:600;
    }


    .cs-tech-v7-count{

        display:flex;

        align-items:baseline;

        gap:4px;

        flex:
            0
            0
            auto;
    }


    .cs-tech-v7-count strong{

        color:#FFF;

        font-size:20px;
        line-height:1;

        font-weight:850;
    }


    .cs-tech-v7-count span{

        color:#7D8DA2;

        font-size:9px;

        font-weight:650;
    }


    /* ======================================================
       WHEN V7 SUCCESSFUL:
       HIDE THE ENTIRE OLD LEGACY TECH WRAPPER
       ====================================================== */

    body.cs-v7-ready
    .cs-mobile-tech-title{
        display:none !important;
    }


    /* ======================================================
       PHOTO COUNTER = RIGHT BOTTOM
       ====================================================== */

    #gallery-counter{

        top:auto !important;
        left:auto !important;

        right:12px !important;
        bottom:12px !important;
    }


    /* ======================================================
       FULLSCREEN ARROWS
       ====================================================== */

    .cs-fs-v7-arrow{

        position:absolute;

        z-index:40;

        top:50%;

        display:flex;

        align-items:center;
        justify-content:center;

        width:46px;
        height:46px;

        padding:0;

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

        border-radius:50%;

        background:
            rgba(7,16,30,.56);

        color:#FFF;

        transform:
            translateY(-50%);

        backdrop-filter:
            blur(6px);

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


    .cs-fs-v7-arrow svg{

        width:22px;
        height:22px;
    }


    .cs-fs-v7-prev{
        left:12px;
    }


    .cs-fs-v7-next{
        right:12px;
    }


    /* ======================================================
       OFFER MODAL:
       X MUST ALWAYS BE VISIBLE ON PHONE
       ====================================================== */

    .cs-offer-overlay{

        padding:
            max(
                10px,
                env(safe-area-inset-top)
            )
            10px
            10px !important;
    }


    .cs-offer-modal{

        width:
            calc(100vw - 20px) !important;

        max-height:
            calc(100dvh - 20px) !important;
    }


    .cs-offer-close{

        position:fixed !important;

        z-index:100005 !important;

        top:
            max(
                14px,
                calc(
                    env(safe-area-inset-top)
                    + 6px
                )
            ) !important;

        right:14px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        width:42px !important;
        height:42px !important;

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

        border-radius:
            50% !important;

        background:
            rgba(6,15,29,.92)
            !important;

        color:#FFF !important;

        opacity:1 !important;

        visibility:visible !important;
    }

}


/* =========================================================
   ORIGINAL MOBILE PUSH STYLE 05
   ========================================================= */
@media(max-width:1023px){

    /* VIN = dedicated purple SVG */
    .cs-tech-v7-icon svg.cs-v8-vin-icon{
        display:block;

        width:29px;
        height:29px;

        fill:none;

        stroke:#A648FF;

        stroke-width:1.9;
        stroke-linecap:round;
        stroke-linejoin:round;
    }

    /* Distance remains plain grey meta */
    .cs-md-mobile-distance-wrap,
    .cs-md-mobile-distance-wrap *{
        color:#8090A5 !important;
    }

}


/* =========================================================
   ORIGINAL MOBILE PUSH STYLE 06
   ========================================================= */
@media(max-width:1023px){

    /*
     * Distance must actually be tappable.
     */
    .cs-md-mobile-distance-wrap{

        position:relative !important;

        z-index:5 !important;

        pointer-events:auto !important;

        cursor:pointer !important;

        -webkit-tap-highlight-color:
            transparent !important;
    }


    .cs-md-mobile-distance-wrap *{

        pointer-events:none !important;
    }


    /*
     * Offer modal close:
     * NO ugly circle outline.
     */
    .cs-offer-close{

        border:0 !important;

        outline:0 !important;

        box-shadow:none !important;

        background:
            rgba(6,15,29,.90)
            !important;

        -webkit-tap-highlight-color:
            transparent !important;
    }


    .cs-offer-close:focus,
    .cs-offer-close:focus-visible,
    .cs-offer-close:active{

        border:0 !important;

        outline:0 !important;

        box-shadow:none !important;
    }

}


/* =========================================================
   ORIGINAL MOBILE PUSH STYLE 07 [id="cs-desktop-fullscreen-v1-20260908"]
   ========================================================= */
@media (min-width:1024px){

    /*
     * Main detail photo advertises fullscreen.
     */
    #listing-gallery-main #main-image{
        cursor:zoom-in !important;
    }


    /*
     * Desktop version of the EXISTING mobile fullscreen root.
     */
    .cs-mobile-fs-v6[hidden]{
        display:none !important;
    }

    .cs-mobile-fs-v6:not([hidden]){
        position:fixed !important;

        inset:0 !important;

        z-index:2147483000 !important;

        display:grid !important;

        grid-template-rows:
            minmax(0,1fr)
            92px !important;

        width:100vw !important;
        height:100dvh !important;

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

        overflow:hidden !important;

        background:
            rgba(
                2,
                6,
                12,
                .985
            )
            !important;

        color:#fff !important;
    }


    .cs-mobile-fs-v6-stage{
        position:relative !important;

        grid-row:1 !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        min-width:0 !important;
        min-height:0 !important;

        width:auto !important;
        height:auto !important;

        margin:
            0
            78px !important;

        padding:
            26px
            0
            14px !important;

        overflow:hidden !important;

        border:0 !important;

        background:
            transparent !important;

        touch-action:none !important;

        user-select:none !important;
        -webkit-user-select:none !important;

        cursor:zoom-in;
    }


    .cs-mobile-fs-v6-stage.cs-desktop-fs-dragging{
        cursor:grabbing !important;
    }


    /*
     * Fullscreen intentionally uses CONTAIN:
     * user sees the whole original photo,
     * then can zoom into it.
     *
     * This does NOT affect the normal detail hero,
     * which remains COVER / borderless.
     */
    .cs-mobile-fs-v6-image{
        display:block !important;

        width:auto !important;
        height:auto !important;

        max-width:100% !important;

        max-height:
            calc(
                100dvh
                -
                128px
            )
            !important;

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

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

        outline:0 !important;
        box-shadow:none !important;

        background:
            transparent !important;

        transform-origin:
            center center !important;

        will-change:
            transform !important;

        user-select:none !important;
        -webkit-user-drag:none !important;

        cursor:inherit !important;
    }


    .cs-mobile-fs-v6-close{
        position:fixed !important;

        top:20px !important;
        right:24px !important;

        z-index:2147483003 !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        width:46px !important;
        height:46px !important;

        padding:0 !important;

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

        border-radius:
            50% !important;

        background:
            rgba(
                5,
                10,
                18,
                .72
            )
            !important;

        color:#fff !important;

        cursor:pointer !important;

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


    .cs-mobile-fs-v6-close svg{
        width:22px !important;
        height:22px !important;
    }


    .cs-mobile-fs-v6-counter{
        position:fixed !important;

        top:26px !important;
        left:50% !important;

        z-index:2147483003 !important;

        transform:
            translateX(-50%) !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        min-width:60px !important;
        height:34px !important;

        padding:
            0
            11px !important;

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

        border-radius:
            8px !important;

        background:
            rgba(
                4,
                9,
                17,
                .66
            )
            !important;

        color:#fff !important;

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

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


    .cs-mobile-fs-v6-thumbs{
        position:relative !important;

        grid-row:2 !important;

        z-index:2147483002 !important;

        display:flex !important;

        align-items:center !important;

        gap:8px !important;

        width:100% !important;

        margin:0 !important;

        padding:
            10px
            24px
            14px !important;

        overflow-x:auto !important;
        overflow-y:hidden !important;

        background:
            rgba(
                3,
                8,
                15,
                .94
            )
            !important;

        scrollbar-width:
            thin;
    }


    .cs-mobile-fs-v6-thumb{
        flex:
            0
            0
            92px !important;

        width:92px !important;
        height:64px !important;

        padding:0 !important;

        overflow:hidden !important;

        border:
            2px solid
            transparent !important;

        border-radius:
            7px !important;

        background:#080D14 !important;

        opacity:.58 !important;

        cursor:pointer !important;
    }


    .cs-mobile-fs-v6-thumb img{
        display:block !important;

        width:100% !important;
        height:100% !important;

        object-fit:cover !important;

        border:0 !important;
    }


    .cs-mobile-fs-v6-thumb.is-active{
        border-color:
            rgba(
                255,
                255,
                255,
                .88
            )
            !important;

        opacity:1 !important;
    }

}


/* =========================================================
   ORIGINAL MOBILE PUSH STYLE 08
   ========================================================= */
/* CS_DUPLICATE_DM_SANS_REMOVED_V1: loaded globally by layouts.app */
@media (max-width:1023px){

    .cs-md-mobile-detail,
    .cs-md-mobile-title,
    .cs-md-mobile-commerce,
    .cs-tech-v7,
    .cs-mobile-tech-title{
        background:#0D1218 !important;
    }


    .cs-md-mobile-detail,
    .cs-md-mobile-detail *,
    .cs-md-mobile-detail button,
    .cs-md-mobile-detail a{
        box-sizing:border-box !important;

        font-family:
            "DM Sans",
            "Avenir Next",
            Arial,
            sans-serif !important;

        -webkit-font-smoothing:
            antialiased !important;
    }


    .cs-md-mobile-detail{
        width:calc(100% + 28px) !important;

        margin-left:-14px !important;
        margin-right:-14px !important;

        color:#F7F6F8 !important;
    }


    /* TITLE */

    .cs-md-mobile-title{
        width:100% !important;

        padding:
            18px
            20px
            7px
            !important;
    }


    .cs-md-mobile-title-main{
        margin:0 !important;

        color:#F7F6F8 !important;

        font-size:20px !important;
        line-height:1.18 !important;

        font-weight:700 !important;

        letter-spacing:-.025em !important;
    }


    .cs-md-mobile-variant{
        margin-top:4px !important;

        color:#EEEFF1 !important;

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

        font-weight:500 !important;
    }


    .cs-md-mobile-meta{
        display:none !important;
    }


    /* PRICE */

    .cs-md-mobile-commerce{
        display:block !important;

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

        margin:0 !important;

        padding:
            9px
            20px
            18px
            !important;
    }


    .cs-md-mobile-old-price{
        margin:0 0 4px !important;

        color:#9BA0A6 !important;

        font-size:12px !important;

        font-weight:400 !important;
    }


    .cs-md-mobile-price{
        display:block !important;

        color:#FAFAFB !important;

        font-size:24px !important;
        line-height:1.08 !important;

        font-weight:650 !important;

        letter-spacing:-.025em !important;
    }


    .cs-md-mobile-negotiable{
        margin-top:4px !important;

        color:#ECEDEF !important;

        font-size:12.5px !important;

        font-weight:500 !important;
    }


    .cs-md-mobile-vat,
    .cs-md-mobile-vat strong{
        margin-top:4px !important;

        color:#A1A5AA !important;

        font-size:11.5px !important;

        font-weight:400 !important;
    }


    .cs-md-mobile-offer{
        display:none !important;
    }


    /* FINANCE */

    .cs-md-mobile-finance{
        position:relative !important;

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

        min-height:50px !important;

        margin:18px 0 0 !important;

        padding:0 13px !important;

        display:grid !important;

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

        align-items:center !important;

        gap:10px !important;

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

        border-radius:10px !important;

        background:transparent !important;
    }


    .cs-md-mobile-finance-line{
        display:flex !important;

        align-items:center !important;

        gap:4px !important;

        min-width:0 !important;

        color:#E8E9EB !important;

        font-size:13px !important;
        line-height:1 !important;

        font-weight:500 !important;

        white-space:nowrap !important;
    }


    .cs-md-mobile-finance-line strong{
        color:#F8F8F9 !important;

        font-size:13px !important;

        font-weight:700 !important;
    }


    .cs-md-mobile-info{
        width:17px !important;
        height:17px !important;

        margin-left:4px !important;

        display:inline-flex !important;

        align-items:center !important;
        justify-content:center !important;

        border:
            1px solid
            #71777D
            !important;

        border-radius:50% !important;

        background:transparent !important;

        color:#A4A9AE !important;

        font-size:9px !important;

        font-weight:700 !important;
    }


    .cs-md-mobile-calc{
        position:static !important;

        display:block !important;

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

        transform:none !important;

        justify-self:end !important;

        color:#33ADFA !important;

        font-size:12px !important;
        line-height:1.15 !important;

        font-weight:600 !important;

        text-decoration:underline !important;

        text-underline-offset:3px !important;

        white-space:nowrap !important;
    }


    .cs-md-mobile-finance-info{
        top:55px !important;
        left:0 !important;
    }


    /* CTA — BACK TO COMPACT SIZE */

    .cs-md-mobile-cta-grid{
        width:100% !important;

        display:grid !important;

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

        gap:8px !important;

        margin:18px 0 0 !important;

        padding:0 !important;
    }


    .cs-md-mobile-cta{
        width:100% !important;

        height:40px !important;
        min-height:40px !important;

        margin:0 !important;

        padding:0 12px !important;

        display:flex !important;

        align-items:center !important;
        justify-content:center !important;

        gap:7px !important;

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

        background:#33ADFA !important;

        color:#FFFFFF !important;

        font-size:13.5px !important;
        line-height:1 !important;

        font-weight:650 !important;

        text-decoration:none !important;
    }


    .cs-md-mobile-cta span,
    .cs-md-mobile-cta svg{
        color:#FFFFFF !important;
    }


    .cs-md-mobile-cta svg{
        width:17px !important;
        height:17px !important;

        flex:0 0 17px !important;

        stroke:currentColor !important;
    }


    .cs-md-mobile-actions,
    .cs-md-mobile-contact{
        display:none !important;
    }


    .cs-tech-v7,
    .cs-mobile-tech-title{
        border-color:
            rgba(255,255,255,.08)
            !important;
    }

}


/* =========================================================
   ORIGINAL MOBILE PUSH STYLE 09
   ========================================================= */
@media (max-width:1023px){

    /* ======================================================
       SAME DARK SURFACE AS TOP BAR
       ====================================================== */
    .cs-md-mobile-detail,
    .cs-md-mobile-title,
    .cs-md-mobile-commerce,
    .cs-mobile-tech-title,
    .cs-mobilede-overview-grid,
    .cs-tech-v7{
        background:#02060C !important;
    }

    .cs-md-mobile-detail{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        color:#F7F9FC !important;
    }

    /* ======================================================
       TITLE / HORIZONTAL PADDING
       ====================================================== */
    .cs-md-mobile-title{
        padding:18px 18px 8px !important;
    }

    .cs-md-mobile-commerce{
        padding:10px 18px 12px !important;
    }

    .cs-md-mobile-title-main{
        font-size:20px !important;
        line-height:1.14 !important;
        font-weight:650 !important;
        letter-spacing:-0.02em !important;
        color:#F8FAFD !important;
    }

    .cs-md-mobile-variant{
        margin-top:4px !important;
        font-size:13.5px !important;
        line-height:1.34 !important;
        font-weight:500 !important;
        color:rgba(255,255,255,.84) !important;
    }

    .cs-md-mobile-meta{
        display:none !important;
    }

    /* ======================================================
       PRICE
       ====================================================== */
    .cs-md-mobile-old-price{
        margin:0 0 5px !important;
        font-size:12px !important;
        line-height:1 !important;
        font-weight:600 !important;
        color:rgba(255,255,255,.50) !important;
    }

    .cs-md-mobile-price{
        font-size:24px !important;
        line-height:1.06 !important;
        font-weight:650 !important;
        letter-spacing:-0.015em !important;
        color:#F8FAFD !important;
    }

    .cs-md-mobile-vat{
        margin-top:3px !important;
        font-size:12.5px !important;
        line-height:1.3 !important;
        font-weight:500 !important;
        color:rgba(255,255,255,.62) !important;
    }

    .cs-md-mobile-vat strong{
        color:rgba(255,255,255,.75) !important;
        font-weight:600 !important;
    }

    .cs-md-mobile-offer{
        display:none !important;
    }

    /* ======================================================
       FINANCE BOX
       ====================================================== */
    .cs-md-mobile-finance{
        position:relative !important;
        margin-top:12px !important;
        min-height:46px !important;
        display:flex !important;
        align-items:center !important;
        padding:0 12px !important;
        border:1px solid rgba(255,255,255,.09) !important;
        border-radius:10px !important;
        background:rgba(255,255,255,.02) !important;
        box-shadow:none !important;
    }

    .cs-md-mobile-finance-line{
        gap:4px !important;
        margin:0 !important;
        font-size:13px !important;
        line-height:1 !important;
        font-weight:500 !important;
        color:#F2F5FA !important;
        white-space:nowrap !important;
    }

    .cs-md-mobile-finance-line strong{
        font-size:13px !important;
        font-weight:700 !important;
        color:#F8FAFD !important;
    }

    .cs-md-mobile-info{
        width:16px !important;
        height:16px !important;
        margin-left:2px !important;
        border:1px solid rgba(255,255,255,.12) !important;
        color:rgba(255,255,255,.58) !important;
        font-size:9px !important;
        line-height:1 !important;
        background:transparent !important;
    }

    .cs-md-mobile-finance-info{
        top:36px !important;
        left:0 !important;
        width:min(310px, calc(100vw - 36px)) !important;
        padding:11px 12px !important;
        border:1px solid rgba(255,255,255,.08) !important;
        border-radius:10px !important;
        background:#10161D !important;
        color:#E2E8F0 !important;
        font-size:12px !important;
        line-height:1.4 !important;
    }

    .cs-md-mobile-calc{
        display:inline-flex !important;
        align-items:center !important;
        margin-top:8px !important;
        padding:0 !important;
        border:0 !important;
        background:transparent !important;
        color:#33ADFA !important;
        font-size:13px !important;
        line-height:1.2 !important;
        font-weight:600 !important;
        text-decoration:underline !important;
        text-underline-offset:2px !important;
    }

    /* ======================================================
       CTA GRID
       narrower, cleaner, not touching screen edges
       ====================================================== */
    .cs-md-mobile-cta-grid{
        display:grid !important;
        grid-template-columns:repeat(2, minmax(0,1fr)) !important;
        width:100% !important;
        max-width:100% !important;
        gap:10px !important;
        margin:12px 0 0 !important;
        padding:0 !important;
        align-items:stretch !important;
    }

    .cs-md-mobile-cta{
        width:100% !important;
        min-width:0 !important;
        height:48px !important;
        margin:0 !important;
        padding:0 12px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        border:0 !important;
        border-radius:10px !important;
        background:#33ADFA !important;
        color:#FFFFFF !important;
        text-decoration:none !important;
        box-shadow:none !important;
    }

    .cs-md-mobile-cta span{
        color:#FFFFFF !important;
        font-size:16px !important;
        line-height:1 !important;
        font-weight:700 !important;
        letter-spacing:-0.01em !important;
        white-space:nowrap !important;
    }

    .cs-md-mobile-cta svg{
        width:19px !important;
        height:19px !important;
        flex:0 0 19px !important;
        color:#FFFFFF !important;
        stroke:currentColor !important;
        fill:none !important;
    }

    .cs-md-mobile-cta img{
        width:19px !important;
        height:19px !important;
        filter:brightness(0) invert(1) !important;
    }

    .cs-md-mobile-cta-disabled{
        opacity:.42 !important;
        pointer-events:none !important;
    }

    /* old / unwanted rows stay hidden */
    .cs-md-mobile-contact,
    .cs-md-mobile-actions,
    .cs-md-mobile-ad-wrap{
        display:none !important;
    }

    /* ======================================================
       TECHNICKÉ ÚDAJE
       directly after CTAs, less dead space
       ====================================================== */
    .cs-mobile-tech-title{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:16px 18px 10px !important;
        border-top:1px solid rgba(255,255,255,.06) !important;
    }

    .cs-mobilede-overview-grid,
    .cs-tech-v7{
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:0 18px 18px !important;
        background:#02060C !important;
        border-top:0 !important;
    }
}