/* =====================================================
   deepcar UIkit/YOOtheme Fix
   ===================================================== */

/* ── Row ── */
.uk-panel .its_row,
#detail_fzg .its_row,
#detail_header .its_row {
    display: flex !important;
    flex-wrap: wrap !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    width: auto !important;
    min-width: 0 !important;
}

/* ── Alle Spalten ── */
.uk-panel [class*="its_col-"],
#detail_fzg [class*="its_col-"],
#detail_header [class*="its_col-"] {
    float: none !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    box-sizing: border-box !important;
    flex-shrink: 0 !important;
    min-width: 0 !important;
}

/* ── Übersicht: 3 Spalten ── */
.uk-panel .its_col-md-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

/* ── Filter: 3 Spalten ── */
.uk-panel .its_col-md-3 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

.uk-panel .its_col-sm-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}
.uk-panel .its_col-sm-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}
.uk-panel .its_col-sm-12 {
    flex: 0 0 100% !important;
    max-width: 100% !important;
}
.uk-panel .its_col-xs-6 {
    flex: 0 0 50% !important;
    max-width: 50% !important;
}

/* ── Detailseite ── */
#detail_fzg .its_col-sm-5  { flex: 0 0 41.666% !important; max-width: 41.666% !important; }
#detail_fzg .its_col-sm-7  { flex: 0 0 58.333% !important; max-width: 58.333% !important; }
#detail_fzg .its_col-sm-6  { flex: 0 0 50% !important;     max-width: 50% !important; }
#detail_fzg .its_col-sm-4  { flex: 0 0 33.333% !important; max-width: 33.333% !important; }
#detail_fzg .its_col-sm-12 { flex: 0 0 100% !important;    max-width: 100% !important; }
#detail_fzg .its_col-xs-6  { flex: 0 0 50% !important;     max-width: 50% !important; }
#detail_header .its_col-xs-6 { flex: 0 0 50% !important;   max-width: 50% !important; }

/* ── Slider fix ── */
#wrapper_detail_slider,
#detailslider,
#detailslider .flex-viewport,
.wrapper_thumbs {
    width: 100% !important;
    display: block !important;
    flex: none !important;
}
#detailslider .slides,
#detailslider .slides > li {
    display: block !important;
    width: 100% !important;
    flex: none !important;
}
.wrapper_thumbs .its_col-sm-4 {
    flex: 0 0 33.333% !important;
    max-width: 33.333% !important;
}

/* ── Buttons normal breit ── */
.uk-panel .its_btn { width: auto !important; display: inline-block !important; }
.uk-panel .its_btn-block { width: 100% !important; display: block !important; }

/* ── Responsive ── */
@media (max-width: 991px) {
    .uk-panel .its_col-md-4 { flex: 0 0 50% !important;  max-width: 50% !important; }
    .uk-panel .its_col-md-3 { flex: 0 0 50% !important;  max-width: 50% !important; }
    #detail_fzg .its_col-sm-5,
    #detail_fzg .its_col-sm-7 { flex: 0 0 100% !important; max-width: 100% !important; }
}
@media (max-width: 767px) {
    .uk-panel .its_col-md-4,
    .uk-panel .its_col-md-3,
    .uk-panel .its_col-sm-4,
    .uk-panel .its_col-sm-6 { flex: 0 0 100% !important; max-width: 100% !important; }
    #detail_fzg .its_col-sm-6,
    #detail_fzg .its_col-sm-4 { flex: 0 0 100% !important; max-width: 100% !important; }
}