/* Product Vertical Spacing Fix - Only margins, no layout changes */

/* Add vertical spacing between product rows without affecting column layout */
#products .products .product,
#js-product-list .products .product,
.featured-products .products .product,
.product-accessories .products .product {
    margin-bottom: 30px !important;
}

/* Larger vertical spacing on bigger screens */
@media (min-width: 992px) {
    #products .products .product,
    #js-product-list .products .product,
    .featured-products .products .product,
    .product-accessories .products .product {
        margin-bottom: 40px !important;
    }
}

@media (min-width: 1200px) {
    #products .products .product,
    #js-product-list .products .product,
    .featured-products .products .product,
    .product-accessories .products .product {
        margin-bottom: 50px !important;
    }
}

/* Ensure product miniature doesn't add extra margin */
.products .product .product-miniature {
    margin-bottom: 0 !important;
}

/* Mobile specific - smaller margins */
@media (max-width: 767px) {
    #products .products .product,
    #js-product-list .products .product,
    .featured-products .products .product,
    .product-accessories .products .product {
        margin-bottom: 20px !important;
    }
}