/* ZARPLACE GRID FIXES */

.grid-4, .products-grid-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 1.5rem !important;
    align-items: stretch !important;
}

.grid-4 > div, .products-grid-container > div {
    display: flex !important;
    flex-direction: column !important;
    height: 100% !important;
}

.grid-4 .product-card, .products-grid-container .product-card {
    height: 100% !important;
    flex: 1 1 100% !important;
    display: flex !important;
    flex-direction: column !important;
}

.grid-4 .product-card__image-wrap, .products-grid-container .product-card__image-wrap {
    flex-shrink: 0 !important;
    width: 100% !important;
    aspect-ratio: 4/5 !important;
    position: relative !important;
}

.grid-4 .product-card__body, .products-grid-container .product-card__body {
    flex: 1 1 auto !important; 
    display: flex !important;
    flex-direction: column !important;
}

.grid-4 .product-card__add-to-cart, .products-grid-container .product-card__add-to-cart {
    margin-top: auto !important;
}

.load-more-wrap {
    position: relative !important;
    z-index: 10 !important;
    clear: both !important;
    margin-top: 4rem !important;
    margin-bottom: 2rem !important;
    display: block !important;
    text-align: center !important;
}

.load-more-btn {
    position: relative !important;
    z-index: 10 !important;
    margin-top: 3rem !important;
    margin-bottom: 2rem !important;
    display: inline-block !important;
}

@media(max-width:1024px){ 
    .grid-4, .products-grid-container { grid-template-columns:repeat(2,1fr) !important; } 
}
@media(max-width:640px){ 
    .grid-4, .products-grid-container { grid-template-columns:1fr !important; } 
}

/* ========================================================
   LIST VIEW OVERRIDES
   ======================================================== */
.grid-4.list-view, .products-grid-container.list-view {
    grid-template-columns: 1fr !important; 
}

.grid-4.list-view .product-card, .products-grid-container.list-view .product-card {
    flex-direction: row !important;
}

.grid-4.list-view .product-card__image-wrap, .products-grid-container.list-view .product-card__image-wrap {
    width: 250px !important;
}

.grid-4.list-view .product-card__body, .products-grid-container.list-view .product-card__body {
    justify-content: center !important;
    padding: 2rem !important;
}

.grid-4.list-view .product-card__add-to-cart, .products-grid-container.list-view .product-card__add-to-cart {
    width: auto !important;
    margin-top: 1.5rem !important;
}

@media(max-width: 640px) {
    .grid-4.list-view .product-card, .products-grid-container.list-view .product-card {
        flex-direction: column !important;
    }
    .grid-4.list-view .product-card__image-wrap, .products-grid-container.list-view .product-card__image-wrap {
        width: 100% !important;
    }
}

/* ========================================================
   QUICK VIEW FIXES
   ======================================================== */
#quick-view-modal {
    z-index: 999999 !important;
}
#quick-view-modal.is-open {
    pointer-events: auto !important;
}
#quick-view-modal.is-open #quick-view-overlay {
    z-index: 1 !important;
    pointer-events: auto !important;
}
#quick-view-modal.is-open #quick-view-card {
    z-index: 100 !important;
    position: relative !important;
    pointer-events: auto !important;
}
#quick-view-close {
    pointer-events: auto !important;
    z-index: 999 !important;
}