/* ============================================
   DESKTOP CSS - SmartCatálogo AI
   APENAS para telas a partir de 1024px
   NÃO colocar regras de mobile aqui!
   ============================================ */

@media (min-width: 1024px) {

    /* ==========================================
       GRID DE PRODUTOS - 5 colunas
       ========================================== */

    /* Produtos em Destaque */
    section.bg-gray-100 .grid {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 20px !important;
    }

    /* Novidades */
    section.py-16:not(.bg-gray-100) .max-w-7xl > .grid {
        grid-template-columns: repeat(5, 1fr) !important;
        gap: 20px !important;
    }

    /* Manter Categorias com 6 colunas */
    .grid.lg\:grid-cols-6 {
        grid-template-columns: repeat(6, 1fr) !important;
    }

    /* ==========================================
       CARDS DE PRODUTO - Desktop
       ========================================== */
    .product-card .h-64,
    .product-card .h-48 {
        height: 200px !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        background-color: #FFFFFF !important;
    }

    /* Imagem do produto - IMG */
    .product-card .h-64 img,
    .product-card .h-48 img {
        width: 100% !important;
        height: 100% !important;
        object-fit: contain !important;
        object-position: center !important;
    }

    .product-card .p-6 {
        padding: 14px !important;
    }

    .product-card .p-4 {
        padding: 12px !important;
    }

    .product-card h3 {
        font-size: 14px !important;
        line-height: 18px !important;
    }

    .product-card .text-3xl,
    .product-card .text-xl {
        font-size: 18px !important;
        line-height: 22px !important;
    }

    /* ==========================================
       PÁGINA DE DETALHES - Desktop
       ========================================== */
    section.py-12 h1 {
        font-size: 28px !important;
        line-height: 34px !important;
    }

    section.py-12 .text-5xl {
        font-size: 36px !important;
        line-height: 40px !important;
    }

    section.py-12 h2 {
        font-size: 20px !important;
    }

    section.py-12 p.text-gray-700 {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    section.py-12 a.bg-green-500 {
        font-size: 18px !important;
        padding: 16px 32px !important;
    }
}