/* 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:30px !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:22px !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;
}