@media (max-width: 768px) {
    .products-grid__items {
        gap: 5px !important;   
    }
    
    .products-grid {
        padding-left: 5px;
        padding-right: 5px;   
    }
    
    .page:where(:not(.site-page .page)) {
        padding-left: 5px !important;
        padding-right: 5px !important; 
    }
    
    .product--grid,
    .product--slider,
    .product--list {
        .product__description {
            display: -webkit-box;
            -webkit-line-clamp: 3;
            overflow: hidden;
            overflow-wrap: anywhere;
            -webkit-box-orient: vertical;
            font-size: 12px;
        }
    }
}

.product--grid,
.product--slider,
.product--list {
    padding: 0;   
}

.product__data {
    padding: 10px;   
}