/*
 Theme Name:   Botiga Child
 Theme URI:    http://yourwebsite.com
 Description:  Child theme for Botiga
 Author:       Your Name
 Template:     botiga
 Version:      1.0.0
*/

/* Custom CSS starts below */

.woocommerce-products {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

.custom-product {
    text-align: center;
    width: 100%; /* Mobile full width */
}

@media(min-width: 768px){
    .custom-product {
        width: calc(33.333% - 20px); /* 3 products per row on desktop */
    }
}

.custom-product img {
    width: 100%;
    height: auto;
}

.custom-product h2 {
    font-size: 16px;
    margin: 10px 0;
}

.custom-product .button {
    margin-top: 8px;
}