/*
Theme Name: Merto Child
Theme URI: https://demo.theme-sky.com/merto/
Author: Theme Sky Team
Author URI: http://theme-sky.com/
Description: A Premium and Responsive WordPress theme, designed for E-Commerce websites
Template: merto
Version: 1.0.0
License: GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags: two-columns, left-sidebar, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-images, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
Text Domain: merto-child
*/

.woocommerce ul.products {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  gap: 20px;
}

.woocommerce ul.products li.product {
  break-inside: avoid;
}
/* Masonry grid for WooCommerce products */
.woocommerce ul.products {
    margin: 0 auto;
}
.woocommerce ul.products li.product {
    width: 30%;      /* adjust number of columns */
    margin: 0 1% 20px;
    float: none;     /* Masonry handles layout */
}
@media (max-width: 768px) {
    .woocommerce ul.products li.product {
        width: 48%;
    }
}
@media (max-width: 480px) {
    .woocommerce ul.products li.product {
        width: 100%;
    }
}