/* ===================== FORÇAR LIMITE DE LARGURA ===================== */
/* CSS com especificidade alta para garantir que todas as páginas respeitem o limite */

/* ===================== CONTAINER PRINCIPAL - ALTA ESPECIFICIDADE ===================== */
.container.mx-auto,
div.container.mx-auto,
body .container.mx-auto,
main .container.mx-auto,
section .container.mx-auto {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===================== CONTAINER DE PRODUTO - ALTA ESPECIFICIDADE ===================== */
.produto-container,
div.produto-container,
body .produto-container {
    max-width: 1280px !important; /* Mesmo tamanho do index.php */
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===================== CONTAINER DE CARRINHO - ALTA ESPECIFICIDADE ===================== */
.cart-container,
div.cart-container,
body .cart-container,
.cart-main-layout,
div.cart-main-layout,
body .cart-main-layout {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===================== CONTAINER DE CATEGORIA - ALTA ESPECIFICIDADE ===================== */
.category-container,
div.category-container,
body .category-container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===================== SEÇÕES PRINCIPAIS - ALTA ESPECIFICIDADE ===================== */
section,
div section,
body section,
main section,
.container section {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===================== BANNER PRINCIPAL - ALTA ESPECIFICIDADE ===================== */
.hero-banner,
div.hero-banner,
body .hero-banner,
.hero-banner .container,
div.hero-banner .container {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===================== GRID DE PRODUTOS - ALTA ESPECIFICIDADE ===================== */
.grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4,
div.grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4,
body .grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4 {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* ===================== BREAKPOINTS ESPECÍFICOS ===================== */
@media (min-width: 1280px) {
    .container.mx-auto,
    div.container.mx-auto,
    body .container.mx-auto,
    main .container.mx-auto,
    section .container.mx-auto,
    .produto-container,
    div.produto-container,
    body .produto-container,
    .cart-container,
    div.cart-container,
    body .cart-container,
    .cart-main-layout,
    div.cart-main-layout,
    body .cart-main-layout,
    .category-container,
    div.category-container,
    body .category-container,
    section,
    div section,
    body section,
    main section,
    .container section,
    .hero-banner,
    div.hero-banner,
    body .hero-banner,
    .hero-banner .container,
    div.hero-banner .container,
    .grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4,
    div.grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4,
    body .grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4 {
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 1536px) {
    .container.mx-auto,
    div.container.mx-auto,
    body .container.mx-auto,
    main .container.mx-auto,
    section .container.mx-auto,
    .produto-container,
    div.produto-container,
    body .produto-container,
    .cart-container,
    div.cart-container,
    body .cart-container,
    .cart-main-layout,
    div.cart-main-layout,
    body .cart-main-layout,
    .category-container,
    div.category-container,
    body .category-container,
    section,
    div section,
    body section,
    main section,
    .container section,
    .hero-banner,
    div.hero-banner,
    body .hero-banner,
    .hero-banner .container,
    div.hero-banner .container,
    .grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4,
    div.grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4,
    body .grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4 {
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}

@media (min-width: 1920px) {
    .container.mx-auto,
    div.container.mx-auto,
    body .container.mx-auto,
    main .container.mx-auto,
    section .container.mx-auto,
    .produto-container,
    div.produto-container,
    body .produto-container,
    .cart-container,
    div.cart-container,
    body .cart-container,
    .cart-main-layout,
    div.cart-main-layout,
    body .cart-main-layout,
    .category-container,
    div.category-container,
    body .category-container,
    section,
    div section,
    body section,
    main section,
    .container section,
    .hero-banner,
    div.hero-banner,
    body .hero-banner,
    .hero-banner .container,
    div.hero-banner .container,
    .grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4,
    div.grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4,
    body .grid.grid-cols-2.md\\:grid-cols-3.lg\\:grid-cols-4 {
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }
}