/*
Theme Name: Betheme Child
Theme URI: https://themes.muffingroup.com/betheme
Author: Muffin group
Author URI: https://muffingroup.com
Description: Child Theme for Betheme - Julia Importados
Template: betheme
Version: 3.4.0
*/

/* ==========================================================================
   JULIA IMPORTADOS - PADRONIZAÇÃO E ALINHAMENTO DA VITRINE (ESTILO FOREVER)
   ========================================================================== */

/* 1. Grid Uniforme de Produtos (Tanto BeBuilder quanto WooCommerce nativo) */
.woocommerce ul.products,
.mcb-section .mcb-wrap .mcb-item-shop_products ul.products,
ul.products.mfn-grid-layout,
ul.products.mfn-layout,
.products_wrapper ul.products {
    display: grid !important;
    grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
    gap: 24px !important;
    padding: 0 !important;
    margin: 30px 0 !important;
    list-style: none !important;
    align-items: stretch !important;
}

.woocommerce ul.products::before,
.woocommerce ul.products::after,
ul.products.mfn-grid-layout::before,
ul.products.mfn-grid-layout::after {
    display: none !important;
}

/* 2. Card de Produto Padronizado */
/* 2. Card do Produto: Borda Sutil, Proporções Compactas Sem Vácuo Vazio */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product,
.woocommerce ul.products[class*="columns-"] li.product,
.woocommerce-page ul.products[class*="columns-"] li.product,
li.mfn-product-li-item {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    clear: none !important;
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 12px !important;
    padding: 14px 12px 16px 12px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    transition: all 0.25s ease-in-out !important;
    box-sizing: border-box !important;
    position: relative !important;
    min-height: 370px !important;
}

.woocommerce ul.products li.product:hover,
li.mfn-product-li-item:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
    border-color: #cbd5e1 !important;
}

/* 3. Container Fixo de Imagem: Proporções Perfeitas Sem Conflito de Flexbox */
.mfn-li-product-row-image,
.woocommerce ul.products li.product .image_frame,
.woocommerce ul.products li.product .product-loop-thumb,
.products_wrapper ul.products li.product .image_frame,
li.mfn-product-li-item .image_frame,
li.mfn-product-li-item .mfn-li-product-row-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    overflow: hidden !important;
    margin: 0 0 12px 0 !important;
    padding: 8px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

/* Ocultar elementos fantasmas do BeTheme que quebram o layout (links duplos, máscaras, ícones) */
.product-loop-thumb .mask,
.image_frame .mask,
.image_frame .image_links,
.product-loop-thumb .image_links,
.image_wrapper .image_links,
.mfn-li-product-row-image .image_links,
.image_links,
.image_frame > a:not(:first-child),
.image_frame > a:last-child:not(:only-child),
.product-loading-icon {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    width: 0 !important;
    height: 0 !important;
}

.woocommerce ul.products li.product .image_frame .image_wrapper,
.image_frame .image_wrapper,
.image_frame .image_wrapper > a,
.product-loop-thumb,
.product-loop-thumb > a,
.mfn-li-product-row-image > a,
.image_frame .mfn-product-list-gallery-item,
.image_frame .mfn-product-list-gallery-item a {
    height: 100% !important;
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
    text-decoration: none !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative !important;
    box-sizing: border-box !important;
}

/* 4. Imagem do Produto: Proporcional, Ampla e Centralizada com Sombra Suave */
.woocommerce ul.products li.product img,
li.mfn-product-li-item img,
.mfn-li-product-row-image img,
.product-loop-thumb img,
.mfn-product-list-gallery-item img,
.image_frame img,
.attachment-shop_catalog,
.attachment-woocommerce_thumbnail {
    max-height: 195px !important;
    max-width: 90% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: auto !important;
    padding: 0 !important;
    display: block !important;
    position: static !important;
    top: auto !important;
    bottom: auto !important;
    left: auto !important;
    right: auto !important;
    filter: none !important;
    transition: transform 0.3s ease !important;
}

li.mfn-product-li-item:hover img,
.woocommerce ul.products li.product:hover img {
    transform: scale(1.05) !important;
}



/* 5. Título Padronizado: Exatamente 2 Linhas com Alinhamento Perfeito */
.mfn-li-product-row-title,
.woocommerce-loop-product__title,
li.mfn-product-li-item .title,
li.mfn-product-li-item h5,
li.mfn-product-li-item h4,
li.mfn-product-li-item h3,
li.mfn-product-li-item h2 {
    margin-top: 0 !important;
    margin-bottom: 8px !important;
}

.mfn-li-product-row-title h5,
.mfn-li-product-row-title h4,
.mfn-li-product-row-title h3,
.mfn-li-product-row-title .title,
.woocommerce-loop-product__title,
.woocommerce ul.products li.product h4,
.woocommerce ul.products li.product h3,
.woocommerce ul.products li.product h2,
li.mfn-product-li-item h5.title {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 19px !important;
    color: #1e293b !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
    margin: 0 !important;
}

.mfn-li-product-row-title a,
.woocommerce ul.products li.product a.woocommerce-LoopProduct-link,
li.mfn-product-li-item h5 a {
    color: #1e293b !important;
    text-decoration: none !important;
    display: inline-block !important;
}

.mfn-li-product-row-title a:hover,
li.mfn-product-li-item h5 a:hover {
    color: #0284c7 !important;
}

/* Oculta resumo de texto nos cards do catálogo para manter todas as linhas perfeitamente alinhadas */
.woocommerce ul.products li.product .excerpt,
.woocommerce ul.products li.product .desc .excerpt,
li.mfn-product-li-item .mfn-li-product-row-description,
li.mfn-product-li-item .excerpt {
    display: none !important;
}

.woocommerce ul.products li.product .desc {
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
    flex-grow: 1 !important;
    width: 100% !important;
}


/* 6. Preço com Destaque e Parcelamento (Estilo Forever Importados) */
.mfn-li-product-row-price,
.woocommerce ul.products li.product .price,
li.mfn-product-li-item .price {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    text-align: center !important;
    margin: 6px 0 4px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.woocommerce ul.products li.product .price del,
.mfn-li-product-row-price del {
    font-size: 12.5px !important;
    color: #94a3b8 !important;
    font-weight: 400 !important;
    margin-right: 4px !important;
}

.woocommerce ul.products li.product .price ins,
.mfn-li-product-row-price ins {
    text-decoration: none !important;
    color: #0f172a !important;
    font-weight: 700 !important;
}

/* Linha de Parcelamento */
.julia-installment-badge {
    display: block !important;
    white-space: normal !important;
    word-break: normal !important;
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #64748b !important;
    margin-top: 4px !important;
    text-align: center !important;
    line-height: 1.35 !important;
}


.julia-installment-badge strong {
    display: inline !important;
    color: #15803d !important;
    font-weight: 600 !important;
}


/* 7. Botão de Compra Único e Elegante */
.mfn-after-shop-loop-item {
    display: none !important; /* Remove o botão duplicado do WooCommerce! */
}

.mfn-li-product-row-button,
.mfn-li-product-row-button.button-1 {
    margin-top: auto !important;
    padding-top: 12px !important;
    margin-bottom: 0 !important;
    width: 100% !important;
}

.mfn-li-product-row-button a.button,
.mfn-li-product-row-button a,
.woocommerce ul.products li.product .mfn-li-product-row-button .button,
.woocommerce ul.products li.product .mfn-li-product-row-button .add_to_cart_button {
    background: #0f172a !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    padding: 10px 16px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    width: 100% !important;
    text-align: center !important;
    transition: all 0.25s ease !important;
    border: none !important;
    display: block !important;
    text-decoration: none !important;
    box-sizing: border-box !important;
    line-height: 1.4 !important;
}

.mfn-li-product-row-button a.button:hover,
.mfn-li-product-row-button a:hover,
.woocommerce ul.products li.product .button:hover,
.woocommerce ul.products li.product .add_to_cart_button:hover {
    background: #1e293b !important;
    color: #ffffff !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.2) !important;
}

/* 8. Paginação Elegante */
.woocommerce nav.woocommerce-pagination ul,
.products_wrapper .mfn-pagination ul {
    border: none !important;
    display: flex !important;
    justify-content: center !important;
    gap: 6px !important;
    margin-top: 40px !important;
}

.woocommerce nav.woocommerce-pagination ul li,
.products_wrapper .mfn-pagination ul li {
    border: none !important;
    float: none !important;
}

.woocommerce nav.woocommerce-pagination ul li a,
.woocommerce nav.woocommerce-pagination ul li span,
.products_wrapper .mfn-pagination ul li a,
.products_wrapper .mfn-pagination ul li span {
    border-radius: 8px !important;
    padding: 8px 14px !important;
    border: 1px solid #e2e8f0 !important;
    color: #1e293b !important;
    font-weight: 600 !important;
    font-size: 14px !important;
    background: #ffffff !important;
}

.woocommerce nav.woocommerce-pagination ul li span.current,
.products_wrapper .mfn-pagination ul li span.current {
    background: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
}

/* 9. Página Individual de Produto - Design de Alta Conversão & Canvas Sem Bordas Artificiais */
.woocommerce div.product div.images {
    margin-bottom: 2em !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    background: #ffffff !important;
    border-radius: 16px !important;
    box-shadow: 0 10px 30px -10px rgba(0, 0, 0, 0.06) !important;
    border: 1px solid #f1f5f9 !important;
    padding: 24px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    min-height: 420px !important;
}

.woocommerce div.product div.images .woocommerce-product-gallery__image {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: auto !important;
    width: 100% !important;
    padding: 0 !important;
}

.woocommerce div.product div.images img {
    border: none !important;
    border-radius: 8px !important;
    box-shadow: none !important;
    max-height: 400px !important;
    width: auto !important;
    object-fit: contain !important;
    margin: 0 auto !important;
    display: block !important;
}

.woocommerce div.product .product_title {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.25 !important;
    margin-bottom: 12px !important;
}

.woocommerce div.product .woocommerce-product-details__short-description {
    margin: 12px 0 18px 0 !important;
}

.julia-buybox-hook {
    font-size: 14.5px !important;
    line-height: 1.6 !important;
    color: #475569 !important;
    margin: 0 0 14px 0 !important;
}

.julia-buybox-trust-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 12px 0 20px 0 !important;
    padding-bottom: 16px !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.julia-trust-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 5px 12px !important;
    letter-spacing: 0.2px !important;
}

.julia-trust-pill svg {
    color: #16a34a !important;
    flex-shrink: 0 !important;
}

.woocommerce div.product p.price {
    font-size: 26px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 16px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: flex-start !important;
}

.woocommerce div.product p.price .julia-installment-badge {
    text-align: left !important;
    margin-top: 4px !important;
    font-size: 13px !important;
}

/* ==========================================================================
   JULIA IMPORTADOS - DESIGN FIEL AO SITE FOREVER IMPORTADOS
   Fundo preto no Header, busca centralizada, menu de categorias em preto,
   banner promocional de alta conversão, vitrine "Destaques", e footer com páginas institucionais.
   ========================================================================== */

/* Container Universal */
.julia-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
    box-sizing: border-box;
}

/* 1. Header Fundo Preto (Para combinar com o logotipo) */
#Header_wrapper {
    background: #000000 !important;
    min-height: auto !important;
    border-bottom: none !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3) !important;
}

#Header {
    position: relative !important;
    min-height: auto !important;
    height: auto !important;
    background: #000000 !important;
}

#Top_bar {
    position: relative !important;
    top: 0 !important;
    width: 100% !important;
    background: #000000 !important;
    border-bottom: none !important;
    padding: 0 !important;
}

.header_placeholder {
    display: none !important;
}

#Subheader {
    display: none !important;
}

/* Barra de Avisos do Topo (Sem Emojis, com Lucide SVGs) */
.julia-top-bar {
    background: #000000;
    color: #ffffff;
    font-size: 12.5px;
    padding: 8px 0;
    border-bottom: 1px solid #1a1a1a;
    text-align: center;
}

.julia-top-bar-inner {
    display: flex;
    justify-content: center;
    align-items: center;
}

.julia-top-announcement-text {
    display: inline-flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    font-size: 12.5px;
}

.julia-top-bar-item {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #e2e8f0;
    letter-spacing: 0.3px;
}

.julia-top-bar-item strong {
    color: #fbbf24;
}

.julia-top-svg {
    color: #fbbf24;
    flex-shrink: 0;
}

.julia-top-divider {
    color: #475569;
    font-size: 10px;
    margin: 0 4px;
}

/* Clone usado apenas no marquee mobile */
.julia-top-clone {
    display: none;
}
/* divisor final so existe para o loop do marquee */
.julia-top-announcement-text .julia-top-divider:last-child {
    display: none;
}

/* Mobile: faixa vira marquee continuo de uma linha */
@keyframes julia-top-marquee {
    0%   { transform: translateX(0); }
    100% { transform: translateX(-50%); }
}
@media (max-width: 768px) {
    .julia-top-bar {
        padding: 7px 0;
        overflow: hidden;
    }
    .julia-top-bar-inner {
        display: flex;
        width: max-content;
        animation: julia-top-marquee 22s linear infinite;
    }
    .julia-top-announcement-text {
        flex-wrap: nowrap;
        white-space: nowrap;
        padding-right: 24px;
    }
    .julia-top-clone {
        display: inline-flex;
    }
    .julia-top-announcement-text .julia-top-divider:last-child {
        display: inline;
    }
    .julia-top-bar-item {
        font-size: 12px;
    }
}

/* Linha Principal do Header: Logo, Busca e Ações */
.julia-main-header-row {
    background: #000000;
    padding: 16px 0;
}

.julia-header-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
}

/* Botão Hambúrguer Mobile */
.julia-mobile-nav-toggle {
    display: none;
    background: transparent;
    border: none;
    color: #ffffff;
    cursor: pointer;
    padding: 6px;
}

/* Logo Júlia Importados */
.julia-header-logo a {
    display: block;
    line-height: 0;
}

.julia-header-logo img {
    max-height: 62px;
    width: auto;
    display: block;
}

/* Busca Centralizada com Live Autocomplete */
.julia-header-search {
    flex: 1;
    max-width: 620px;
    position: relative;
}

.julia-search-form {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
}

.julia-search-input {
    width: 100% !important;
    height: 46px !important;
    background: #ffffff !important;
    border: 1px solid #ffffff !important;
    border-radius: 6px !important;
    padding: 0 48px 0 18px !important;
    font-size: 13.5px !important;
    color: #0f172a !important;
    outline: none !important;
    box-shadow: none !important;
    transition: all 0.2s ease !important;
}

.julia-search-input:focus {
    border-color: #fbbf24 !important;
    box-shadow: 0 0 0 3px rgba(251, 191, 36, 0.25) !important;
}

.julia-search-input::-webkit-search-decoration,
.julia-search-input::-webkit-search-cancel-button,
.julia-search-input::-webkit-search-results-button,
.julia-search-input::-webkit-search-results-decoration {
    display: none !important;
}

.julia-search-input::placeholder {
    color: #94a3b8 !important;
}

.julia-search-btn {
    position: absolute;
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    background: transparent !important;
    border: none !important;
    padding: 6px 10px !important;
    cursor: pointer !important;
    color: #475569 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: color 0.2s;
}

.julia-search-btn:hover {
    color: #000000 !important;
}

/* Dropdown Suspenso do Live Search */
.julia-live-search-dropdown {
    position: absolute;
    top: calc(100% + 8px);
    left: 0;
    right: 0;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 0 16px 36px rgba(0, 0, 0, 0.25);
    border: 1px solid #e2e8f0;
    z-index: 999999;
    max-height: 480px;
    overflow-y: auto;
    overflow-x: hidden;
}

.julia-search-loading,
.julia-search-empty {
    padding: 20px;
    text-align: center;
    color: #64748b;
    font-size: 14px;
}

.julia-search-spinner {
    display: inline-block;
    width: 18px;
    height: 18px;
    border: 2px solid #e2e8f0;
    border-top-color: #000000;
    border-radius: 50%;
    animation: juliaSpin 0.7s linear infinite;
    vertical-align: middle;
    margin-right: 8px;
}

@keyframes juliaSpin {
    to { transform: rotate(360deg); }
}

.julia-search-results-list {
    display: flex;
    flex-direction: column;
}

.julia-search-item {
    display: flex;
    align-items: center;
    gap: 14px;
    padding: 12px 16px;
    text-decoration: none !important;
    border-bottom: 1px solid #f1f5f9;
    transition: background 0.15s ease;
}

.julia-search-item:hover {
    background: #f8fafc;
}

.julia-search-thumb {
    width: 52px;
    height: 52px;
    flex-shrink: 0;
    background: #ffffff;
    border: 1px solid #f1f5f9;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    padding: 4px;
}

.julia-search-thumb img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.julia-search-info {
    flex: 1;
    min-width: 0;
    text-align: left;
}

.julia-search-title {
    font-size: 13px;
    font-weight: 600;
    color: #0f172a;
    margin: 0 0 4px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.julia-search-title mark {
    background: #fef08a;
    color: #854d0e;
    font-weight: 700;
    padding: 0 2px;
    border-radius: 2px;
}

.julia-search-pricing {
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.julia-search-price {
    font-size: 13.5px;
    font-weight: 700;
    color: #000000;
}

.julia-search-inst {
    font-size: 11.5px;
    color: #059669;
    font-weight: 600;
}

.julia-search-footer {
    padding: 12px 16px;
    background: #000000;
    text-align: center;
}

.julia-search-view-all {
    color: #fbbf24 !important;
    font-size: 13px;
    font-weight: 700;
    text-decoration: none !important;
    display: block;
    transition: color 0.2s;
}

.julia-search-view-all:hover {
    color: #ffffff !important;
}

/* Ações do Header: Atendimento, Minha Conta, Carrinho */
.julia-header-actions {
    display: flex;
    align-items: center;
    gap: 22px;
}

.julia-action-item {
    display: flex;
    align-items: center;
    gap: 8px;
    color: #ffffff !important;
    text-decoration: none !important;
    transition: opacity 0.2s;
}

.julia-action-item:hover {
    opacity: 0.85;
}

.julia-action-icon {
    color: #ffffff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.julia-action-label {
    font-size: 13px;
    font-weight: 600;
    color: #ffffff;
    white-space: nowrap;
}

/* Carrinho com Badge */
.julia-cart-icon-box {
    position: relative;
}

.julia-cart-badge {
    position: absolute;
    top: -8px;
    right: -10px;
    background: #fbbf24;
    color: #000000;
    font-size: 11px;
    font-weight: 800;
    min-width: 18px;
    height: 18px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 4px;
}

/* 2. Menu de Navegação por Categorias Reais (Fundo Preto) */
.julia-category-navbar {
    background: #000000;
    border-top: 1px solid #1a1a1a;
    border-bottom: 1px solid #1a1a1a;
    position: relative;
    z-index: 99;
}

.julia-category-navbar .julia-container {
    max-width: 1400px;
    padding: 0 16px;
}

.julia-cat-menu {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
    flex-wrap: nowrap;
    overflow-x: auto;
    scrollbar-width: none;
}

.julia-cat-menu::-webkit-scrollbar {
    display: none;
}

.julia-cat-menu > li {
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    flex-shrink: 0;
}

.julia-cat-menu > li > a {
    display: flex;
    align-items: center;
    gap: 5px;
    color: #ffffff !important;
    font-size: 11.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.4px !important;
    padding: 13px 10px !important;
    text-decoration: none !important;
    white-space: nowrap !important;
    transition: color 0.2s ease !important;
}

.julia-cat-menu > li > a:hover,
.julia-cat-menu > li.julia-has-dropdown:hover > a {
    color: #fbbf24 !important;
}

.julia-nav-arrow {
    transition: transform 0.2s ease;
    opacity: 0.8;
}

.julia-has-dropdown:hover .julia-nav-arrow {
    transform: rotate(180deg);
}

.julia-menu-novidades {
    color: #fbbf24 !important;
}

/* Dropdown de Categorias */
.julia-has-dropdown {
    position: relative;
}

.julia-sub-dropdown {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background: #000000;
    border: 1px solid #262626;
    min-width: 240px;
    list-style: none !important;
    padding: 8px 0 !important;
    margin: 0 !important;
    box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
    z-index: 1000;
    border-radius: 6px;
}

.julia-has-dropdown:hover .julia-sub-dropdown {
    display: block;
}

.julia-sub-dropdown li {
    margin: 0 !important;
    padding: 0 !important;
}

.julia-sub-dropdown li a {
    display: block !important;
    color: #d1d5db !important;
    font-size: 12.5px !important;
    font-weight: 500 !important;
    padding: 9px 18px !important;
    text-decoration: none !important;
    transition: all 0.2s !important;
}

.julia-sub-dropdown li a:hover {
    color: #fbbf24 !important;
    background: #171717 !important;
    padding-left: 22px !important;
}

/* 3. Hero Promotional Banner com 3 Slides Interativos (Texto/SEO-first) */
.julia-forever-hero-slider {
    position: relative;
    background: #0b0f17;
    overflow: hidden;
}

.julia-hero-slide-item {
    display: none;
    position: relative;
    min-height: 480px;
    align-items: center;
    transition: opacity 0.4s ease-in-out;
}

.julia-hero-slide-item.active {
    display: flex;
}

/* Esquemas visuais exclusivos por categoria */
.julia-hero-slide-item.slide-1 {
    background: linear-gradient(135deg, #fce7f3 0%, #fbcfe8 40%, #fdf2f8 100%);
}

.julia-hero-slide-item.slide-2 {
    background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 40%, #f8fafc 100%);
}

.julia-hero-slide-item.slide-3 {
    background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 40%, #f8fafc 100%);
}

.julia-slide-content-wrap {
    width: 100%;
    padding: 50px 0;
}

.julia-slide-row {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 40px;
    align-items: center;
}

.julia-slide-col-text {
    text-align: left;
}

.julia-slide-subtitle {
    font-family: 'Georgia', serif;
    font-style: italic;
    font-size: 28px;
    color: #0f172a;
    display: block;
    margin-bottom: -4px;
    line-height: 1.1;
}

.julia-slide-title {
    font-size: 48px;
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.5px;
    line-height: 1.05;
    margin: 0 0 16px 0;
}

.julia-slide-desc {
    font-size: 15.5px;
    color: #334155;
    margin: 0 0 24px 0;
    line-height: 1.55;
    max-width: 520px;
}

.julia-slide-cta-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #000000;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 800;
    letter-spacing: 1px;
    padding: 14px 30px;
    border-radius: 6px;
    text-decoration: none !important;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    transition: all 0.25s ease;
}

.julia-slide-cta-btn:hover {
    background: #1e293b;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}

.julia-slide-cta-btn svg {
    transition: transform 0.2s ease;
}

.julia-slide-cta-btn:hover svg {
    transform: translateX(4px);
}

/* Showcase de Frascos no Banner */
.julia-bottles-composition {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
    align-items: stretch;
}

.julia-bottle-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 14px 10px;
    text-align: center;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.07);
    border: 1px solid rgba(0, 0, 0, 0.04);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
    text-decoration: none !important;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.julia-bottle-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 24px rgba(0, 0, 0, 0.12);
}

.julia-bottle-img-wrap {
    height: 125px;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 8px;
    background: #ffffff;
}

.julia-bottle-img-wrap img {
    max-height: 115px;
    max-width: 100%;
    width: auto;
    object-fit: contain;
    margin: 0 auto;
    display: block;
}

.julia-bottle-title {
    display: block;
    font-size: 12px;
    font-weight: 700;
    color: #1f2937;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1.3;
    margin-bottom: 4px;
}

.julia-bottle-price {
    display: block;
    font-size: 13.5px;
    font-weight: 800;
    color: #0f172a;
    line-height: 1.2;
}

.julia-bottle-inst {
    display: block;
    font-size: 10.5px;
    font-weight: 600;
    color: #15803d;
    margin-top: 2px;
    line-height: 1.2;
}

/* Setas e Dots do Banner */
.julia-slider-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    background: rgba(255, 255, 255, 0.85);
    border: none;
    border-radius: 50%;
    color: #000000;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s;
    z-index: 10;
}

.julia-slider-arrow:hover {
    background: #ffffff;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2);
}

.julia-arrow-prev { left: 20px; }
.julia-arrow-next { right: 20px; }

.julia-slider-dots {
    position: absolute;
    bottom: 16px;
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    gap: 8px;
    z-index: 10;
}

.julia-slider-dots button.julia-dot {
    width: 10px;
    height: 10px;
    background: rgba(0, 0, 0, 0.25);
    border-radius: 50%;
    cursor: pointer;
    border: none;
    padding: 0;
    transition: all 0.25s ease;
}

.julia-slider-dots button.julia-dot.active {
    background: #000000;
    width: 24px;
    border-radius: 6px;
}

/* 4. Título da Seção: Destaques (Estilo Forever) */
.julia-section-destaques-header {
    text-align: center;
    padding: 44px 0 16px 0;
    background: #ffffff;
}

.julia-destaques-title {
    font-size: 30px;
    font-weight: 800;
    color: #000000;
    margin: 0;
    letter-spacing: -0.5px;
}

/* 5. Barra de Benefícios Pré-Footer (Com Lucide SVGs) */
.julia-benefits-section {
    background: #fafafa;
    padding: 40px 0;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
    margin-top: 50px;
}

.julia-benefits-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 20px;
}

.julia-benefit-card {
    display: flex;
    align-items: center;
    gap: 14px;
    background: #ffffff;
    padding: 20px;
    border-radius: 8px;
    border: 1px solid #e5e7eb;
}

.julia-benefit-svg-wrap {
    color: #fbbf24;
    flex-shrink: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.julia-benefit-text h4 {
    font-size: 14px;
    font-weight: 700;
    color: #000000;
    margin: 0 0 3px 0;
}

.julia-benefit-text p {
    font-size: 12px;
    color: #6b7280;
    margin: 0;
    line-height: 1.4;
}

/* 6. Footer Fundo Preto (Estilo Forever Importados) */
.julia-forever-footer {
    background: #000000 !important;
    color: #ffffff !important;
    padding: 60px 0 30px 0 !important;
}

.julia-footer-container {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 20px;
}

.julia-footer-columns {
    display: grid;
    grid-template-columns: 1fr 1.2fr 1.3fr;
    gap: 40px;
    padding-bottom: 40px;
    border-bottom: 1px solid #1f2937;
}

.julia-fcol-title {
    font-size: 16px;
    font-weight: 700;
    color: #fbbf24;
    margin: 0 0 18px 0;
    letter-spacing: 0.5px;
}

.julia-fmenu {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 !important;
}

.julia-fmenu li {
    margin-bottom: 10px !important;
}

.julia-fmenu a {
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 500 !important;
    text-decoration: none !important;
    transition: color 0.2s !important;
}

.julia-fmenu a:hover {
    color: #fbbf24 !important;
}

/* Contato no Footer */
.julia-fcontact-item {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-bottom: 14px;
    font-size: 13.5px;
    color: #ffffff;
}

.julia-ficon {
    color: #fbbf24;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    margin-top: 2px;
}

.julia-fcontact-item a {
    color: #ffffff !important;
    text-decoration: none !important;
}

.julia-fcontact-item a:hover {
    color: #fbbf24 !important;
}

.julia-fsocial-icons {
    margin-top: 18px;
}

.julia-fsocial-btn {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    background: #171717;
    color: #fbbf24 !important;
    padding: 8px 16px;
    border-radius: 6px;
    font-size: 13px;
    font-weight: 600;
    text-decoration: none !important;
    border: 1px solid #262626;
    transition: all 0.2s;
}

.julia-fsocial-btn:hover {
    background: #fbbf24;
    color: #000000 !important;
}

/* Blocos de Pagamento e Envio */
.julia-footer-bottom-block {
    padding: 24px 0 0 0;
}

.julia-fbottom-title {
    font-size: 14px;
    font-weight: 700;
    color: #94a3b8;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    margin: 0 0 12px 0;
}

.julia-payment-badges,
.julia-shipping-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.julia-badge-pay,
.julia-badge-ship {
    background: #171717;
    color: #e2e8f0;
    border: 1px solid #262626;
    border-radius: 6px;
    padding: 6px 12px;
    font-size: 12px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.julia-badge-ship svg {
    color: #fbbf24;
}

.julia-footer-copy {
    text-align: center;
    padding-top: 30px;
    margin-top: 30px;
    border-top: 1px solid #1f2937;
    font-size: 12.5px;
    color: #64748b;
}

/* 7. Páginas Institucionais (Quem Somos, Políticas, etc.) */
.julia-page-hero {
    background: #000000;
    color: #ffffff;
    padding: 40px 0 35px 0;
    border-bottom: 1px solid #1a1a1a;
}

.julia-breadcrumbs {
    font-size: 13px;
    color: #94a3b8;
    margin-bottom: 10px;
}

.julia-breadcrumbs a {
    color: #fbbf24;
    text-decoration: none;
}

.julia-page-title {
    font-size: 32px;
    font-weight: 800;
    color: #ffffff;
    margin: 0;
    letter-spacing: -0.5px;
}

.page .entry-content {
    font-size: 15px;
    line-height: 1.8;
    color: #334155;
    padding: 20px 0 50px 0;
}

.page .entry-content h2 {
    font-size: 22px;
    font-weight: 700;
    color: #000000;
    margin: 32px 0 14px 0;
    border-bottom: 2px solid #f1f5f9;
    padding-bottom: 8px;
}

.page .entry-content h3 {
    font-size: 18px;
    font-weight: 700;
    color: #171717;
    margin: 24px 0 10px 0;
}

.page .entry-content ul {
    margin-bottom: 20px;
    padding-left: 24px;
}

.page .entry-content ul li {
    margin-bottom: 8px;
}

/* 8. Botão Flutuante do WhatsApp */
.julia-whatsapp-floating {
    position: fixed;
    bottom: 24px;
    right: 24px;
    z-index: 99999;
    display: flex;
    align-items: center;
    text-decoration: none;
}

.julia-whatsapp-icon-circle {
    width: 56px;
    height: 56px;
    background: #25d366;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.4);
    transition: transform 0.25s ease;
}

.julia-whatsapp-floating:hover .julia-whatsapp-icon-circle {
    transform: scale(1.08);
}

/* 9. PADRONIZAÇÃO E ELEVAÇÃO LUXURY DA PÁGINA DE PRODUTO INDIVIDUAL (SINGLE PRODUCT) */
.woocommerce div.product div.images img,
.woocommerce-product-gallery__image img,
.woocommerce-product-gallery figure img {
    max-height: 540px !important;
    max-width: 92% !important;
    width: auto !important;
    height: auto !important;
    margin: 0 auto !important;
    object-fit: contain !important;
    display: block !important;
    filter: none !important;
    transition: transform 0.3s ease !important;
}

.woocommerce-product-gallery__image:hover img {
    transform: scale(1.04) !important;
}

.woocommerce-product-gallery__image,
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
    background: #ffffff !important;
    border-radius: 16px !important;
    border: 1px solid #f1f5f9 !important;
    box-shadow: none !important;
    padding: 24px !important;
    min-height: 520px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}

.woocommerce div.product .summary {
    padding-left: 24px !important;
}

/* Botão Adicionar ao Carrinho (Preto & Dourado Nobre) */
.woocommerce div.product form.cart .single_add_to_cart_button,
.woocommerce #content div.product form.cart .single_add_to_cart_button {
    background: #000000 !important;
    color: #fbbf24 !important;
    border: 2px solid #000000 !important;
    border-radius: 8px !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    padding: 16px 36px !important;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.15) !important;
    transition: all 0.25s ease !important;
    cursor: pointer !important;
}

.woocommerce div.product form.cart .single_add_to_cart_button:hover {
    background: #fbbf24 !important;
    color: #000000 !important;
    border-color: #fbbf24 !important;
    box-shadow: 0 6px 20px rgba(251, 191, 36, 0.35) !important;
    transform: translateY(-2px) !important;
}

/* 9.0 BUY BOX HOOK & SELOS DE CONFIANÇA (CLEAN & MINIMALISTA) */
.julia-buybox-hook {
    font-size: 14.5px !important;
    line-height: 1.65 !important;
    color: #475569 !important;
    margin: 0 0 16px 0 !important;
}

.julia-buybox-trust-strip {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 14px 0 20px 0 !important;
}

.julia-trust-pill {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 5px 12px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    color: #334155 !important;
}

.julia-trust-pill svg {
    color: #059669 !important;
    flex-shrink: 0 !important;
}

/* Ocultar pills em cards relacionados e vitrines */
.related .julia-buybox-trust-strip,
.upsells .julia-buybox-trust-strip,
.products .julia-buybox-trust-strip {
    display: none !important;
}

/* 9.1 ESTRUTURA E MARGENS DA DESCRIÇÃO DO PRODUTO (CONTAINER AMPLO & RESPONSIVO) */
.product_tabs_wrapper {
    max-width: 1140px !important;
    margin: 48px auto !important;
    padding: 0 20px !important;
    clear: both !important;
}

.product_tabs_wrapper .fake-tabs-nav,
.woocommerce-tabs ul.tabs {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    border-bottom: 2px solid #e2e8f0 !important;
    margin: 0 0 -1px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.product_tabs_wrapper .fake-tabs-nav li,
.woocommerce-tabs ul.tabs li {
    margin: 0 !important;
    border: none !important;
    background: transparent !important;
}

.product_tabs_wrapper .fake-tabs-nav li a,
.woocommerce-tabs ul.tabs li a {
    display: inline-block !important;
    padding: 14px 28px !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #64748b !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    border-bottom: none !important;
    border-radius: 12px 12px 0 0 !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.product_tabs_wrapper .fake-tabs-nav li.active a,
.woocommerce-tabs ul.tabs li.active a {
    color: #000000 !important;
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    border-bottom: 2px solid #ffffff !important;
    font-weight: 800 !important;
    box-shadow: 0 -3px 12px rgba(0, 0, 0, 0.04) !important;
}

.product_tabs_wrapper .tab.tab-description,
.woocommerce-Tabs-panel--description {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 16px 16px 16px !important;
    padding: 44px 52px !important;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.03) !important;
}

.the_content_wrapper {
    max-width: 920px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    font-size: 15.5px !important;
    line-height: 1.85 !important;
    color: #334155 !important;
}

.the_content_wrapper p {
    margin-bottom: 20px !important;
    line-height: 1.85 !important;
}

.the_content_wrapper p:first-of-type {
    font-size: 16.5px !important;
    color: #1e293b !important;
    font-weight: 400 !important;
    line-height: 1.85 !important;
}

/* 9.2 LINHA EDITORIAL DE ESPECIFICAÇÕES RÁPIDAS (MINIMALISTA E FLUIDA) */
.julia-editorial-specs-strip {
    display: flex !important;
    align-items: center !important;
    flex-wrap: wrap !important;
    gap: 20px !important;
    margin: 28px 0 !important;
    padding: 16px 20px !important;
    background: #f8fafc !important;
    border-radius: 10px !important;
    border: 1px solid #f1f5f9 !important;
}

.julia-editorial-spec {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
}

.julia-ed-label {
    font-size: 10.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #64748b !important;
}

.julia-ed-value {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.julia-ed-divider {
    width: 1px !important;
    height: 28px !important;
    background: #e2e8f0 !important;
}

/* 9.3 ASSINATURA E FAMÍLIA OLFATIVA (EDITORIAL BOUTIQUE) */
.julia-olfactive-signature-wrap {
    margin: 32px 0 !important;
    padding: 24px 0 !important;
    border-top: 1px solid #f1f5f9 !important;
    border-bottom: 1px solid #f1f5f9 !important;
}

.julia-signature-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 1.5px !important;
    color: #b45309 !important;
    text-transform: uppercase !important;
    margin-bottom: 8px !important;
}

.julia-signature-family-name {
    font-size: 22px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 8px 0 !important;
    letter-spacing: -0.2px !important;
}

.julia-signature-text {
    font-size: 14px !important;
    line-height: 1.6 !important;
    color: #64748b !important;
    margin: 0 !important;
    max-width: 680px !important;
}

/* 9.4 EVOLUÇÃO OLFATIVA EM LINHA DO TEMPO SENSORIAL (ZERO CAIXINHAS) */
.julia-olfactive-timeline {
    margin: 36px 0 !important;
}

.julia-timeline-header {
    margin-bottom: 28px !important;
}

.julia-timeline-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 4px 0 !important;
}

.julia-timeline-subtitle {
    font-size: 13.5px !important;
    color: #64748b !important;
}

.julia-timeline-steps {
    display: flex !important;
    flex-direction: column !important;
}

.julia-timeline-step {
    display: flex !important;
    align-items: flex-start !important;
    gap: 20px !important;
    position: relative !important;
}

.step-marker-col {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    flex-shrink: 0 !important;
}

.step-glyph {
    width: 38px !important;
    height: 38px !important;
    background: #0f172a !important;
    color: #fbbf24 !important;
    border-radius: 50% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-shadow: 0 3px 10px rgba(15, 23, 42, 0.12) !important;
    z-index: 2 !important;
}

.step-guide-line {
    width: 2px !important;
    min-height: 55px !important;
    background: #e2e8f0 !important;
    margin: 6px 0 !important;
    flex-grow: 1 !important;
}

.step-info-col {
    padding-bottom: 30px !important;
    flex: 1 !important;
}

.julia-timeline-step.step-last .step-info-col {
    padding-bottom: 0 !important;
}

.step-title-row {
    display: flex !important;
    align-items: baseline !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin-bottom: 4px !important;
}

.step-name {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.step-timing {
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #94a3b8 !important;
}

.step-desc {
    font-size: 13px !important;
    color: #64748b !important;
    margin: 0 0 10px 0 !important;
    line-height: 1.5 !important;
}

.step-notes-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
}

.julia-fluid-note {
    background: #ffffff !important;
    color: #1e293b !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 20px !important;
    padding: 5px 14px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.02) !important;
}

.julia-fluid-note:hover {
    border-color: #0f172a !important;
    background: #f8fafc !important;
    transform: translateY(-1px) !important;
}

/* 9.5 ATIVOS E MODO DE USO (COSMÉTICOS & CAPILARES - DESIGN EDITORIAL) */
.julia-editorial-section {
    margin: 28px 0 !important;
    padding: 18px 24px !important;
    background: #f8fafc !important;
    border-radius: 10px !important;
    border-left: 3px solid #0f172a !important;
}

.julia-editorial-section-title {
    font-size: 15px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 8px 0 !important;
}

.julia-editorial-section-title svg {
    color: #b45309 !important;
}

.julia-editorial-body {
    font-size: 13.5px !important;
    color: #475569 !important;
    line-height: 1.65 !important;
    margin: 0 !important;
}

/* 9.6 DESTAQUES E BENEFÍCIOS DO PRODUTO (LINHAS ESTRUTURADAS) */
.julia-highlight-row {
    display: flex !important;
    align-items: flex-start !important;
    gap: 12px !important;
    padding: 12px 16px !important;
    margin: 8px 0 !important;
    background: #f8fafc !important;
    border: 1px solid #f1f5f9 !important;
    border-left: 3px solid #10b981 !important;
    border-radius: 8px !important;
    font-size: 14.5px !important;
    color: #334155 !important;
    line-height: 1.55 !important;
    transition: all 0.2s ease !important;
}

.julia-highlight-row:hover {
    background: #ffffff !important;
    border-color: #cbd5e1 !important;
    border-left-color: #059669 !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.04) !important;
    transform: translateX(3px) !important;
}

.julia-highlight-icon {
    color: #10b981 !important;
    flex-shrink: 0 !important;
    margin-top: 2px !important;
}

/* ==========================================================================
   9.7 SEÇÃO PRODUTOS RELACIONADOS E UPSELLS (GRID LUXURY & ALINHAMENTO)
   ========================================================================== */

/* Ocultar navegação flutuante lateral (caixa azul com seta '<') */
.post-nav,
.column.one.post-nav,
.single-product .post-nav,
.fixed-nav,
a.fixed-nav,
.fixed-nav-prev,
.fixed-nav-next {
    display: none !important;
}

/* Espaçamento e Título da Seção */
.related.products,
.upsells.products,
.woocommerce div.product .related.products {
    margin: 56px auto 40px auto !important;
    max-width: 1220px !important;
    width: 100% !important;
    clear: both !important;
    box-sizing: border-box !important;
}

.related.products > h3,
.related.products > h2,
.upsells.products > h3,
.upsells.products > h2 {
    font-size: 24px !important;
    font-weight: 700 !important;
    color: #111827 !important;
    letter-spacing: -0.5px !important;
    margin: 0 0 24px 0 !important;
    position: relative !important;
    padding-bottom: 12px !important;
}

.related.products > h3::after,
.related.products > h2::after,
.upsells.products > h3::after,
.upsells.products > h2::after {
    content: '' !important;
    position: absolute !important;
    bottom: 0 !important;
    left: 0 !important;
    width: 48px !important;
    height: 3px !important;
    background: #d4af37 !important;
    border-radius: 2px !important;
}

/* Grid de Produtos Relacionados em 4 Colunas */
.woocommerce .related.products ul.products,
.woocommerce .upsells.products ul.products,
.related.products ul.products,
.upsells.products ul.products,
.woocommerce-page .related.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 20px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

/* Card Individual em Produtos Relacionados */
.related.products ul.products li.product,
.upsells.products ul.products li.product,
.woocommerce .products.related ul.products li.product,
.woocommerce .products.upsells.up-sells ul.products li.product,
.related.products li.isotope-item.product {
    width: 100% !important;
    min-width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    box-sizing: border-box !important;
    background: #ffffff !important;
    border: 1px solid #f1f5f9 !important;
    border-radius: 12px !important;
    padding: 14px 12px 16px !important;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03) !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.25s ease-in-out !important;
}

.related.products ul.products li.product:hover,
.upsells.products ul.products li.product:hover {
    transform: translateY(-4px) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, 0.08) !important;
    border-color: #cbd5e1 !important;
}

/* Container Fixo de Imagem nos Relacionados */
.related.products .mfn-li-product-row-image,
.related.products .image_frame,
.related.products .product-loop-thumb,
.upsells.products .mfn-li-product-row-image,
.upsells.products .image_frame,
.upsells.products .product-loop-thumb {
    display: block !important;
    position: relative !important;
    width: 100% !important;
    height: 220px !important;
    min-height: 220px !important;
    max-height: 220px !important;
    overflow: hidden !important;
    margin: 0 0 12px 0 !important;
    padding: 8px !important;
    background: #ffffff !important;
    border-radius: 8px !important;
    box-sizing: border-box !important;
}

.related.products .image_frame .image_wrapper,
.related.products .image_frame .image_wrapper > a,
.related.products .image_frame .mfn-product-list-gallery-item,
.upsells.products .image_frame .image_wrapper,
.upsells.products .image_frame .image_wrapper > a,
.upsells.products .image_frame .mfn-product-list-gallery-item {
    width: 100% !important;
    height: 100% !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: transparent !important;
}

/* Imagem dos Cards Relacionados */
.related.products ul.products li.product img,
.upsells.products ul.products li.product img {
    max-height: 195px !important;
    max-width: 90% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    margin: auto !important;
    display: block !important;
    filter: none !important;
    transition: transform 0.3s ease !important;
}

.related.products ul.products li.product:hover img,
.upsells.products ul.products li.product:hover img {
    transform: scale(1.05) !important;
}

/* Títulos Padronizados dos Relacionados */
.related.products .desc h4,
.related.products h4.mfn-woo-product-title,
.upsells.products .desc h4,
.upsells.products h4.mfn-woo-product-title {
    font-size: 13.5px !important;
    font-weight: 600 !important;
    line-height: 19px !important;
    color: #1e293b !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    overflow: hidden !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    text-overflow: ellipsis !important;
    text-align: center !important;
    margin: 0 0 8px 0 !important;
}

.related.products .desc h4 a,
.related.products h4.mfn-woo-product-title a,
.upsells.products .desc h4 a,
.upsells.products h4.mfn-woo-product-title a {
    color: #1e293b !important;
    text-decoration: none !important;
}

.related.products .desc h4 a:hover,
.upsells.products .desc h4 a:hover {
    color: #d4af37 !important;
}

/* Preço e Parcelamento nos Relacionados */
.related.products .desc .price,
.upsells.products .desc .price {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
    text-align: center !important;
}

.related.products .desc .price .amount,
.upsells.products .desc .price .amount {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f172a !important;
}

.related.products .desc .julia-installment-badge,
.upsells.products .desc .julia-installment-badge {
    font-size: 12px !important;
    color: #64748b !important;
    font-weight: 500 !important;
    margin-top: 2px !important;
}

/* Botão nos Relacionados */
.related.products .mfn-li-product-row-button,
.related.products .desc .mfn-li-product-row-button,
.upsells.products .mfn-li-product-row-button,
.upsells.products .desc .mfn-li-product-row-button {
    display: block !important;
    margin-top: auto !important;
    width: 100% !important;
}

.related.products .button,
.related.products a.button,
.upsells.products .button,
.upsells.products a.button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 42px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    border-radius: 8px !important;
    border: none !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
    box-sizing: border-box !important;
}

.related.products .button:hover,
.related.products a.button:hover,
.upsells.products .button:hover,
.upsells.products a.button:hover {
    background: #1e293b !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(15, 23, 42, 0.15) !important;
}

/* 10. RESPONSIVIDADE MOBILE COMPLETA */
@media (max-width: 991px) {
    .julia-header-flex {
        flex-wrap: wrap !important;
        gap: 12px !important;
    }

    .julia-mobile-nav-toggle {
        display: flex;
        align-items: center;
        justify-content: center;
        order: 1;
    }

    .julia-header-logo {
        order: 2;
    }

    .julia-header-actions {
        order: 3;
        margin-left: auto;
    }

    .julia-header-search {
        order: 4 !important;
        flex: 1 0 100% !important;
        max-width: 100% !important;
        width: 100% !important;
    }

    .julia-slide-row {
        grid-template-columns: minmax(0, 1fr);
        text-align: center;
    }

    .julia-slide-row > * {
        min-width: 0 !important;
    }

    .julia-slide-col-text {
        text-align: center;
    }

    .julia-slide-col-text .julia-slide-desc {
        max-width: 100% !important;
        margin-left: auto !important;
        margin-right: auto !important;
    }

    .julia-slide-title {
        font-size: 34px;
    }

    .julia-slide-col-bottles {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
    }

    .julia-bottles-composition {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        width: 100%;
    }

    .julia-bottle-card {
        min-width: 0 !important;
        overflow: hidden;
    }

    .julia-bottle-img-wrap img {
        max-width: 100% !important;
        height: auto !important;
    }

    .julia-benefits-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .julia-footer-columns {
        grid-template-columns: 1fr;
        gap: 30px;
    }

    /* Vitrine Mobile em 2 Colunas */
    .woocommerce ul.products,
    .products_wrapper ul.products,
    .mcb-section .mcb-wrap .mcb-item-shop_products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 12px !important;
    }

    .woocommerce ul.products li.product,
    .products_wrapper ul.products li.product {
        padding: 10px 8px 12px 8px !important;
        min-height: 330px !important;
    }

    .mfn-li-product-row-image,
    .product-loop-thumb,
    .image_frame.product-loop-thumb,
    .woocommerce ul.products li.product .image_frame,
    .woocommerce ul.products li.product .product-loop-thumb,
    li.mfn-product-li-item .image_frame,
    li.mfn-product-li-item .mfn-li-product-row-image {
        height: 175px !important;
        min-height: 175px !important;
        max-height: 175px !important;
        padding: 6px !important;
        margin: 0 0 8px 0 !important;
    }

    .woocommerce ul.products li.product img,
    li.mfn-product-li-item img,
    .mfn-li-product-row-image img,
    .product-loop-thumb img,
    .mfn-product-list-gallery-item img,
    .image_frame img {
        max-height: 155px !important;
        max-width: 92% !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 12.5px !important;
        height: 36px !important;
        -webkit-line-clamp: 2 !important;
    }

    /* Single Product Mobile */
    .woocommerce div.product .product_image_wrapper,
    .woocommerce div.product div.images,
    .woocommerce div.product .entry-summary {
        width: 100% !important;
        float: none !important;
        padding-left: 0 !important;
    }

    .woocommerce div.product div.images .woocommerce-product-gallery__wrapper {
        min-height: 320px !important;
        padding: 16px !important;
        box-shadow: 0 4px 20px rgba(0,0,0,0.04) !important;
    }

    .woocommerce div.product div.images img,
    .woocommerce-product-gallery__image img {
        max-height: 290px !important;
    }

    .product_tabs_wrapper {
        margin: 24px auto !important;
        padding: 0 10px !important;
    }

    .product_tabs_wrapper .tab.tab-description,
    .woocommerce-Tabs-panel--description {
        padding: 24px 16px !important;
        border-radius: 0 0 12px 12px !important;
    }

    .julia-editorial-specs-strip {
        gap: 12px !important;
        padding: 12px 14px !important;
    }

    .julia-timeline-step {
        gap: 14px !important;
    }

    .step-glyph {
        width: 32px !important;
        height: 32px !important;
    }

    /* Produtos Relacionados Mobile (2 Colunas) */
    .woocommerce .related.products ul.products,
    .woocommerce .upsells.products ul.products,
    .related.products ul.products,
    .upsells.products ul.products {
        grid-template-columns: repeat(2, 1fr) !important;
        gap: 10px !important;
    }

    .related.products ul.products li.product,
    .upsells.products ul.products li.product {
        padding: 10px 8px !important;
        min-height: 330px !important;
    }

    .related.products .mfn-li-product-row-image,
    .related.products .image_frame,
    .upsells.products .mfn-li-product-row-image,
    .upsells.products .image_frame {
        height: 175px !important;
        min-height: 175px !important;
        max-height: 175px !important;
        padding: 6px !important;
    }

    .related.products ul.products li.product img,
    .upsells.products ul.products li.product img {
        max-height: 155px !important;
        max-width: 92% !important;
    }
}

@media (max-width: 640px) {
    .julia-action-label {
        display: none !important;
    }

    .julia-header-actions {
        gap: 12px;
    }

    .julia-header-logo img {
        max-height: 48px;
    }

    .julia-slide-title {
        font-size: 26px;
    }

    .julia-installment-badge {
        font-size: 10.5px !important;
        white-space: normal !important;
        line-height: 1.25 !important;
    }

    .julia-benefits-grid {
        grid-template-columns: 1fr;
    }

    .julia-cat-menu > li > a {
        font-size: 11px !important;
        padding: 10px 8px !important;
    }

    .julia-slider-arrow {
        width: 36px;
        height: 36px;
    }
    .julia-arrow-prev { left: 10px; }
    .julia-arrow-next { right: 10px; }

    .julia-quick-specs-bar {
        grid-template-columns: 1fr !important;
    }

    .product_tabs_wrapper .fake-tabs-nav li a,
    .woocommerce-tabs ul.tabs li a {
        padding: 10px 16px !important;
        font-size: 13px !important;
    }

    .product_tabs_wrapper .tab.tab-description,
    .woocommerce-Tabs-panel--description {
        padding: 22px 14px !important;
    }
}

/* 11. PÁGINA QUEM SOMOS - LAYOUT INSTITUCIONAL LUXURY */
.julia-about-wrapper {
    max-width: 1040px;
    margin: 0 auto;
    padding: 30px 0;
}

.julia-about-intro {
    text-align: center;
    margin-bottom: 48px;
}

.julia-about-tag {
    display: inline-block;
    background: #000000;
    color: #fbbf24;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    padding: 4px 12px;
    border-radius: 4px;
    margin-bottom: 12px;
}

.julia-about-heading {
    font-size: 32px;
    font-weight: 900;
    color: #0f172a;
    letter-spacing: -0.5px;
    margin: 0 0 16px 0;
    line-height: 1.25;
}

.julia-about-lead {
    font-size: 16px;
    color: #475569;
    line-height: 1.8;
    max-width: 860px;
    margin: 0 auto;
}

.julia-about-pillars {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
    margin-bottom: 48px;
}

.julia-pillar-card {
    background: #ffffff;
    border: 1px solid #e2e8f0;
    border-radius: 12px;
    padding: 28px 24px;
    box-shadow: 0 4px 14px rgba(0, 0, 0, 0.04);
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.julia-pillar-card:hover {
    transform: translateY(-4px);
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08);
}

.julia-pillar-icon {
    width: 52px;
    height: 52px;
    background: #000000;
    color: #fbbf24;
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 20px;
}

.julia-pillar-title {
    font-size: 18px;
    font-weight: 800;
    color: #0f172a;
    margin: 0 0 10px 0;
}

.julia-pillar-desc {
    font-size: 14px;
    color: #64748b;
    line-height: 1.6;
    margin: 0;
}

/* Espaço da Loja Física */
.julia-store-showcase {
    background: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);
    border-radius: 16px;
    padding: 48px 40px;
    color: #ffffff;
    box-shadow: 0 12px 32px rgba(15, 23, 42, 0.25);
    margin-bottom: 40px;
    text-align: center;
}

.julia-store-info {
    text-align: center;
}

.julia-store-tag {
    display: inline-block;
    color: #fbbf24;
    font-size: 11px;
    font-weight: 800;
    letter-spacing: 1.5px;
    margin: 0 auto 12px auto;
}

.julia-store-showcase h3,
.julia-store-title {
    font-size: 28px;
    font-weight: 800;
    color: #ffffff !important;
    margin: 0 auto 16px auto;
    text-align: center;
}

.julia-store-text {
    font-size: 15.5px;
    color: #cbd5e1;
    line-height: 1.75;
    margin: 0 auto 36px auto;
    max-width: 780px;
    text-align: center;
}

.julia-store-details-list {
    list-style: none !important;
    padding: 0 !important;
    margin: 0 auto 36px auto !important;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
    max-width: 920px;
}

.julia-store-details-list li {
    background: rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.1);
    border-radius: 12px;
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    gap: 10px;
    margin: 0 !important;
}

.julia-store-details-list li svg {
    color: #fbbf24;
    flex-shrink: 0;
    width: 26px;
    height: 26px;
    margin: 0 auto;
}

.julia-store-details-list li strong {
    display: block;
    color: #ffffff;
    font-size: 14.5px;
    font-weight: 700;
    margin: 0;
}

.julia-store-details-list li span {
    color: #94a3b8;
    font-size: 13px;
    line-height: 1.55;
}

.julia-store-actions {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    flex-wrap: wrap;
    margin: 0 auto;
}

.julia-btn-maps {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #ffffff;
    color: #0f172a !important;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none !important;
    transition: all 0.2s;
}

.julia-btn-maps:hover {
    background: #f1f5f9;
    transform: translateY(-2px);
    box-shadow: 0 4px 14px rgba(255, 255, 255, 0.2);
}

.julia-btn-wa {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    background: #25d366;
    color: #ffffff !important;
    font-size: 14px;
    font-weight: 700;
    padding: 14px 28px;
    border-radius: 8px;
    text-decoration: none !important;
    box-shadow: 0 4px 16px rgba(37, 211, 102, 0.35);
    transition: all 0.2s;
}

.julia-btn-wa:hover {
    background: #20ba59;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(37, 211, 102, 0.45);
}

/* Menu Mobile Navigation Toggle Drawer */
@media (max-width: 991px) {
    .julia-category-navbar {
        display: none;
    }
    .julia-category-navbar.mobile-active {
        display: block;
    }
    .julia-cat-menu {
        flex-direction: column;
        align-items: flex-start;
        width: 100%;
        padding: 10px 0 !important;
    }
    .julia-cat-menu > li {
        width: 100%;
    }
    .julia-cat-menu > li > a {
        padding: 12px 16px !important;
        width: 100%;
        display: flex !important;
        justify-content: space-between;
        border-bottom: 1px solid #1a1a1a;
        box-sizing: border-box;
    }
    .julia-sub-dropdown {
        position: static !important;
        width: 100% !important;
        box-shadow: none !important;
        border: none !important;
        background: #111827 !important;
        padding: 6px 0 6px 16px !important;
        display: none;
    }
    .julia-has-dropdown.open .julia-sub-dropdown {
        display: block !important;
    }
    .julia-about-pillars {
        grid-template-columns: 1fr;
    }
    .julia-store-details-list {
        grid-template-columns: 1fr;
    }
    .julia-store-showcase {
        padding: 24px;
    }
}

/* ==========================================================================
   10. BOTÃO DE CATÁLOGO COMPLETO NA PÁGINA INICIAL
   ========================================================================== */
.julia-home-catalog-cta-wrap {
    width: 100% !important;
    text-align: center !important;
    margin: 40px auto 25px auto !important;
    display: flex !important;
    justify-content: center !important;
}

.julia-btn-view-all-products {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    background: #0f172a !important;
    color: #f8fafc !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    padding: 16px 36px !important;
    border-radius: 999px !important;
    border: 1.5px solid #334155 !important;
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.12) !important;
    text-decoration: none !important;
    transition: all 0.25s ease-in-out !important;
}

.julia-btn-view-all-products:hover {
    background: #1e293b !important;
    color: #f59e0b !important;
    border-color: #f59e0b !important;
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 28px rgba(245, 158, 11, 0.25) !important;
}

@media (max-width: 768px) {
    .julia-btn-view-all-products {
        width: 90% !important;
        padding: 14px 20px !important;
        font-size: 13.5px !important;
    }
}

/* ==========================================================================
   11. BOTÃO "CARREGAR MAIS PRODUTOS" (LOAD MORE) LUXO & ELEGANTE
   ========================================================================== */
.pager_wrapper.pager_lm {
    margin: 45px auto 40px auto !important;
    text-align: center !important;
    clear: both !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 16px !important;
}

.pager_wrapper.pager_lm .pager_load_more {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 12px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    padding: 16px 40px !important;
    border-radius: 999px !important;
    border: 1.5px solid #d4af37 !important;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.15) !important;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1) !important;
    cursor: pointer !important;
    text-decoration: none !important;
    line-height: 1 !important;
}

.pager_wrapper.pager_lm .pager_load_more .button_icon {
    display: inline-flex !important;
    align-items: center !important;
    color: #d4af37 !important;
    font-size: 18px !important;
    margin-right: 6px !important;
    transition: transform 0.3s ease !important;
}

.pager_wrapper.pager_lm .pager_load_more .button_label {
    color: #ffffff !important;
    font-weight: 700 !important;
    letter-spacing: 0.8px !important;
}

.pager_wrapper.pager_lm .pager_load_more:hover {
    background: #d4af37 !important;
    border-color: #b8972e !important;
    color: #0f172a !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 32px rgba(212, 175, 55, 0.35) !important;
}

.pager_wrapper.pager_lm .pager_load_more:hover .button_icon,
.pager_wrapper.pager_lm .pager_load_more:hover .button_label {
    color: #0f172a !important;
}

.pager_wrapper.pager_lm .pager_load_more:hover .button_icon {
    transform: rotate(90deg) !important;
}

@media (max-width: 768px) {
    .pager_wrapper.pager_lm .pager_load_more {
        width: 88% !important;
        padding: 15px 22px !important;
        font-size: 13.5px !important;
    }
}

/* ==========================================================================
   12. MÓDULO COMPRE JUNTO & ECONOMIZE (SINGLE PRODUCT)
   ========================================================================== */
.julia-compre-junto-section {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 26px 30px !important;
    margin: 35px 0 !important;
    box-shadow: 0 8px 26px rgba(0, 0, 0, 0.04) !important;
    clear: both !important;
}

.julia-cj-header {
    margin-bottom: 22px !important;
}

.julia-cj-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #b4832c !important;
    background: #fdf8eb !important;
    padding: 5px 12px !important;
    border-radius: 999px !important;
    border: 1px solid #fef0cd !important;
    margin-bottom: 8px !important;
}

.julia-cj-title {
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 4px 0 6px 0 !important;
    letter-spacing: -0.3px !important;
}

.julia-cj-subtitle {
    font-size: 13.5px !important;
    color: #64748b !important;
    margin: 0 !important;
    line-height: 1.5 !important;
}

.julia-cj-body {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    background: #f8fafc !important;
    border: 1px solid #edf2f7 !important;
    border-radius: 14px !important;
    padding: 22px !important;
}

.julia-cj-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex: 1 !important;
    min-width: 0 !important;
}

.julia-cj-thumb-wrap {
    position: relative !important;
    width: 92px !important;
    height: 92px !important;
    min-width: 92px !important;
    min-height: 92px !important;
    max-width: 92px !important;
    max-height: 92px !important;
    flex-shrink: 0 !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 6px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    overflow: visible !important;
}

.julia-cj-thumb-wrap a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 100% !important;
    max-width: 100% !important;
    max-height: 100% !important;
    overflow: hidden !important;
    text-decoration: none !important;
}

.julia-cj-thumb-wrap img,
.julia-cj-thumb {
    max-width: 100% !important;
    max-height: 100% !important;
    width: auto !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
    margin: auto !important;
}

.julia-cj-badge {
    position: absolute !important;
    bottom: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    font-size: 9.5px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    padding: 2px 8px !important;
    border-radius: 999px !important;
    white-space: nowrap !important;
    box-shadow: 0 2px 6px rgba(0,0,0,0.1) !important;
    z-index: 3 !important;
    line-height: 1.3 !important;
}

.julia-badge-rec {
    background: #C5A059 !important;
    color: #0f172a !important;
    font-weight: 800 !important;
}

.julia-cj-info {
    min-width: 0 !important;
}

.julia-cj-item-title {
    font-size: 13.5px !important;
    font-weight: 700 !important;
    color: #1e293b !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.35 !important;
}

.julia-cj-item-title a {
    color: inherit !important;
    text-decoration: none !important;
}

.julia-cj-item-title a:hover {
    color: #d4af37 !important;
}

.julia-cj-item-price {
    font-size: 15px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
}

.julia-cj-operator {
    font-size: 18px !important;
    font-weight: 800 !important;
    color: #C5A059 !important;
    flex-shrink: 0 !important;
    width: 32px !important;
    height: 32px !important;
    min-width: 32px !important;
    min-height: 32px !important;
    border-radius: 50% !important;
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.04) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;
    text-align: center !important;
}

.julia-cj-action-box {
    text-align: right !important;
    flex-shrink: 0 !important;
    padding-left: 14px !important;
    border-left: 1px solid #e2e8f0 !important;
}

.julia-cj-total-label {
    font-size: 12px !important;
    text-transform: uppercase !important;
    font-weight: 700 !important;
    color: #64748b !important;
    letter-spacing: 0.5px !important;
}

.julia-cj-total-price {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
    line-height: 1.1 !important;
    margin: 2px 0 !important;
}

.julia-cj-installment {
    font-size: 12px !important;
    color: #16a34a !important;
    font-weight: 700 !important;
    margin-bottom: 12px !important;
}

.julia-btn-add-both {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    padding: 13px 22px !important;
    border-radius: 999px !important;
    border: 1.5px solid #d4af37 !important;
    box-shadow: 0 6px 18px rgba(15, 23, 42, 0.15) !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
}

.julia-btn-add-both:hover {
    background: #d4af37 !important;
    color: #0f172a !important;
    border-color: #b8972e !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 24px rgba(212, 175, 55, 0.3) !important;
}

@media (max-width: 900px) {
    .julia-cj-body {
        flex-direction: column !important;
        text-align: center !important;
        gap: 16px !important;
    }
    .julia-cj-item {
        width: 100% !important;
        justify-content: center !important;
    }
    .julia-cj-action-box {
        text-align: center !important;
        border-left: none !important;
        border-top: 1px solid #e2e8f0 !important;
        padding-top: 16px !important;
        padding-left: 0 !important;
        width: 100% !important;
    }
    .julia-btn-add-both {
        width: 100% !important;
    }
}

/* ==========================================================================
   13. BANNER "COMPRE NO SITE & RETIRE NA LOJA FÍSICA" (HOMEPAGE)
   ========================================================================== */
.julia-pickup-banner-section {
    background: #f8fafc !important;
    padding: 50px 0 45px 0 !important;
    margin: 35px 0 20px 0 !important;
    border-top: 1px solid #e2e8f0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.julia-pickup-banner-card {
    background: #ffffff !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 20px !important;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.05) !important;
    display: grid !important;
    grid-template-columns: 1.15fr 0.85fr !important;
    overflow: hidden !important;
    gap: 0 !important;
    align-items: stretch !important;
}

.julia-pickup-content {
    padding: 42px 38px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.julia-pickup-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #b4832c !important;
    background: #fdf8eb !important;
    padding: 5px 14px !important;
    border-radius: 999px !important;
    border: 1px solid #fef0cd !important;
    margin-bottom: 14px !important;
    align-self: flex-start !important;
}

.julia-pickup-title {
    font-size: 28px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    line-height: 1.25 !important;
    margin: 0 0 14px 0 !important;
    letter-spacing: -0.5px !important;
}

.julia-pickup-desc {
    font-size: 14.5px !important;
    color: #475569 !important;
    line-height: 1.6 !important;
    margin: 0 0 26px 0 !important;
}

.julia-pickup-features {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 18px 24px !important;
    margin-bottom: 30px !important;
}

.julia-pickup-feat-item {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
}

.julia-pfeat-icon {
    width: 40px !important;
    height: 40px !important;
    min-width: 40px !important;
    border-radius: 10px !important;
    background: rgba(197, 160, 89, 0.12) !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    color: #c5a059 !important;
}

.julia-pfeat-icon svg {
    display: block !important;
    margin: auto !important;
}

.julia-pfeat-text {
    flex: 1 !important;
    min-width: 0 !important;
}

.julia-pfeat-text strong {
    display: block !important;
    font-size: 14px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    line-height: 1.25 !important;
    margin-bottom: 2px !important;
}

.julia-pfeat-text span {
    font-size: 12px !important;
    color: #64748b !important;
    line-height: 1.35 !important;
    display: block !important;
}

.julia-pickup-actions {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.julia-btn-maps {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    background: #0f172a !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    padding: 13px 24px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    border: 1.5px solid #0f172a !important;
    line-height: 1 !important;
}

.julia-btn-maps svg {
    display: block !important;
    flex-shrink: 0 !important;
}

.julia-btn-maps:hover {
    background: #d4af37 !important;
    border-color: #d4af37 !important;
    color: #0f172a !important;
    transform: translateY(-2px) !important;
}

.julia-btn-pickup-wa {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background: #ffffff !important;
    color: #0f172a !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    padding: 13px 22px !important;
    border-radius: 999px !important;
    border: 1.5px solid #cbd5e1 !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
    line-height: 1 !important;
}

.julia-btn-pickup-wa:hover {
    border-color: #22c55e !important;
    color: #16a34a !important;
    background: #f0fdf4 !important;
}

.julia-pickup-visual {
    padding: 16px !important;
    background: #f8fafc !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: center !important;
}

.julia-pickup-img-wrapper {
    position: relative !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 380px !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.08) !important;
    border: 1px solid rgba(0, 0, 0, 0.06) !important;
    background: #000000 !important;
}

.julia-pickup-img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center !important;
    display: block !important;
    transition: transform 0.5s ease !important;
}

.julia-pickup-banner-card:hover .julia-pickup-img {
    transform: scale(1.03) !important;
}

.julia-pickup-img-badge {
    position: absolute !important;
    bottom: 14px !important;
    left: 14px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    color: #ffffff !important;
    background: rgba(15, 23, 42, 0.85) !important;
    backdrop-filter: blur(8px) !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(255, 255, 255, 0.2) !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.3) !important;
    z-index: 2 !important;
    letter-spacing: 0.5px !important;
}

@media (max-width: 900px) {
    .julia-pickup-banner-card {
        grid-template-columns: 1fr !important;
    }
    .julia-pickup-content {
        padding: 30px 20px !important;
    }
    .julia-pickup-features {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }
    .julia-pickup-visual {
        padding: 12px !important;
    }
    .julia-pickup-img-wrapper {
        min-height: 250px !important;
        max-height: 280px !important;
    }
}

/* ==========================================================================
   14. SEÇÃO DE PROVA SOCIAL & AVALIAÇÕES DO GOOGLE (4.9 ESTRELAS)
   ========================================================================== */
.julia-google-reviews-section {
    background: #ffffff !important;
    padding: 55px 0 50px 0 !important;
    border-bottom: 1px solid #e2e8f0 !important;
}

.julia-greviews-header {
    text-align: center !important;
    max-width: 680px !important;
    margin: 0 auto 36px auto !important;
}

.julia-greviews-badge {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 11.5px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    color: #1e293b !important;
    background: #f1f5f9 !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    border: 1px solid #e2e8f0 !important;
    margin-bottom: 12px !important;
}

.julia-greviews-title {
    font-size: 30px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    margin: 0 0 10px 0 !important;
    letter-spacing: -0.5px !important;
}

.julia-greviews-rating-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    margin-top: 8px !important;
}

.julia-grating-score {
    font-size: 24px !important;
    font-weight: 900 !important;
    color: #0f172a !important;
}

.julia-grating-stars {
    color: #eab308 !important;
    font-size: 20px !important;
    letter-spacing: 2px !important;
}

.julia-grating-count {
    font-size: 13.5px !important;
    color: #64748b !important;
    font-weight: 600 !important;
}

.julia-greviews-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)) !important;
    gap: 22px !important;
    margin-bottom: 30px !important;
}

.julia-greview-card {
    background: #f8fafc !important;
    border: 1.5px solid #e2e8f0 !important;
    border-radius: 16px !important;
    padding: 24px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    transition: all 0.3s ease !important;
}

.julia-greview-card:hover {
    transform: translateY(-3px) !important;
    box-shadow: 0 10px 26px rgba(0, 0, 0, 0.06) !important;
    border-color: #cbd5e1 !important;
}

.julia-greview-top {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    margin-bottom: 12px !important;
}

.julia-gavatar {
    width: 40px !important;
    height: 40px !important;
    border-radius: 50% !important;
    background: #d4af37 !important;
    color: #0f172a !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.julia-gauthor-info {
    flex: 1 !important;
    min-width: 0 !important;
}

.julia-gauthor-name {
    display: block !important;
    font-size: 14.5px !important;
    color: #0f172a !important;
    font-weight: 700 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.25 !important;
}

.julia-gauthor-city {
    display: block !important;
    font-size: 11.5px !important;
    color: #64748b !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    line-height: 1.2 !important;
}

.julia-greview-stars {
    color: #eab308 !important;
    font-size: 14px !important;
    letter-spacing: 2px !important;
    margin-bottom: 12px !important;
    line-height: 1 !important;
    display: block !important;
}

.julia-greview-text {
    font-size: 13.5px !important;
    color: #334155 !important;
    line-height: 1.55 !important;
    margin: 0 0 16px 0 !important;
    flex: 1 !important;
}

.julia-greview-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    border-top: 1px solid #e2e8f0 !important;
    padding-top: 12px !important;
    font-size: 11.5px !important;
    color: #94a3b8 !important;
}

.julia-gcheck-icon {
    color: #16a34a !important;
    font-weight: 600 !important;
}

.julia-greviews-footer-bar {
    text-align: center !important;
    background: #f1f5f9 !important;
    border-radius: 10px !important;
    padding: 12px 20px !important;
    font-size: 13px !important;
    color: #475569 !important;
    font-weight: 600 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.julia-greviews-swipe-hint {
    display: none !important;
    text-align: center !important;
    font-size: 11.5px !important;
    color: #94a3b8 !important;
    font-weight: 600 !important;
    margin-bottom: 16px !important;
    letter-spacing: 0.3px !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
}

/* Responsividade Mobile: Carrossel com Toque Suave e Layout Equilibrado */
@media (max-width: 768px) {
    .julia-google-reviews-section {
        padding: 35px 0 30px 0 !important;
    }

    .julia-greviews-header {
        margin-bottom: 20px !important;
        padding: 0 10px !important;
    }

    .julia-greviews-title {
        font-size: 22px !important;
        line-height: 1.25 !important;
        margin-bottom: 6px !important;
    }

    .julia-greviews-rating-bar {
        flex-direction: column !important;
        gap: 5px !important;
        margin-top: 6px !important;
    }

    .julia-grating-stars {
        font-size: 18px !important;
        letter-spacing: 2px !important;
    }

    .julia-grating-count {
        font-size: 12px !important;
        line-height: 1.35 !important;
        color: #64748b !important;
        text-align: center !important;
    }

    .julia-greviews-grid {
        display: flex !important;
        overflow-x: auto !important;
        scroll-snap-type: x mandatory !important;
        -webkit-overflow-scrolling: touch !important;
        gap: 14px !important;
        padding: 6px 16px 16px 16px !important;
        margin: 0 -20px 8px -20px !important;
        scrollbar-width: none !important;
    }

    .julia-greviews-grid::-webkit-scrollbar {
        display: none !important;
    }

    .julia-greview-card {
        flex: 0 0 280px !important;
        max-width: 280px !important;
        min-width: 280px !important;
        scroll-snap-align: start !important;
        padding: 20px 18px !important;
        box-sizing: border-box !important;
    }

    .julia-greview-text {
        font-size: 13px !important;
        line-height: 1.5 !important;
        margin-bottom: 14px !important;
    }

    .julia-greviews-swipe-hint {
        display: flex !important;
    }

    .julia-greviews-footer-bar {
        flex-direction: row !important;
        text-align: left !important;
        padding: 12px 16px !important;
        font-size: 11.5px !important;
        line-height: 1.4 !important;
        gap: 10px !important;
        border-radius: 8px !important;
    }

    .julia-greviews-footer-bar svg {
        flex-shrink: 0 !important;
        width: 18px !important;
        height: 18px !important;
    }
}

/* ==========================================================================
   15. BARRA DE FILTROS RÁPIDOS NA LOJA (/loja/)
   ========================================================================== */
.julia-shop-filters-wrap {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 12px !important;
    padding: 14px 18px !important;
    margin: 20px 0 25px 0 !important;
    box-shadow: 0 4px 14px rgba(0,0,0,0.03) !important;
}

.julia-filters-header {
    display: flex !important;
    align-items: center !important;
    gap: 14px !important;
    flex-wrap: wrap !important;
}

.julia-filters-title {
    font-size: 13.5px !important;
    font-weight: 800 !important;
    color: #0f172a !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    flex-shrink: 0 !important;
}

.julia-filters-pills {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
}

.julia-filter-pill {
    display: inline-block !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #475569 !important;
    background: #f8fafc !important;
    border: 1px solid #e2e8f0 !important;
    padding: 6px 14px !important;
    border-radius: 999px !important;
    text-decoration: none !important;
    transition: all 0.2s ease !important;
}

.julia-filter-pill:hover,
.julia-filter-pill.active {
    background: #0f172a !important;
    color: #ffffff !important;
    border-color: #0f172a !important;
}

.julia-filter-pill.active {
    border-color: #d4af37 !important;
    box-shadow: 0 4px 12px rgba(212, 175, 55, 0.25) !important;
}

/* ==========================================================================
   JULIA IMPORTADOS - CHECKOUT DE ALTA CONVERSÃO & LUXURY
   Inspirado nas referências líderes: Época Cosméticos, Sephora Brasil, Beleza na Web
   ========================================================================== */

/* 1. Ocultar Faixa Preta e Elementos que Poluem o Topo */
.woocommerce-checkout #SubHeader,
.woocommerce-checkout .subheader-transparent,
.woocommerce-checkout .breadcrumbs_wrapper,
.woocommerce-checkout .section-post-header,
.woocommerce-checkout .julia-page-hero,
.woocommerce-cart .julia-page-hero,
ul.mfn-checkout-steps,
.mfn-checkout-steps {
    display: none !important;
}

.mfn-be-checkout {
    display: block !important;
}

body.woocommerce-checkout,
body.woocommerce-checkout #Wrapper {
    overflow-x: hidden !important;
}

.woocommerce-checkout #Content {
    padding-top: 35px !important;
    padding-bottom: 60px !important;
    background: #fdfbf7 !important;
}

.woocommerce-checkout .section_wrapper,
.woocommerce-checkout .the_content_wrapper,
.woocommerce-checkout #Content .woocommerce:not(.mfn-header-login) {
    box-sizing: border-box !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Ocultar e isolar gaveta lateral de login do BeTheme para nunca cobrir o checkout */
.woocommerce-checkout .mfn-header-login,
.mfn-header-login {
    max-width: 420px !important;
    width: 420px !important;
    margin: 0 !important;
}

.woocommerce-checkout .mfn-header-login:not(.is-open),
.mfn-header-login:not(.is-open) {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    pointer-events: none !important;
    transform: translateX(100%) !important;
}

/* 2. Barra Superior de Confiança e Etapas (Distraction-Free) */
.julia-checkout-header-bar {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    background: #ffffff !important;
    border: 1px solid #ede8df !important;
    border-radius: 12px !important;
    padding: 16px 24px !important;
    margin-bottom: 28px !important;
    box-shadow: 0 2px 10px rgba(36, 32, 29, 0.03) !important;
    box-sizing: border-box !important;
    width: 100% !important;
}

.julia-checkout-header-steps {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.julia-step-item {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    color: #a8a29e !important;
}

.julia-step-item .step-num {
    width: 22px !important;
    height: 22px !important;
    border-radius: 50% !important;
    background: #f5f2eb !important;
    color: #78716c !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

.julia-step-item.completed {
    color: #24201d !important;
}

.julia-step-item.completed .step-num {
    background: #ecfdf5 !important;
    color: #059669 !important;
}

.julia-step-item.active {
    color: #24201d !important;
    font-weight: 700 !important;
}

.julia-step-item.active .step-num {
    background: #b38e44 !important;
    color: #ffffff !important;
}

.step-separator {
    width: 28px !important;
    height: 1px !important;
    background: #e5dfd5 !important;
}

.julia-checkout-ssl-notice {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #059669 !important;
    background: #ecfdf5 !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    border: 1px solid #d1fae5 !important;
}

.woocommerce-checkout .woocommerce-form-coupon-toggle {
    margin-bottom: 20px !important;
}
.woocommerce-checkout .woocommerce-form-coupon-toggle .woocommerce-info {
    border-top: none !important;
    border: 1px dashed #dfba73 !important;
    background: #fffdf9 !important;
    border-radius: 10px !important;
    padding: 12px 18px !important;
    font-size: 13px !important;
    color: #44403c !important;
}
.woocommerce-checkout .woocommerce-info a,
.woocommerce-checkout .showcoupon {
    color: #b38e44 !important;
    font-weight: 700 !important;
}

.woocommerce-checkout .the_content_wrapper {
    max-width: 1200px !important;
    width: 100% !important;
}

/* 3. Grid Principal em 2 Colunas */
.woocommerce-checkout form.checkout {
    display: grid !important;
    grid-template-columns: 1fr 420px !important;
    gap: 32px !important;
    align-items: start !important;
    width: 100% !important;
    max-width: 1200px !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout #customer_details {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

.woocommerce-checkout #customer_details .col-1,
.woocommerce-checkout #customer_details .col-2 {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

.woocommerce-checkout #order_review {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    margin: 0 !important;
    position: sticky !important;
    top: 24px !important;
    background: #ffffff !important;
    border: 1px solid #e7e0d3 !important;
    border-radius: 14px !important;
    padding: 26px !important;
    box-shadow: 0 4px 20px rgba(36, 32, 29, 0.04) !important;
    box-sizing: border-box !important;
}

/* 4. Cards do Formulário de Dados */
.woocommerce-checkout .woocommerce-billing-fields,
.woocommerce-checkout .woocommerce-additional-fields {
    background: #ffffff !important;
    border: 1px solid #e7e0d3 !important;
    border-radius: 14px !important;
    padding: 24px 26px !important;
    box-shadow: 0 4px 16px rgba(36, 32, 29, 0.03) !important;
    margin-bottom: 24px !important;
    box-sizing: border-box !important;
}

.woocommerce-checkout .woocommerce-shipping-fields {
    display: none !important;
}

.woocommerce-checkout .woocommerce-billing-fields > h3 {
    display: none !important;
}

.woocommerce-checkout .woocommerce-additional-fields h3,
.woocommerce-checkout #order_review_heading {
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #24201d !important;
    margin-bottom: 20px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid #ede8df !important;
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
}

/* Ocultar campos desnecessários no checkout */
#billing_country_field,
#billing_persontype_field,
.julia-hidden-field {
    display: none !important;
}

/* Cabeçalhos de Seções Elegantes (Dados Pessoais & Endereço) */
.julia-section-header {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
    padding: 14px 0 12px 0 !important;
    margin: 16px 0 18px 0 !important;
    border-bottom: 1px solid #ede8df !important;
    width: 100% !important;
    clear: both !important;
    position: relative !important;
}

.julia-header-personal {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.julia-header-address {
    margin-top: 24px !important;
}

.julia-fields-group {
    width: 100% !important;
    clear: both !important;
    margin-bottom: 20px !important;
}

.julia-fields-group::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

.julia-section-number {
    width: 26px !important;
    height: 26px !important;
    border-radius: 50% !important;
    background: #b38e44 !important;
    color: #ffffff !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.julia-section-text h4 {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #24201d !important;
    margin: 0 !important;
    letter-spacing: 0.4px !important;
    text-transform: uppercase !important;
}

.julia-section-text p {
    font-size: 11.5px !important;
    color: #78716c !important;
    margin: 2px 0 0 0 !important;
    font-weight: 400 !important;
}

.julia-link-cep-help {
    margin-left: auto !important;
    font-size: 11.5px !important;
    color: #b38e44 !important;
    font-weight: 600 !important;
    text-decoration: underline !important;
}

/* Indicador de Status do CEP */
.julia-cep-status {
    font-size: 11px !important;
    font-weight: 600 !important;
    margin-left: 8px !important;
    padding: 2px 8px !important;
    border-radius: 12px !important;
    display: none;
    vertical-align: middle !important;
}

.julia-cep-status.is-searching {
    display: inline-block !important;
    background: #fef3c7 !important;
    color: #b45309 !important;
}

.julia-cep-status.is-success {
    display: inline-block !important;
    background: #ecfdf5 !important;
    color: #059669 !important;
}

.julia-cep-status.is-error {
    display: inline-block !important;
    background: #fef2f2 !important;
    color: #dc2626 !important;
}

/* Botão Continuar para Pagamento (Etapa 1) */
.julia-step1-actions {
    margin-top: 26px !important;
    padding-top: 20px !important;
    border-top: 1px solid #ede8df !important;
    clear: both !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
}

.julia-btn-step-continue {
    background: #24201d !important;
    color: #ffffff !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    height: 54px !important;
    border-radius: 8px !important;
    border: none !important;
    cursor: pointer !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    box-shadow: 0 4px 16px rgba(36, 32, 29, 0.2) !important;
    transition: all 0.25s ease !important;
    width: 100% !important;
}

.julia-btn-step-continue:hover {
    background: #b38e44 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(179, 142, 68, 0.35) !important;
}

.julia-step1-secure-hint {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 7px !important;
    font-size: 12px !important;
    color: #059669 !important;
    font-weight: 500 !important;
}

/* Card Resumo de Identificação & Entrega (Etapa 2) */
.julia-delivery-summary {
    background: #faf8f5 !important;
    border: 1.5px solid #dfba73 !important;
    border-radius: 14px !important;
    padding: 22px 24px !important;
    margin-bottom: 24px !important;
    box-shadow: 0 4px 16px rgba(36, 32, 29, 0.03) !important;
    box-sizing: border-box !important;
}

.julia-sum-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    padding-bottom: 12px !important;
    margin-bottom: 14px !important;
    border-bottom: 1px solid #ede8df !important;
}

.julia-sum-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #24201d !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
}

.julia-btn-edit {
    background: #ffffff !important;
    border: 1px solid #dcd7ce !important;
    color: #24201d !important;
    padding: 6px 14px !important;
    border-radius: 20px !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    transition: all 0.2s ease !important;
}

.julia-btn-edit:hover {
    border-color: #b38e44 !important;
    color: #b38e44 !important;
    background: #fffdf9 !important;
}

.julia-sum-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 20px !important;
}

.julia-sum-card-item {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    font-size: 13px !important;
    color: #44403c !important;
    line-height: 1.4 !important;
}

.julia-sum-label {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.6px !important;
    color: #a8a29e !important;
    margin-bottom: 2px !important;
}

.julia-sum-card-item strong {
    color: #24201d !important;
    font-size: 13.5px !important;
}

.julia-sum-shipping-badge {
    display: inline-block !important;
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
    border-radius: 6px !important;
    padding: 4px 10px !important;
    font-size: 11.5px !important;
    font-weight: 600 !important;
    margin-top: 6px !important;
    width: fit-content !important;
}

/* Botão Voltar para Entrega (Etapa 2) */
.julia-step2-back-box {
    margin-top: 12px !important;
    text-align: center !important;
}

.julia-btn-back {
    background: transparent !important;
    border: none !important;
    color: #78716c !important;
    font-size: 12.5px !important;
    font-weight: 600 !important;
    cursor: pointer !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 6px !important;
    padding: 6px 12px !important;
    transition: color 0.2s ease !important;
}

.julia-btn-back:hover {
    color: #b38e44 !important;
    text-decoration: underline !important;
}

/* Estados de Erro de Validação */
.julia-input-error input.input-text,
.julia-input-error select,
input.julia-input-error {
    border-color: #ef4444 !important;
    box-shadow: 0 0 0 2px rgba(239, 68, 68, 0.15) !important;
}

.julia-form-error-msg {
    color: #dc2626 !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    margin-top: 4px !important;
    display: block !important;
}

/* 5. Inputs e Alinhamento de Campos Brasileiros */
.woocommerce-checkout .form-row {
    margin-bottom: 16px !important;
    padding: 0 !important;
}

.woocommerce-checkout .form-row label {
    font-size: 12.5px !important;
    font-weight: 600 !important;
    color: #44403c !important;
    margin-bottom: 6px !important;
    display: block !important;
}

.woocommerce-checkout .form-row label .required {
    color: #b38e44 !important;
    text-decoration: none !important;
    font-weight: 700 !important;
}

.woocommerce-checkout .form-row input.input-text,
.woocommerce-checkout .form-row select,
.woocommerce-checkout .form-row textarea {
    height: 46px !important;
    border: 1.5px solid #dcd7ce !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    color: #24201d !important;
    background-color: #ffffff !important;
    box-sizing: border-box !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
    width: 100% !important;
}

.woocommerce-checkout .form-row textarea {
    height: 80px !important;
    padding: 10px 14px !important;
}

.woocommerce-checkout .form-row input.input-text:focus,
.woocommerce-checkout .form-row select:focus,
.woocommerce-checkout .form-row textarea:focus {
    border-color: #b38e44 !important;
    box-shadow: 0 0 0 3px rgba(179, 142, 68, 0.15) !important;
    outline: none !important;
}

/* Campos Lado a Lado no Desktop */
.woocommerce-checkout #billing_first_name_field {
    width: 48.5% !important;
    float: left !important;
    clear: left !important;
}
.woocommerce-checkout #billing_last_name_field {
    width: 48.5% !important;
    float: right !important;
    clear: none !important;
}

.woocommerce-checkout #billing_email_field {
    width: 48.5% !important;
    float: left !important;
    clear: left !important;
}
.woocommerce-checkout #billing_phone_field,
.woocommerce-checkout #billing_cellphone_field {
    width: 48.5% !important;
    float: right !important;
    clear: none !important;
}
.woocommerce-checkout #billing_cpf_field {
    width: 100% !important;
    float: none !important;
    clear: both !important;
}

/* Regras de Visibilidade Two-Step Checkout */
form.checkout[data-step="1"] #payment,
form.checkout[data-step="1"] #place_order,
form.checkout[data-step="1"] #julia-step2-back-box {
    display: none !important;
}

form.checkout[data-step="2"] .woocommerce-billing-fields__field-wrapper,
form.checkout[data-step="2"] .julia-section-header,
form.checkout[data-step="2"] #julia-step1-actions,
form.checkout[data-step="2"] #order_comments_field,
form.checkout[data-step="2"] .woocommerce-additional-fields,
form.checkout[data-step="2"] .woocommerce-shipping-fields {
    display: none !important;
}

form.checkout[data-step="2"] #payment {
    display: block !important;
}

form.checkout[data-step="2"] #place_order {
    display: flex !important;
}

form.checkout[data-step="2"] #julia-delivery-summary {
    display: block !important;
}

.woocommerce-checkout #billing_postcode_field {
    width: 48.5% !important;
    float: left !important;
    clear: both !important;
}

.woocommerce-checkout #billing_address_1_field {
    width: 68% !important;
    float: left !important;
    clear: left !important;
}
.woocommerce-checkout #billing_number_field {
    width: 29% !important;
    float: right !important;
    clear: none !important;
}

.woocommerce-checkout #billing_address_2_field {
    width: 48.5% !important;
    float: left !important;
    clear: left !important;
}
.woocommerce-checkout #billing_neighborhood_field {
    width: 48.5% !important;
    float: right !important;
    clear: none !important;
}

.woocommerce-checkout #billing_city_field {
    width: 68% !important;
    float: left !important;
    clear: left !important;
}
.woocommerce-checkout #billing_state_field {
    width: 29% !important;
    float: right !important;
    clear: none !important;
}

.woocommerce-checkout .woocommerce-billing-fields::after,
.woocommerce-checkout .woocommerce-billing-fields__field-wrapper::after {
    content: "" !important;
    display: table !important;
    clear: both !important;
}

/* 6. Resumo do Pedido com Miniaturas e Totais */
.julia-checkout-product-item {
    display: flex !important;
    align-items: center !important;
    gap: 12px !important;
}

.julia-checkout-product-img {
    width: 58px !important;
    height: 58px !important;
    flex-shrink: 0 !important;
    background: #ffffff !important;
    border: 1px solid #ede8df !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    padding: 4px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
}

.julia-checkout-product-img img {
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
    display: block !important;
}

.julia-checkout-product-info {
    display: flex !important;
    flex-direction: column !important;
    gap: 3px !important;
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #24201d !important;
    line-height: 1.35 !important;
}

.julia-checkout-product-info .product-quantity {
    font-size: 11.5px !important;
    font-weight: 500 !important;
    color: #78716c !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table {
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    margin-bottom: 20px !important;
    background: transparent !important;
    border: none !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table thead th {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    color: #78716c !important;
    border-bottom: 1px solid #ede8df !important;
    padding: 8px 0 !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tbody td {
    padding: 14px 0 !important;
    border-bottom: 1px solid #f1ece4 !important;
    vertical-align: middle !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table .product-total {
    text-align: right !important;
    font-weight: 700 !important;
    color: #24201d !important;
    font-size: 14.5px !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
    padding: 11px 0 !important;
    border-top: 1px solid #ede8df !important;
    font-size: 13.5px !important;
    color: #44403c !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table tfoot td {
    text-align: right !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total th,
.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total td {
    border-top: 2px solid #24201d !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #24201d !important;
    padding-top: 16px !important;
}

.woocommerce-checkout table.woocommerce-checkout-review-order-table .order-total td strong {
    color: #b38e44 !important;
    font-size: 21px !important;
}

/* 7. Caixa de Pagamento Pagar.me */
.woocommerce-checkout #payment {
    background: transparent !important;
    margin-top: 20px !important;
    padding: 0 !important;
}

.woocommerce-checkout #payment ul.payment_methods {
    border: none !important;
    padding: 0 !important;
    margin: 0 0 18px 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
    background: #faf8f5 !important;
    border: 1.5px solid #ede8df !important;
    border-radius: 10px !important;
    padding: 12px 16px !important;
    transition: all 0.2s ease !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:hover {
    border-color: #dfba73 !important;
    background: #fdfbf7 !important;
}

.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input[type="radio"]:checked + label {
    font-weight: 700 !important;
    color: #24201d !important;
}

.woocommerce-checkout #payment div.payment_box {
    background: #ffffff !important;
    border: 1px solid #e7e0d3 !important;
    border-radius: 8px !important;
    padding: 16px !important;
    margin-top: 10px !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.03) !important;
}

.woocommerce-checkout #payment div.payment_box::before {
    border-bottom-color: #e7e0d3 !important;
}

/* 8. Botão de Finalização Nobre */
.woocommerce-checkout #place_order {
    background: #24201d !important;
    color: #ffffff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    height: 52px !important;
    border-radius: 8px !important;
    width: 100% !important;
    border: none !important;
    cursor: pointer !important;
    transition: all 0.25s ease !important;
    box-shadow: 0 4px 16px rgba(36, 32, 29, 0.2) !important;
    margin-top: 14px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.woocommerce-checkout #place_order:hover {
    background: #b38e44 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(179, 142, 68, 0.35) !important;
}

/* 9. Selos de Confiança no Rodapé do Pedido */
.julia-checkout-trust-badges {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin-top: 22px !important;
    padding-top: 20px !important;
    border-top: 1px solid #ede8df !important;
}

.julia-trust-badge-item {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
}

.julia-trust-badge-text {
    display: flex !important;
    flex-direction: column !important;
    line-height: 1.3 !important;
}

.julia-trust-badge-text strong {
    font-size: 12px !important;
    color: #24201d !important;
}

.julia-trust-badge-text span {
    font-size: 11px !important;
    color: #78716c !important;
}

/* 10. Responsividade Mobile */
@media screen and (max-width: 960px) {
    .woocommerce-checkout .section_wrapper {
        padding-left: 14px !important;
        padding-right: 14px !important;
        width: 100% !important;
        box-sizing: border-box !important;
        margin: 0 auto !important;
    }

    .woocommerce-checkout form.checkout {
        display: flex !important;
        flex-direction: column !important;
        grid-template-columns: 1fr !important;
        gap: 24px !important;
    }

    .woocommerce-checkout #customer_details,
    .woocommerce-checkout #order_review {
        max-width: 100% !important;
        width: 100% !important;
        position: static !important;
    }

    .woocommerce-checkout .woocommerce-billing-fields,
    .woocommerce-checkout #order_review {
        padding: 20px 16px !important;
    }

    .woocommerce-checkout #billing_first_name_field,
    .woocommerce-checkout #billing_last_name_field,
    .woocommerce-checkout #billing_persontype_field,
    .woocommerce-checkout #billing_cpf_field,
    .woocommerce-checkout #billing_cnpj_field,
    .woocommerce-checkout #billing_email_field,
    .woocommerce-checkout #billing_phone_field,
    .woocommerce-checkout #billing_cellphone_field,
    .woocommerce-checkout #billing_postcode_field,
    .woocommerce-checkout #billing_address_1_field,
    .woocommerce-checkout #billing_number_field,
    .woocommerce-checkout #billing_address_2_field,
    .woocommerce-checkout #billing_neighborhood_field,
    .woocommerce-checkout #billing_city_field,
    .woocommerce-checkout #billing_state_field {
        width: 100% !important;
        float: none !important;
    }

    .julia-checkout-header-bar {
        flex-direction: column !important;
        align-items: stretch !important;
        padding: 12px 14px !important;
        gap: 10px !important;
    }

    .julia-checkout-header-steps {
        width: 100% !important;
        display: flex !important;
        justify-content: space-between !important;
        align-items: center !important;
        gap: 6px !important;
    }

    .julia-step-item {
        font-size: 11px !important;
        gap: 5px !important;
        white-space: nowrap !important;
    }

    .julia-step-item .step-num {
        width: 19px !important;
        height: 19px !important;
        font-size: 10px !important;
    }

    .julia-step-item .step-label {
        font-size: 11px !important;
    }

    .step-desktop-only {
        display: none !important;
    }

    .step-separator {
        width: 10px !important;
        flex-shrink: 1 !important;
    }

    .julia-checkout-ssl-notice {
        width: 100% !important;
        justify-content: center !important;
        font-size: 11.5px !important;
        padding: 6px 10px !important;
    }

    .julia-sum-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
    }

    .julia-delivery-summary {
        padding: 16px 18px !important;
    }

    .julia-section-header {
        flex-wrap: wrap !important;
        gap: 8px !important;
    }

    .julia-link-cep-help {
        margin-left: 0 !important;
        width: 100% !important;
        margin-top: 4px !important;
    }
}

/* ==========================================================================
   SIMULADOR DE FRETE LUXO - PÁGINA DE PRODUTO (MELHOR ENVIO & JULIA IMPORTADOS)
   ========================================================================== */

#woocommerce-correios-calculo-de-frete-na-pagina-do-produto.containerCalculator,
.julia-shipping-card {
    background: #ffffff !important;
    border: 1px solid #e7e0d3 !important;
    border-radius: 12px !important;
    padding: 18px 20px !important;
    margin: 22px 0 24px 0 !important;
    box-shadow: 0 4px 16px rgba(36, 32, 29, 0.03) !important;
    box-sizing: border-box !important;
    width: 100% !important;
    max-width: 100% !important;
    clear: both !important;
}

.julia-shipping-header {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    margin-bottom: 14px !important;
    gap: 8px !important;
}

.julia-shipping-title {
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    text-transform: uppercase !important;
    color: #24201d !important;
    white-space: nowrap !important;
}

.julia-shipping-icon {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}

.julia-shipping-link-cep {
    font-size: 12px !important;
    color: #b38e44 !important;
    text-decoration: underline !important;
    font-weight: 500 !important;
    transition: color 0.2s ease !important;
    white-space: nowrap !important;
}

.julia-shipping-link-cep:hover {
    color: #8c6a2b !important;
    text-decoration: underline !important;
}

.julia-shipping-form-row {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
}

.containerCalculator input[type="text"].julia-shipping-input,
.julia-shipping-input {
    flex: 1 !important;
    width: auto !important;
    height: 44px !important;
    border: 1.5px solid #dcd7ce !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #24201d !important;
    background: #ffffff !important;
    letter-spacing: 1px !important;
    outline: none !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    transition: border-color 0.2s ease, box-shadow 0.2s ease !important;
}

.julia-shipping-input:focus {
    border-color: #b38e44 !important;
    box-shadow: 0 0 0 3px rgba(179, 142, 68, 0.15) !important;
}

.julia-shipping-input::placeholder {
    color: #a8a29e !important;
    font-weight: 400 !important;
    letter-spacing: 0.5px !important;
}

.julia-shipping-btn {
    background: #24201d !important;
    color: #ffffff !important;
    border: none !important;
    border-radius: 8px !important;
    height: 44px !important;
    padding: 0 22px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    white-space: nowrap !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    transition: all 0.25s ease !important;
}

.julia-shipping-btn:hover {
    background: #b38e44 !important;
    transform: translateY(-1px) !important;
    box-shadow: 0 4px 12px rgba(179, 142, 68, 0.25) !important;
}

.julia-shipping-btn:disabled {
    opacity: 0.65 !important;
    cursor: not-allowed !important;
    transform: none !important;
    box-shadow: none !important;
}

.julia-shipping-error {
    font-size: 12px !important;
    color: #dc2626 !important;
    margin-top: 8px !important;
    font-weight: 600 !important;
    padding: 6px 10px !important;
    background: #fef2f2 !important;
    border: 1px solid #fee2e2 !important;
    border-radius: 6px !important;
}

.julia-shipping-loader {
    display: none !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;
    padding: 16px 0 8px 0 !important;
    color: #78716c !important;
    font-size: 13px !important;
    font-weight: 500 !important;
}

.julia-shipping-loader.is-loading {
    display: flex !important;
}

.julia-shipping-spinner {
    width: 20px !important;
    height: 20px !important;
    border: 2.5px solid #ede8df !important;
    border-top-color: #b38e44 !important;
    border-radius: 50% !important;
    animation: juliaSpin 0.75s linear infinite !important;
}

@keyframes juliaSpin {
    to { transform: rotate(360deg); }
}

.resultado-frete.tableResult,
.julia-shipping-results {
    display: none !important;
}

.resultado-frete.tableResult.is-visible,
.julia-shipping-results.is-visible {
    display: block !important;
}

.julia-shipping-destination {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 12.5px !important;
    color: #44403c !important;
    padding: 9px 12px !important;
    background: #faf8f5 !important;
    border-radius: 6px !important;
    margin: 14px 0 10px 0 !important;
    border: 1px solid #ede8df !important;
}

.julia-shipping-destination strong {
    color: #24201d !important;
}

.julia-shipping-table {
    width: 100% !important;
    border-collapse: separate !important;
    border-spacing: 0 6px !important;
    margin: 6px 0 0 0 !important;
    background: transparent !important;
}

.julia-shipping-item {
    background: #fcfbf9 !important;
    border: 1px solid #eee8dd !important;
    border-radius: 8px !important;
    transition: all 0.2s ease !important;
}

.julia-shipping-item:hover {
    background: #fdfbf7 !important;
    border-color: #dfba73 !important;
}

.julia-shipping-item td {
    padding: 10px 14px !important;
    vertical-align: middle !important;
    border: none !important;
}

.julia-shipping-col-info {
    text-align: left !important;
}

.julia-shipping-method-name {
    display: block !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    color: #24201d !important;
}

.julia-shipping-method-time {
    display: block !important;
    font-size: 11.5px !important;
    color: #78716c !important;
    font-weight: 500 !important;
    margin-top: 2px !important;
}

.julia-shipping-col-price {
    text-align: right !important;
    white-space: nowrap !important;
}

.julia-ship-price-val {
    font-size: 14.5px !important;
    font-weight: 700 !important;
    color: #b38e44 !important;
}

.julia-ship-badge-free {
    display: inline-block !important;
    background: #ecfdf5 !important;
    color: #059669 !important;
    border: 1px solid #a7f3d0 !important;
    border-radius: 4px !important;
    padding: 3px 8px !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

.julia-shipping-notice {
    font-size: 12.5px !important;
    color: #78716c !important;
    font-style: italic !important;
    padding: 8px 0 !important;
}

.julia-shipping-obs {
    font-size: 11.5px !important;
    color: #78716c !important;
    margin-top: 8px !important;
    padding: 6px 10px !important;
    background: #fdfbf7 !important;
    border-radius: 6px !important;
    border: 1px solid #f1ece4 !important;
}

/* Esconder elementos legados feios do plugin Melhor Envio */
#woocommerce-correios-calculo-de-frete-na-pagina-do-produto .col-25,
#woocommerce-correios-calculo-de-frete-na-pagina-do-produto .col-75,
#woocommerce-correios-calculo-de-frete-na-pagina-do-produto p:not(.julia-shipping-p) {
    margin: 0 !important;
    padding: 0 !important;
    width: 100% !important;
    float: none !important;
}

/* Responsividade Mobile */
@media screen and (max-width: 480px) {
    #woocommerce-correios-calculo-de-frete-na-pagina-do-produto.containerCalculator,
    .julia-shipping-card {
        padding: 14px 14px !important;
        margin: 18px 0 20px 0 !important;
    }
    .julia-shipping-title {
        font-size: 11.5px !important;
        gap: 6px !important;
    }
    .julia-shipping-link-cep {
        font-size: 11px !important;
    }
    .julia-shipping-form-row {
        gap: 6px !important;
    }
    .julia-shipping-btn {
        padding: 0 16px !important;
        font-size: 11px !important;
    }
    .containerCalculator input[type="text"].julia-shipping-input,
    .julia-shipping-input {
        font-size: 13.5px !important;
        padding: 0 10px !important;
    }
}

/* ==========================================================================
   JULIA IMPORTADOS - CARRINHO LUXURY & MÉTODOS DE PAGAMENTO
   ========================================================================== */

/* --- Base da página do carrinho --- */
.woocommerce-cart #Content {
    padding-top: 35px !important;
    padding-bottom: 60px !important;
    background: #fdfbf7 !important;
}

.woocommerce-cart #SubHeader,
.woocommerce-cart .breadcrumbs_wrapper,
.woocommerce-cart .section-post-header {
    display: none !important;
}

.woocommerce-cart .section_wrapper,
.woocommerce-cart .the_content_wrapper,
.woocommerce-cart #Content .woocommerce {
    box-sizing: border-box !important;
    max-width: 1200px !important;
    margin: 0 auto !important;
    width: 100% !important;
}

/* Título "Carrinho" */
.woocommerce-cart .woocommerce > h1,
.woocommerce-cart .entry-title,
.woocommerce-cart .cart-header-title {
    font-size: 26px !important;
    font-weight: 700 !important;
    color: #24201d !important;
    letter-spacing: 0.3px !important;
    margin: 0 0 24px 0 !important;
}

/* Mensagens do Woo dentro do carrinho */
.woocommerce-cart .woocommerce-message,
.woocommerce-cart .woocommerce-info {
    border-top: none !important;
    border: 1px solid #ede8df !important;
    border-left: 3px solid #b38e44 !important;
    background: #ffffff !important;
    border-radius: 10px !important;
    padding: 12px 18px !important;
    font-size: 13.5px !important;
    color: #44403c !important;
    box-shadow: 0 2px 10px rgba(36, 32, 29, 0.03) !important;
}
.woocommerce-cart .woocommerce-message a,
.woocommerce-cart .woocommerce-info a {
    color: #b38e44 !important;
    font-weight: 700 !important;
}

/* --- Tabela de itens como cards --- */
.woocommerce-cart table.shop_table.cart {
    border: none !important;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    width: 100% !important;
    background: #ffffff !important;
    border-radius: 14px !important;
    overflow: hidden !important;
    box-shadow: 0 2px 14px rgba(36, 32, 29, 0.05) !important;
    border: 1px solid #ede8df !important;
}

.woocommerce-cart table.shop_table.cart thead th {
    font-size: 11px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.8px !important;
    color: #78716c !important;
    background: #faf8f5 !important;
    border-bottom: 1px solid #ede8df !important;
    padding: 14px 18px !important;
}

.woocommerce-cart table.shop_table.cart tbody td {
    padding: 18px !important;
    border-bottom: 1px solid #f1ece4 !important;
    vertical-align: middle !important;
    background: transparent !important;
}

.woocommerce-cart table.shop_table.cart tbody tr.cart_item:last-of-type td {
    border-bottom: none !important;
}

/* Imagem do produto */
.woocommerce-cart td.product-thumbnail {
    width: 96px !important;
    min-width: 96px !important;
}
.woocommerce-cart td.product-thumbnail img {
    width: 84px !important;
    height: 84px !important;
    object-fit: cover !important;
    border-radius: 10px !important;
    border: 1px solid #ede8df !important;
    background: #faf8f5 !important;
}

/* Nome do produto */
.woocommerce-cart td.product-name {
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #24201d !important;
}
.woocommerce-cart td.product-name a {
    color: #24201d !important;
    font-weight: 600 !important;
    text-decoration: none !important;
}
.woocommerce-cart td.product-name a:hover {
    color: #b38e44 !important;
}

/* Preço e subtotal */
.woocommerce-cart td.product-price,
.woocommerce-cart td.product-subtotal {
    font-size: 14px !important;
    color: #44403c !important;
}
.woocommerce-cart td.product-subtotal {
    font-weight: 700 !important;
    color: #24201d !important;
}
.woocommerce-cart td.product-subtotal .amount,
.woocommerce-cart td.product-price .amount {
    font-weight: 700 !important;
}

/* Quantidade: botões +/- elegantes */
.woocommerce-cart td.product-quantity .quantity {
    display: inline-flex !important;
    align-items: center !important;
    border: 1.5px solid #ede8df !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    background: #fdfbf7 !important;
}
.woocommerce-cart td.product-quantity .quantity .qty {
    width: 44px !important;
    height: 38px !important;
    border: none !important;
    background: transparent !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    color: #24201d !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
    box-shadow: none !important;
    margin: 0 !important;
}
.woocommerce-cart td.product-quantity .quantity .qty::-webkit-outer-spin-button,
.woocommerce-cart td.product-quantity .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0 !important;
}
.woocommerce-cart td.product-quantity .quantity .quantity-change {
    width: 34px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #78716c !important;
    font-size: 14px !important;
    text-decoration: none !important;
    background: transparent !important;
    border: none !important;
    transition: all 0.2s ease !important;
}
.woocommerce-cart td.product-quantity .quantity .quantity-change:hover {
    color: #b38e44 !important;
    background: #f5f2eb !important;
}

/* Botão remover */
.woocommerce-cart td.product-remove {
    width: 46px !important;
    text-align: center !important;
}
.woocommerce-cart td.product-remove a.remove {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
    background: #faf8f5 !important;
    color: #a8a29e !important;
    font-size: 14px !important;
    line-height: 1 !important;
    border: 1px solid #ede8df !important;
    transition: all 0.2s ease !important;
}
.woocommerce-cart td.product-remove a.remove:hover {
    background: #fef2f2 !important;
    color: #dc2626 !important;
    border-color: #fecaca !important;
}

/* Linha de ações: cupom + atualizar */
.woocommerce-cart table.shop_table.cart td.actions {
    padding: 16px 18px !important;
    background: #faf8f5 !important;
    border-top: 1px solid #ede8df !important;
}
.woocommerce-cart .actions .coupon {
    display: inline-flex !important;
    align-items: center !important;
    gap: 10px !important;
    float: left !important;
}
.woocommerce-cart .actions .coupon label {
    display: none !important;
}
.woocommerce-cart .actions .coupon .input-text {
    height: 44px !important;
    border: 1.5px solid #ede8df !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 13px !important;
    background: #ffffff !important;
    color: #24201d !important;
    width: 180px !important;
    box-shadow: none !important;
}
.woocommerce-cart .actions .coupon .input-text:focus {
    border-color: #dfba73 !important;
    outline: none !important;
}
.woocommerce-cart .actions .coupon button.button {
    height: 44px !important;
    padding: 0 20px !important;
    background: transparent !important;
    border: 1.5px solid #b38e44 !important;
    color: #b38e44 !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    transition: all 0.2s ease !important;
}
.woocommerce-cart .actions .coupon button.button:hover {
    background: #b38e44 !important;
    color: #ffffff !important;
}
.woocommerce-cart .actions > button[name="update_cart"],
.woocommerce-cart .actions > .button[name="update_cart"] {
    height: 44px !important;
    padding: 0 22px !important;
    background: #f5f2eb !important;
    border: none !important;
    color: #57534e !important;
    border-radius: 8px !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: 0.6px !important;
    text-transform: uppercase !important;
    float: right !important;
    transition: all 0.2s ease !important;
}
.woocommerce-cart .actions > button[name="update_cart"]:hover {
    background: #ede8df !important;
    color: #24201d !important;
}
.woocommerce-cart .actions > button[name="update_cart"]:disabled {
    opacity: 0.5 !important;
}

/* --- Colaterais: caixa de totais --- */
.woocommerce-cart .cart-collaterals {
    margin-top: 28px !important;
    display: flex !important;
    justify-content: flex-end !important;
}
.woocommerce-cart .cart-collaterals .cart_totals {
    width: 420px !important;
    max-width: 100% !important;
    background: #ffffff !important;
    border: 1px solid #ede8df !important;
    border-radius: 14px !important;
    padding: 26px !important;
    box-shadow: 0 4px 18px rgba(36, 32, 29, 0.06) !important;
    float: none !important;
}
.woocommerce-cart .cart_totals h2 {
    font-size: 15px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 1px !important;
    color: #24201d !important;
    margin: 0 0 18px 0 !important;
    padding-bottom: 14px !important;
    border-bottom: 2px solid #24201d !important;
}
.woocommerce-cart .cart_totals table.shop_table {
    border: none !important;
    border-collapse: collapse !important;
    width: 100% !important;
    background: transparent !important;
    box-shadow: none !important;
}
.woocommerce-cart .cart_totals table.shop_table th,
.woocommerce-cart .cart_totals table.shop_table td {
    padding: 10px 0 !important;
    border: none !important;
    font-size: 14px !important;
    color: #44403c !important;
    background: transparent !important;
    vertical-align: top !important;
}
.woocommerce-cart .cart_totals table.shop_table td {
    text-align: right !important;
}
.woocommerce-cart .cart_totals .order-total th,
.woocommerce-cart .cart_totals .order-total td {
    border-top: 1px solid #ede8df !important;
    padding-top: 16px !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    color: #24201d !important;
}
.woocommerce-cart .cart_totals .order-total td .amount {
    color: #b38e44 !important;
    font-size: 22px !important;
    font-weight: 700 !important;
}

/* Métodos de envio dentro do carrinho */
.woocommerce-cart .cart_totals ul#shipping_method {
    margin: 6px 0 !important;
    padding: 0 !important;
    list-style: none !important;
}
.woocommerce-cart .cart_totals ul#shipping_method li {
    margin-bottom: 6px !important;
    font-size: 13.5px !important;
    text-align: right !important;
}
.woocommerce-cart .cart_totals ul#shipping_method li label {
    font-weight: 500 !important;
}
.woocommerce-cart .cart_totals .woocommerce-shipping-destination {
    font-size: 12.5px !important;
    color: #78716c !important;
    margin-top: 6px !important;
}
.woocommerce-cart .cart_totals a.woocommerce-shipping-calculator-button {
    color: #b38e44 !important;
    font-weight: 600 !important;
    font-size: 13px !important;
}

/* Botão "Continuar para finalização" */
.woocommerce-cart .wc-proceed-to-checkout {
    padding: 20px 0 0 0 !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button,
.woocommerce-cart .wc-proceed-to-checkout .button {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 52px !important;
    background: #24201d !important;
    color: #ffffff !important;
    font-size: 13.5px !important;
    font-weight: 700 !important;
    letter-spacing: 1.2px !important;
    text-transform: uppercase !important;
    border-radius: 8px !important;
    border: none !important;
    box-shadow: 0 4px 16px rgba(36, 32, 29, 0.2) !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}
.woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover,
.woocommerce-cart .wc-proceed-to-checkout .button:hover {
    background: #b38e44 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 20px rgba(179, 142, 68, 0.35) !important;
    color: #ffffff !important;
}

/* Carrinho vazio */
.woocommerce-cart .cart-empty.woocommerce-info {
    border: 1px dashed #dfba73 !important;
    border-left: 3px solid #b38e44 !important;
    background: #fffdf9 !important;
    font-size: 15px !important;
    padding: 20px 24px !important;
}
.woocommerce-cart .return-to-shop a.button,
.woocommerce-cart .wc-backward {
    display: inline-flex !important;
    align-items: center !important;
    height: 48px !important;
    padding: 0 28px !important;
    background: #24201d !important;
    color: #ffffff !important;
    border-radius: 8px !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    text-transform: uppercase !important;
    transition: all 0.25s ease !important;
    text-decoration: none !important;
}
.woocommerce-cart .return-to-shop a.button:hover {
    background: #b38e44 !important;
}

/* --- Métodos de pagamento: cards selecionáveis --- */
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method {
    position: relative !important;
    cursor: pointer !important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label {
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #44403c !important;
    cursor: pointer !important;
    padding: 4px 2px !important;
    margin: 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > input[type="radio"] {
    accent-color: #b38e44 !important;
    width: 17px !important;
    height: 17px !important;
    margin: 0 2px 0 0 !important;
    cursor: pointer !important;
    flex-shrink: 0 !important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method:has(> input[type="radio"]:checked) {
    border-color: #b38e44 !important;
    background: #fffdf9 !important;
    box-shadow: 0 3px 12px rgba(179, 142, 68, 0.12) !important;
}
.woocommerce-checkout #payment ul.payment_methods li.wc_payment_method > label img {
    max-height: 22px !important;
    width: auto !important;
    margin-left: auto !important;
}

/* Logo Pix gigante e imagens dentro das caixas */
.woocommerce-checkout #payment div.payment_box img.logo,
.woocommerce-checkout #payment div.payment_box img {
    max-width: 90px !important;
    max-height: 40px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
    margin: 10px 0 4px 0 !important;
}
.woocommerce-checkout #payment div.payment_box p {
    font-size: 13.5px !important;
    line-height: 1.6 !important;
    color: #57534e !important;
    margin: 0 0 10px 0 !important;
}
.woocommerce-checkout #payment div.payment_box fieldset {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
}
.woocommerce-checkout #payment div.payment_box .form-row {
    margin-bottom: 12px !important;
}
.woocommerce-checkout #payment div.payment_box .form-row label {
    font-size: 12px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.4px !important;
    color: #78716c !important;
    margin-bottom: 5px !important;
    display: block !important;
}
.woocommerce-checkout #payment div.payment_box .form-row .input-text,
.woocommerce-checkout #payment div.payment_box .form-row select {
    height: 44px !important;
    border: 1.5px solid #ede8df !important;
    border-radius: 8px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
    background: #fdfbf7 !important;
    color: #24201d !important;
    width: 100% !important;
    box-sizing: border-box !important;
    box-shadow: none !important;
}
.woocommerce-checkout #payment div.payment_box .form-row .input-text:focus,
.woocommerce-checkout #payment div.payment_box .form-row select:focus {
    border-color: #dfba73 !important;
    outline: none !important;
}
.woocommerce-checkout #payment div.payment_box .pagarme-save-card {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    font-size: 13px !important;
    text-transform: none !important;
    letter-spacing: 0 !important;
    color: #44403c !important;
    font-weight: 500 !important;
}
.woocommerce-checkout #payment div.payment_box .pagarme-save-card input[type="checkbox"] {
    accent-color: #b38e44 !important;
    width: 16px !important;
    height: 16px !important;
}

/* Erros do Pagar.me */
#wcmp-checkout-errors .woocommerce-error {
    border: 1px solid #fecaca !important;
    border-left: 3px solid #dc2626 !important;
    background: #fef2f2 !important;
    border-radius: 8px !important;
    color: #991b1b !important;
    font-size: 13px !important;
    padding: 10px 14px !important;
    margin: 0 0 12px 0 !important;
    list-style: none !important;
}
#wcmp-checkout-errors .woocommerce-error:empty {
    display: none !important;
}

/* --- Responsivo do carrinho --- */
@media screen and (max-width: 768px) {
    .woocommerce-cart table.shop_table.cart thead {
        display: none !important;
    }
    .woocommerce-cart table.shop_table.cart tbody tr.cart_item {
        display: grid !important;
        grid-template-columns: 72px minmax(0, 1fr) auto !important;
        grid-template-areas:
            "img name rm"
            "img price rm"
            "qty qty sub" !important;
        column-gap: 14px !important;
        row-gap: 8px !important;
        align-items: center !important;
        padding: 16px !important;
        border-bottom: 1px solid #f1ece4 !important;
    }
    .woocommerce-cart table.shop_table.cart tbody tr.cart_item td {
        padding: 0 !important;
        border: none !important;
        display: block !important;
    }
    .woocommerce-cart td.product-thumbnail {
        grid-area: img !important;
        width: 72px !important;
        min-width: 72px !important;
    }
    .woocommerce-cart td.product-thumbnail img {
        width: 72px !important;
        height: 72px !important;
    }
    .woocommerce-cart td.product-name {
        grid-area: name !important;
        font-size: 14px !important;
        line-height: 1.35 !important;
        word-break: break-word !important;
    }
    .woocommerce-cart td.product-remove {
        grid-area: rm !important;
        width: auto !important;
        text-align: right !important;
    }
    .woocommerce-cart td.product-price {
        grid-area: price !important;
        font-size: 13px !important;
        color: #78716c !important;
    }
    .woocommerce-cart td.product-quantity {
        grid-area: qty !important;
        margin-top: 4px !important;
    }
    .woocommerce-cart td.product-subtotal {
        grid-area: sub !important;
        margin-top: 4px !important;
        font-size: 15px !important;
        text-align: right !important;
        align-self: center !important;
    }
    .woocommerce-cart td.product-name::before,
    .woocommerce-cart td.product-price::before,
    .woocommerce-cart td.product-quantity::before,
    .woocommerce-cart td.product-subtotal::before {
        display: none !important;
    }
    .woocommerce-cart table.shop_table.cart td.actions {
        display: flex !important;
        flex-direction: column !important;
        gap: 12px !important;
    }
    .woocommerce-cart .actions .coupon {
        float: none !important;
        width: 100% !important;
    }
    .woocommerce-cart .actions .coupon .input-text {
        flex: 1 !important;
        width: auto !important;
    }
    .woocommerce-cart .actions > button[name="update_cart"],
    .woocommerce-cart .actions > .button[name="update_cart"] {
        float: none !important;
        width: 100% !important;
    }
    .woocommerce-cart .cart-collaterals {
        justify-content: stretch !important;
    }
    .woocommerce-cart .cart-collaterals .cart_totals {
        width: 100% !important;
    }
}

/* ==========================================================================
   AJUSTES FINOS MOBILE - STEPPER, WHATSAPP, REVISÃO DE PEDIDO
   ========================================================================== */
@media screen and (max-width: 480px) {
    /* Stepper compacto e centralizado */
    .julia-checkout-header-bar {
        padding: 12px 12px !important;
        gap: 8px !important;
    }
    .julia-checkout-header-steps {
        justify-content: center !important;
        gap: 4px !important;
    }
    .julia-step-item {
        font-size: 10.5px !important;
        gap: 4px !important;
    }
    .julia-step-item .step-num {
        width: 18px !important;
        height: 18px !important;
        font-size: 9.5px !important;
    }
    .julia-step-item .step-label {
        font-size: 10.5px !important;
        letter-spacing: 0 !important;
    }
    .step-separator {
        width: 8px !important;
        min-width: 8px !important;
    }
    .julia-checkout-ssl-notice {
        font-size: 11px !important;
        padding: 5px 10px !important;
    }

    /* WhatsApp menor e sem cobrir conteúdo */
    .julia-whatsapp-floating {
        bottom: 16px !important;
        right: 14px !important;
    }
    .julia-whatsapp-icon-circle {
        width: 46px !important;
        height: 46px !important;
    }
    .julia-whatsapp-icon-circle svg {
        width: 23px !important;
        height: 23px !important;
    }
    /* respiro pra o botão flutuante nunca cobrir CTAs finais */
    .woocommerce-cart .cart-collaterals,
    .woocommerce-checkout .julia-checkout-trust-badges {
        margin-bottom: 70px !important;
    }

    /* Revisão do pedido: nome não aperta thumbnail */
    .woocommerce-checkout .julia-checkout-product-item {
        gap: 10px !important;
    }
    .woocommerce-checkout .julia-checkout-product-img img {
        width: 44px !important;
        height: 44px !important;
    }
    .woocommerce-checkout .julia-checkout-product-info {
        font-size: 12.5px !important;
        line-height: 1.4 !important;
        word-break: break-word !important;
    }

    /* Lista de fretes na revisão: texto não corta */
    .woocommerce-checkout #order_review ul#shipping_method li {
        font-size: 12.5px !important;
        line-height: 1.45 !important;
    }
    .woocommerce-checkout #order_review ul#shipping_method li label {
        display: inline !important;
        max-width: none !important;
    }
}

/* ============================================================
   PAGINA DE PRODUTO - ABAS EXTRAS, FICHA TECNICA E CONFIANCA
   ============================================================ */

/* Conteudo das abas extras (Entrega / Garantia) */
.julia-tab-info {
    max-width: 920px;
    margin: 0 auto;
    padding: 30px 0 10px;
}

.julia-tab-info-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px;
}

.julia-tab-info-item {
    display: flex;
    gap: 16px;
    align-items: flex-start;
    background: #ffffff;
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    padding: 22px 24px;
    transition: box-shadow .2s ease, border-color .2s ease;
}

.julia-tab-info-item:hover {
    border-color: #C5A059;
    box-shadow: 0 6px 20px rgba(0,0,0,.05);
}

.julia-tab-info-icon {
    flex: 0 0 46px;
    width: 46px;
    height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #faf7f0;
    border: 1px solid #efe7d5;
    border-radius: 12px;
}

.julia-tab-info-item strong {
    display: block;
    font-size: 14.5px;
    font-weight: 800;
    color: #1e293b;
    margin-bottom: 5px;
    letter-spacing: .1px;
}

.julia-tab-info-item p {
    margin: 0 !important;
    font-size: 13.5px;
    line-height: 1.65;
    color: #64748b;
}

/* Painel das abas nao-descricao com o mesmo cartao da descricao */
.product_tabs_wrapper .tab.tab-additional_information,
.product_tabs_wrapper .tab.tab-julia_entrega,
.product_tabs_wrapper .tab.tab-julia_garantia,
.product_tabs_wrapper .tab.tab-reviews {
    background: #ffffff !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 0 16px 16px 16px !important;
    padding: 34px 40px !important;
    box-shadow: 0 4px 24px rgba(0,0,0,.03) !important;
}

/* Ficha tecnica premium (Informacao adicional) */
.product_tabs_wrapper table.shop_attributes {
    width: 100% !important;
    max-width: 920px;
    margin: 0 auto !important;
    border: 1px solid #e8e4dc !important;
    border-radius: 14px !important;
    overflow: hidden;
    border-collapse: separate !important;
    border-spacing: 0 !important;
    background: #ffffff;
}

.product_tabs_wrapper table.shop_attributes tr {
    border: none !important;
}

.product_tabs_wrapper table.shop_attributes tr:nth-child(odd) {
    background: #faf8f4 !important;
}

.product_tabs_wrapper table.shop_attributes th {
    width: 34% !important;
    padding: 15px 22px !important;
    font-size: 12.5px !important;
    font-weight: 800 !important;
    text-transform: uppercase !important;
    letter-spacing: .8px !important;
    color: #94a3b8 !important;
    border: none !important;
    border-bottom: 1px solid #f0ede6 !important;
    vertical-align: middle;
    background: transparent !important;
}

.product_tabs_wrapper table.shop_attributes td {
    padding: 15px 22px !important;
    font-size: 14.5px !important;
    font-weight: 600 !important;
    color: #1e293b !important;
    border: none !important;
    border-bottom: 1px solid #f0ede6 !important;
    background: transparent !important;
}

.product_tabs_wrapper table.shop_attributes tr:last-child th,
.product_tabs_wrapper table.shop_attributes tr:last-child td {
    border-bottom: none !important;
}

.product_tabs_wrapper table.shop_attributes td a {
    color: #b38e44 !important;
    font-weight: 700 !important;
}

/* Faixa "Por que comprar na Julia" */
.julia-product-trust {
    max-width: 1140px;
    margin: 56px auto 10px;
    padding: 0 20px;
}

.julia-product-trust-title {
    font-size: 22px;
    font-weight: 800;
    color: #1e293b;
    margin: 0 0 24px;
    padding-bottom: 10px;
    position: relative;
    text-align: left;
}

.julia-product-trust-title::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 60px;
    height: 3px;
    background: #C5A059;
    border-radius: 2px;
}

.julia-product-trust-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 18px;
}

.julia-pt-item {
    background: linear-gradient(180deg, #ffffff 0%, #fbf9f5 100%);
    border: 1px solid #e8e4dc;
    border-radius: 14px;
    padding: 24px 18px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 7px;
    transition: transform .2s ease, box-shadow .2s ease;
}

.julia-pt-item:hover {
    transform: translateY(-3px);
    box-shadow: 0 10px 26px rgba(0,0,0,.07);
}

.julia-pt-item svg {
    margin-bottom: 4px;
}

.julia-pt-item strong {
    font-size: 14px;
    font-weight: 800;
    color: #1e293b;
}

.julia-pt-item span {
    font-size: 12.5px;
    color: #64748b;
    line-height: 1.5;
}

/* Mobile: abas com scroll horizontal + grids empilhados */
@media (max-width: 768px) {
    .product_tabs_wrapper .fake-tabs-nav,
    .woocommerce-tabs ul.tabs {
        overflow-x: auto !important;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap !important;
        scrollbar-width: none;
    }
    .product_tabs_wrapper .fake-tabs-nav::-webkit-scrollbar,
    .woocommerce-tabs ul.tabs::-webkit-scrollbar {
        display: none;
    }
    .product_tabs_wrapper .fake-tabs-nav li a,
    .woocommerce-tabs ul.tabs li a {
        white-space: nowrap !important;
        padding: 11px 16px !important;
        font-size: 12.5px !important;
    }
    .product_tabs_wrapper .tab.tab-additional_information,
    .product_tabs_wrapper .tab.tab-julia_entrega,
    .product_tabs_wrapper .tab.tab-julia_garantia,
    .product_tabs_wrapper .tab.tab-reviews {
        padding: 22px 14px !important;
    }
    .julia-tab-info-grid {
        grid-template-columns: 1fr;
        gap: 14px;
    }
    .julia-tab-info-item {
        padding: 18px;
    }
    .julia-product-trust-grid {
        grid-template-columns: 1fr 1fr;
        gap: 12px;
    }
    .julia-pt-item {
        padding: 18px 12px;
    }
    .product_tabs_wrapper table.shop_attributes th {
        width: 40% !important;
        padding: 12px 14px !important;
    }
    .product_tabs_wrapper table.shop_attributes td {
        padding: 12px 14px !important;
        font-size: 13.5px !important;
    }
}


/* Tabs mobile: rotulos curtos devem caber sem scroll */
@media (max-width: 768px) {
    .product_tabs_wrapper .fake-tabs-nav li a,
    .woocommerce-tabs ul.tabs li a {
        padding: 11px 12px !important;
        font-size: 12px !important;
    }
}

/* ==========================================================================
   PAGAR.ME - TELA DE OBRIGADO / QR CODE PIX (identidade Julia)
   (seletores com a mesma cadeia do plugin para vencer a especificidade)
   ========================================================================== */
.woocommerce-order .woocommerce-message .pagarme-response,
.woocommerce-order .woocommerce-info .pagarme-response,
.pagarme-response {
    font-family: inherit;
}
.woocommerce-order .woocommerce-message .pagarme-response .title,
.pagarme-response .title {
    font-size: 20px;
    font-weight: 700;
    color: #24201d;
    letter-spacing: .3px;
    margin: 0 0 18px;
    padding-bottom: 14px;
    border-bottom: 2px solid #C5A059;
    display: inline-block;
}
.woocommerce-order .woocommerce-message .pagarme-response p,
.pagarme-response p {
    color: #4a5568;
    font-size: 14.5px;
    line-height: 1.6;
}
/* QR Code: tamanho contido (a imagem nativa tem 250px; plugin/Woo forcava 100%) */
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-img,
.woocommerce img.pagarme-qr-code-img,
img.pagarme-qr-code-img {
    display: block !important;
    margin: 18px auto 8px !important;
    padding: 14px;
    background: #fff;
    border: 1px solid #e8e2d6;
    border-radius: 14px;
    box-shadow: 0 6px 24px rgba(36,32,29,.10);
    width: auto !important;
    max-width: 230px !important;
    height: auto !important;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-payment-button,
.pagarme-payment-button,
#pagarme-qr-code-button {
    display: block !important;
    margin: 16px auto 26px !important;
    background: linear-gradient(135deg, #C5A059 0%, #a9853f 100%);
    color: #fff !important;
    border: none;
    border-radius: 999px;
    padding: 14px 34px;
    font-size: 15px;
    font-weight: 700;
    letter-spacing: .4px;
    cursor: pointer;
    box-shadow: 0 6px 18px rgba(197,160,89,.4);
    transition: transform .15s ease, box-shadow .15s ease;
}
.pagarme-payment-button:hover,
#pagarme-qr-code-button:hover {
    transform: translateY(-2px);
    box-shadow: 0 10px 26px rgba(197,160,89,.5);
}
/* container dos passos: vira grid */
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-flex-container,
.pagarme-flex-container {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 12px !important;
    margin: 8px 0 20px !important;
    padding: 0 !important;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-flex-container > * {
    width: auto !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    flex-shrink: 1 !important;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-instruction > p,
.pagarme-qr-code-instruction > p {
    display: block !important;
    height: 100%;
    background: #f7f4ee !important;
    border: 1px solid #ece5d5 !important;
    border-radius: 12px !important;
    padding: 16px 14px !important;
    box-shadow: none !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
    color: #3d4756 !important;
    margin: 0 !important;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-instruction > p > span,
.pagarme-qr-code-instruction > p > span {
    display: block !important;
    height: auto !important;
    font-size: 20px !important;
    font-weight: 800 !important;
    color: #C5A059 !important;
    margin-bottom: 6px !important;
    line-height: 1.2 !important;
}
/* faixa de atencao (copia e cola) */
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-attention,
.pagarme-qr-code-attention {
    grid-column: 1 / -1;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-attention > p,
.pagarme-qr-code-attention > p {
    background: #fdf8ec !important;
    border: 1px solid #e6d3a3 !important;
    display: flex !important;
    align-items: center;
    gap: 10px;
    font-size: 13.5px !important;
    color: #7a6527 !important;
}
.woocommerce-order .woocommerce-message .pagarme-response .pagarme-qr-code-attention > p > span,
.pagarme-qr-code-attention > p > span {
    display: inline !important;
    font-size: inherit !important;
    color: inherit !important;
    margin: 0 !important;
}
.pagarme-attention-icon {
    width: 20px;
    height: 20px;
}
@media (max-width: 768px) {
    .woocommerce-order .woocommerce-message .pagarme-response .pagarme-flex-container,
    .pagarme-flex-container {
        grid-template-columns: 1fr 1fr !important;
        gap: 10px !important;
    }
    img.pagarme-qr-code-img {
        max-width: 200px !important;
    }
    .pagarme-payment-button,
    #pagarme-qr-code-button {
        width: 100%;
        padding: 15px 20px;
    }
}
@media (max-width: 420px) {
    .woocommerce-order .woocommerce-message .pagarme-response .pagarme-flex-container,
    .pagarme-flex-container {
        grid-template-columns: 1fr !important;
    }
}


/* ==========================================================================
   ORDER-RECEIVED: pagina unificada (detalhes + endereco + pagamento)
   ========================================================================== */
.woocommerce-order {
    max-width: 860px;
    margin: 0 auto;
}
/* faixa de resumo do pedido (numero/data/total/metodo) */
.woocommerce-order .woocommerce-order-overview {
    display: flex !important;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0;
    background: #fff;
    border: 1px solid #e8e2d6;
    border-radius: 14px;
    padding: 18px 10px;
    margin: 0 0 22px !important;
    list-style: none !important;
    box-shadow: 0 4px 18px rgba(36,32,29,.06);
}
.woocommerce-order .woocommerce-order-overview li {
    flex: 1 1 140px;
    text-align: center;
    padding: 6px 14px;
    border-right: 1px solid #ece5d5;
    font-size: 12px !important;
    text-transform: uppercase;
    letter-spacing: .5px;
    color: #8a94a6 !important;
}
.woocommerce-order .woocommerce-order-overview li:last-child {
    border-right: none;
}
.woocommerce-order .woocommerce-order-overview li strong {
    display: block;
    font-size: 15px;
    color: #24201d;
    margin-top: 4px;
    text-transform: none;
    letter-spacing: 0;
}
/* bloco de pagamento (pagarme) integrado ao mesmo card system */
.woocommerce-order .woocommerce-message,
.woocommerce-order .woocommerce-info {
    background: #fbf9f4 !important;
    border: 1px solid #e8e2d6 !important;
    border-radius: 14px !important;
    padding: 26px 24px !important;
    color: #4a5568 !important;
    margin-bottom: 22px !important;
    box-shadow: 0 4px 18px rgba(36,32,29,.06);
}
.woocommerce-order .woocommerce-message::before,
.woocommerce-order .woocommerce-info::before {
    display: none !important;
}
/* titulos das secoes com assinatura da marca */
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-customer-details h2,
.woocommerce-order .woocommerce-column__title,
.woocommerce-order h2,
.woocommerce-order h3 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #24201d !important;
    letter-spacing: .3px;
    margin: 0 0 14px !important;
    padding-bottom: 10px;
    border-bottom: 2px solid #C5A059;
    display: inline-block;
}
/* tabela de detalhes: mesmo sistema de ficha da pagina de produto */
.woocommerce-order .woocommerce-order-details {
    background: #fff;
    border: 1px solid #e8e2d6;
    border-radius: 14px;
    padding: 22px 24px;
    margin-bottom: 22px;
    box-shadow: 0 4px 18px rgba(36,32,29,.06);
}
.woocommerce-order table.order_details {
    border: none !important;
    border-radius: 0 !important;
    margin: 0 !important;
}
.woocommerce-order table.order_details th,
.woocommerce-order table.order_details td {
    border: none !important;
    border-bottom: 1px solid #f0ebe0 !important;
    padding: 12px 6px !important;
    font-size: 14px !important;
    color: #3d4756 !important;
    background: transparent !important;
}
.woocommerce-order table.order_details thead th {
    font-size: 11.5px !important;
    text-transform: uppercase;
    letter-spacing: .6px;
    color: #8a94a6 !important;
    border-bottom: 2px solid #e8e2d6 !important;
}
.woocommerce-order table.order_details tfoot th {
    color: #24201d !important;
    font-weight: 600 !important;
}
.woocommerce-order table.order_details tfoot tr:last-child th,
.woocommerce-order table.order_details tfoot tr:last-child td {
    font-size: 16px !important;
    font-weight: 800 !important;
    color: #24201d !important;
    border-bottom: none !important;
}
/* endereco de cobranca: card no mesmo idioma visual */
.woocommerce-order .woocommerce-customer-details {
    background: #fff;
    border: 1px solid #e8e2d6;
    border-radius: 14px;
    padding: 22px 24px;
    box-shadow: 0 4px 18px rgba(36,32,29,.06);
}
.woocommerce-order .woocommerce-customer-details address {
    border: none !important;
    background: #fbf9f4;
    border-radius: 10px;
    padding: 16px 18px !important;
    font-style: normal;
    font-size: 14px;
    line-height: 1.7;
    color: #4a5568;
}
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title {
    display: inline-block;
}
@media (max-width: 640px) {
    .woocommerce-order .woocommerce-order-overview {
        padding: 12px 6px;
    }
    .woocommerce-order .woocommerce-order-overview li {
        flex: 1 1 45%;
        padding: 10px 8px;
        border-right: none;
        border-bottom: 1px solid #ece5d5;
    }
    .woocommerce-order .woocommerce-order-overview li:nth-child(even),
    .woocommerce-order .woocommerce-order-overview li:last-child {
        border-bottom: none;
    }
    .woocommerce-order .woocommerce-order-overview li:nth-child(odd) {
        border-right: 1px solid #ece5d5;
    }
    .woocommerce-order .woocommerce-message,
    .woocommerce-order .woocommerce-info,
    .woocommerce-order .woocommerce-order-details,
    .woocommerce-order .woocommerce-customer-details {
        padding: 18px 16px !important;
        border-radius: 12px;
    }
}

/* endereco: titulo acima do card, sem coluna lateral (cobre col2-set, u-columns e colunas do tema) */
.woocommerce-order .woocommerce-customer-details,
.woocommerce-order .woocommerce-customer-details .woocommerce-columns,
.woocommerce-order .woocommerce-customer-details .u-columns {
    display: flex !important;
    flex-direction: column !important;
}
.woocommerce-order .woocommerce-customer-details .woocommerce-column,
.woocommerce-order .woocommerce-customer-details [class*="u-column"],
.woocommerce-order .woocommerce-customer-details .col-1,
.woocommerce-order .woocommerce-customer-details .col-2,
.woocommerce-order .woocommerce-customer-details [class*="mcb-column"] {
    width: 100% !important;
    max-width: 100% !important;
    float: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
}
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-order .woocommerce-customer-details h2,
.woocommerce-order .woocommerce-customer-details h3 {
    display: inline-block !important;
    margin: 0 0 14px !important;
    order: -1;
}

/* padronizacao: titulo identico nas duas secoes + remove icone do endereco */
.woocommerce-order .woocommerce-order-details__title,
.woocommerce-order .woocommerce-order-details h2,
.woocommerce-order .woocommerce-order-details h3,
.woocommerce-order .woocommerce-customer-details .woocommerce-column__title,
.woocommerce-order .woocommerce-customer-details h2,
.woocommerce-order .woocommerce-customer-details h3 {
    font-size: 17px !important;
    font-weight: 700 !important;
    color: #24201d !important;
    letter-spacing: .3px !important;
    margin: 0 0 14px !important;
    padding-bottom: 10px !important;
    border-bottom: 2px solid #C5A059 !important;
    display: inline-block !important;
    width: auto !important;
    float: none !important;
}
/* remove o icone de endereco que sobrepoe o texto */
.woocommerce-order .woocommerce-customer-details address::before,
.woocommerce-order .woocommerce-customer-details address::after {
    display: none !important;
    content: none !important;
}
.woocommerce-order .woocommerce-customer-details address {
    padding: 16px 18px !important;
    padding-left: 18px !important;
}