/** Shopify CDN: Minification failed

Line 21:18 Unexpected "{"
Line 21:27 Expected ":"
Line 21:34 Unexpected "{"
Line 22:8 Expected identifier but found whitespace
Line 22:10 Unexpected "{"
Line 22:19 Expected ":"
Line 23:11 Expected identifier but found whitespace
Line 23:13 Unexpected "{"
Line 23:22 Expected ":"
Line 24:13 Expected identifier but found whitespace
... and 9 more hidden warnings

**/
/* ==========================================================================
   1. BASIS & VEILIGHEID
   ========================================================================== */
html, body { overflow-x: hidden !important; }

#shopify-section-{{ section.id }} {
--mc-bg: {{ section.settings.light_bg }};
--mc-title: {{ section.settings.light_title }};
--mc-heading: {{ section.settings.light_heading }};
--mc-filter: {{ section.settings.light_filter }};
    background-color: var(--mc-bg);
    width: 100%;
    max-width: 100vw;
    overflow-x: hidden;
    box-sizing: border-box;
}

/* ==========================================================================
   2. LAYOUT CONTAINER (DESKTOP)
   ========================================================================== */
.collection-container-flex {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 100%;
}

@media screen and (min-width: 1024px) {
    .collection-container-flex {
        flex-direction: row;
        align-items: flex-start;
        gap: 20px;
    }

    .facets-sidebar {
        flex: 0 0 25%;
        min-width: 260px;
        max-width: 360px;
        position: sticky;
        top: 10px;
        z-index: 10;
        box-sizing: border-box;
    }

    #CollectionProductGrid {
        flex: 1;
        width: 100%;
        display: flex !important;
        flex-direction: column !important;
        min-width: 0;
    }
}

/* ==========================================================================
   3. HEADER & FILTERS
   ========================================================================== */
.collection-heading-container {
    width: 100% !important;
    margin-bottom: 20px;
    display: block !important;
}

.active-facets-desktop {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100%;
    margin-top: 10px;
    margin-bottom: 20px;
}
.active-facets__button { margin: 0 !important; }

a.active-facets__button.button--solid {
    margin-left: 8px !important;
    margin-top: 0 !important;
    white-space: nowrap;
}

/* ==========================================================================
   4. TITEL & TEKST
   ========================================================================== */
#shopify-section-{{ section.id }} .collection-title{
                                      color: var(--mc-title);
                                      width: 100%;
                                      margin-bottom: 10px;
                                  }
#shopify-section-{{ section.id }} .section-heading__text{ color: var(--mc-heading); }

.product-item__title, .card__heading {
    display: -webkit-box !important;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.4 !important;
    margin-bottom: 4px !important;
    height: auto !important;
    min-height: 0 !important;
    padding-bottom: 3px;
    font-size: clamp(12px, 1.2vw, 17px) !important;
    letter-spacing: -0.01em !important;
}
.product-item__title a { text-decoration: none; color: inherit; }

/* ==========================================================================
   5. PRODUCT KAART & PRIJS FONTGROOTTES
   ========================================================================== */
.product-item-wrapper {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
    background: #ffffff;
    width: 100%;
    box-sizing: border-box;
}

#main-collection-product-grid .product-item {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    height: 100% !important;
    width: 100%;
}

#main-collection-product-grid .product-item__content {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 1 auto !important;
    justify-content: flex-start !important;
    padding-bottom: 10px;
    width: 100% !important;
}

/* --- PRIJS FONT-GROOTTES OVERRIDES --- */
.product-price__custom {
    margin-bottom: -4px !important;
    line-height: 1 !important;
    display: flex !important;
    align-items: baseline !important;
}

.product-price--original {
    margin-top: 0 !important;
    display: inline-block !important;
}

/* DESKTOP 4-KOLOMMEN */
#main-collection-product-grid.force-4-col .product-price--original,
#main-collection-product-grid.force-4-col .product-price--original__cents {
    font-size: 1.9rem !important;
    letter-spacing: 0.1px !important;
}
#main-collection-product-grid.force-4-col .product-price__custom-text,
#main-collection-product-grid.force-4-col .product-price__custom-price {
    font-size: 1rem !important;
    letter-spacing: 0.2px !important;
}
#main-collection-product-grid.force-4-col .product-price__custom {
    margin-bottom: -6px !important;
}

/* MOBIEL 2-KOLOMMEN */
@media screen and (max-width: 1023px) {
    #main-collection-product-grid.force-mobile-2 .product-price--original,
    #main-collection-product-grid.force-mobile-2 .product-price--original__cents {
        font-size: 1.8rem !important;
        letter-spacing: 0.1px !important;
    }
    #main-collection-product-grid.force-mobile-2 .product-price__custom-text,
    #main-collection-product-grid.force-mobile-2 .product-price__custom-price {
        font-size: 0.9rem !important;
        letter-spacing: 0.2px !important;
    }
    #main-collection-product-grid.force-mobile-2 .product-price__custom {
        margin-bottom: -7px !important;
    }
}

#main-collection-product-grid .product-item__media {
    position: relative !important;
    display: block !important;
    width: 100% !important;
    padding-bottom: 100%;
    height: 0 !important;
    overflow: hidden !important;
    margin-bottom: 15px !important;
    flex-shrink: 0;
}
#main-collection-product-grid .product-item__media img {
    position: absolute !important;
    top: 0; left: 0; width: 100%; height: 100%;
    object-fit: contain !important;
}

.product-item__quick-buy {
    margin-top: auto !important;
    width: 100%;
    flex-shrink: 0;
}

.product-item__inventory {
    margin-top: 0 !important;
    padding-top: 0 !important;
    flex: 0 0 auto !important;
    width: 100%;
    min-height: 40px !important;
    display: flex !important;
    align-items: flex-start !important;
    justify-content: center !important;
    overflow: hidden;
}

.sold-out-placeholder { margin-top: auto !important; width: 100%; }

.layout-btn { opacity: 0.3; cursor: pointer; border: none; background: transparent; padding: 4px; }
.layout-btn.active { opacity: 1; color: var(--mc-title); }

@media screen and (min-width: 1024px) { .lap-hide-up { display: none !important; } }
@media screen and (max-width: 1023px) { .portable-hide { display: none !important; } }

/* ==========================================================================
   6. PRODUCT KNOP: SCHOON & OVERAL GELIJK (ALLEEN ICOON)
   ========================================================================== */
.product-item .button, .product-item .quick-buy-button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    position: relative !important;
    border-radius: 50px !important;
}

.product-item .button span, .product-item .quick-buy-button span {
    display: none !important;
}

.product-item .button::before, .product-item .quick-buy-button::before {
    content: "";
    position: static !important;
    transform: none !important;
    margin: 0 !important;
    width: 1.8rem;
    height: 1.8rem;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23FFFFFF' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='9' cy='21' r='1'/%3E%3Ccircle cx='20' cy='21' r='1'/%3E%3Cpath d='M1 1h4l2.68 13.39a2 2 0 0 0 2 1.61h9.72a2 2 0 0 0 2-1.61L23 6H6'/%3E%3C/svg%3E") !important;
}

/* ==========================================================================
   7. DESKTOP GRID LOGICA
   ========================================================================== */
@media screen and (min-width: 1024px) {
    #main-collection-product-grid {
        display: grid !important;
        grid-template-columns: repeat(3, 1fr);
        gap: 20px;
        width: 100% !important;
    }
    #main-collection-product-grid.force-4-col {
        grid-template-columns: repeat(4, 1fr) !important;
    }

    /* 4-KOLOMMEN DESKTOP: MEER BREEDTE VOOR INHOUD */
    #main-collection-product-grid.force-4-col .product-item__content,
    #main-collection-product-grid.force-4-col .product-item__text {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    #main-collection-product-grid.force-4-col .product-item__media {
        margin-left: 0 !important;
        margin-right: 0 !important;
        width: 100% !important;
        margin-bottom: 8px !important;
    }

    #main-collection-product-grid.force-4-col .product-price__custom {
        margin-top: 4px !important;
    }

    #main-collection-product-grid.force-4-col .product-item .button,
    #main-collection-product-grid.force-4-col .product-item .quick-buy-button {
        padding: 0 !important;
    }

    #main-collection-product-grid.force-4-col .product-item .button::before,
    #main-collection-product-grid.force-4-col .product-item .quick-buy-button::before {
        position: static !important;
        transform: none !important;
        margin: 0 auto !important;
    }

    .product-item__title { min-height: 4.2em !important; }
}

/* ==========================================================================
   8. MOBIEL GRID LOGICA
   ========================================================================== */
@media screen and (max-width: 1023px) {
    .collection-container-flex, #CollectionProductGrid {
        display: block !important;
        width: 100% !important;
    }
    .facets-sidebar { display: none; }

    #main-collection-product-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 15px !important;
        width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }

    /* 2 Kolommen modus */
    #main-collection-product-grid.force-mobile-2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
        width: calc(100% + 20px) !important;
        margin-left: -10px !important;
        margin-right: -10px !important;
        box-sizing: border-box !important;
    }

    #main-collection-product-grid.force-mobile-2 .product-item__text {
        padding-left: 8px !important;
        padding-right: 8px !important;
    }
}

/* ==========================================================================
   9. FIX UITVERKOCHT CONTAINER HOOGTE
   ========================================================================== */
.quick-buy--sold-out {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: auto !important;
    margin-bottom: 15px !important;
    padding: 30px !important;
    height: 80px !important;
    min-height: 54px !important;
}

.sold-out-placeholder {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    min-height: 44px !important;
    background-color: #e6e6e6 !important;
    color: #777777 !important;
    font-size: 13px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    border-radius: 4px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    line-height: 1 !important;
    box-sizing: border-box !important;
}

/* ==========================================================================
   10. PAGINERING & OVERIG
   ========================================================================== */
.custom-pagination-wrapper {
    width: 100%;
    display: flex !important;
    flex-direction: row !important;
    justify-content: center !important;
    align-items: center !important;
    margin-top: 25px;
    margin-bottom: 50px;
    clear: both;
    gap: 15px !important;
}

/* Voorkomt dubbele marges als het thema twee wrappers gebruikt */
.custom-pagination-wrapper .custom-pagination-wrapper {
    margin: 0 !important;
    width: auto !important;
}

.pagination-input-container {
    display: flex !important;
    flex-direction: row !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    white-space: nowrap !important;
}

.pagination-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 40px !important;
    height: 40px !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    color: inherit !important;
    margin-left: 15px !important;
    margin-right: 15px !important;
    transition: all 0.2s;
    flex-shrink: 0 !important;
}

.pagination-page-input {
    width: 50px !important;
    height: 40px !important;
    text-align: center !important;
    border: 1px solid #e0e0e0 !important;
    border-radius: 4px !important;
    font-size: 14px !important;
    -moz-appearance: textfield;
}

.pagination-page-input::-webkit-outer-spin-button,
.pagination-page-input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* --- KEIHARDE FIX VOOR TITELS IN 1-KOLOM MOBIEL --- */
@media screen and (max-width: 1023px) {
    div#main-collection-product-grid:not(.force-mobile-2) a.product-item__title,
    div#main-collection-product-grid:not(.force-mobile-2) .card__heading {
        display: block !important;
        -webkit-line-clamp: initial !important;
        -webkit-box-orient: initial !important;
        overflow: visible !important;
        height: auto !important;
        max-height: none !important;
        padding-bottom: 6px !important;
    }

    div#main-collection-product-grid:not(.force-mobile-2) a.product-item__title span {
        line-height: 1.5 !important;
        display: inline-block !important;
        padding-bottom: 4px !important;
    }
}

/* ==========================================================================
   11. LEVERTIJDEN: SCHAKELEN & WITRUIMTE OPTIMALISATIE
   ========================================================================== */
.product-item__inventory {
    display: flex !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 22px !important;
    margin-top: 6px !important;
    visibility: visible !important;
    opacity: 1 !important;
}

/* STANDAARD (1 & 3 KOLOMMEN) */
#main-collection-product-grid .shipping-text-long {
    display: inline-block !important;
    font-size: 15px !important;
    line-height: 1.2 !important;
    font-weight: 500 !important;
}
#main-collection-product-grid .shipping-text-short {
    display: none !important;
}

/* SMALLE TEGELS (2 & 4 KOLOMMEN) */
#main-collection-product-grid.force-4-col .shipping-text-long,
#main-collection-product-grid.force-mobile-2 .shipping-text-long {
    display: none !important;
}

#main-collection-product-grid.force-4-col .shipping-text-short,
#main-collection-product-grid.force-mobile-2 .shipping-text-short {
    display: inline-block !important;
    font-size: 13px !important;
    line-height: 1.1 !important;
    font-weight: 500 !important;
}

/* DE COMPACT-FIX: Minder loze ruimte op smalle tegels */
#main-collection-product-grid.force-4-col .product-item__inventory,
#main-collection-product-grid.force-mobile-2 .product-item__inventory {
    margin-top: 0px !important;
    min-height: 15px !important;
    padding-bottom: 0 !important;
}

.product-item__fixed-height {
    width: 100%;
    display: flex !important;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    overflow: hidden;
    position: relative;
    height: 300px;
}

.product-item__fixed-height img:not(.label-wrapper img) {
    object-fit: contain !important;
    width: 100% !important;
    height: 100% !important;
    max-height: 100%;
}

/* ==========================================================================
   12. BADGES POSITIONERING
   ========================================================================== */
.product-item__fixed-height .label-wrapper {
    position: absolute !important;
    top: 5px !important;
    right: 0px !important;
    left: auto !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    gap: 5px !important;
    z-index: 10 !important;
    width: auto !important;
}

.product-item__fixed-height .label-wrapper .metafield-label,
.product-item__fixed-height .label-wrapper .metafield-image_label {
    width: 60px !important;
    max-width: 60px !important;
}

@media screen and (min-width: 1024px) {
    #main-collection-product-grid.force-4-col .product-item__fixed-height .label-wrapper .metafield-label,
    #main-collection-product-grid.force-4-col .product-item__fixed-height .label-wrapper .metafield-image_label {
        width: 52px !important;
        max-width: 52px !important;
    }
}

@media screen and (max-width: 1023px) {
    #main-collection-product-grid:not(.force-mobile-2) .product-item__fixed-height .label-wrapper {
        top: 8px !important;
        right: 4px !important;
    }

    #main-collection-product-grid:not(.force-mobile-2) .product-item__fixed-height .label-wrapper .metafield-label,
    #main-collection-product-grid:not(.force-mobile-2) .product-item__fixed-height .label-wrapper .metafield-image_label {
        width: 60px !important;
        max-width: 60px !important;
    }
}

@media screen and (max-width: 1023px) {
    #main-collection-product-grid.force-mobile-2 .product-item__fixed-height .label-wrapper {
        top: 8px !important;
        right: 0px !important;
    }

    #main-collection-product-grid.force-mobile-2 .product-item__fixed-height .label-wrapper .metafield-label,
    #main-collection-product-grid.force-mobile-2 .product-item__fixed-height .label-wrapper .metafield-image_label {
        width: 34px !important;
        max-width: 36px !important;
    }
}

.product-item__fixed-height .label-wrapper img {
    width: 100% !important;
    height: auto !important;
    display: block !important;
}

@media screen and (max-width: 768px) {
    .product-item__fixed-height {
        height: 200px;
    }
}

/* ==========================================================================
   13. RADIUS SELECTOR & KNOP
   ========================================================================== */
.product-item__quick-buy select,
.product-item__quick-buy .select,
.product-item__quick-buy .button,
.product-item__quick-buy .quick-buy-button {
    border-radius: 50px !important;
}

@media screen and (max-width: 1023px) {
    #main-collection-product-grid.force-mobile-2 .product-item__quick-buy select,
    #main-collection-product-grid.force-mobile-2 .product-item__quick-buy .select,
    #main-collection-product-grid.force-mobile-2 .product-item__quick-buy .button,
    #main-collection-product-grid.force-mobile-2 .product-item__quick-buy .quick-buy-button {
        border-radius: 6px !important;
    }
}

/* ==========================================================================
   14. PRIJS OP AANVRAAG FIXES - DEEL 1: DE KNOP (FULL WIDTH)
   ========================================================================== */
div#main-collection-product-grid .quick-buy--on-request-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    margin-top: auto !important;
    margin-bottom: 0px !important;
    padding: 15px 0px !important; /* FIX: 0px aan de zijkanten zodat hij de volle breedte kan pakken */
    height: 74px !important;
    min-height: 54px !important;
    box-sizing: border-box !important;
}

div#main-collection-product-grid .quick-buy--on-request-wrapper .button--on-request {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    max-width: none !important; /* FIX: Breekt door eventuele max-breedte van het thema heen */
    height: 44px !important;
    min-height: 44px !important;
    background-color: #88a612 !important;
    border-color: #88a612 !important;
    color: #ffffff !important;
    border-radius: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    transition: all 0.2s ease !important;
    flex: 1 1 100% !important;
}

div#main-collection-product-grid .quick-buy--on-request-wrapper .button--on-request:hover {
    background-color: #7a9510 !important;
    border-color: #7a9510 !important;
}

div#main-collection-product-grid .quick-buy--on-request-wrapper .button--on-request span {
    display: inline-block !important;
    font-size: 14px !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    color: #ffffff !important;
    letter-spacing: normal !important;
}

div#main-collection-product-grid .quick-buy--on-request-wrapper .button--on-request::before,
div#main-collection-product-grid .quick-buy--on-request-wrapper .button--on-request::after {
    display: none !important;
    content: none !important;
}

/* ==========================================================================
   15. PRIJS OP AANVRAAG FIXES - DEEL 2: DE TEKST (UITLIJNING & GROOTTE)
   ========================================================================== */
div#main-collection-product-grid .product-price__on-request {
    display: flex !important;
    align-items: flex-end !important;
    width: 100% !important;
    height: 38px !important;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

div#main-collection-product-grid .product-price__on-request .product-price--original {
    color: #d32f2f !important;
    font-weight: 900 !important;
    font-size: 20px !important;
    line-height: 1.1 !important;
    padding-bottom: 2px !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    letter-spacing: normal !important;
    word-spacing: normal !important;
    margin: 0 !important;
}

div#main-collection-product-grid.force-4-col .product-price__on-request {
    height: 36px !important;
}
div#main-collection-product-grid.force-4-col .product-price__on-request .product-price--original {
    font-size: 16px !important;
}

@media screen and (max-width: 1023px) {
    div#main-collection-product-grid.force-mobile-2 .product-price__on-request {
        height: 34px !important;
    }
    div#main-collection-product-grid.force-mobile-2 .product-price__on-request .product-price--original {
        font-size: 15px !important;
    }
}

/* ==========================================================================
   16. PRIJS OP AANVRAAG FIXES - DEEL 3: VERZENDINFO GELIJKTREKKEN
   ========================================================================== */
div#main-collection-product-grid .product-item__inventory p.grey,
div#main-collection-product-grid .product-item__inventory p.grey span {
    color: #88a612 !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    line-height: 1.2 !important;
}

div#main-collection-product-grid.force-4-col .product-item__inventory p.grey,
div#main-collection-product-grid.force-mobile-2 .product-item__inventory p.grey {
    font-size: 13px !important;
    line-height: 1.1 !important;
}

/* ==========================================================================
   17. FIX VOOR RUIMTE TUSSEN AFBEELDING EN PRIJS (DE ECHTE OORZAAK)
   ========================================================================== */
div#main-collection-product-grid.force-4-col .product-item__fixed-height {
    height: 220px !important;
    margin-bottom: 0 !important;
}

@media screen and (max-width: 1023px) {
    div#main-collection-product-grid.force-mobile-2 .product-item__fixed-height {
        height: 180px !important;
        margin-bottom: 0 !important;
    }
}

div#main-collection-product-grid.force-4-col .product-item__fixed-height img:not(.label-wrapper img),
div#main-collection-product-grid.force-mobile-2 .product-item__fixed-height img:not(.label-wrapper img) {
    object-position: center bottom !important;
    padding-bottom: 0px !important;
}

div#main-collection-product-grid .product-item__text.spacing--xlarge,
div#main-collection-product-grid .product-item__text {
    padding-top: 5px !important;
    margin-top: 0 !important;
}

div#main-collection-product-grid .product-item__price-wrapper {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

/* ==========================================================================
   18. KLEINE TWEAKS VOOR 4 EN 2 KOLOMMEN (VERZENDINFO, BADGES & CENTRERING)
   ========================================================================== */
div#main-collection-product-grid.force-4-col .product-item__inventory p.grey,
div#main-collection-product-grid.force-mobile-2 .product-item__inventory p.grey,
div#main-collection-product-grid.force-4-col .product-item__inventory p.grey span,
div#main-collection-product-grid.force-mobile-2 .product-item__inventory p.grey span {
    font-size: 13px !important;
    line-height: 1.1 !important;
}

div#main-collection-product-grid.force-4-col .product-item__badge,
div#main-collection-product-grid.force-mobile-2 .product-item__badge {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    font-size: 11px !important;
    letter-spacing: normal !important;
    text-align: center !important;

    padding: 2px 6px !important;
    line-height: 1 !important;
}

/* ==========================================================================
   19. FIX LAAGJES (Z-INDEX): AFBEELDING OP DE ACHTERGROND, BADGES VOORGROND
   ========================================================================== */
div#main-collection-product-grid .product-item {
    position: relative !important;
    isolation: isolate !important;
}

div#main-collection-product-grid .product-item__image {
    z-index: 1 !important;
}
div#main-collection-product-grid .product-item__image img {
    z-index: 1 !important;
}
div#main-collection-product-grid .product-item__image img[class^="hover-img-"] {
    z-index: 2 !important;
}

div#main-collection-product-grid .label-wrapper,
div#main-collection-product-grid .metafield-wijn_type_label,
div#main-collection-product-grid .product-item__badges {
    z-index: 20 !important;
}

div#main-collection-product-grid .product-item__badge {
    position: relative !important;
    z-index: 21 !important;
}

/* ==========================================================================
   20. WITRUIMTE TUSSEN TEKST, KNOPPEN EN VERZENDINFO (DEFINITIEF)
   ========================================================================== */

/* 1. Knoppen strakker tegen de tekst aan trekken (behoudt de afstand die nu goed is) */
div#main-collection-product-grid .product-item__quick-buy,
div#main-collection-product-grid .quick-buy--on-request-wrapper,
div#main-collection-product-grid .quick-buy--sold-out {
    margin-top: -10px !important; /* De afstand die je nu goed vindt */
    margin-bottom: 0px !important;
}

/* 2. Aanvraag-knop EXACT gelijk maken aan de normale knop (haalt hem mooi omhoog) */
div#main-collection-product-grid .quick-buy--on-request-wrapper {
    padding: 16px !important; /* Stript de padding die hem zwaarder maakte en omlaag duwde */
    height: auto !important;
    min-height: 44px !important;
}

/* 3. Normale knop container ontdoen van onzichtbare marges */
div#main-collection-product-grid .product-item__quick-buy {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

/* 4. Verzendinfo strak onder de knop zetten met de originele, goede marge */
div#main-collection-product-grid .product-item__inventory {
    margin-top: 6px !important; /* De originele, kloppende afstand tussen knop en tekst */
    margin-bottom: auto !important; /* TRUC: Duwt eventuele lege ruimte naar de absolute bodem van de kaart, in plaats van tússen de elementen in */
    padding-top: 0px !important;
}