/* LAYOUT MOBILE REFEITO DO ZERO - Estrutura vertical para produtos */
@media only screen and (max-width: 767px) {
    /* Reset completo do grid para mobile */
    .products-section {
        padding: 40px 0 !important;
    }
    
    /* Transformar o grid em um layout vertical */
    .products-grid {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: none !important;
        grid-template-rows: none !important;
        grid-template-areas: none !important;
        height: auto !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 auto !important;
        padding: 0 20px !important;
        gap: 0 !important;
    }
    
    /* Esconder todas as células originais */
    .products-grid .product-cell {
        display: none !important;
    }
    
    /* Criar containers para cada categoria de produto */
    .mobile-product-category {
        display: flex !important;
        flex-direction: column !important;
        width: 100% !important;
        margin-bottom: 50px !important;
        border-bottom: 1px solid #f0f0f0 !important;
        padding-bottom: 30px !important;
    }
    
    /* Última categoria sem borda inferior */
    .mobile-product-category:last-child {
        border-bottom: none !important;
        margin-bottom: 20px !important;
    }
    
    /* Estilo para a imagem */
    .mobile-product-image {
        width: 100% !important;
        height: 300px !important;
        overflow: hidden !important;
        margin-bottom: 20px !important;
        border-radius: 8px !important;
    }
    
    .mobile-product-image img {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        object-position: center !important;
    }
    
    /* Estilo para o título da categoria */
    .mobile-product-title {
        font-family: 'Santral', sans-serif !important;
        font-size: 24px !important;
        font-weight: 600 !important;
        color: #333 !important;
        margin: 0 0 15px 0 !important;
        text-align: center !important;
    }
    
    /* Estilo para a descrição */
    .mobile-product-description {
        font-family: 'Santral', sans-serif !important;
        font-size: 16px !important;
        line-height: 1.6 !important;
        color: #666 !important;
        margin: 0 !important;
        text-align: center !important;
        padding: 0 10px !important;
    }
    
    /* DESATIVAR COMPLETAMENTE OS CARROSSÉIS */
    .swiper-container,
    .swiper-wrapper,
    .swiper-slide,
    .swiper-pagination,
    .swiper-button-next,
    .swiper-button-prev {
        display: none !important;
    }
    
    /* Esconder elementos originais do desktop */
    .desktop-only {
        display: none !important;
    }
    
    /* Mostrar elementos específicos para mobile */
    .mobile-only {
        display: block !important;
    }


    .products-grid .cell:nth-child(1) { order: 1; } /* Bouquets imagem */
    .products-grid .cell:nth-child(2) { order: 2; } /* Bouquets texto */
    .products-grid .cell:nth-child(3) { order: 3; } /* Arrangements imagem */
    .products-grid .cell:nth-child(4) { order: 4; } /* Arrangements texto */
    .products-grid .cell:nth-child(5) { order: 5; } /* Bags imagem */
    .products-grid .cell:nth-child(6) { order: 6; } /* Bags texto */
    
    /* Ajustes específicos para cada seção de imagem */
    .bouquets-swiper, .arrangements-swiper, .bags-swiper {
        visibility: visible !important;
        opacity: 1 !important;
        z-index: 5 !important;
        height: 300px !important;
    }
    
    /* Garantir que as imagens cubram adequadamente o container */
    .products-grid .cell .swiper .swiper-slide img {
        object-fit: cover !important;
        width: 100% !important;
        height: 100% !important;
    }
    
    /* Ajustar paginação quando necessário */
    .products-grid .swiper-pagination {
        bottom: 10px !important;
        z-index: 10 !important;
        visibility: visible !important;
        opacity: 1 !important;
        display: block !important;
    }
    
    /* Forçar exibição de todos os elementos */
    .product-cell.image-cell,
    .product-cell.text-cell,
    .swiper,
    .swiper-wrapper,
    .swiper-slide,
    .swiper-pagination {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
}