/* Custom fixes for catalog page */

/* Remove the 'Мини-порции CLASSICO' heading */
.section-header h3:contains('Мини-порции CLASSICO'),
#classico-catalog .section-header h3.uppercase-title {
    display: none !important;
}

/* Fix product card layout to show 4 cards per row and center the grid */
.product-catalog-grid {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    margin-top: 40px !important;
    justify-items: center !important;
    width: 100% !important;
    max-width: 1400px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    justify-content: center !important;
}

/* Change background color to white */
body, main, section,  .product-line,{
    background-color: #ffffff !important;
}

/* Update menu color to black */
.main-nav ul li a, .header .nav-item a {
    color: #000000 !important;
}



/* Center all catalog sections */
#classico-catalog, #uno-catalog {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    width: 100% !important;
}



/* Center the cards in both CLASSICO and UNO sections */
.product-catalog-card {
    margin: 0 auto !important;
    max-width: 300px !important;
    width: 100% !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    text-align: center !important;
    justify-content: center !important;
}

/* Ensure product details are centered */
.product-catalog-details {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
    width: 100% !important;
    margin: 0 auto !important;
}

/* Ensure product images are properly sized */
.product-catalog-image {
    width: 100% !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.product-catalog-image img {
    object-fit: contain !important;
}

/* Rename pastries */
#classico-catalog .product-catalog-card:nth-child(1) .product-catalog-details h3,
#classico-catalog .product-catalog-card:nth-child(2) .product-catalog-details h3 {
    content: 'ШОКОЛАДНЫЙ' !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 1200px) {
    .product-catalog-grid {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

@media (max-width: 900px) {
    .product-catalog-grid {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

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