.wp-block-blockxpert-ai-product-recommendations {
    margin-bottom: 2em;
    
    .product-grid {
        display: grid;
        gap: 2rem;
    }

    &.columns-1 .product-grid {
        grid-template-columns: 1fr;
    }

    &.columns-2 .product-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    &.columns-3 .product-grid {
        grid-template-columns: repeat(3, 1fr);
    }

    &.columns-4 .product-grid {
        grid-template-columns: repeat(4, 1fr);
    }

    @media (max-width: 768px) {
        &.columns-3 .product-grid,
        &.columns-4 .product-grid {
            grid-template-columns: repeat(2, 1fr);
        }
    }

    @media (max-width: 480px) {
        .product-grid {
            grid-template-columns: 1fr !important;
        }
    }
}