.elementor-78 .elementor-element.elementor-element-28841a20{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:30px;--padding-bottom:60px;--padding-left:0px;--padding-right:0px;}@media(max-width:767px){.elementor-78 .elementor-element.elementor-element-28841a20{--padding-top:20px;--padding-bottom:20px;--padding-left:20px;--padding-right:20px;}}/* Start custom CSS for wc-elements, class: .elementor-element-43c52f49 */@media (max-width: 768px) {

    /* --- 1. LIMPEZA GERAL E FUNDO BRANCO --- */
    .woocommerce-cart-form, .cart-collaterals, table.shop_table, tr, td {
        background: #ffffff !important;
        border: none !important;
    }

    /* Remove os rótulos automáticos do tema (O GRANDE VILÃO) */
    .shop_table.cart td::before {
        content: none !important;
        display: none !important;
    }

    /* Esconde o cabeçalho da tabela */
    .shop_table.cart thead {
        display: none !important;
    }

    /* --- 2. LAYOUT DO CARD (LINHA DO PRODUTO) --- */
    tr.cart_item {
        display: grid !important;
        /* Cria 2 colunas: Imagem (90px) e Conteúdo (Auto) */
        grid-template-columns: 90px 1fr !important; 
        grid-template-areas: 
            "img info"
            "img price"
            "img qty";
        gap: 0 15px;
        padding: 20px 0 !important;
        border-bottom: 1px solid #f0f0f0 !important;
        position: relative;
    }

    /* Zera comportamentos padrão de tabela */
    td { 
        display: block !important; 
        padding: 0 !important;
        text-align: left !important;
    }

    /* --- 3. POSICIONAMENTO DOS ELEMENTOS --- */

    /* IMAGEM */
    td.product-thumbnail {
        grid-area: img;
        width: 100% !important;
        max-width: 90px !important;
    }
    
    td.product-thumbnail img {
        width: 100% !important;
        height: auto !important;
        border-radius: 8px;
        object-fit: cover;
    }

    /* NOME DO PRODUTO */
    td.product-name {
        grid-area: info;
        margin-bottom: 5px !important;
    }

    td.product-name a {
        font-weight: 600 !important;
        font-size: 15px !important;
        color: #111 !important;
        text-decoration: none;
        line-height: 1.3;
        display: block;
    }

    /* PREÇO */
    td.product-price {
        grid-area: price;
        font-size: 14px !important;
        color: #666 !important;
        margin-bottom: 10px !important;
    }

    /* QUANTIDADE */
    td.product-quantity {
        grid-area: qty;
    }

    /* Oculte o subtotal na lista para limpar (já tem o preço unitário e o total lá embaixo) */
    td.product-subtotal {
        display: none !important;
    }

    /* BOTÃO DE REMOVER (X) */
    td.product-remove {
        position: absolute !important;
        top:;
        right: ;
        width: auto !important;
        height: auto !important;
    }
    
    td.product-remove a {
        color: #ccc !important;
        font-size: 20px !important;
        line-height: 1;
    }
    
    td.product-remove a:hover {
        color: #ff4444 !important;
        background: none !important;
    }

    /* --- 4. ESTILO DOS INPUTS --- */
    .quantity .qty {
        border: 1px solid #ddd !important;
        border-radius: 4px !important;
        width: 60px !important;
        height: 35px !important;
        padding-left: 10px !important;
        font-size: 14px !important;
        color: #333 !important;
    }
    
    
}


    /* Oculta o campo e botão de Cupom */
    .woocommerce-cart .actions .coupon {
        display: none !important;
    }

    /* Oculta o botão 'Atualizar carrinho' */
    .woocommerce-cart .actions .button[name="update_cart"] {
        display: none !important;
    }
    
    /* Garante que a linha onde esses botões ficavam não ocupe espaço extra */
    .woocommerce-cart .actions {
        padding: 0 !important;
    }/* End custom CSS */