.elementor-63 .elementor-element.elementor-element-07bde7a{--display:flex;--flex-direction:row;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--container-widget-height:100%;--container-widget-flex-grow:1;--container-widget-align-self:stretch;--flex-wrap-mobile:wrap;--justify-content:flex-start;--align-items:center;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-63 .elementor-element.elementor-element-cfb2106{margin:0px 0px calc(var(--kit-widget-spacing, 0px) + 0px) 0px;padding:00px 00px 00px 00px;}.elementor-63 .elementor-element.elementor-element-cfb2106.elementor-element{--align-self:center;}.elementor-63 .elementor-element.elementor-element-cfb2106 .woocommerce-breadcrumb{color:var( --e-global-color-text );font-family:"Montserrat", Sans-serif;font-weight:400;}.elementor-63 .elementor-element.elementor-element-cfb2106 .woocommerce-breadcrumb > a{color:#8C8C8C;}.elementor-63 .elementor-element.elementor-element-01e820f{--display:flex;--padding-top:2rem;--padding-bottom:2rem;--padding-left:0rem;--padding-right:0rem;}.elementor-63 .elementor-element.elementor-element-a75af0b{text-align:center;}.elementor-63 .elementor-element.elementor-element-a75af0b .elementor-heading-title{font-family:"Montserrat", Sans-serif;font-size:1.8rem;font-weight:500;color:var( --e-global-color-text );}.elementor-63 .elementor-element.elementor-element-2669097{--display:flex;--min-height:0px;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );}.elementor-63 .elementor-element.elementor-element-0e27e4e{width:100%;max-width:100%;}@media(max-width:1024px){.elementor-63 .elementor-element.elementor-element-07bde7a{--padding-top:2rem;--padding-bottom:2rem;--padding-left:0.5rem;--padding-right:0.5rem;}}/* Start custom CSS for woocommerce-breadcrumb, class: .elementor-element-cfb2106 */.elementor-63 .elementor-element.elementor-element-cfb2106 .woocommerce-breadcrumb {
    margin: 0!important;
    padding: 0!important;
}/* End custom CSS */
/* Start custom CSS for shortcode, class: .elementor-element-0e27e4e */.elementor-63 .elementor-element.elementor-element-0e27e4e .product-name a {
    color: #333;
    font-size: 1rem;
    font-weight: 700;
}

.elementor-63 .elementor-element.elementor-element-0e27e4e .product-thumbnail img {
    border-radius: 15px;
}

@media screen and (max-width: 768px) {
    /* --- Container do Card (Linha da Tabela) --- */
    .shop_table_responsive tr.cart_item {
        display: flex !important;       /* Ativa o Flexbox */
        flex-wrap: wrap;                /* Permite que a quantidade vá para a linha de baixo */
       flex-direction: row;
       position: relative;             /* Necessário para posicionar o 'X' */
        background: #f4f4f4;            /* Cor de fundo do seu exemplo */
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 15px;
        border: none !important;        /* Remove bordas padrão da tabela */
    }

    /* Reset para todas as células internas */
    .shop_table_responsive td {
        border: none !important;
        padding: 0 !important;
    }

    /* --- Botão de Remover (X) --- */
    .product-remove {
        position: absolute !important;
        top: 15px;
        right: 15px;
        width: auto !important;
        z-index: 10; /* Garante que fique sobre os outros elementos */
    }
    .product-remove a {
        font-size: 20px !important;
        color: #999 !important;
        text-decoration: none;
    }

    /* --- Imagem do Produto (Lado Esquerdo) --- */
    table.addify-quote-form__contents .product-thumbnail {
        display: flex !important;
        align-items: center;
        flex: 0 0 auto; /* Não cresce, tamanho fixo */
        max-width: 30% !important;         /* Largura fixa para a área da imagem */
    }
  

    td.product-thumbnail img {
        display: flex;
        align-items: flex-start;
        width: 100%;
        height: auto;
        border-radius: 6px;
        float: none !important;         /* Garante que não haja floats atrapalhando */
    }

    /* --- Nome e Detalhes do Produto (Lado Direito) --- */
    .product-name {
        display: block !important;
        flex: 1 1 auto;                 /* Ocupa o espaço restante */
        width: 70% !important;
        text-align: left !important;    /* Força alinhamento do texto à esquerda */
        padding-right: 25px !important; /* Espaço na direita para não ficar baixo do 'X' */
    }
    
    .product-name a{
        text-align: left;
        padding-right: 30px;
    }

    /* Estilo para o Título do Produto */
    .product-name a:not(.remove) {
        font-weight: bold;
        font-size: 1.1em;
        display: block;
        margin-bottom: 8px;
        color: #333;
        text-decoration: none;
    }

    /* Estilo para as Variações (Cor, Posição) */
    .product-name dl.variation {
        margin: 0;
        font-size: 0.9em;
        color: #666;
        line-height: 1.4;
        text-align: left;
    }
    .product-name dl.variation dt,
    .product-name dl.variation dd {
        text-align: left;
        display: inline;
        margin: 0;
    }
    .product-name dl.variation dt { font-weight: 600; }
    .product-name dl.variation dd::after { content: "\A"; white-space: pre; } /* Quebra de linha após cada par */


    /* remove textos desnecessarios mobile */
    .product-thumbnail::before, .product-name::before{
        display: none !important;
    }
    /* --- Seção de Quantidade (Linha Inferior) --- */
    .product-quantity {
        display: block !important;
        flex-basis: 100%;               /* Força a ocupar 100% da largura na nova linha */
        width: 100% !important;
        margin-top: 15px !important;
        padding-top: 15px !important;
        border-top: 1px solid #e0e0e0 !important; /* Linha separadora */
        /* Transforma essa seção em flex para alinhar label e input */
        display: flex !important;
        justify-content: space-between;
        align-items: center;
    }

    /* Adiciona o texto "Quantidade:" antes do input */
    .product-quantity::before {
        content: "Quantidade:";
        font-weight: bold;
        color: #333;
    }

    /* Estilo do input de quantidade */
    .product-quantity .quantity input {
        width: 60px;
        height: 35px;
        text-align: center;
        border: 1px solid #ccc;
        border-radius: 4px;
    }
}

.elementor-63 .elementor-element.elementor-element-0e27e4e {
    display: flex;
    justify-content: center;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a7a4c6c *//* CSS Personalizado no Elementor */
.af_quote_fields { display: none !important; }/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-2669097 */.elementor-63 .elementor-element.elementor-element-2669097 {
    min-height: calc(100vh - 300px - 100px - 92px);
}/* End custom CSS */