/*
 * v0.5.11.96 — Página de produto: equilíbrio visual final SAFE.
 * Somente CSS e somente body.single-product.
 * Não altera galeria/zoom, compra, estoque, frete, carrinho ou checkout.
 */

/* ============================================================
   DESKTOP >= 1025px
   Usa melhor a coluna central sem inventar conteúdo.
   ============================================================ */
@media (min-width: 1025px) {
    body.single-product .leo-product-info-column {
        min-height: 100% !important;
        padding-bottom: 18px !important;
    }

    /* Quando existem características reais, o card repousa na base da coluna,
       como na referência visual. Sem .leo-product-specs, nada é criado. */
    body.single-product .leo-product-info-column .leo-product-specs {
        margin-top: auto !important;
        margin-bottom: 0 !important;
        border: 1px solid #dfe3e7 !important;
        border-radius: 11px !important;
        background: #f6f7f8 !important;
        overflow: hidden !important;
    }

    body.single-product .leo-product-info-column .leo-product-specs-header {
        min-height: 44px !important;
        padding: 0 14px !important;
        border-bottom: 1px solid #e3e6e9 !important;
        background: #f3f4f5 !important;
    }

    body.single-product .leo-product-info-column .leo-product-specs-header strong {
        font-size: 14px !important;
        font-weight: 700 !important;
        color: #20252b !important;
    }

    body.single-product .leo-product-info-column .leo-product-specs-grid {
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) !important;
        column-gap: 20px !important;
        row-gap: 13px !important;
        padding: 13px 14px 15px !important;
    }

    body.single-product .leo-product-info-column .leo-product-spec-name {
        margin-bottom: 3px !important;
        color: #4e5965 !important;
        font-size: 12px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
    }

    body.single-product .leo-product-info-column .leo-product-spec-value {
        color: #6b7480 !important;
        font-size: 12.5px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;
    }

    body.single-product .leo-product-info-column .leo-product-specs-more {
        color: #323941 !important;
        font-size: 11.5px !important;
        font-weight: 700 !important;
    }

    /* Dá respiro entre a descrição curta e o card quando ambos existem,
       sem impor altura artificial ao produto. */
    body.single-product .leo-product-info-column .leo-product-short-description:not(:last-child) {
        margin-bottom: 15px !important;
    }

    /* Mantém a coluna de compra compacta e alinhada ao topo da referência. */
    body.single-product .leo-product-buy-column {
        align-self: stretch !important;
    }
}

/* ============================================================
   TABLET — apenas refinamento do card já existente.
   ============================================================ */
@media (min-width: 768px) and (max-width: 1024px) {
    body.single-product .leo-product-specs {
        border-radius: 11px !important;
        border-color: #dfe3e7 !important;
        background: #f6f7f8 !important;
    }

    body.single-product .leo-product-specs-header {
        border-bottom: 1px solid #e3e6e9 !important;
        background: #f3f4f5 !important;
    }
}

/* ============================================================
   MOBILE — preserva a ordem homologada, só melhora leitura do card.
   ============================================================ */
@media (max-width: 767px) {
    body.single-product .leo-product-specs {
        border-radius: 12px !important;
        border-color: #dfe3e7 !important;
        background: #f6f7f8 !important;
    }

    body.single-product .leo-product-specs-header {
        border-bottom: 1px solid #e3e6e9 !important;
        background: #f3f4f5 !important;
    }

    body.single-product .leo-product-spec-name {
        font-weight: 700 !important;
    }
}