/*
 Theme Name: Hello Elementor Child
 Template: hello-elementor
 Author: Aleksander Wisniewski
 Description: A child theme for Hello Elementor
 Version: 1.0
*/

/* FORCE CSS GRID (override WooCommerce completely) */
ul.products {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 24px;
}

/* Reset WooCommerce product item styles */
ul.products li.product {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

/* Remove clearfix garbage from WooCommerce */
ul.products::before,
ul.products::after {
    display: none !important;
}

/* Tablet */
@media (max-width: 1024px) {
    ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

/* Mobile */
@media (max-width: 600px) {
    ul.products {
        grid-template-columns: 1fr !important;
    }
}