.digitale-producten-grid{
        width: 100%;
        display:grid;
        gap: .5rem;
        grid-template-columns: repeat(2, 1fr); /* default = mobiel (onder 767px): 2 kolommen */
    }

    .digitale-product-card{
        border: 1px solid #ddd; 
        padding: 16px; border-radius: 12px; 
        transition: 0.3s; 
        box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    }

    
    @media (min-width: 767px) {
    .digitale-producten-grid {
        grid-template-columns: repeat(3, 1fr); /* tablets en small laptops */
    }
    }

    @media (min-width: 1199px) {
    .digitale-producten-grid {
        grid-template-columns: repeat(4, 1fr); /* desktops */
    }
    }