/* Detailpagina United Lease: 70% afbeelding + thumbslider, 30% calculator */
#dvo-website .dfv-detail-gallery{
    display:grid !important;
    grid-template-columns:minmax(0,7fr) minmax(330px,3fr) !important;
    gap:24px !important;
    align-items:start !important;
}
#dvo-website .dfv-detail-media-panel{
    min-width:0 !important;
    display:grid !important;
    grid-template-columns:1fr !important;
    grid-template-rows:auto auto !important;
    gap:12px !important;
    height:auto !important;
}
#dvo-website .dfv-detail-media-panel .dfv-detail-main-column,
#dvo-website .dfv-detail-media-panel .dfv-detail-main-swiper{
    width:100% !important;
    min-width:0 !important;
}
#dvo-website .dfv-detail-media-panel .dfv-detail-main-swiper{
    height:clamp(360px,34vw,560px) !important;
    min-height:0 !important;
    max-height:560px !important;
}
#dvo-website .dfv-detail-media-panel .dfv-detail-side{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
    display:block !important;
    grid-column:auto !important;
    grid-row:auto !important;
}
#dvo-website .dfv-detail-media-panel .dfv-detail-thumbs-grid,
#dvo-website .dfv-detail-media-panel .dfv-detail-thumbslider{
    display:flex !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    gap:12px !important;
    height:auto !important;
    min-height:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:2px 2px 8px !important;
    scroll-snap-type:x proximity;
    scrollbar-width:thin;
}
#dvo-website .dfv-detail-media-panel .dfv-detail-thumb-btn{
    flex:0 0 112px !important;
    width:112px !important;
    height:76px !important;
    min-height:76px !important;
    border-radius:12px !important;
    scroll-snap-align:start;
}
#dvo-website .dfv-detail-media-panel .dfv-detail-thumb-img{
    height:100% !important;
    width:100% !important;
    object-fit:cover !important;
}

/* Calculator kleuren gelijk aan de United Lease leasecalculator */
#dvo-website .dfv-detail-inline-leasecalc{
    background:#ffffff !important;
    border:5px solid #ffffff !important;
    border-radius:35px !important;
    padding:24px !important;
    color:#070327 !important;
    box-shadow:0 18px 45px rgba(7,3,39,.08) !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    min-height:0 !important;
    overflow:hidden !important;
    font-family:"Funnel Display", sans-serif !important;
}
#dvo-website .dfv-inline-leasecalc-head{
    margin-bottom:16px !important;
}
#dvo-website .dfv-inline-leasecalc-eyebrow{
    display:inline-flex !important;
    align-items:center !important;
    border-radius:999px !important;
    background:#f4f0f2 !important;
    color:#070327 !important;
    padding:6px 12px !important;
    font-size:12px !important;
    font-weight:700 !important;
    letter-spacing:.04em !important;
    text-transform:uppercase !important;
    margin-bottom:10px !important;
}
#dvo-website .dfv-inline-leasecalc-head h3{
    color:#070327 !important;
    font-size:24px !important;
    line-height:1.15 !important;
    font-weight:800 !important;
    margin:0 0 4px !important;
    padding:0 !important;
}
#dvo-website .dfv-inline-leasecalc-head p{
    color:#070327 !important;
    margin:0 !important;
    font-size:15px !important;
    font-weight:400 !important;
}
#dvo-website .dfv-inline-leasecalc-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
}
#dvo-website .dfv-detail-inline-leasecalc label,
#dvo-website .dfv-inline-term-box{
    display:flex !important;
    flex-direction:column !important;
    gap:8px !important;
    margin:0 !important;
    color:#070327 !important;
}
#dvo-website .dfv-detail-inline-leasecalc label span,
#dvo-website .dfv-inline-term-box>span,
#dvo-website .df-readonly>span,
#dvo-website .df-highlight>span{
    color:#070327 !important;
    font-size:14px !important;
    font-weight:400 !important;
    line-height:1.25 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-input{
    width:100% !important;
    height:auto !important;
    border:2px solid rgba(7,3,39,0.1) !important;
    border-radius:24px !important;
    background:#ffffff !important;
    color:#070327 !important;
    padding:.85rem 1.25rem !important;
    font-size:16px !important;
    font-weight:400 !important;
    outline:none !important;
    box-shadow:none !important;
    font-family:"Funnel Display", sans-serif !important;
}
#dvo-website .dfv-inline-term-box{
    grid-column:1 / -1 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-term-row{
    display:grid !important;
    grid-template-columns:repeat(6,minmax(0,1fr)) !important;
    gap:8px !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-term-btn{
    min-height:38px !important;
    border:2px solid rgba(7,3,39,0.1) !important;
    border-radius:5px !important;
    background:#ffffff !important;
    color:#070327 !important;
    font-weight:400 !important;
    cursor:pointer !important;
    transition:all .15s ease !important;
    font-family:"Funnel Display", sans-serif !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-term-btn:hover,
#dvo-website .dfv-detail-inline-leasecalc .df-term-btn.active{
    background:#dacf34 !important;
    color:#070327 !important;
    border-color:#dacf34 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-readonly,
#dvo-website .dfv-detail-inline-leasecalc .df-highlight{
    border-radius:0 !important;
    padding:0 !important;
    min-height:auto !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:flex-start !important;
    gap:8px !important;
    border:0 !important;
    background:transparent !important;
    color:#070327 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-output{
    width:100% !important;
    display:block !important;
    background:#e6e5e9 !important;
    color:#070327 !important;
    font-weight:600 !important;
    font-size:16px !important;
    line-height:1.2 !important;
    border-radius:24px !important;
    padding:.85rem 1.25rem !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-highlight .df-output{
    background:#d7d032 !important;
    border-color:#d7d032 !important;
    color:#000000 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-btn{
    margin-top:18px !important;
    width:100% !important;
    min-height:54px !important;
    border:1px solid var(--dfv-inline-btn-bg,#d7d032) !important;
    border-radius:20px !important;
    background:var(--dfv-inline-btn-bg,#d7d032) !important;
    color:var(--dfv-inline-btn-color,#000000) !important;
    font-size:16px !important;
    font-weight:500 !important;
    text-decoration:none !important;
    cursor:pointer !important;
    transition:all .15s ease !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-btn:hover,
#dvo-website .dfv-detail-inline-leasecalc .df-btn:focus{
    background:#b3ad23 !important;
    border-color:#b3ad23 !important;
    transform:translateY(-1px) !important;
}
#dvo-website .dfv-inline-leasecalc-note{
    display:block !important;
    margin-top:10px !important;
    color:#070327 !important;
    font-size:12px !important;
    line-height:1.45 !important;
}
@media (max-width:1199px){
    #dvo-website .dfv-detail-gallery{
        grid-template-columns:1fr !important;
    }
    #dvo-website .dfv-detail-inline-leasecalc{
        min-height:0 !important;
    }
}
@media (max-width:767px){
    #dvo-website .dfv-detail-gallery{
        gap:16px !important;
    }
    #dvo-website .dfv-detail-media-panel .dfv-detail-main-swiper{
        min-height:280px !important;
    }
    #dvo-website .dfv-detail-media-panel .dfv-detail-thumb-btn{
        flex-basis:104px !important;
        width:104px !important;
        height:74px !important;
        min-height:74px !important;
    }
    #dvo-website .dfv-detail-inline-leasecalc{
        padding:20px !important;
        border-radius:24px !important;
    }
    #dvo-website .dfv-inline-leasecalc-head h3{
        font-size:23px !important;
    }
    #dvo-website .dfv-inline-leasecalc-grid{
        grid-template-columns:1fr !important;
        gap:12px !important;
    }
    #dvo-website .dfv-detail-inline-leasecalc .df-term-row{
        grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    }
}


/* United Lease detailcalculator: vaste witte kaart zoals de losse calculatorpagina */
#dvo-website .dfv-detail-gallery{
    --dfv-detail-media-height: clamp(360px,34vw,560px) !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc[style]{
    background:#ffffff !important;
    border-color:#ffffff !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-main-swiper,
#dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-wrapper,
#dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-slide,
#dvo-website .dfv-detail-gallery .dfv-detail-main-swiper a,
#dvo-website .dfv-detail-gallery .dfv-detail-main-img{
    height:clamp(360px,34vw,560px) !important;
    min-height:0 !important;
    max-height:560px !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-side{
    height:auto !important;
    min-height:0 !important;
    max-height:none !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-top-column,
#dvo-website .dfv-detail-gallery + *{
    margin-top:0 !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-thumbs-grid::-webkit-scrollbar{
    height:8px;
}
#dvo-website .dfv-detail-gallery .dfv-detail-thumbs-grid::-webkit-scrollbar-thumb{
    background:rgba(7,3,39,.25);
    border-radius:999px;
}


/* DFV United Lease detail fix: geen gereserveerde lege grid-rij en echte horizontale thumbslider */
#dvo-website .dfv-detail-gallery.status_,
#dvo-website .dfv-detail-gallery{
    display:grid !important;
    grid-template-columns:minmax(0,70%) minmax(300px,30%) !important;
    grid-template-rows:auto !important;
    align-items:start !important;
    gap:20px !important;
    min-height:0 !important;
    height:auto !important;
    margin:0 !important;
    padding:0 !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-media-panel,
#dvo-website .dfv-detail-gallery .dfv-detail-main-column,
#dvo-website .dfv-detail-gallery .dfv-detail-side{
    grid-column:auto !important;
    grid-row:auto !important;
    display:block !important;
    width:100% !important;
    min-width:0 !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    margin:0 !important;
    padding:0 !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-main-swiper,
#dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-wrapper,
#dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-slide,
#dvo-website .dfv-detail-gallery .dfv-detail-main-swiper a,
#dvo-website .dfv-detail-gallery .dfv-detail-main-img{
    height:clamp(300px,28vw,465px) !important;
    min-height:0 !important;
    max-height:465px !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-main-img{
    display:block !important;
    width:100% !important;
    object-fit:cover !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-side{
    margin-top:12px !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-thumbs-grid,
#dvo-website .dfv-detail-gallery .dfv-detail-thumbslider{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:stretch !important;
    gap:12px !important;
    width:100% !important;
    max-width:100% !important;
    height:auto !important;
    min-height:0 !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    padding:0 0 10px 0 !important;
    grid-template-columns:none !important;
    grid-template-rows:none !important;
    scroll-snap-type:x mandatory !important;
    -webkit-overflow-scrolling:touch !important;
    scrollbar-width:auto !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-thumbs-grid::-webkit-scrollbar,
#dvo-website .dfv-detail-gallery .dfv-detail-thumbslider::-webkit-scrollbar{
    height:10px !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-thumbs-grid::-webkit-scrollbar-thumb,
#dvo-website .dfv-detail-gallery .dfv-detail-thumbslider::-webkit-scrollbar-thumb{
    background:rgba(7,3,39,.28) !important;
    border-radius:999px !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-thumb-btn{
    flex:0 0 118px !important;
    width:118px !important;
    height:76px !important;
    min-width:118px !important;
    min-height:76px !important;
    max-height:76px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
    scroll-snap-align:start !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-thumb-img{
    display:block !important;
    width:100% !important;
    height:100% !important;
    min-height:0 !important;
    object-fit:cover !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc{
    align-self:start !important;
    min-height:0 !important;
    height:auto !important;
    max-height:none !important;
    padding:22px !important;
    border-radius:10px !important;
    background:#ffffff !important;
    color:#070327 !important;
    box-shadow:0 18px 45px rgba(7,3,39,.08) !important;
}
#dvo-website .dfv-detail-gallery .dfv-inline-leasecalc-head{
    margin-bottom:14px !important;
}
#dvo-website .dfv-detail-gallery .dfv-inline-leasecalc-head h3{
    font-size:22px !important;
    line-height:1.15 !important;
}
#dvo-website .dfv-detail-gallery .dfv-inline-leasecalc-head p,
#dvo-website .dfv-detail-gallery .dfv-inline-leasecalc-eyebrow{
    display:none !important;
}
#dvo-website .dfv-detail-gallery .dfv-inline-leasecalc-grid{
    gap:10px !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc label span,
#dvo-website .dfv-detail-gallery .dfv-inline-term-box > span,
#dvo-website .dfv-detail-gallery .df-readonly > span,
#dvo-website .dfv-detail-gallery .df-highlight > span{
    font-size:13px !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc .df-input,
#dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc .df-output{
    padding:.72rem 1.05rem !important;
    font-size:15px !important;
    border-radius:10px !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc .df-term-btn{
    min-height:34px !important;
}
#dvo-website .dfv-detail-gallery .dfv-inline-leasecalc-note{
    margin-top:8px !important;
    font-size:11px !important;
}
#dvo-website .dfv-detail-gallery + .dfv-detail-action-row,
#dvo-website .dfv-detail-action-row{
    margin-top:14px !important;
}
#dvo-website .dfv-detail-top-column + .col-12,
#dvo-website .col-12:has(> .dfv-detail-gallery){
    padding-top:10px !important;
    padding-bottom:0 !important;
    margin-bottom:0 !important;
}
@media (max-width:1199px){
    #dvo-website .dfv-detail-gallery.status_,
    #dvo-website .dfv-detail-gallery{
        grid-template-columns:1fr !important;
    }
}
@media (max-width:767px){
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-wrapper,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-slide,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper a,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-img{
        height:280px !important;
        max-height:280px !important;
    }
    #dvo-website .dfv-detail-gallery .dfv-detail-thumb-btn{
        flex-basis:104px !important;
        width:104px !important;
        min-width:104px !important;
        height:70px !important;
        min-height:70px !important;
    }
}

/* Fix: volledige 70/30 top layout zonder grote witruimte eronder */
#dvo-website .dfv-detail-gallery.status_,
#dvo-occasions .dfv-detail-gallery.status_,
.dfv-detail-gallery.status_{
    display:grid !important;
    grid-template-columns:minmax(0,70%) minmax(300px,30%) !important;
    grid-template-rows:auto !important;
    gap:20px !important;
    align-items:start !important;
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
    height:auto !important;
}
#dvo-website .dfv-detail-gallery.status_ + *,
#dvo-occasions .dfv-detail-gallery.status_ + *{
    margin-top:16px !important;
}
#dvo-website .dfv-detail-top-column + .col-12,
#dvo-website .dfv-detail-action-row{
    margin-top:0 !important;
}
#dvo-website .dfv-detail-action-row{
    margin-top:16px !important;
}
#dvo-website .dfv-detail-media-panel{
    grid-column:1 / 2 !important;
    grid-row:1 !important;
}
#dvo-website .dfv-detail-inline-leasecalc{
    grid-column:2 / 3 !important;
    grid-row:1 !important;
    width:100% !important;
    max-width:100% !important;
}
#dvo-website .dfv-detail-media-panel .dfv-detail-main-swiper{
    height:clamp(310px,30vw,500px) !important;
    max-height:500px !important;
}
#dvo-website .dfv-detail-media-panel .dfv-detail-thumbs-grid,
#dvo-website .dfv-detail-media-panel .dfv-detail-thumbslider{
    flex-wrap:nowrap !important;
    white-space:nowrap !important;
    width:100% !important;
    max-width:100% !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    justify-content:flex-start !important;
    align-items:center !important;
    -webkit-overflow-scrolling:touch !important;
    overscroll-behavior-x:contain !important;
}
#dvo-website .dfv-detail-media-panel .dfv-detail-thumb-btn{
    flex:0 0 104px !important;
    width:104px !important;
    height:70px !important;
    min-width:104px !important;
    min-height:70px !important;
    display:inline-flex !important;
}

/* Inline aanvraagformulier in calculatorblok */
#dvo-website .dfv-inline-lease-form{
    margin-top:18px !important;
    padding-top:16px !important;
    border-top:1px solid rgba(7,3,39,.10) !important;
}
#dvo-website .dfv-inline-form-head h4{
    color:#070327 !important;
    font-size:18px !important;
    line-height:1.2 !important;
    font-weight:800 !important;
    margin:0 0 4px !important;
}
#dvo-website .dfv-inline-form-head p{
    color:#070327 !important;
    margin:0 0 12px !important;
    font-size:13px !important;
}
#dvo-website .dfv-inline-form-grid{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:10px !important;
}
#dvo-website .dfv-inline-form-grid label{
    gap:6px !important;
}
#dvo-website .dfv-inline-form-grid label span,
#dvo-website .dfv-inline-form-grid label{
    color:#070327 !important;
    font-size:13px !important;
    font-weight:400 !important;
}
#dvo-website .dfv-inline-form-grid .df-input,
#dvo-website .dfv-inline-form-grid textarea.df-input{
    min-height:42px !important;
    border:2px solid rgba(7,3,39,.10) !important;
    border-radius:20px !important;
    padding:.6rem .9rem !important;
    font-size:14px !important;
    background:#fff !important;
    color:#070327 !important;
    width:100% !important;
}
#dvo-website .dfv-inline-form-grid textarea.df-input{
    min-height:70px !important;
    resize:vertical !important;
}
#dvo-website .dfv-inline-form-full{
    grid-column:1 / -1 !important;
}
#dvo-website .dfv-inline-submit{
    width:auto !important;
    min-width:132px !important;
    min-height:46px !important;
    margin-top:12px !important;
    padding:0 22px !important;
    border-radius:18px !important;
    background:#d7d032 !important;
    color:#070327 !important;
    border-color:#d7d032 !important;
}
#dvo-website .dfv-inline-reassure{
    margin-top:10px !important;
    color:#070327 !important;
    font-size:13px !important;
    font-weight:700 !important;
}
#dvo-website .dfv-inline-form-message{
    margin-top:10px !important;
    font-size:13px !important;
}
#dvo-website .dfv-field-error{
    border-color:#d63638 !important;
    box-shadow:0 0 0 2px rgba(214,54,56,.12) !important;
}
#dvo-website .dvo-mail-error,
#dvo-website .dvo-mail-status,
#dvo-website .dvo-mail-success{
    padding:10px 12px !important;
    border-radius:12px !important;
    background:#f4f0f2 !important;
    color:#070327 !important;
}
#dvo-website .dvo-mail-error{ color:#b42318 !important; }
#dvo-website .dvo-mail-success{ color:#16703a !important; }

@media (max-width:1199px){
    #dvo-website .dfv-detail-gallery.status_,
    #dvo-occasions .dfv-detail-gallery.status_,
    .dfv-detail-gallery.status_{
        grid-template-columns:1fr !important;
    }
    #dvo-website .dfv-detail-media-panel,
    #dvo-website .dfv-detail-inline-leasecalc{
        grid-column:1 !important;
        grid-row:auto !important;
    }
}
@media (max-width:767px){
    #dvo-website .dfv-inline-form-grid{
        grid-template-columns:1fr !important;
    }
}

/* Popup aanvraagformulier: knop in calculator, formulier in modal */
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer{
    width:auto !important;
    align-self:flex-start !important;
    min-width:190px !important;
    min-height:48px !important;
    margin-top:16px !important;
    padding:0 24px !important;
    border-radius:18px !important;
    background:#d7d032 !important;
    border-color:#d7d032 !important;
    color:#070327 !important;
    font-weight:700 !important;
}
#dvo-website .dfv-inline-offer-modal[hidden]{
    display:none !important;
}
#dvo-website .dfv-inline-offer-modal{
    position:fixed !important;
    inset:0 !important;
    z-index:999999 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:24px !important;
}
#dvo-website .dfv-inline-offer-backdrop{
    position:absolute !important;
    inset:0 !important;
    background:rgba(7,3,39,.62) !important;
    backdrop-filter:blur(4px) !important;
}
#dvo-website .dfv-inline-offer-dialog{
    position:relative !important;
    z-index:1 !important;
    width:min(760px,100%) !important;
    max-height:calc(100vh - 48px) !important;
    overflow:auto !important;
    background:#ffffff !important;
    border-radius:30px !important;
    padding:26px !important;
    box-shadow:0 24px 70px rgba(7,3,39,.28) !important;
    color:#070327 !important;
}
#dvo-website .dfv-inline-offer-close{
    position:absolute !important;
    top:14px !important;
    right:14px !important;
    width:38px !important;
    height:38px !important;
    border:0 !important;
    border-radius:999px !important;
    background:#f4f0f2 !important;
    color:#070327 !important;
    font-size:26px !important;
    line-height:38px !important;
    cursor:pointer !important;
    padding:0 !important;
}
#dvo-website .dfv-inline-offer-dialog .dfv-inline-lease-form{
    margin-top:0 !important;
    padding-top:0 !important;
    border-top:0 !important;
}
#dvo-website .dfv-inline-offer-dialog .dfv-inline-form-head{
    padding-right:44px !important;
}
#dvo-website .dfv-inline-offer-dialog .dfv-inline-form-head h4{
    font-size:22px !important;
}
#dvo-website body.dfv-offer-modal-open,
body.dfv-offer-modal-open{
    overflow:hidden !important;
}
@media (max-width:767px){
    #dvo-website .dfv-inline-offer-modal{
        padding:14px !important;
        align-items:flex-start !important;
    }
    #dvo-website .dfv-inline-offer-dialog{
        max-height:calc(100vh - 28px) !important;
        border-radius:22px !important;
        padding:22px !important;
    }
    #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer{
        width:100% !important;
    }
}

/* Laatste fix: action-row exact naast de thumbslider + groene verstuurknop in popup */
@media (min-width:1200px){
    #dvo-website .dfv-detail-gallery.status_,
    #dvo-occasions .dfv-detail-gallery.status_,
    .dfv-detail-gallery.status_{
        display:grid !important;
        grid-template-columns:minmax(0,70%) minmax(300px,30%) !important;
        grid-template-rows:auto auto !important;
        column-gap:20px !important;
        row-gap:10px !important;
        align-items:start !important;
    }
    #dvo-website .dfv-detail-gallery.status_ .dfv-detail-media-panel,
    #dvo-occasions .dfv-detail-gallery.status_ .dfv-detail-media-panel,
    .dfv-detail-gallery.status_ .dfv-detail-media-panel{
        display:contents !important;
    }
    #dvo-website .dfv-detail-gallery.status_ .dfv-detail-main-column,
    #dvo-occasions .dfv-detail-gallery.status_ .dfv-detail-main-column,
    .dfv-detail-gallery.status_ .dfv-detail-main-column{
        grid-column:1 / 2 !important;
        grid-row:1 / 2 !important;
        min-width:0 !important;
        width:100% !important;
    }
    #dvo-website .dfv-detail-gallery.status_ .dfv-detail-side,
    #dvo-occasions .dfv-detail-gallery.status_ .dfv-detail-side,
    .dfv-detail-gallery.status_ .dfv-detail-side{
        grid-column:1 / 2 !important;
        grid-row:2 / 3 !important;
        min-width:0 !important;
        width:100% !important;
        margin-top:0 !important;
        align-self:start !important;
    }
    #dvo-website .dfv-detail-gallery.status_ .dfv-detail-inline-leasecalc,
    #dvo-occasions .dfv-detail-gallery.status_ .dfv-detail-inline-leasecalc,
    .dfv-detail-gallery.status_ .dfv-detail-inline-leasecalc{
        grid-column:2 / 3 !important;
        grid-row:1 / 2 !important;
        width:100% !important;
        align-self:start !important;
    }
    #dvo-website .dfv-detail-gallery.status_ > .dfv-detail-action-row,
    #dvo-occasions .dfv-detail-gallery.status_ > .dfv-detail-action-row,
    .dfv-detail-gallery.status_ > .dfv-detail-action-row{
        grid-column:2 / 3 !important;
        grid-row:2 / 3 !important;
        align-self:start !important;
        width:100% !important;
        min-height:76px !important;
        height:76px !important;
        margin:0 !important;
        padding:8px 14px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        gap:8px !important;
        overflow:hidden !important;
    }
    #dvo-website .dfv-detail-gallery.status_ > .dfv-detail-action-row .dfv-detail-share-block,
    #dvo-occasions .dfv-detail-gallery.status_ > .dfv-detail-action-row .dfv-detail-share-block,
    .dfv-detail-gallery.status_ > .dfv-detail-action-row .dfv-detail-share-block{
        width:100% !important;
        display:flex !important;
        justify-content:center !important;
        align-items:center !important;
        gap:10px !important;
        flex-wrap:nowrap !important;
    }
    #dvo-website .dfv-detail-gallery.status_ > .dfv-detail-action-row .dfv-detail-share-button,
    #dvo-occasions .dfv-detail-gallery.status_ > .dfv-detail-action-row .dfv-detail-share-button,
    .dfv-detail-gallery.status_ > .dfv-detail-action-row .dfv-detail-share-button{
        width:42px !important;
        height:42px !important;
        min-width:42px !important;
        min-height:42px !important;
    }
}

#dvo-website .dfv-inline-offer-dialog .dfv-inline-submit, #dvo-website .dfv-inline-offer-dialog button.dfv-inline-submit, #dvo-website .dfv-inline-offer-dialog .df-btn.dfv-inline-submit {
    background: #d7d032 !important;
    border-color: #d7d032 !important;
    color: #000000 !important;
    border-radius: 20px !important;
    font-weight: 700 !important;
    box-shadow: none !important;
    padding-top: 15px !important;
}
#dvo-website .dfv-inline-offer-dialog .dfv-inline-submit:hover,
#dvo-website .dfv-inline-offer-dialog button.dfv-inline-submit:hover,
#dvo-website .dfv-inline-offer-dialog .df-btn.dfv-inline-submit:hover{
    background:#b3ad23 !important;
    border-color:#b3ad23 !important;
    color:#ffffff !important;
}


/* SB Occasions detail herstel: CTA apart, delen apart, gallery klikbaar en pijlen zwart/grijs */
#dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease{
    display:flex !important;
    flex-wrap:wrap !important;
    gap:12px !important;
    align-items:stretch !important;
    justify-content:space-between !important;
    grid-column:2 !important;
    width:100% !important;
    background:#ffffff !important;
    border:1px solid rgba(7,3,39,.08) !important;
    border-radius:18px !important;
    padding:14px !important;
    box-shadow:0 12px 30px rgba(7,3,39,.08) !important;
    margin:0 0 14px 0 !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease .dfv-detail-cta-button{
    display:inline-flex !important;
    flex:1 1 150px !important;
    min-height:48px !important;
    align-items:center !important;
    justify-content:center !important;
    white-space:nowrap !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-action-row{
    grid-column:2 !important;
    width:100% !important;
    display:flex !important;
    justify-content:flex-start !important;
    align-items:center !important;
    border:1px solid rgba(7,3,39,.08) !important;
    border-radius:18px !important;
    padding:12px !important;
    box-shadow:0 12px 30px rgba(7,3,39,.08) !important;
    margin:14px 0 0 0 !important;
    overflow:hidden !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-action-row .dfv-detail-share-block{
    display:flex !important;
    gap:10px !important;
    flex-wrap:wrap !important;
    justify-content:flex-start !important;
    width:100% !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-slider-btn{
    background:rgba(255,255,255,.92) !important;
    border:1px solid rgba(17,24,39,.22) !important;
    color:#111827 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.18) !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-slider-btn i,
#dvo-website .dfv-detail-gallery .dfv-detail-slider-btn svg{
    color:#111827 !important;
    fill:#111827 !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-slider-btn:hover,
#dvo-website .dfv-detail-gallery .dfv-detail-slider-btn:focus{
    background:#111827 !important;
    border-color:#111827 !important;
    color:#ffffff !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-slider-btn:hover i,
#dvo-website .dfv-detail-gallery .dfv-detail-slider-btn:focus i,
#dvo-website .dfv-detail-gallery .dfv-detail-slider-btn:hover svg,
#dvo-website .dfv-detail-gallery .dfv-detail-slider-btn:focus svg{
    color:#ffffff !important;
    fill:#ffffff !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-thumbs-grid,
#dvo-website .dfv-detail-gallery .dfv-detail-thumbslider{
    display:flex !important;
    flex-wrap:nowrap !important;
    overflow-x:auto !important;
    overflow-y:hidden !important;
    scroll-behavior:smooth !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-thumb-btn,
#dvo-website .dfv-detail-gallery .dfv-detail-thumb-btn:nth-child(n+5){
    display:inline-flex !important;
    flex:0 0 112px !important;
    width:112px !important;
    min-width:112px !important;
    height:72px !important;
}
@media (max-width: 991px){
    #dvo-website .dfv-detail-gallery,
    #dvo-website .dfv-detail-gallery.status_{
        display:block !important;
    }
    #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease,
    #dvo-website .dfv-detail-gallery .dfv-detail-action-row{
        grid-column:auto !important;
        margin-top:14px !important;
    }
}


/* SB Occasions rechterkolom volgorde: buttons > calculator > delen */
@media (min-width: 992px){
    #dvo-website .dfv-detail-gallery .dfv-detail-media-panel{
        grid-column:1 / 2 !important;
        grid-row:1 / 4 !important;
    }
    #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease{
        grid-column:2 / 3 !important;
        grid-row:1 / 2 !important;
    }
    #dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc{
        grid-column:2 / 3 !important;
        grid-row:2 / 3 !important;
        width:100% !important;
        align-self:start !important;
    }
    #dvo-website .dfv-detail-gallery .dfv-detail-action-row{
        grid-column:2 / 3 !important;
        grid-row:3 / 4 !important;
    }
}


/* SB Occasions: Lease en financieren opnieuw opgebouwd */
.dfv-detail-inline-leasecalc.df-lease-pro{
    background:var(--dfv-inline-card-bg,#fff) !important;
    border:1px solid var(--dfv-inline-border,#e5e7eb) !important;
    border-radius:var(--dfv-inline-radius,18px) !important;
    padding:var(--dfv-inline-padding,24px) !important;
    overflow:hidden;
}
.dfv-detail-inline-leasecalc .dfv-inline-leasecalc-head{
    background:var(--dfv-inline-header-bg,#111827) !important;
    color:var(--dfv-inline-header-color,#fff) !important;
    border-radius:calc(var(--dfv-inline-radius,18px) - 6px) !important;
    padding:18px 0px !important;
    margin:0 0 16px !important;
}
.dfv-detail-inline-leasecalc .dfv-inline-leasecalc-head h3,
.dfv-detail-inline-leasecalc .dfv-inline-leasecalc-eyebrow{color:var(--dfv-inline-header-color,#fff) !important;}
.dfv-detail-inline-leasecalc .dfv-inline-leasecalc-head p{color:var(--dfv-inline-header-subcolor,#e5e7eb) !important;}
.dfv-inline-provider-logo{max-height:44px;max-width:180px;display:block;margin-bottom:10px;object-fit:contain;}
.dfv-inline-lease-type-tabs,.dfv-inline-form-tabs{display:flex;gap:8px;margin:0 0 16px;flex-wrap:wrap;}
.dfv-inline-type-tab,.dfv-inline-form-tab{background:var(--dfv-inline-tab-bg,#f3f4f6) !important;color:var(--dfv-inline-tab-color,#111827) !important;border:1px solid transparent;border-radius:999px;padding:10px 18px;font-weight:800;cursor:pointer;}
.dfv-inline-type-tab.active,.dfv-inline-form-tab.active{background:var(--dfv-inline-tab-active-bg,#c11214) !important;color:var(--dfv-inline-tab-active-color,#fff) !important;}
.dfv-detail-inline-leasecalc .df-input,
.dfv-detail-inline-leasecalc input,
.dfv-detail-inline-leasecalc select,
.dfv-detail-inline-leasecalc textarea{background:var(--dfv-inline-input-bg,#fff) !important;color:var(--dfv-inline-input-color,#111827) !important;border-color:var(--dfv-inline-input-border,#d1d5db) !important;border-radius:var(--dfv-inline-input-radius,10px) !important;}
.dfv-detail-inline-leasecalc .df-readonly,.dfv-detail-inline-leasecalc .df-highlight{background:var(--dfv-inline-result-bg,#f9fafb) !important;color:var(--dfv-inline-result-color,#111827) !important;}
.dfv-detail-inline-leasecalc .df-highlight strong,.dfv-detail-inline-leasecalc .df-monthly{color:var(--dfv-inline-result-price,#c11214) !important;}
.dfv-detail-inline-leasecalc .df-btn,.dfv-detail-inline-leasecalc .df-term-btn.active{background:var(--dfv-inline-btn-bg,#c11214) !important;color:var(--dfv-inline-btn-color,#fff) !important;border:1px solid var(--dfv-inline-btn-border,#c11214) !important;border-radius:var(--dfv-inline-btn-radius,999px) !important;}
.dfv-detail-inline-leasecalc .df-btn:hover{background:var(--dfv-inline-btn-hover-bg,#fff) !important;color:var(--dfv-inline-btn-hover-color,#c11214) !important;border-color:var(--dfv-inline-btn-hover-border,#c11214) !important;}
.dfv-inline-provider-info{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;background:var(--dfv-inline-provider-bg,#f9fafb) !important;color:var(--dfv-inline-provider-color,#667085) !important;border:1px solid var(--dfv-inline-provider-border,#e5e7eb) !important;border-radius:var(--dfv-inline-provider-radius,14px) !important;padding:var(--dfv-inline-provider-padding,12px) !important;}
.dfv-inline-provider-info a,.dfv-inline-provider-info span{color:var(--dfv-inline-provider-color,#667085) !important;}
.dfv-inline-lease-form-section{display:none;}
.dfv-inline-lease-form-section.is-active{display:block;}
.dfv-inline-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;}
.dfv-inline-form-full{grid-column:1/-1;}
@media(max-width:680px){.dfv-inline-form-grid{grid-template-columns:1fr}.dfv-inline-lease-type-tabs,.dfv-inline-form-tabs{display:grid;grid-template-columns:1fr 1fr}.dfv-inline-type-tab,.dfv-inline-form-tab{width:100%;}}

/* SB Occasions leasecalculator detail fixes: tabs, aparte zakelijk/particulier, kleuren admin */
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-head,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-head h3,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-head p{
    text-align:left !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-logo{
    display:block !important;
    margin:0 0 10px 0 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-lease-type-tabs,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
    flex-wrap:nowrap !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-type-tab,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-tab{
    width:100% !important;
    min-width:0 !important;
    justify-content:center !important;
    text-align:center !important;
    border:1px solid var(--dfv-inline-tab-border,#e11d48) !important;
    border-radius:var(--dfv-inline-tab-radius,10px) !important;
    background:var(--dfv-inline-tab-bg,#fff) !important;
    color:var(--dfv-inline-tab-color,#111827) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-type-tab.active,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-tab.active{
    border-color:var(--dfv-inline-tab-active-border,#c11214) !important;
    background:var(--dfv-inline-tab-active-bg,#c11214) !important;
    color:var(--dfv-inline-tab-active-color,#fff) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-term-btn{
    background:var(--dfv-inline-term-bg,#fff) !important;
    color:var(--dfv-inline-term-color,#111827) !important;
    border:1px solid var(--dfv-inline-term-border,#d1d5db) !important;
    border-radius:var(--dfv-inline-term-radius,8px) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-term-btn.active{
    background:var(--dfv-inline-term-active-bg,#e1d51f) !important;
    color:var(--dfv-inline-term-active-color,#111827) !important;
    border-color:var(--dfv-inline-term-active-border,#e1d51f) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-term-btn[hidden],
#dvo-website .dfv-detail-inline-leasecalc .dfv-term-hidden,
#dvo-website .dfv-detail-inline-leasecalc .dfv-balloon-row[hidden],
#dvo-website .dfv-detail-inline-leasecalc .dfv-is-hidden{
    display:none !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-highlight strong,
#dvo-website .dfv-detail-inline-leasecalc .df-monthly{
    background:var(--dfv-inline-month-bg,#e1d51f) !important;
    color:var(--dfv-inline-month-color,#000) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-btn,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-submit{
    background:var(--dfv-inline-btn-bg,#c11214) !important;
    color:var(--dfv-inline-btn-color,#fff) !important;
    border:1px solid var(--dfv-inline-btn-border,#c11214) !important;
    border-radius:var(--dfv-inline-btn-radius,999px) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-btn:hover,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer:hover,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-submit:hover{
    background:var(--dfv-inline-btn-hover-bg,#fff) !important;
    color:var(--dfv-inline-btn-hover-color,#c11214) !important;
    border-color:var(--dfv-inline-btn-hover-border,#c11214) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-info.dfv-inline-provider-address{
    margin-top:14px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--dfv-inline-provider-color,#667085) !important;
    font-size:12px !important;
    line-height:1.5 !important;
    text-align:center !important;
    opacity:.85 !important;
}
    color:var(--dfv-inline-provider-color,#667085) !important;
    font-size:12px !important;
    line-height:1.5 !important;
    text-align:center !important;
    opacity:.85 !important;
}

/* SB Occasions leasecalculator detail: tabs, aparte zakelijke/particuliere logica en adminkleuren */
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-head{
    text-align:left !important;
    align-items:flex-start !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-logo{
    display:block !important;
    margin:0 0 10px 0 !important;
    max-width:180px !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-head h3,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-head p,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-eyebrow{
    text-align:left !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-lease-type-tabs,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-tabs{
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:8px !important;
    width:100% !important;
    flex-wrap:nowrap !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-type-tab,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-tab{
    width:100% !important;
    min-width:0 !important;
    text-align:center !important;
    justify-content:center !important;
    border-radius:var(--dfv-inline-tab-radius,10px) !important;
    background:var(--dfv-inline-tab-bg,#f3f4f6) !important;
    color:var(--dfv-inline-tab-color,#111827) !important;
    border:1px solid var(--dfv-inline-tab-active-bg,#c11214) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-type-tab.active,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-tab.active{
    background:var(--dfv-inline-tab-active-bg,#c11214) !important;
    color:var(--dfv-inline-tab-active-color,#ffffff) !important;
    border-color:var(--dfv-inline-tab-active-bg,#c11214) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-term-btn{
    border-radius:var(--dfv-inline-term-radius,8px) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-term-btn.active{
    background:var(--dfv-inline-term-active-bg,#d9d421) !important;
    color:var(--dfv-inline-term-active-color,#111827) !important;
    border-color:var(--dfv-inline-term-active-border,#d9d421) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-highlight,
#dvo-website .dfv-detail-inline-leasecalc .df-highlight .df-output,
#dvo-website .dfv-detail-inline-leasecalc .df-monthly{
    background:var(--dfv-inline-monthly-bg,#d9d421) !important;
    color:var(--dfv-inline-monthly-color,#111827) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-submit{
    background:var(--dfv-inline-btn-bg,#c11214) !important;
    color:var(--dfv-inline-btn-color,#ffffff) !important;
    border:1px solid var(--dfv-inline-btn-border,#c11214) !important;
    border-radius:var(--dfv-inline-btn-radius,999px) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer:hover,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-submit:hover{
    background:var(--dfv-inline-btn-hover-bg,#ffffff) !important;
    color:var(--dfv-inline-btn-hover-color,#c11214) !important;
    border-color:var(--dfv-inline-btn-hover-border,#c11214) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-info{
    font-size:.82rem !important;
    line-height:1.45 !important;
    margin-top:14px !important;
    opacity:.95 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-term-btn:not(.active){background:var(--dfv-inline-term-bg,#ffffff) !important;color:var(--dfv-inline-term-color,#111827) !important;border:1px solid var(--dfv-inline-term-border,#d1d5db) !important;}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-type-tab,#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-tab{border-color:var(--dfv-inline-tab-border,#e11d48) !important;}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-type-tab.active,#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-tab.active{border-color:var(--dfv-inline-tab-active-border,#c11214) !important;}


/* SB Occasions leasecalculator detail: gevraagde indeling maandbedrag/offerteknop */
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-action-row{
    grid-column:1 / -1 !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:12px !important;
    align-items:end !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-action-row .df-highlight{
    min-width:0 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-action-row .dfv-inline-open-offer{
    width:100% !important;
    margin:0 !important;
    align-self:end !important;
    min-height:48px !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-monthly,
#dvo-website .dfv-detail-inline-leasecalc .df-highlight .df-output.df-monthly{
    font-size:var(--dfv-inline-month-font-size,1rem) !important;
    font-weight:var(--dfv-inline-month-font-weight,800) !important;
    background:var(--dfv-inline-monthly-bg,#d9d421) !important;
    color:var(--dfv-inline-monthly-color,#111827) !important;
}
#dvo-website .dfv-detail-inline-leasecalc.dfv-inline-private-active .dfv-inline-slottermijn-field{
    display:none !important;
}
#dvo-website .dfv-detail-inline-leasecalc.dfv-inline-private-active .dfv-inline-financed-box{
    grid-column:1 / -1 !important;
    width:50% !important;
    max-width:calc(50% - 6px) !important;
    justify-self:start !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-note{
    text-align:center !important;
    margin:14px auto 0 !important;
    display:block !important;
    width:100% !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-line{
    margin-top:10px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--dfv-inline-provider-color,#667085) !important;
    font-size:12px !important;
    line-height:1.45 !important;
    text-align:center !important;
    opacity:.95 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-address{
    margin-top:6px !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--dfv-inline-provider-color,#667085) !important;
    font-size:11px !important;
    line-height:1.4 !important;
    text-align:center !important;
    opacity:.7 !important;
}
@media (max-width:767px){
    #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-action-row{
        grid-template-columns:1fr !important;
    }
    #dvo-website .dfv-detail-inline-leasecalc.dfv-inline-private-active .dfv-inline-financed-box{
        width:100% !important;
        max-width:none !important;
    }
}

/* SB Occasions detail leasecalculator final: één adresregel, nette offerteknop en grotere hoofdfoto */
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-line{
    display:none !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-address{
    margin:10px auto 0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
    color:var(--dfv-inline-provider-color,#667085) !important;
    font-size:11px !important;
    line-height:1.45 !important;
    text-align:center !important;
    opacity:.95 !important;
    width:100% !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer,
#dvo-website .dfv-detail-inline-leasecalc .df-btn.dfv-inline-open-offer{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:1.2 !important;
    white-space:normal !important;
    padding-left:16px !important;
    padding-right:16px !important;
}
@media (min-width:1200px){
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-wrapper,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-slide,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper a,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-img{
        height:clamp(440px,35vw,610px) !important;
        max-height:610px !important;
    }
}

/* SB Occasions final fix: CTA boven calculator, labels bold en adresregel gecentreerd */
#dvo-website .dfv-detail-titlebar-cta-row{
    display:none !important;
}
@media (min-width: 992px){
    #dvo-website .dfv-detail-gallery.status_,
    #dvo-website .dfv-detail-gallery{
        grid-template-columns:minmax(0,70%) minmax(330px,30%) !important;
        grid-template-rows:auto auto auto !important;
        gap:10px 20px !important;
    }
    #dvo-website .dfv-detail-gallery .dfv-detail-media-panel{
        grid-column:1 / 2 !important;
        grid-row:1 / 4 !important;
    }
    #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease{
        grid-column:2 / 3 !important;
        grid-row:1 / 2 !important;
    }
    #dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc{
        grid-column:2 / 3 !important;
        grid-row:2 / 3 !important;
    }
    #dvo-website .dfv-detail-gallery > .dfv-detail-action-row,
    #dvo-website .dfv-detail-gallery .dfv-detail-action-row{
        grid-column:2 / 3 !important;
        grid-row:3 / 4 !important;
    }
}
#dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease{
    width:100% !important;
    max-width:100% !important;
    display:grid !important;
    grid-template-columns:1fr 1fr !important;
    gap:10px !important;
    margin:0 0 0 0 !important;
    padding:0 !important;
    background:transparent !important;
    border:0 !important;
    border-radius:0 !important;
    box-shadow:none !important;
    align-items:stretch !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease .dfv-detail-cta-button{
    width:100% !important;
    min-width:0 !important;
    min-height:48px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    margin:0 !important;
    padding:12px 14px !important;
    white-space:normal !important;
    line-height:1.2 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-address,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-info.dfv-inline-provider-address{
    width:100% !important;
    max-width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    gap:4px !important;
    margin:10px auto 0 !important;
    padding:0 !important;
    border:0 !important;
    background:transparent !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-address span,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-provider-address a{
    text-align:center !important;
}
#dvo-website .dfv-detail-inline-leasecalc label,
#dvo-website .dfv-detail-inline-leasecalc label span,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-term-box > span,
#dvo-website .dfv-detail-inline-leasecalc .df-readonly > span,
#dvo-website .dfv-detail-inline-leasecalc .df-highlight > span,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-grid label,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-grid label span{
    font-weight:700 !important;
}
@media (max-width: 991px){
    #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease{
        margin:14px 0 14px 0 !important;
    }
}
@media (max-width: 520px){
    #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease{
        grid-template-columns:1fr !important;
    }
}

/* SB Occasions fix: CTA knoppen zichtbaar direct boven de calculator en offerteknop compacter */
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-cta-row,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-cta-row{
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    width:100% !important;
    margin:0 0 12px 0 !important;
    padding:0 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-cta-row .dfv-detail-cta-button,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-cta-row .dfv-detail-cta-button{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer,
#dvo-website .dfv-detail-inline-leasecalc .df-btn.dfv-inline-open-offer,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer{
    padding-left:10px !important;
    padding-right:10px !important;
    white-space:nowrap !important;
    text-align:center !important;
    justify-content:center !important;
}
@media (max-width:520px){
    #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-cta-row,
    body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-cta-row{
        grid-template-columns:1fr 1fr !important;
        gap:8px !important;
    }
}

/* SB Occasions: los wit CTA-blok boven de leasecalculator */
#dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease,
body #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    background:#ffffff !important;
    border:1px solid rgba(17,24,39,.08) !important;
    border-radius:18px !important;
    padding:12px !important;
    margin:0 0 10px 0 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease .dfv-detail-cta-button,
body #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease .dfv-detail-cta-button{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    margin:0 !important;
    white-space:nowrap !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-cta-row,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-leasecalc-cta-row{
    display:none !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-open-offer{
    padding-left:12px !important;
    padding-right:12px !important;
}
@media (max-width:520px){
    #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease,
    body #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease{
        grid-template-columns:1fr !important;
    }
}

/* SB Occasions: los wit CTA-blok direct boven de leasecalculator */
#dvo-website .dfv-detail-leasecalc-cta-panel,
body #dvo-website .dfv-detail-leasecalc-cta-panel,
.dfv-detail-leasecalc-cta-panel{
    grid-column:2 !important;
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    background:#ffffff !important;
    border:1px solid rgba(17,24,39,.08) !important;
    border-radius:18px !important;
    padding:12px !important;
    margin:0 0 10px 0 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
}
#dvo-website .dfv-detail-leasecalc-cta-panel .dfv-detail-cta-button,
body #dvo-website .dfv-detail-leasecalc-cta-panel .dfv-detail-cta-button,
.dfv-detail-leasecalc-cta-panel .dfv-detail-cta-button{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    min-height:46px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    margin:0 !important;
    white-space:nowrap !important;
    line-height:1.15 !important;
}
@media (max-width:991px){
    #dvo-website .dfv-detail-leasecalc-cta-panel,
    body #dvo-website .dfv-detail-leasecalc-cta-panel,
    .dfv-detail-leasecalc-cta-panel{
        grid-column:1 !important;
    }
}
@media (max-width:420px){
    #dvo-website .dfv-detail-leasecalc-cta-panel,
    body #dvo-website .dfv-detail-leasecalc-cta-panel,
    .dfv-detail-leasecalc-cta-panel{
        grid-template-columns:1fr !important;
    }
}

/* SB Occasions fix: wit CTA-blok direct boven leasecalculator in rechterkolom */
@media (min-width: 992px){
  #dvo-website .dfv-detail-gallery.status_,
  #dvo-website .dfv-detail-gallery{
    display:grid !important;
    grid-template-columns:minmax(0,66.66%) minmax(300px,33.33%) !important;
    grid-template-rows:auto auto auto !important;
    align-items:start !important;
  }
  #dvo-website .dfv-detail-gallery .dfv-detail-media-panel{
    grid-column:1 / 2 !important;
    grid-row:1 / 4 !important;
  }
  #dvo-website .dfv-detail-gallery .dfv-detail-leasecalc-cta-panel,
  body #dvo-website .dfv-detail-gallery .dfv-detail-leasecalc-cta-panel{
    grid-column:2 / 3 !important;
    grid-row:1 / 2 !important;
    align-self:start !important;
    order:0 !important;
    margin:0 0 10px 0 !important;
    width:100% !important;
    max-width:100% !important;
  }
  #dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc,
  body #dvo-website .dfv-detail-gallery .dfv-detail-inline-leasecalc{
    grid-column:2 / 3 !important;
    grid-row:2 / 3 !important;
    align-self:start !important;
    order:1 !important;
    width:100% !important;
    max-width:100% !important;
  }
  #dvo-website .dfv-detail-gallery > .dfv-detail-action-row,
  #dvo-website .dfv-detail-gallery .dfv-detail-action-row,
  body #dvo-website .dfv-detail-gallery .dfv-detail-action-row{
    grid-column:2 / 3 !important;
    grid-row:3 / 4 !important;
    align-self:start !important;
    order:2 !important;
    width:100% !important;
    max-width:100% !important;
    margin-top:10px !important;
  }
}

/* DFV SB Occasions: CTA-blok in titelbalk, tweede regel rechts */
#dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel,
body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel{
    width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    display:grid !important;
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) !important;
    gap:10px !important;
    align-items:center !important;
    background:#ffffff !important;
    border:1px solid rgba(17,24,39,.08) !important;
    border-radius:18px !important;
    padding:12px !important;
    margin:0 !important;
    box-shadow:0 10px 24px rgba(0,0,0,.08) !important;
}
#dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel .dfv-detail-cta-button,
body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel .dfv-detail-cta-button{
    width:100% !important;
    min-width:0 !important;
    max-width:none !important;
    height:46px !important;
    margin:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    white-space:nowrap !important;
    background:var(--dfv-cta-bg) !important;
    color:var(--dfv-cta-color) !important;
    border:1px solid var(--dfv-cta-border) !important;
    border-radius:var(--dfv-cta-radius) !important;
    font-size:var(--dfv-cta-font-size) !important;
    font-weight:var(--dfv-cta-font-weight) !important;
}
#dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel .dfv-detail-cta-button:hover,
body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel .dfv-detail-cta-button:hover{
    background:var(--dfv-cta-hover-bg) !important;
    color:var(--dfv-cta-hover-color) !important;
    border-color:var(--dfv-cta-hover-border) !important;
}
#dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease,
body #dvo-website .dfv-detail-gallery .dfv-detail-cta-row-above-lease,
#dvo-website .dfv-detail-leasecalc-cta-panel,
body #dvo-website .dfv-detail-leasecalc-cta-panel{
    display:none !important;
}
@media (max-width: 991px){
    #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel,
    body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel{
        max-width:none !important;
    }
}
@media (max-width:520px){
    #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel,
    body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel{
        grid-template-columns:1fr !important;
    }
}


/* DFV SB Occasions: titelbalk-volgorde fix
   Regel 1 rechts: verkoopprijs / leaseprijs / overzicht.
   Regel 2 rechts: wit CTA-blok met interesse/inruil. */
#dvo-website .dfv-detail-titlebar-actions,
body #dvo-website .dfv-detail-titlebar-actions{
    display:flex !important;
    flex-direction:column !important;
    align-items:flex-end !important;
    gap:12px !important;
}
#dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-price-row,
body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-price-row{
    order:1 !important;
    width:100% !important;
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:14px !important;
    flex-wrap:nowrap !important;
    margin:0 !important;
}
#dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel,
body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel{
    order:2 !important;
    width:100% !important;
    max-width:100% !important;
    margin:0 !important;
    align-self:flex-end !important;
}
@media (max-width:991px){
    #dvo-website .dfv-detail-titlebar-actions,
    body #dvo-website .dfv-detail-titlebar-actions{
        align-items:stretch !important;
        width:100% !important;
    }
    #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-price-row,
    body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-price-row{
        justify-content:flex-start !important;
        flex-wrap:wrap !important;
    }
    #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel,
    body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel{
        max-width:none !important;
        align-self:stretch !important;
    }
}


/* === DFV FIX 2026-06-30: titlebar actions exact even breed als leasecalculator ===
   De leasecalculator staat in de rechterkolom van de gallery. Deze titelbalk krijgt
   dezelfde 2-koloms verdeling, zodat .dfv-detail-titlebar-actions exact dezelfde
   breedte/startpositie heeft als .dfv-detail-inline-leasecalc. */
@media (min-width: 992px){
    #dvo-website .dfv-detail-titlebar,
    body #dvo-website .dfv-detail-titlebar{
        display:grid !important;
        grid-template-columns:minmax(0,66.66%) minmax(300px,33.33%) !important;
        gap:14px !important;
        align-items:start !important;
        justify-content:stretch !important;
        width:100% !important;
        max-width:100% !important;
        box-sizing:border-box !important;
    }

    #dvo-website .dfv-detail-titlebar-text,
    body #dvo-website .dfv-detail-titlebar-text{
        grid-column:1 / 2 !important;
        min-width:0 !important;
        width:100% !important;
        max-width:100% !important;
    }

    #dvo-website .dfv-detail-titlebar-actions,
    body #dvo-website .dfv-detail-titlebar-actions{
        grid-column:2 / 3 !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        margin:0 !important;
        display:flex !important;
        flex-direction:column !important;
        align-items:stretch !important;
        justify-content:flex-start !important;
        gap:12px !important;
        box-sizing:border-box !important;
    }

    #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-price-row,
    body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-price-row{
        order:1 !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        display:flex !important;
        align-items:center !important;
        justify-content:flex-end !important;
        gap:14px !important;
        flex-wrap:nowrap !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }

    #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel,
    body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel{
        order:2 !important;
        width:100% !important;
        max-width:100% !important;
        min-width:0 !important;
        align-self:stretch !important;
        margin:0 !important;
        box-sizing:border-box !important;
    }
}


/* === DFV 2026-06-30: admin-styling wit buttonblok + duidelijker calculator === */
#dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel,
body #dvo-website .dfv-detail-titlebar-actions .dfv-detail-titlebar-cta-panel{
    background:var(--dfv-cta-panel-bg,#ffffff) !important;
    border-radius:var(--dfv-cta-panel-radius,18px) !important;
}

#dvo-website .dfv-detail-inline-leasecalc label,
#dvo-website .dfv-detail-inline-leasecalc label span,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-term-box > span,
#dvo-website .dfv-detail-inline-leasecalc .df-readonly > span,
#dvo-website .dfv-detail-inline-leasecalc .df-highlight > span,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-grid label,
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-grid label span,
body #dvo-website .dfv-detail-inline-leasecalc label,
body #dvo-website .dfv-detail-inline-leasecalc label span,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-term-box > span,
body #dvo-website .dfv-detail-inline-leasecalc .df-readonly > span,
body #dvo-website .dfv-detail-inline-leasecalc .df-highlight > span,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-grid label,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-form-grid label span{
    font-weight:700 !important;
}

#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-monthly-box,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-monthly-box{
    padding:16px 18px !important;
    min-height:74px !important;
    background:var(--dfv-inline-monthly-bg,#e1d51f) !important;
    color:var(--dfv-inline-monthly-color,#111827) !important;
    border:2px solid var(--dfv-inline-monthly-bg,#e1d51f) !important;
    border-radius:18px !important;
    box-shadow:0 12px 28px rgba(0,0,0,.10) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-inline-monthly-box > span,
body #dvo-website .dfv-detail-inline-leasecalc .dfv-inline-monthly-box > span{
    display:block !important;
    margin-bottom:4px !important;
    font-size:.82rem !important;
    font-weight:800 !important;
    letter-spacing:.02em !important;
}
#dvo-website .dfv-detail-inline-leasecalc .df-monthly,
#dvo-website .dfv-detail-inline-leasecalc .df-highlight .df-output.df-monthly,
body #dvo-website .dfv-detail-inline-leasecalc .df-monthly,
body #dvo-website .dfv-detail-inline-leasecalc .df-highlight .df-output.df-monthly{
    display:block !important;
    padding:4px 0 0 0 !important;
    font-size:max(var(--dfv-inline-month-font-size,1rem),1.55rem) !important;
    line-height:1.05 !important;
    font-weight:900 !important;
}

/* DFV 2026-06-30: hoogte hoofdafbeelding wordt via JS gelijkgezet aan de inline leasecalculator op desktop */
@media (min-width:1200px){
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-wrapper,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper .swiper-slide,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-swiper a,
    #dvo-website .dfv-detail-gallery .dfv-detail-main-img{
        transition:height .18s ease;
    }
}


/* === DFV 2026-06 offerteformulier: radius 10px, recaptcha-ruimte en aparte aanvraagknop === */
#dvo-website .dfv-inline-offer-dialog,
#dvo-website .dfv-inline-offer-dialog .dfv-inline-lease-form,
#dvo-website .dfv-inline-offer-dialog .dfv-inline-form-message,
#dvo-website .dfv-inline-offer-dialog .dvo-mail-error,
#dvo-website .dfv-inline-offer-dialog .dvo-mail-status,
#dvo-website .dfv-inline-offer-dialog .dvo-mail-success{
    border-radius:10px !important;
}

#dvo-website .dfv-inline-offer-dialog .dfv-inline-form-tab,
#dvo-website .dfv-inline-offer-dialog .df-input,
#dvo-website .dfv-inline-offer-dialog input.df-input,
#dvo-website .dfv-inline-offer-dialog select.df-input,
#dvo-website .dfv-inline-offer-dialog textarea.df-input{
    border-radius:10px !important;
}

#dvo-website .dfv-inline-offer-dialog .dfv-inline-recaptcha{
    margin-top:18px !important;
    margin-bottom:18px !important;
    display:block !important;
}

#dvo-website .dfv-inline-offer-dialog .g-recaptcha{
    margin-top:0 !important;
}

#dvo-website .dfv-inline-offer-dialog .dfv-inline-submit,
#dvo-website .dfv-inline-offer-dialog button.dfv-inline-submit,
#dvo-website .dfv-inline-offer-dialog .df-btn.dfv-inline-submit{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    text-align:center !important;
    line-height:1.1 !important;
    width:100% !important;
    min-height:54px !important;
    padding:0 22px !important;
    margin-top:0 !important;
    background:var(--dfv-inline-submit-bg,#d9d421) !important;
    color:var(--dfv-inline-submit-color,#000000) !important;
    border:1px solid var(--dfv-inline-submit-border,#d9d421) !important;
    border-radius:var(--dfv-inline-submit-radius,10px) !important;
    font-weight:700 !important;
    box-shadow:none !important;
}

#dvo-website .dfv-inline-offer-dialog .dfv-inline-submit:hover,
#dvo-website .dfv-inline-offer-dialog button.dfv-inline-submit:hover,
#dvo-website .dfv-inline-offer-dialog .df-btn.dfv-inline-submit:hover{
    background:var(--dfv-inline-submit-hover-bg,#b3ad23) !important;
    color:var(--dfv-inline-submit-hover-color,#ffffff) !important;
    border-color:var(--dfv-inline-submit-hover-border,#b3ad23) !important;
}

/* === DFV 2026-06-30: offerteformulier alle velden radius 10px === */
#dvo-website .dfv-inline-offer-dialog,
body #dvo-website .dfv-inline-offer-dialog{
    border-radius:10px !important;
}

#dvo-website .dfv-inline-offer-dialog input,
#dvo-website .dfv-inline-offer-dialog select,
#dvo-website .dfv-inline-offer-dialog textarea,
#dvo-website .dfv-inline-offer-dialog button,
body #dvo-website .dfv-inline-offer-dialog input,
body #dvo-website .dfv-inline-offer-dialog select,
body #dvo-website .dfv-inline-offer-dialog textarea,
body #dvo-website .dfv-inline-offer-dialog button{
    border-radius:10px !important;
}

#dvo-website .dfv-inline-offer-dialog .dfv-inline-recaptcha,
body #dvo-website .dfv-inline-offer-dialog .dfv-inline-recaptcha{
    margin-top:22px !important;
    margin-bottom:20px !important;
}


/* DFV lease formulier: verplichte lege velden duidelijk rood markeren */
#dvo-website .dfv-detail-inline-leasecalc input.dfv-field-error,
#dvo-website .dfv-detail-inline-leasecalc select.dfv-field-error,
#dvo-website .dfv-detail-inline-leasecalc textarea.dfv-field-error,
#dvo-website .dfv-inline-offer-modal input.dfv-field-error,
#dvo-website .dfv-inline-offer-modal select.dfv-field-error,
#dvo-website .dfv-inline-offer-modal textarea.dfv-field-error{
    border-color:#dc2626 !important;
    border-width:2px !important;
    box-shadow:0 0 0 3px rgba(220,38,38,.14) !important;
    background:#fffafa !important;
}
#dvo-website .dfv-field-error-wrap{
    color:#b42318 !important;
}
#dvo-website .dfv-field-error:focus{
    border-color:#b42318 !important;
    box-shadow:0 0 0 4px rgba(220,38,38,.18) !important;
    outline:none !important;
}

/* === DFV 2026-07: mobiele detailvolgorde titel/prijzen/CTA === */
#dvo-website .dfv-detail-titlebar-cta-panel-mobile,
body #dvo-website .dfv-detail-titlebar-cta-panel-mobile{
    display:none !important;
}

@media (max-width: 991px){
    #dvo-website .dfv-detail-titlebar,
    body #dvo-website .dfv-detail-titlebar{
        display:flex !important;
        flex-direction:column !important;
        width:100% !important;
        gap:14px !important;
        align-items:stretch !important;
        padding:0 !important;
        margin:0 0 18px 0 !important;
    }

    #dvo-website .dfv-detail-titlebar-actions,
    #dvo-website .dfv-detail-titlebar-price-row,
    body #dvo-website .dfv-detail-titlebar-actions,
    body #dvo-website .dfv-detail-titlebar-price-row{
        display:contents !important;
    }

    #dvo-website .dfv-detail-titlebar-overview,
    body #dvo-website .dfv-detail-titlebar-overview{
        order:1 !important;
        width:100% !important;
        max-width:100% !important;
        min-height:58px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        margin:0 !important;
        box-sizing:border-box !important;
        font-size:1.05rem !important;
        font-weight:800 !important;
    }

    #dvo-website .dfv-detail-titlebar-text,
    body #dvo-website .dfv-detail-titlebar-text{
        order:2 !important;
        width:100% !important;
        max-width:100% !important;
        text-align:left !important;
        margin:0 !important;
        padding:0 !important;
    }

    #dvo-website .dfv-detail-titlebar-text h2,
    body #dvo-website .dfv-detail-titlebar-text h2{
        text-align:left !important;
        margin-left:0 !important;
        margin-right:0 !important;
    }

    #dvo-website .dfv-detail-titlebar-price,
    body #dvo-website .dfv-detail-titlebar-price{
        order:3 !important;
        width:100% !important;
        max-width:100% !important;
        display:block !important;
        text-align:left !important;
        justify-content:flex-start !important;
        margin:0 !important;
        padding:0 !important;
        white-space:normal !important;
        line-height:1.2 !important;
    }

    #dvo-website .dfv-detail-titlebar-actions > .dfv-detail-titlebar-cta-panel:not(.dfv-detail-titlebar-cta-panel-mobile),
    body #dvo-website .dfv-detail-titlebar-actions > .dfv-detail-titlebar-cta-panel:not(.dfv-detail-titlebar-cta-panel-mobile){
        display:none !important;
    }

    #dvo-website .dfv-detail-media-panel,
    body #dvo-website .dfv-detail-media-panel{
        display:flex !important;
        flex-direction:column !important;
        gap:14px !important;
        width:100% !important;
    }

    #dvo-website .dfv-detail-main-column,
    body #dvo-website .dfv-detail-main-column{
        order:1 !important;
        width:100% !important;
    }

    #dvo-website .dfv-detail-side,
    body #dvo-website .dfv-detail-side{
        display:contents !important;
    }

    #dvo-website .dfv-detail-thumbs-grid,
    body #dvo-website .dfv-detail-thumbs-grid{
        order:2 !important;
        width:100% !important;
        margin-top:0 !important;
    }

    #dvo-website .dfv-detail-titlebar-cta-panel-mobile,
    body #dvo-website .dfv-detail-titlebar-cta-panel-mobile{
        order:3 !important;
        display:flex !important;
        flex-direction:column !important;
        gap:12px !important;
        width:100% !important;
        max-width:100% !important;
        margin:0 !important;
        padding:14px !important;
        box-sizing:border-box !important;
    }

    #dvo-website .dfv-detail-titlebar-cta-panel-mobile .dfv-detail-cta-button,
    body #dvo-website .dfv-detail-titlebar-cta-panel-mobile .dfv-detail-cta-button{
        width:100% !important;
        min-height:58px !important;
        display:flex !important;
        align-items:center !important;
        justify-content:center !important;
        text-align:center !important;
    }

    #dvo-website .dfv-detail-inline-leasecalc,
    body #dvo-website .dfv-detail-inline-leasecalc{
        margin-top:14px !important;
    }
}

/* Moderne info-iconen bij inline leasecalculator labels */
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-label-text {
  display: inline-flex !important;
  align-items: center !important;
  gap: 6px !important;
  width: auto !important;
  position: relative !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info {
  position: relative !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 17px !important;
  height: 17px !important;
  min-width: 17px !important;
  border-radius: 999px !important;
  border: 1px solid #d0d5dd !important;
  background: #f8fafc !important;
  color: #475467 !important;
  font-size: 11px !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  cursor: help !important;
  font-style: normal !important;
  text-transform: none !important;
  letter-spacing: 0 !important;
  z-index: 5 !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:hover,
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:focus {
  background: #111827 !important;
  border-color: #111827 !important;
  color: #ffffff !important;
  outline: none !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info::after {
  content: attr(data-tooltip) !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 9px) !important;
  transform: translateX(-50%) translateY(4px) !important;
  width: max-content !important;
  max-width: 245px !important;
  padding: 9px 11px !important;
  border-radius: 10px !important;
  background: #111827 !important;
  color: #ffffff !important;
  font-size: 12px !important;
  font-weight: 500 !important;
  line-height: 1.35 !important;
  text-align: left !important;
  white-space: normal !important;
  box-shadow: 0 12px 30px rgba(15, 23, 42, .18) !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .16s ease, transform .16s ease, visibility .16s ease !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info::before {
  content: '' !important;
  position: absolute !important;
  left: 50% !important;
  bottom: calc(100% + 4px) !important;
  transform: translateX(-50%) !important;
  border-width: 5px 5px 0 5px !important;
  border-style: solid !important;
  border-color: #111827 transparent transparent transparent !important;
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity .16s ease, visibility .16s ease !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:hover::after,
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:focus::after,
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:hover::before,
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:focus::before {
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateX(-50%) translateY(0) !important;
}
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:hover::before,
#dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:focus::before {
  transform: translateX(-50%) !important;
}
@media (max-width: 767px) {
  #dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info::after {
    left: auto !important;
    right: -12px !important;
    transform: translateY(4px) !important;
    max-width: min(245px, 78vw) !important;
  }
  #dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:hover::after,
  #dvo-website .dfv-detail-inline-leasecalc .dfv-calc-info:focus::after {
    transform: translateY(0) !important;
  }
}