/* Grid Block - Frontend Styles */

.woodmart-grid {
    display: grid;
    grid-template-columns: repeat(var(--cols-desktop, 3), 1fr);
    gap: var(--gap, 20px);
}

/* Tablet: 768px - 1024px */
@media (max-width: 1024px) {
    .woodmart-grid {
        grid-template-columns: repeat(var(--cols-tablet, 2), 1fr);
    }
}

/* Mobile: 767px and below */
@media (max-width: 767px) {
    .woodmart-grid {
        grid-template-columns: repeat(var(--cols-mobile, 1), 1fr);
    }
}