/* CART MOBILE */
#cart_mob .shopify-buy__cart-toggle__count:before {
    content: "";
    display: block;
    position: absolute;
    left: -12px;
    height: 100%;
    background-color: #fff;
    opacity: 0.3;
}

#cart_mob .shopify-buy__cart-toggle {
    background: #fff;
    margin-left: -9px;
}

#cart_mob .is-inline.shopify-buy__cart-toggle {
    padding: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

#cart_mob g.shopify-buy__icon-cart__group {
    fill: #fff;
}


#cart_mob .shopify-buy__cart-toggle__count {
	margin-bottom: 14px;
    left: 35px;
    position: absolute;
    color: #111;
    font-size: 13px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 50px;
    font-weight: 600;
}
#cart_mob {
    padding: 0;
    overflow: visible;
}
/* fix altura */


/* CART DESKTOP */
#cart_desk .shopify-buy__cart-toggle__count:before {
    content: "";
    display: block;
    position: absolute;
    left: -12px;
    height: 100%;
    background-color: #fff;
	color: #111;
    opacity: 0.3;
}
#cart_desk .shopify-buy__cart-toggle {
    background: #fff;
    margin-left: -9px;
}

#cart_desk .is-inline.shopify-buy__cart-toggle {
    padding: unset !important;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row-reverse;
}

#cart_desk g.shopify-buy__icon-cart__group {
    fill: #ffffff;
}

#cart_desk .shopify-buy__cart-toggle__count {
	margin-bottom: 14px;
    left: 35px;
    position: absolute;
    color: #111;
    font-size: 13px;
    padding: 1px 5px;
    background: #fff;
    border-radius: 50px;
    font-weight: 600;
}
#cart_desk {
    padding: 0;
    overflow: visible;
}

/* CART RIGHT POPUP */
.shopify-buy__cart .shopify-buy__cart__header {
    background: #ffffff00;
    padding: 20px;
}
.shopify-buy__cart .shopify-buy__quantity-container.clearfix {
    display: flex;
    margin-bottom: 10px;
}

.shopify-buy__cart .shopify-buy__quantity-container.clearfix [type=button] {
    color: #111;
    border-color: #111;
}
.shopify-buy__cart button.shopify-buy__btn.shopify-buy__btn--cart-checkout {
    border: 0;
    background: #cc8f45;
    font-size: 16px;
    color: #fff;
    border-radius: 0;
    padding: 10px 40px;
    width: 100%;
}
.shopify-buy__cart button.shopify-buy__btn--close {
    color: #444;
	background: #fff;
	border: 0;
}
.shopify-buy__cart button.shopify-buy__btn--close:hover {
    color: #fff;
    background: #111;
}

/* ============================================== */
/* CORREÇÃO FINAL DE LAYOUT DO PRODUTO NO MOBILE */
/* ============================================== */

@media (max-width: 767px) { /* Mantenha este breakpoint */

    /* Alvo: O container do Elementor que *contém* #conteudo_produto */
    /* Você DEVE ajustar este seletor para a classe correta do seu tema/Elementor */
    .elementor-column,
    .elementor-widget-container, /* Ou outras classes do Elementor que envolvam seu shortcode/div */
    .elementor-element.e-con-full { /* Se #conteudo_produto for um e-con diretamente */
        display: block !important; /* Essencial para quebrar o layout flex/grid do Elementor */
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important; /* Força nova linha após elementos flutuantes */
        box-sizing: border-box !important;
        margin: 0 !important; /* Zera margens externas */
        padding: 0 !important; /* Zera paddings externos */
        min-height: auto !important; /* CRÍTICO: Permite que a altura se ajuste dinamicamente */
        height: auto !important;
        overflow: visible !important; /* Permite que o conteúdo interno empurre o container */
        position: relative !important; /* Garante contexto de posicionamento, se necessário */
        /* Flexbox/Grid resets para o container pai */
        -webkit-box-orient: unset !important; /* Safari */
        -webkit-box-direction: unset !important; /* Safari */
        -ms-flex-direction: unset !important; /* IE10 */
        flex-direction: unset !important;
        -webkit-box-pack: unset !important;
        -ms-flex-pack: unset !important;
        justify-content: unset !important;
        -webkit-box-align: unset !important;
        -ms-flex-align: unset !important;
        align-items: unset !important;
        flex-wrap: wrap !important; /* Permite que itens internos quebrem linha */
    }

    /* Alvo: A div #conteudo_produto em si */
    #conteudo_produto {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        float: none !important;
        clear: both !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        margin-bottom: 25px !important; /* Espaçamento abaixo do Buy Button */
        box-sizing: border-box !important;
        min-height: auto !important; /* CRÍTICO: Permite que a altura se ajuste ao conteúdo injetado */
        height: auto !important;
        overflow: visible !important; /* Permite que o conteúdo interno empurre o container */
        position: relative !important; /* Contexto para filhos, se necessário */
        /* Zera quaisquer paddings que o Elementor possa adicionar a esta div */
        padding: 0 !important;
    }

    /* O elemento interno direto do Shopify Buy Button que contém preço, variações e botão */
    #conteudo_produto .shopify-buy-frame.shopify-buy-frame--product,
    #conteudo_produto .shopify-buy__product {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
        padding: 0 10px !important; /* Um pouco de respiro nas laterais para o conteúdo interno */
        min-height: auto !important;
        height: auto !important;
    }

    /* Alvo: Os seletores de variação (Cor, Tamanho) */
    #conteudo_produto .shopify-buy__product__variant-selectors {
        display: block !important;
        width: 100% !important;
        margin-bottom: 15px !important;
    }
    #conteudo_produto .shopify-buy__option-select {
        width: 100% !important;
        margin: 0 0 10px 0 !important; /* Espaçamento entre os seletores */
        display: block !important;
    }

    /* Alvo: O botão "Add to cart" */
    #conteudo_produto .shopify-buy__btn-wrapper,
    #conteudo_produto .shopify-buy__btn {
        width: 100% !important;
        display: block !important;
        box-sizing: border-box !important;
        text-align: center !important;
        margin: 0 auto !important;
    }
}