/**
 * KADOCHE - Mobile Product Page
 * =============================
 * CSS estruturado para página de produto mobile
 * Baseado em UX patterns de e-commerce (Zattini)
 *
 * @version 3.3.0
 */

@media (max-width: 768px) {

/* ==========================================================================
   1. RESET & BASE
   ========================================================================== */

body.single-product {
    overflow-x: hidden !important;
}

body.single-product div.product {
    margin: 0 !important;
    padding: 0 !important;
}

body.single-product .product-single-layout {
    display: block !important;
    padding: 0 !important;
}

/* Container da página de produto - remover padding para galeria full-width */
body.single-product .product-single-section {
    padding: 0 !important;
}

body.single-product .product-single-section > .container {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin: 0 !important;
}

/* Breadcrumb com padding */
body.single-product .breadcrumb-nav {
    padding: 8px 16px !important;
}

body.single-product .breadcrumb-nav .container {
    padding: 0 !important;
}

/* Remover scroll horizontal */
html,
body.single-product {
    overflow-x: hidden !important;
}

/* ==========================================================================
   2. GALERIA DE IMAGENS - Seletores fortes
   ========================================================================== */

/* Container da galeria */
body.single-product .product-gallery-column {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
}

.woocommerce div.product div.images.woocommerce-product-gallery,
body.single-product .woocommerce-product-gallery,
body.single-product div.product div.images {
    display: flex !important;
    flex-direction: column !important;
    width: 100% !important;
    max-width: 100% !important;
    opacity: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    float: none !important;
    overflow: hidden !important;
}

/* Flex Viewport - Imagem Principal */
.woocommerce div.product div.images .flex-viewport,
body.single-product .woocommerce-product-gallery .flex-viewport,
body.single-product .flex-viewport {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    order: 1 !important;
    opacity: 1 !important;
    overflow: hidden !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Wrapper da imagem */
.woocommerce div.product div.images .woocommerce-product-gallery__wrapper,
body.single-product .woocommerce-product-gallery__wrapper {
    width: 100% !important;
    flex: none !important;
    transform: none !important;
}

/* Container da imagem */
.woocommerce div.product div.images .woocommerce-product-gallery__image,
body.single-product .woocommerce-product-gallery__image {
    width: 100% !important;
    opacity: 1 !important;
    visibility: visible !important;
}

/* Imagem em si */
.woocommerce div.product div.images .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery__image img,
body.single-product .woocommerce-product-gallery .flex-viewport img {
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: unset !important;
    max-height: 70vh !important;
    object-fit: contain !important;
    display: block !important;
}

/* Thumbnails - Scroll horizontal ABAIXO da imagem */
.woocommerce div.product div.images .flex-control-thumbs,
body.single-product .woocommerce-product-gallery .flex-control-thumbs,
body.single-product .flex-control-thumbs {
    order: 2 !important;
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 12px !important;
    padding: 10px 16px !important;
    margin: 0 !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    background: #fff !important;
    list-style: none !important;
    width: 100% !important;
    position: relative !important;
    flex: none !important;
    height: auto !important;
    box-sizing: border-box !important;
}

.woocommerce div.product div.images .flex-control-thumbs::-webkit-scrollbar,
body.single-product .flex-control-thumbs::-webkit-scrollbar {
    display: none !important;
}

.woocommerce div.product div.images .flex-control-thumbs li,
body.single-product .woocommerce-product-gallery .flex-control-thumbs li,
body.single-product .flex-control-thumbs li {
    flex: 0 0 84px !important;
    width: 84px !important;
    height: 84px !important;
    min-width: 84px !important;
    max-width: 84px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 2px solid #e8e8e8 !important;
    border-radius: 8px !important;
    overflow: hidden !important;
    opacity: 0.8 !important;
    transition: all 0.2s ease !important;
    float: none !important;
    display: block !important;
}

.woocommerce div.product div.images .flex-control-thumbs li.flex-active,
.woocommerce div.product div.images .flex-control-thumbs li:hover,
body.single-product .flex-control-thumbs li.flex-active,
body.single-product .flex-control-thumbs li:hover {
    border: 2px solid #333 !important;
    opacity: 1 !important;
}

.woocommerce div.product div.images .flex-control-thumbs li img,
body.single-product .flex-control-thumbs li img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    display: block !important;
}

/* Esconder navegação setas */
.woocommerce div.product div.images .flex-direction-nav,
body.single-product .flex-direction-nav {
    display: none !important;
}

/* ==========================================================================
   3. INFORMAÇÕES DO PRODUTO
   ========================================================================== */

body.single-product .product-info-column,
body.single-product .summary.entry-summary {
    padding: 0 16px 16px 16px !important;
    width: 100% !important;
    box-sizing: border-box !important;
    float: none !important;
}

/* Título */
body.single-product .product_title,
body.single-product h1.product_title {
    font-size: 20px !important;
    font-weight: 600 !important;
    color: #222 !important;
    margin: 0 0 6px 0 !important;
    line-height: 1.25 !important;
}

/* Descrição curta */
body.single-product .woocommerce-product-details__short-description {
    font-size: 14px !important;
    color: #555 !important;
    margin: 0 0 8px 0 !important;
    line-height: 1.4 !important;
}

/* ==========================================================================
   4. VARIAÇÕES (Cor e Tamanho)
   ========================================================================== */

body.single-product table.variations {
    width: 100% !important;
    border: none !important;
    border-collapse: collapse !important;
}

body.single-product table.variations tr {
    display: block !important;
    margin-bottom: 12px !important;
}

body.single-product table.variations td {
    display: block !important;
    padding: 0 !important;
    width: 100% !important;
}

body.single-product table.variations td.label {
    margin-bottom: 10px !important;
}

/* Labels COR/TAMANHO - Design System VIX (Página 6) */
body.single-product table.variations td.label label,
.woocommerce div.product table.variations td.label label,
body.single-product .variations td.label label,
.single-product table.variations td.label label {
    font-family: 'Montserrat', 'Helvetica Neue', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    color: #9B9590 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.15em !important;
    margin-bottom: 8px !important;
    display: block !important;
}

/* Esconder select e reset */
body.single-product table.variations select {
    display: none !important;
}

body.single-product .reset_variations {
    display: none !important;
}

/* Swatches de Cor - Círculos maiores - ESTILO ZATTINI */
body.single-product .variation-radios.variation-color,
.woocommerce div.product .variation-radios.variation-color {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

/* Swatches de Cor - Design System VIX */
body.single-product .variation-radios.variation-color label,
.woocommerce div.product .variation-radios.variation-color label,
.single-product .variation-radios.variation-color label,
table.variations .variation-radios.variation-color label,
.woocommerce table.variations .variation-radios.variation-color label,
body.single-product table.variations .variation-radios.variation-color label {
    width: 52px !important;
    height: 52px !important;
    min-width: 52px !important;
    max-width: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    border-radius: 8px !important;
    border: 1px solid #9B9590 !important;
    overflow: hidden !important;
    cursor: pointer !important;
    padding: 3px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    background: #F8F6F3 !important;
    transition: all 0.2s ease !important;
}

/* Cor Selecionada - KADOCHE Gold #C9A961 */
body.single-product .variation-radios.variation-color input:checked + label,
.woocommerce div.product .variation-radios.variation-color input:checked + label,
table.variations .variation-radios.variation-color input:checked + label,
body.single-product table.variations .variation-radios.variation-color input:checked + label {
    border-color: #C9A961 !important;
    border-width: 2px !important;
    box-shadow: 0 0 0 1px #C9A961 !important;
}

body.single-product .variation-radios.variation-color label img,
.woocommerce div.product .variation-radios.variation-color label img,
table.variations .variation-radios.variation-color label img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    border-radius: 4px !important;
}

/* Swatches de Tamanho - Grid 4 colunas - ESTILO ZATTINI */
body.single-product .variation-radios.variation-size,
.woocommerce div.product .variation-radios.variation-size,
.single-product .variation-radios.variation-size,
table.variations .variation-radios.variation-size,
.woocommerce table.variations .variation-radios.variation-size {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr) !important;
    gap: 8px !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 0 !important;
}

/* Swatches de Tamanho - Design System VIX */
body.single-product .variation-radios.variation-size label,
.woocommerce div.product .variation-radios.variation-size label,
.single-product .variation-radios.variation-size label,
table.variations .variation-radios.variation-size label,
.woocommerce table.variations .variation-radios.variation-size label,
body.single-product table.variations .variation-radios.variation-size label {
    width: 100% !important;
    height: 48px !important;
    min-height: 48px !important;
    max-height: 48px !important;
    min-width: unset !important;
    border: 1px solid #9B9590 !important;
    border-radius: 8px !important;
    background: #FFFFFF !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: 'Montserrat', 'Helvetica Neue', sans-serif !important;
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #2D2D2D !important;
    cursor: pointer !important;
    box-sizing: border-box !important;
    transition: all 0.2s ease !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Tamanho Selecionado - KADOCHE Gold #C9A961 */
body.single-product .variation-radios.variation-size input:checked + label,
.woocommerce div.product .variation-radios.variation-size input:checked + label,
table.variations .variation-radios.variation-size input:checked + label,
body.single-product table.variations .variation-radios.variation-size input:checked + label,
.woocommerce table.variations .variation-radios.variation-size input:checked + label,
.variation-radios.variation-size input:checked + label,
.variation-radios.variation-size input[type="radio"]:checked + label {
    border: 2px solid #C9A961 !important;
    font-weight: 600 !important;
    background: #FFFFFF !important;
    color: #2D2D2D !important;
    box-shadow: inset 0 0 0 1px #C9A961 !important;
}

/* FORÇAR texto visível no tamanho selecionado */
body.single-product .variation-radios.variation-size input:checked + label,
body.single-product .variation-radios.variation-size input:checked + label *,
body.single-product .variation-radios.variation-size input[type="radio"]:checked + label,
body.single-product .variation-radios.variation-size input[type="radio"]:checked + label *,
.variation-radios.variation-size input:checked + label span,
.variation-radios.variation-size input[type="radio"]:checked + label span,
table.variations .variation-radios.variation-size input:checked + label span {
    color: #2D2D2D !important;
    visibility: visible !important;
    opacity: 1 !important;
    background: transparent !important;
}

body.single-product .variation-radios.variation-size label.out-of-stock,
table.variations .variation-radios.variation-size label.out-of-stock {
    opacity: 0.4 !important;
    border-style: dashed !important;
    cursor: not-allowed !important;
    text-decoration: line-through !important;
}

/* Esconder inputs de radio */
body.single-product .variation-radios input[type="radio"] {
    position: absolute !important;
    opacity: 0 !important;
    width: 0 !important;
    height: 0 !important;
    pointer-events: none !important;
}

/* ==========================================================================
   OVERRIDE FINAL - Garantir visibilidade do texto nos tamanhos
   Sobrescreve TODAS as regras do CSS desktop que usam background escuro
   ========================================================================== */
@media (max-width: 768px) {
    /* Override para tamanho selecionado - NUNCA fundo escuro */
    .variation-radios.variation-size input:checked + label,
    .variation-radios.variation-size input[type="radio"]:checked + label,
    body.single-product .variation-radios.variation-size input:checked + label,
    body.single-product .variation-radios.variation-size input[type="radio"]:checked + label,
    .woocommerce .variations .variation-radios.variation-size input[type="radio"]:checked + label,
    .product-info-content .variations .variation-radios.variation-size input[type="radio"]:checked + label,
    table.variations .variation-radios.variation-size input[type="radio"]:checked + label,
    .cfvsw-swatches-option.cfvsw-text-option.cfvsw-selected,
    .cfvsw-swatches-option:not(.cfvsw-color-option).cfvsw-selected {
        background: #FFFFFF !important;
        background-color: #FFFFFF !important;
        border: 2px solid #C9A961 !important;
        border-color: #C9A961 !important;
        color: #2D2D2D !important;
        box-shadow: inset 0 0 0 1px #C9A961 !important;
    }

    /* Override para texto/span dentro do tamanho selecionado */
    .variation-radios.variation-size input:checked + label span,
    .variation-radios.variation-size input[type="radio"]:checked + label span,
    body.single-product .variation-radios.variation-size input:checked + label span,
    .woocommerce .variations .variation-radios.variation-size input[type="radio"]:checked + label span,
    .product-info-content .variations .variation-radios.variation-size input[type="radio"]:checked + label span,
    table.variations .variation-radios.variation-size input[type="radio"]:checked + label span {
        color: #2D2D2D !important;
        visibility: visible !important;
        opacity: 1 !important;
    }

    /* Override para cor selecionada - KADOCHE Gold */
    .variation-radios.variation-color input:checked + label,
    .variation-radios.variation-color input[type="radio"]:checked + label,
    body.single-product .variation-radios.variation-color input:checked + label,
    .woocommerce .variations .variation-radios.variation-color input[type="radio"]:checked + label,
    .product-info-content .variations .variation-radios.variation-color input[type="radio"]:checked + label,
    .cfvsw-swatches-option.cfvsw-color-option.cfvsw-selected {
        border-color: #C9A961 !important;
        border-width: 2px !important;
        box-shadow: 0 0 0 1px #C9A961 !important;
        transform: none !important;
    }
}

/* ==========================================================================
   5. PREÇOS - ESTILO ZATTINI
   ========================================================================== */

body.single-product .price,
body.single-product p.price {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
    padding: 0 !important;
    background: none !important;
}

body.single-product .price del {
    font-size: 14px !important;
    color: #888 !important;
    text-decoration: line-through !important;
    order: 1 !important;
}

body.single-product .price ins,
body.single-product .price > .woocommerce-Price-amount {
    font-size: 28px !important;
    font-weight: 700 !important;
    color: #222 !important;
    text-decoration: none !important;
    background: none !important;
    order: 2 !important;
}

body.single-product .price ins .woocommerce-Price-amount {
    font-size: 28px !important;
    font-weight: 700 !important;
}

body.single-product .pix-price,
body.single-product .price-pix {
    font-size: 16px !important;
    font-weight: 600 !important;
    color: #00a650 !important;
    order: 3 !important;
}

body.single-product .installments-info {
    font-size: 13px !important;
    color: #555 !important;
    order: 4 !important;
}

/* ==========================================================================
   6. BOTÃO ADICIONAR AO CARRINHO
   ========================================================================== */

body.single-product .woocommerce-variation-add-to-cart,
body.single-product form.cart {
    /* margin controlado na seção 11 - Espaçamentos */
}

body.single-product .quantity {
    display: none !important;
}

body.single-product .quantity-button-row {
    display: block !important;
    width: 100% !important;
}

body.single-product .single_add_to_cart_button,
body.single-product button.single_add_to_cart_button {
    width: 100% !important;
    height: 52px !important;
    background: #E91E63 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 6px !important;
    font-size: 15px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.5px !important;
    cursor: pointer !important;
    transition: background 0.2s ease !important;
}

body.single-product .single_add_to_cart_button:hover,
body.single-product .single_add_to_cart_button:active {
    background: #c2185b !important;
}

body.single-product .single_add_to_cart_button:disabled {
    background: #ccc !important;
    cursor: not-allowed !important;
}

/* ==========================================================================
   7. WHATSAPP FLOAT BUTTON
   ========================================================================== */

.whatsapp-float {
    position: fixed !important;
    bottom: 20px !important;
    right: 16px !important;
    z-index: 9999 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 56px !important;
    height: 56px !important;
    background: #25D366 !important;
    border-radius: 50% !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
}

.whatsapp-float svg,
.whatsapp-float img {
    width: 28px !important;
    height: 28px !important;
    color: #fff !important;
    fill: #fff !important;
}

/* ==========================================================================
   9. CART SIDEBAR (Mini Cart)
   Estilos movidos para /assets/css/components/_mini-cart.css
   ========================================================================== */

/* ==========================================================================
   10. ELEMENTOS EXTRAS
   ========================================================================== */

body.single-product .product_meta {
    font-size: 12px !important;
    color: #999 !important;
    border-top: 1px solid #eee !important;
    /* margin/padding controlado na seção 11 - Espaçamentos */
}

body.single-product .woocommerce-tabs {
    padding: 0 16px !important;
    /* margin/padding-top controlado na seção 11 - Espaçamentos */
}

/* ==========================================================================
   11. ESPAÇAMENTOS ENTRE SEÇÕES - Sistema Unificado
   ========================================================================== */

/*
 * Sistema de espaçamento vertical para página de produto mobile
 * COMPACTO - Baseado na referência Zattini
 */

/* Galeria -> Info do Produto */
body.single-product .product-info-column,
body.single-product .summary.entry-summary {
    padding-top: 12px !important;
    margin-top: 0 !important;
}

/* Info (título/descrição) -> Variações */
body.single-product table.variations {
    margin-top: 12px !important;
    margin-bottom: 8px !important;
}

/* Variações -> Preço */
body.single-product .price,
body.single-product p.price {
    margin-top: 16px !important;
    margin-bottom: 8px !important;
}

/* Preço -> Botão Adicionar */
body.single-product .woocommerce-variation-add-to-cart,
body.single-product form.cart {
    margin-top: 12px !important;
    margin-bottom: 16px !important;
}

/* Trust Badges - Ocultar no mobile */
body.single-product .product-benefits,
body.single-product .trust-badges,
body.single-product .product-trust-badges {
    display: none !important;
}

/* ==========================================================================
   COMPRE JUNTO - Mobile Fixes
   ========================================================================== */

/* Container principal com padding correto */
body.single-product .buy-together-section,
body.single-product .wcsb-wrapper,
body.single-product [class*="compre-junto"],
body.single-product .woosb-wrap {
    margin-top: 12px !important;
    margin-bottom: 0 !important;
    padding: 12px 16px !important;
}

/* Título alinhado com padding lateral */
body.single-product .buy-together-header,
body.single-product .buy-together-section > .buy-together-header {
    padding: 0 16px !important;
    margin-bottom: 16px !important;
}

body.single-product .buy-together-title {
    margin: 0 !important;
    padding: 0 !important;
}

/* Grid de produtos - 2 colunas iguais */
body.single-product .buy-together-products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
}

/* Card do produto */
body.single-product .buy-together-item {
    width: 100% !important;
    max-width: none !important;
    min-width: unset !important;
    flex: none !important;
    display: flex !important;
    flex-direction: column !important;
}

/* Área de detalhes com altura fixa para alinhar */
body.single-product .buy-together-details {
    display: flex !important;
    flex-direction: column !important;
    flex: 1 !important;
}

/* Título do produto - altura mínima para alinhar */
body.single-product .buy-together-details h4 {
    min-height: 36px !important;
    margin-bottom: 8px !important;
}

/* Preço - altura fixa para alinhar */
body.single-product .buy-together-details .price {
    min-height: 45px !important;
    margin-bottom: 8px !important;
}

/* Preço valor menor para caber "à vista" */
body.single-product .buy-together-details .price ins,
body.single-product .buy-together-details .price > .woocommerce-Price-amount,
body.single-product .buy-together-details .price > .amount,
body.single-product .buy-together-item .price ins,
body.single-product .buy-together-item .price .woocommerce-Price-amount {
    font-size: 15px !important;
    font-weight: 700 !important;
}

body.single-product .buy-together-details .price del,
body.single-product .buy-together-item .price del {
    font-size: 10px !important;
}

/* "à vista" inline sem quebrar */
body.single-product .buy-together-item .price-suffix,
body.single-product .buy-together-item .a-vista,
body.single-product .buy-together-details .price small {
    font-size: 9px !important;
    white-space: nowrap !important;
}

/* Container das variações - SEMPRE INLINE */
body.single-product .buy-together-variations {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 4px !important;
    justify-content: center !important;
    align-items: center !important;
    min-height: 36px !important;
    margin-top: auto !important;
    padding-top: 8px !important;
}

/* Selects de variação - tamanho compacto inline */
body.single-product .buy-together-variation-select,
body.single-product .buy-together-variations select {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    max-width: 50% !important;
    width: auto !important;
    height: 32px !important;
    min-height: 32px !important;
    padding: 4px 20px 4px 6px !important;
    font-size: 10px !important;
    border: 1px solid #9B9590 !important;
    border-radius: 4px !important;
    background-color: #fff !important;
    background-position: right 4px center !important;
    background-size: 10px !important;
    color: #2D2D2D !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
}

/* Esconder sinal de + em mobile */
body.single-product .buy-together-plus {
    display: none !important;
}

/* Summary/Total - Compacto */
body.single-product .buy-together-summary {
    margin-top: 12px !important;
    padding-top: 12px !important;
    gap: 8px !important;
}

body.single-product .buy-together-total {
    margin-bottom: 8px !important;
}

body.single-product .buy-together-btn,
body.single-product button.buy-together-btn {
    margin-bottom: 0 !important;
    padding: 12px 24px !important;
}

/* ==========================================================================
   PRODUCT DETAILS SECTION - Container das Tabs
   ========================================================================== */

/* Remove o espaço grande entre Compre Junto e Tabs */
body.single-product .product-details-section {
    margin-top: 16px !important;
    padding-top: 0 !important;
    border-top: none !important;
}

/* ==========================================================================
   TABS - Layout Compacto Mobile
   ========================================================================== */

body.single-product .woocommerce-tabs {
    margin-top: 0 !important;
    padding: 0 16px !important;
    border-top: none !important;
}

/* Tabs Navigation - Compacto */
body.single-product .woocommerce-tabs ul.tabs,
body.single-product .woocommerce-tabs .tabs {
    display: flex !important;
    gap: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #e0e0e0 !important;
    list-style: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li,
body.single-product .woocommerce-tabs .tabs li {
    flex: 1 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background: none !important;
}

body.single-product .woocommerce-tabs ul.tabs li a,
body.single-product .woocommerce-tabs .tabs li a {
    display: block !important;
    padding: 12px 8px !important;
    font-family: 'Montserrat', 'Helvetica Neue', sans-serif !important;
    font-size: 11px !important;
    font-weight: 500 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    color: #9B9590 !important;
    text-align: center !important;
    text-decoration: none !important;
    border-bottom: 2px solid transparent !important;
    transition: all 0.2s ease !important;
}

body.single-product .woocommerce-tabs ul.tabs li.active a,
body.single-product .woocommerce-tabs .tabs li.active a {
    color: #1A1A1A !important;
    border-bottom-color: #C9A961 !important;
}

/* Tab Content - Compacto */
body.single-product .woocommerce-tabs .panel,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel {
    padding: 12px 0 8px 0 !important;
    margin: 0 !important;
}

body.single-product .woocommerce-tabs .panel h2,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel h2 {
    font-family: 'Montserrat', 'Helvetica Neue', sans-serif !important;
    font-size: 16px !important;
    font-weight: 500 !important;
    color: #1A1A1A !important;
    margin: 0 0 8px 0 !important;
}

body.single-product .woocommerce-tabs .panel p,
body.single-product .woocommerce-tabs .woocommerce-Tabs-panel p {
    font-size: 13px !important;
    line-height: 1.5 !important;
    color: #2D2D2D !important;
    margin: 0 !important;
}

/* ==========================================================================
   PRODUTOS RELACIONADOS - Layout Compacto Mobile
   ========================================================================== */

body.single-product .related.products,
body.single-product .upsells.products {
    margin-top: 56px !important;
    margin-bottom: 16px !important;
    padding: 0 16px 12px 16px !important;
    border-top: none !important;
}

/* Título Produtos Relacionados */
body.single-product .related.products > h2,
body.single-product .upsells.products > h2 {
    font-family: 'Montserrat', 'Helvetica Neue', sans-serif !important;
    font-size: 18px !important;
    font-weight: 500 !important;
    color: #1A1A1A !important;
    text-align: center !important;
    margin: 0 0 25px 0 !important;
    padding: 0 !important;
}

/* Grid de Produtos Relacionados */
body.single-product .related.products ul.products,
body.single-product .upsells.products ul.products {
    display: grid !important;
    grid-template-columns: repeat(2, 1fr) !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* Card do Produto Relacionado */
body.single-product .related.products ul.products li.product,
body.single-product .upsells.products ul.products li.product {
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
}

/* Imagem do Produto */
body.single-product .related.products ul.products li.product img,
body.single-product .upsells.products ul.products li.product img {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 3/4 !important;
    object-fit: cover !important;
    border-radius: 4px !important;
    margin-bottom: 8px !important;
}

/* Categoria */
body.single-product .related.products .product-category,
body.single-product .upsells.products .product-category {
    font-size: 9px !important;
    text-transform: uppercase !important;
    letter-spacing: 0.1em !important;
    color: #9B9590 !important;
    margin-bottom: 2px !important;
}

/* Título do Produto */
body.single-product .related.products .woocommerce-loop-product__title,
body.single-product .upsells.products .woocommerce-loop-product__title {
    font-family: 'Montserrat', 'Helvetica Neue', sans-serif !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    color: #2D2D2D !important;
    margin: 0 0 4px 0 !important;
    line-height: 1.3 !important;
    display: -webkit-box !important;
    -webkit-line-clamp: 2 !important;
    -webkit-box-orient: vertical !important;
    overflow: hidden !important;
}

/* Preço */
body.single-product .related.products .price,
body.single-product .upsells.products .price {
    font-size: 13px !important;
    font-weight: 600 !important;
    color: #1A1A1A !important;
    margin: 4px 0 !important;
}

body.single-product .related.products .price del,
body.single-product .upsells.products .price del {
    font-size: 11px !important;
    color: #9B9590 !important;
}

body.single-product .related.products .price ins,
body.single-product .upsells.products .price ins {
    text-decoration: none !important;
}

/* Preço PIX */
body.single-product .related.products .pix-price,
body.single-product .upsells.products .pix-price {
    font-size: 14px !important;
    font-weight: 700 !important;
    color: #C9A961 !important;
}

body.single-product .related.products .pix-label,
body.single-product .upsells.products .pix-label {
    font-size: 9px !important;
    color: #2D2D2D !important;
}

/* Parcelamento */
body.single-product .related.products .installments,
body.single-product .upsells.products .installments {
    font-size: 10px !important;
    color: #9B9590 !important;
    margin-top: 2px !important;
}

/* Badge NOVO */
body.single-product .related.products .onsale,
body.single-product .related.products .badge-novo,
body.single-product .upsells.products .onsale {
    position: absolute !important;
    top: 8px !important;
    left: 8px !important;
    background: #1A1A1A !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    padding: 4px 8px !important;
    border-radius: 2px !important;
}

/* Meta do produto */
body.single-product .product_meta {
    margin-top: 16px !important;
    padding-top: 12px !important;
}

} /* Fim do @media (max-width: 768px) */