/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Apr 09 2026 | 11:33:35 */
/* ============================================================
   AJUSTES MOBILE: RESULTADOS DE PESQUISA (CENTRALIZAR)
   ============================================================ */

@media (max-width: 767px) {
    /* 1. Centralizar o card do produto */
    .woocommerce ul.products li.product, 
    .woocommerce-page ul.products li.product {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        text-align: center !important;
        padding: 20px 15px !important;
        width: 100% !important; /* Garante que ocupe a largura total se necessário */
    }

    /* 2. Centralizar a Imagem e dar espaçamento */
    .woocommerce ul.products li.product a img {
        margin: 0 auto 20px auto !important;
        display: block !important;
        max-width: 200px !important; /* Ajusta o tamanho da imagem no mobile */
    }

    /* 3. Ajustar Título (Espaçamento e Centro) */
    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        margin-bottom: 12px !important;
        padding: 0 10px !important;
        font-size: 16px !important;
    }

    /* 4. Preço Centralizado e com espaço */
    .woocommerce ul.products li.product .price {
        display: block !important;
        margin-bottom: 15px !important;
        justify-content: center !important;
    }

    /* 5. Botão Adicionar (Centrado e com largura fixa para estética) */
    .woocommerce ul.products li.product .button {
        display: inline-block !important;
        margin: 10px auto !important;
        min-width: 160px !important;
    }

    /* 6. Wishlist (Favoritos) - Espaçamento abaixo do botão */
    .yith-wcwl-add-to-wishlist {
        margin-top: 15px !important;
        display: flex !important;
        justify-content: center !important;
        width: 100% !important;
    }

    /* Ajuste específico para o seletor de ordenação no topo */
    .woocommerce-ordering {
        margin-bottom: 30px !important;
        display: flex !important;
        justify-content: center !important;
    }
}