/* css/category.css */

.category-page-title {
    font-size: 2em;
    font-weight: 600;
    text-align: center;
    margin-top: 20px;
    margin-bottom: 30px;
    color: var(--text-color);
}

.product-grid-section .container {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 20px;
    padding-right: 20px;
}

.no-products-found {
    text-align: center;
    font-size: 1.2em;
    padding: 50px 20px;
    color: var(--secondary-text-color);
}

@media (max-width: 768px) {
    .category-page-title {
        font-size: 1.6em;
        margin-bottom: 20px;
    }

    .product-grid-section .container {
        padding-left: 15px;
        padding-right: 15px;
    }
}