.products-header {
    margin-bottom: 1.5rem;
}

.products-header h4 {
    margin-bottom: 0.25rem;
    font-size: 1.5rem;
    font-weight: 600;
    color: #212529;
}

.products-header small {
    color: #6c757d;
    font-size: 0.875rem;
}


.products-grid {
    margin-bottom: 2rem;
}

.products-grid .row {
    margin-left: -0.5rem;
    margin-right: -0.5rem;
}

.products-grid .row > [class*="col-"] {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}


.no-products {
    padding: 3rem 0;
    text-align: center;
}

.no-products i {
    color: #6c757d;
    font-size: 3rem;
    margin-bottom: 1rem;
}

.no-products h5 {
    color: #6c757d;
    font-size: 1.25rem;
    margin-bottom: 0;
}



@media (max-width: 768px) {
    .products-header h4 {
        font-size: 1.25rem;
    }

    .products-grid .row {
        margin-left: -0.25rem;
        margin-right: -0.25rem;
    }

    .products-grid .row > [class*="col-"] {
        padding-left: 0.25rem;
        padding-right: 0.25rem;
    }

    .no-products {
        padding: 2rem 0;
    }

    .no-products i {
        font-size: 2.5rem;
    }

    .no-products h5 {
        font-size: 1.1rem;
    }
}

@media (max-width: 576px) {
    .products-header h4 {
        font-size: 1.1rem;
    }

    .products-header small {
        font-size: 0.8rem;
    }

    .no-products {
        padding: 1.5rem 0;
    }

    .no-products i {
        font-size: 2rem;
    }

    .no-products h5 {
        font-size: 1rem;
    }
}