.products-grid,.list-product-grid {
    columns: 4;
    column-gap: 6px;
    margin: 8px 0;
    animation: fadeInGrid 0.5s;
}

.list-product-grid > * {
    break-inside: avoid;
    margin-bottom: 4px;
}

@media (max-width: 1200px) {
    .list-product-grid {
        column-count: 4;
    }
}

@media (max-width: 968px) {
    .list-product-grid {
        column-count: 3;
    }
}

@media (max-width: 768px) {
    .list-product-grid {
        column-count: 2;
    }
}

@keyframes fadeInGrid {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: none; }
}