/**
 * WARNING: Do not change this file. Your changes will be lost.
 * 2026-03-09 00:34:23 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');body.boxed {
}
@media (min-width: 768px) {
    .page-layout-1column .product-info-main, .page-layout-2columns-left .product-info-main, .page-layout-2columns-right .product-info-main, .page-layout-3columns .product-info-main,.page-product-downloadable .product-options-bottom {
        width: 57.17%;
    }
    .page-layout-1column .product.media, .page-layout-2columns-left .product.media, .page-layout-2columns-right .product.media, .page-layout-3columns .product.media,.page-product-downloadable .product-options-wrapper {
        width: 40.83%;
    }

    .page-layout-1column .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-left .column.main > .custom-block ~ .product-info-main, .page-layout-2columns-right .column.main > .custom-block ~ .product-info-main, .page-layout-3columns .column.main > .custom-block ~ .product-info-main {
        width: 42.8775%;
    }
    .page-layout-1column .column.main > .custom-block ~ .product.media, .page-layout-2columns-left .column.main > .custom-block ~ .product.media, .page-layout-2columns-right .column.main > .custom-block ~ .product.media, .page-layout-3columns .column.main > .custom-block ~ .product.media {
        width: 30.6225%;
    }
}

@media (max-width: 575px){
    html {
        font-size: 14.8571px;
    }
    body {
        font-size: 13px;
        line-height: 21px;
    }
}

h1, h2, h3, h4, h5, h6 {
    color: #222529;
    letter-spacing: normal;
}
h2 {
    font-family: Poppins,sans-serif;
    font-size: 18px;
    line-height: 42px;
    font-weight: 700;
    margin: 0 0 32px 0;
}
h3 {
    font-family: Poppins,sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 32px;
    margin: 0 0 20px 0;
}
h4 {
    font-family: Poppins,sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 19px;
    margin: 0 0 14px 0;
}
h5 {
    font-weight: 600;
    font-size: 14px;
    line-height: 20px;
    margin: 0 0 14px 0;
}
h6 {
    font-weight: 400;
    font-size: 14px;
    line-height: 18px;
    color: #777;
}
p {
    letter-spacing: 0;
}
.home-banner-slider h2.vc_custom_heading, .custom-font4 {
    font-family: 'Segoe Script','Savoye LET';
}
html .heading-secondary, html .lnk-secondary, html .text-color-secondary {
    color: #ff7272;
}
html .action.primary, html .btn {
    font-family: Poppins;
    letter-spacing: .01em;
    font-weight: 600;
    line-height: 1.42857;
    padding: .533rem .933rem;
    font-size: .8rem;
}
html .action.primary {
    color: #fff;
    background-color: #08c;
    border-color: #08c #08c #069;
}
html .btn-modern {
    text-transform: uppercase;
    font-size: .75rem;
    padding: .75rem 1.5rem;
    font-weight: 600;
    height: auto;
}
.btn-flat {
    padding: 0!important;
    background: none!important;
    border: none!important;
    border-bottom: 1px solid transparent!important;
    box-shadow: none!important;
    text-transform: uppercase;
    font-size: .75rem;
}
html .btn-dark {
    color: #fff;
    background-color: #222529;
    border-color: #222529 #222529 #0b0c0e;
}
html .btn-secondary {
    color: #fff;
    background-color: #ff7272;
    border-color: #ff7272 #ff7272 #ff3f3f;
}
html .btn-light {
    color: #222529;
    background-color: #fff;
    border-color: #fff #fff #e6e6e6;
}
.btn-modern.btn-lg {
    font-size: .875rem;
    padding: 1rem 2.25rem;
    line-height: 1.3333;
}
.btn-md:not(.btn-modern) {
    font-size: .8571em;
    font-weight: 700;
    height: auto;
}
html .btn-quaternary {
    color: #fff;
    background-color: #0e0f11;
    border-color: #0e0f11 #0e0f11 #000;
}
html .background-color-secondary {
    background-color: #ff7272!important;
}
.ls-200, .ls-200>* {
    letter-spacing: .2em;
}
.page-header .sw-megamenu.navigation li.level0 > em, .page-header .sw-megamenu.navigation li.level0 i {
    display: none;
}
.page-header.type2 .sw-megamenu.navigation li.level0 .submenu a {
    line-height: 18px;
    font-weight: 600;
}
.top-icon .porto-sicon-header {
    margin-bottom: .75rem;
}
.widget .widgettitle {
    font-size: 1rem;
    letter-spacing: -.02em;
}
.product-item-photo>a:not(.weltpixel-quickview):before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.1);
    z-index: 3;
    opacity: 0;
    transition: opacity .2s;
}
.product-item-info:hover .product-item-photo>a:not(.weltpixel-quickview):before {
    opacity:1;
}
.small-list.products-grid .product-items .product-item-info .product-item-photo:before {display: none;}
.block-category-list .block-title, .side-custom-block .custom-block h2 {
    font-family: Poppins;
}
.footer, .footer p {
    font-size: 13px;
    line-height: 22px;
    letter-spacing: 0;
}
.footer .widgettitle, .footer .widget-title {
    font-size: .9375rem;
    font-weight: 600;
}
.footer .contact-info .widget-title {
    font-size: 15px;
    font-weight: 700;
}
.footer .widget+.widget {
    margin-top: 15px;
}
.footer .widget {
    margin-bottom: 15px;
}
.footer-middle .block.newsletter input {
    background: #292c30;
}
.footer .follow-us .share-links a {
    box-shadow: none;
    font-size: 12px;
    width: 37px;
    height: 37px;
    border: 1px solid rgb(255,255,255,.06);
}
.footer .footer-ribbon {
    padding-top: 9px;
}
.footer-ribbon span {line-height: inherit;}

@media (min-width: 992px) {
    header.page-header.sticky-header .nav-sections {
        background-color: rgba(0,136,204,1);
    }
    .page-header.sticky-header .navigation li.level0 {
        color: #fff;
    }
    .page-header.sticky-header .navigation li.level0.active, .page-header.sticky-header .navigation li.level0:hover {
        color: #bde1f5;
    }
    .page-header.sticky-header .cart-design-2 .action.showcart .minicart-icon {
        border-color: #FFFFFF;
    }
    .page-header.sticky-header .minicart-wrapper .action.showcart {
        color:#fff;
    }
}

.footer, .footer p {
    line-height: 20px;
    letter-spacing: 0;
}
.footer .widgettitle, .footer .widget-title {
    font-size: 16px;
    font-weight: 700;
    line-height: 22px;
    margin-bottom: 14px;
}
.footer-middle > .container {
    position: static;
    padding-top: 4rem;
    padding-bottom: 0;
}
.footer .porto-sicon-box {
    padding-left: 15px;
    padding-bottom: 20px;
}
.footer .porto-sicon-box:last-child {
    margin-bottom: 0;
}
.footer-middle .widget {
    margin-bottom: 1.875rem;
    margin-top: 1.875rem;
}
.footer-middle .widget:first-child {
    margin-top: 0;
}
.footer .widget p {
    margin-top: -3px;
    margin-bottom: 13px;
}
.footer .widget .porto-sicon-header p, .footer-middle .widget {
    margin-bottom: 0;
}
.footer .wpb_text_column li {
    margin-bottom: 1rem;
}
.footer .wpb_text_column li i {
    margin-right: .625rem;
    color: #fff;
}
.footer .newsletter input {
    background: #2c2f33;
    border: none;
    height: 44px;
    font-size: 11px;
    border-radius: .01em;
    font-style: italic;
    padding-left: 1rem;
    padding-right: 1rem;
}
.footer .newsletter .action.subscribe {
    height: 44px;
    border: none;
    background: #2c2f33;
    font-size: 1em;
    color: #fff;
    letter-spacing: .01em;
    padding: 6px 15px;
    border-radius: 0;
}
.footer .follow-us .share-links a {
    width: 34px;
    height: 34px;
}
.footer .follow-us .share-links a:not(:hover) {
    background: none;
    color: #fff;
    border: none;
}
.footer-bottom {
    padding: 11px 0 15px;
}

.wishlist .mr-1 {
    display: none !important;
}

/* Custom Junior */
.tocompare { display: none !important; }
.product-item-actions { display: none !important; }

/* Regra 1: Oculta reviews no site todo (Listagens, Home, etc) */
.product-reviews-summary { 
    display: none !important; 
}

/* Regra 2: REATIVA reviews APENAS dentro da Página de Produto */
.catalog-product-view .product-reviews-summary {
    display: block !important;
}

.product-item-name a { 
    white-space: normal !important; 
    font-size: 13px !important;
    font-weight: 500 !important;
}

.product-item-name { 
    padding-right: 0px !important;
}

.product-item-details {
    text-align: center !important;
}

.product-image-photo {
    border-radius: 10px !important;
}

.product-item-info .product-item-details .price-box {
    margin-bottom: 0rem !important;
}

.products-grid .product-item .product-item-info {
    border: 1px solid #ddd;
    border-radius: 10px !important;
}

.product-item-info:hover {
    border: 1px solid #999 !important;
    transition: all .2s ease-in-out;
    box-shadow: 0 25px 35px -5px rgb(0 0 0 / 0%) !important;
}

.products-grid .product-item-photo:hover {
    box-shadow: 0 25px 35px -5px rgb(0 0 0 / 0%) !important;
}

.product-item-info:hover {
    box-shadow: 0 25px 35px -5px rgb(0 0 0 / 0%) !important;
}

.product-item-info.type3:hover .product-item-photo {
    box-shadow: 0 25px 35px -5px rgb(0 0 0 / 0%);
}

.field .limiter {
    display: none !important;
}
.toolbar .modes {
    display: none !important;
}

/* One Step Checkout */
.action-auth-toggle {
    border-radius: 10px;
}

.payment-option._collapsible.opc-payment-additional.discount-code {
    display: none !important;
}

.groupe-col.col-2 { 
    border: initial !important;
    border-radius: 0px !important;
}

.col.col-payment-methods {
    border: 1px solid #ebebeb;
    border-radius: 20px;
}

.col.col-payment-methods:hover {
    border: 1px solid #999 !important;
    transition: all .2s ease-in-out;
    box-shadow: 0 25px 35px -5px rgb(0 0 0 / 0.4%) !important;
}

.col.col-shipping-methods {
    border: 1px solid #ebebeb;
    border-radius: 20px;
    padding-top: 15px;
    margin-top: 0px !important;
}

.col.col-shipping-methods:hover {
    border: 1px solid #999 !important;
    transition: all .2s ease-in-out;
    box-shadow: 0 25px 35px -5px rgb(0 0 0 / 0.4%) !important;
}

.groupe-col.col-1:hover {
    border: 1px solid #999 !important;
    transition: all .2s ease-in-out;
    box-shadow: 0 25px 35px -5px rgb(0 0 0 / 0.4%) !important;
}

.groupe-col.col-3:hover {
    border: 1px solid #999 !important;
    transition: all .2s ease-in-out;
    box-shadow: 0 25px 35px -5px rgb(0 0 0 / 0.4%) !important;
}

.form.payments hr {
    display: none !important;
}

.payment-icon {
    width: 40px !important;
    height: 25px !important;
}

/* Product Page */
.slick-dots {
    display: none !important;
}

.product.attribute.sku {
    display: none !important;
}

.product-share .share-links {
    display: none !important;
}

#product-addtocart-button {
    border-radius: 12px;
}

.product-info-main .prev-next-products {
    display: none !important;
}

.qty-changer .qty-inc {
    border-radius: 0 12px 12px 0 !important;
}

.qty-changer .qty-dec {
    border-radius: 12px 0 0 12px !important;
}

/* ============================================
   ESTILOS DE BOTÃO E OUTROS ELEMENTOS
   ============================================ */

.product-info-main .box-tocart .action.tocart {
    color: #fff; 
    background-color: #19d269; /* Azul */
    border-color: #15c03a; /* Azul mais escuro */
    width: 400px; /* Mesma largura do card de disponibilidade */
}

.product-info-main .box-tocart .action.tocart:hover {
    color: #fff;
    background-color: #18a756; /* Azul */
    border-color: #10a230; /* Azul mais escuro */
}

.product-info-main .box-tocart .field.qty {
    display: none; 
}

/* Botão Comprar Mobile - Mesma Largura do Card de Disponibilidade */
@media (max-width: 575px) {
    /* Garantir que box-tocart tenha largura total e alinhamento */
    .product-info-main .box-tocart {
        width: 100% !important;
        max-width: 100% !important;
        justify-content: center !important;
    }
    
    /* Ajustar fieldset para não interferir no layout */
    .product-info-main .box-tocart .fieldset {
        width: 100% !important;
        max-width: 100% !important;
        letter-spacing: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        margin: 0 !important;
        padding: 0 !important;
    }
    
    .product-info-main .box-tocart .action.tocart {
        width: 100% !important;
        max-width: 100% !important;
        box-sizing: border-box !important;
    }
}

.page-main .cart-summary .block {
    display: none;
}

.action.multicheckout {
    display: none;
}

#discount-coupon-form {
    display: none;
}

.cart-summary .checkout-methods-items .action.primary.checkout {
    background-color: #5cb85c; 
    border-color: #4cae4c;
    border-radius: 11px;
}

.action.update {
    background-color: #08c !important;
    color: white !important;
}

/* ============================================
   CARD TÍTULO DO PRODUTO - CLEAN DESIGN
   ============================================ */

.product-info-main .page-title-wrapper {
    max-width: 610px;
    background: #ffffff;
    border: 1px solid #e5e7eb;
    border-radius: 16px;
    padding: 20px 24px;
    margin-bottom: 16px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);
}

.product-info-main .page-title-wrapper h1 {
    font-size: 24px;
    line-height: 1.3;
    color: #1a1a1a;
    letter-spacing: -0.02em;
    font-weight: 700;
    margin: 0;
    padding: 0;
    text-align: left;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
}

/* Responsividade Mobile - Título do Produto */
@media (max-width: 575px) {
    .product-info-main .page-title-wrapper {
        max-width: 100%;
        width: 100%;
        padding: 16px 18px;
        border-radius: 12px;
        margin-bottom: 12px;
    }
    
    .product-info-main .page-title-wrapper h1 {
        font-size: 18px;
        line-height: 1.4;
        letter-spacing: -0.01em;
        text-align: center;
    }
}

/* Tablet */
@media (min-width: 576px) and (max-width: 991px) {
    .product-info-main .page-title-wrapper {
        max-width: 100%;
    }
    
    .product-info-main .page-title-wrapper h1 {
        font-size: 22px;
    }
}

/* ============================================
   CARD DISPONIBILIDADE - ALTA CONVERSÃO
   ============================================ */

.product-info-main .product-info-stock-sku {
    clear: both;
    max-width: 400px; /* Mesma largura do botão comprar */
    background: #ffffff; /* Fundo branco minimalista */
    border: 1px solid #d1d5db; /* Borda cinza claro minimalista */
    border-radius: 12px; /* Border radius menor para mais minimalismo */
    padding: 12px 20px; /* Padding reduzido */
    margin: 8px 0; /* Margens menores (reduzido de 16px para 8px) */
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05); /* Sombra mais sutil */
    display: flex;
    align-items: center;
    justify-content: center; /* Centralizado já que não há mais ícone */
    gap: 0; /* Sem gap já que não há ícone */
    position: relative;
    overflow: visible;
    text-align: center;
}

/* Remover círculo decorativo - apenas borda do card */
.product-info-main .product-info-stock-sku::before {
    display: none;
}

/* Remover ícone - apenas card e texto */
.product-info-main .product-info-stock-sku::after {
    display: none !important;
}

.product-info-main .product-info-stock-sku > * {
    display: flex;
    align-items: center;
    justify-content: center; /* Centralizado no PC também */
    gap: 8px;
    margin: 0;
    flex: 1;
    font-size: 14px; /* 11px * 1.3 = 14.3px ≈ 14px (aumento de 30%) */
    text-transform: uppercase;
    font-weight: 600;
    color: #6b7280; /* Cinza para "DISPONIBILIDADE:" */
    letter-spacing: 0.5px;
    text-align: center; /* Centralizar texto */
}

/* Texto "EM ESTOQUE" - Mesmo tamanho, cor diferente - Minimalista */
.product-info-main .stock span + span,
.product-info-main .product-info-stock-sku .stock span + span {
    color: #4b5563 !important; /* Cinza escuro minimalista (ao invés de azul) */
    font-weight: 600 !important; /* Peso menor para minimalismo */
    font-size: 14px !important; /* 11px * 1.3 = 14.3px ≈ 14px (aumento de 30%) */
    letter-spacing: 0.5px;
    margin-left: 4px;
}

/* Responsividade Mobile - Card Disponibilidade */
@media (max-width: 575px) {
    .product-info-main .product-info-stock-sku {
        max-width: 100%;
        width: 100%;
        padding: 10px 16px; /* Padding reduzido no mobile também */
        border-radius: 10px; /* Border radius menor no mobile */
        margin: 6px 0; /* Margens menores no mobile */
        gap: 0; /* Sem gap já que não há ícone */
        justify-content: center; /* Centralizado no mobile */
        text-align: center;
    }
    
    /* Remover círculo decorativo no mobile também */
    .product-info-main .product-info-stock-sku::before {
        display: none;
    }
    
    /* Remover ícone no mobile também */
    .product-info-main .product-info-stock-sku::after {
        display: none !important;
    }
    
    .product-info-main .product-info-stock-sku > * {
        font-size: 14px; /* 11px * 1.3 = 14.3px ≈ 14px (aumento de 30%) */
        justify-content: center; /* Centralizado */
        color: #6b7280; /* Cinza */
    }
    
    .product-info-main .stock span + span,
    .product-info-main .product-info-stock-sku .stock span + span {
        font-size: 14px !important; /* 11px * 1.3 = 14.3px ≈ 14px (aumento de 30%) */
        color: #4b5563 !important; /* Cinza escuro minimalista */
    }
}

/* Tablet */
@media (min-width: 576px) and (max-width: 991px) {
    .product-info-main .product-info-stock-sku {
        max-width: 100%;
    }
}

.contact-index-index .fieldset>.legend, .contact-index-index .contact-info .contacts-title {
  color: #777;
  font-size: 20px;
  margin-bottom: 20px;
  font-weight: 300;
  letter-spacing: 0;
  text-transform: none;
  display: none;
}

.block-search .block-content {
    margin-left: 0px !important;
}

@media (max-width: 575px){
    .page-header.type2 .block-search input {
        margin-left: 30% !important;
    }
}

:root {
    --brand-primary: #2875b4;
    --brand-accent: #f5832a;
    --brand-sky: #60b0e5;

    --ui-radius: 12px;
    --ui-radius-lg: 20px;
    --ui-gap: 20px;
    --ui-shadow-sm: 0 4px 6px -1px rgba(0, 0, 0, 0.05), 0 2px 4px -1px rgba(0, 0, 0, 0.03);
    --ui-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.08), 0 4px 6px -2px rgba(0, 0, 0, 0.03);
    --ui-shadow-hover: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);

    --ui-text: #1f2937;
    --ui-muted: #6b7280;
    --ui-border: #e5e7eb;
    --ui-bg-light: #f9fafb;
}

/* Resets e Utilitários */
.cms-index-index .page-main { margin: 0; }
.container { max-width: 1320px; }
.section-gap { padding-top: 3rem; padding-bottom: 3rem; }
.bg-light-ui { background-color: var(--ui-bg-light); }

/* Oculta o Caminha da Categoria acima da Galeria* no Mobile */
@media (max-width: 575px){
    .page-wrapper>.breadcrumbs .items {
        display: none;
    }
}

.hub_instructions {
    padding-left: 1px;
}

/* =========================================
   1. DESIGN GERAL (Beleza e Espaçamento)
   ========================================= */

/* Garante que a tabela aceite espaçamento */
.firecheckout .table-checkout-shipping-method {
    border-collapse: separate;
    border-spacing: 0 12px !important; /* Força o espaço vertical entre os cards */
    width: 100%;
}

/* O Visual do Cartão (Box) */
.firecheckout .table-checkout-shipping-method tbody tr {
    background-color: #fff;
    border: 1px solid #e0e0e0;  /* Borda mais suave e moderna */
    border-radius: 12px;        /* Arredondamento maior (mais amigável) */
    box-shadow: 0 4px 6px rgba(0,0,0,0.02); /* Sombra muito leve para dar profundidade */
    cursor: pointer;
    transition: all 0.2s ease;
    margin-bottom: 15px; /* Garante separação extra se o border-spacing falhar */
}

/* Efeito Hover (Passar o mouse) e Active (Selecionado) */
.firecheckout .table-checkout-shipping-method tbody tr:hover,
.firecheckout .table-checkout-shipping-method tbody tr.active {
    border-color: #007bff;
    background-color: #fbfbfb;
    box-shadow: 0 6px 12px rgba(0, 123, 255, 0.1); /* Sombra azulada suave */
    transform: translateY(-1px); /* Leve elevação */
}

/* Limpeza das células */
.firecheckout .table-checkout-shipping-method tbody td {
    border: none !important;
    background: transparent;
    box-sizing: border-box;
}

/* =========================================
   2. PC (Mantendo o Alinhamento Perfeito)
   ========================================= */
@media only screen and (min-width: 769px) {
    .firecheckout .table-checkout-shipping-method {
        width: 500px !important;
        max-width: 100%;
    }
    
    .firecheckout .table-checkout-shipping-method tbody tr {
        display: flex;
        align-items: center;
        padding: 18px 15px; /* Um pouco mais de respiro interno */
        justify-content: flex-start;
    }

    /* Radio */
    .firecheckout .table-checkout-shipping-method tbody tr td:first-child {
        order: 1;
        flex: 0 0 40px;
        display: flex; justify-content: center;
    }

    /* Nome (PAC/Sedex) */
    .firecheckout .table-checkout-shipping-method tbody td:nth-child(3) {
        order: 2;
        flex: 0 0 40%;
        text-align: left;
        font-weight: 700; /* Mais negrito */
        color: #333;
        font-size: 15px;
    }

    /* Preço (Visual de "Etiqueta") */
    .firecheckout .table-checkout-shipping-method tbody td:nth-child(2),
    .firecheckout .table-checkout-shipping-method .col-price {
        order: 3;
        flex: 0 0 20%;
        font-weight: 800; 
        color: #222; 
        font-size: 16px;
        text-align: center;
        background-color: #f1f3f6; /* Cinza azulado bem claro */
        border-radius: 20px; /* Totalmente arredondado (Pílula) */
        padding: 6px 0;
    }

    /* Prazo */
    .firecheckout .table-checkout-shipping-method tbody td:nth-child(4) {
        order: 4;
        flex: 1;
        text-align: right;
        color: #666;
        font-weight: 500;
        font-size: 13px;
    }
}

/* =========================================
   3. MOBILE (Visual Melhorado e Centralizado)
   ========================================= */
@media only screen and (max-width: 768px) {
    
    .firecheckout .table-checkout-shipping-method {
        width: 100% !important;
    }

    .firecheckout .table-checkout-shipping-method tbody tr {
        display: flex;
        flex-wrap: wrap;
        padding: 15px; /* Mais espaço para toque */
        align-items: center;
        position: relative;
    }

    /* LINHA 1: Radio, Nome, Preço */

    /* Radio */
    .firecheckout .table-checkout-shipping-method tbody tr td:first-child {
        order: 1;
        width: 30px;
        padding: 0;
    }

    /* Nome (PAC/Sedex) */
    .firecheckout .table-checkout-shipping-method tbody td:nth-child(3) {
        order: 2;
        flex: 1;
        text-align: left;
        font-weight: 700;
        font-size: 15px; /* Maior */
        color: #333;
        padding-right: 8px;
    }

    /* Preço (Etiqueta) */
    .firecheckout .table-checkout-shipping-method tbody td:nth-child(2) {
        order: 3;
        width: auto;
        font-weight: 800;
        color: #000;
        font-size: 15px;
        background-color: #f1f3f6;
        padding: 5px 12px;
        border-radius: 20px; /* Pílula arredondada */
        white-space: nowrap;
    }

    /* LINHA 2: O Destaque Centralizado */
    
    .firecheckout .table-checkout-shipping-method tbody td:nth-child(4) {
        order: 4;
        flex-basis: 100%;
        width: 100%;
        
        /* A Mágica Visual aqui: */
        margin-top: 12px;          /* Afasta da linha de cima */
        padding-top: 10px;         /* Espaço interno */
        border-top: 1px dashed #eee; /* Linha separadora sutil */
        
        text-align: center;        /* CENTRALIZADO */
        font-size: 14px;           /* MAIOR (Era 12px) */
        font-weight: 500;          /* Levemente negrito */
        color: #555;               /* Cor mais forte que o cinza claro */
    }

    .firecheckout .table-checkout-shipping-method br { display: none; }
}

.product-social-links {
    display: none;
}

/* Ocultar botão "voltar ao topo" do Porto no mobile */
@media (max-width: 767px) {
    #totop {
        display: none !important;
        visibility: hidden !important;
        opacity: 0 !important;
        pointer-events: none !important;
    }
}

@media (max-width: 575px) {
    .product-info-main .product-info-stock-sku {
        display: none;
    }
}


.product-info-main .product-info-stock-sku {
        display: none
}

/* ==========================================================================
   CSS FINAL: VISUAL MINIMALISTA E CONDENSADO (DESKTOP & MOBILE)
   ========================================================================== */

/* 1. O CARD (Base Minimalista que envolve as opções) */
#product-options-wrapper {
    background-color: #ffffff;
    border: 1px solid #e4e4e4; /* Borda cinza suave */
    border-radius: 8px; /* Cantos menos arredondados para look mais "seco" */
    padding: 12px; /* REDUZIDO: De 20px para 12px */
    margin-bottom: 15px; /* REDUZIDO: Margem externa menor */
    box-shadow: none; /* Removida sombra para visual "flat" */
    position: relative;
    box-sizing: border-box;
    width: 100%;
}

@media (min-width: 768px) {
    #product-options-wrapper { width: 400px; }
}

/* 2. TÍTULO (Ex: Voltagem, Tamanho) */
#product-options-wrapper .field .label {
    font-size: 13px; /* Ligeiramente menor */
    font-weight: 700;
    color: #333;
    margin-bottom: 6px; /* REDUZIDO: Espaço menor até os botões */
    display: block;
    text-transform: uppercase;
}
#product-options-wrapper .field .label span {
    display: inline-block !important;
    color: inherit;
}
/* Remove o asterisco vermelho nativo do Magento para limpar o visual */
#product-options-wrapper .field .label span::after { display: none; }


/* 3. BOTÕES/RADIOS (Layout Compacto em Flexbox) */
#product-options-wrapper .options-list.nested {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px; /* Espaço menor entre os botões */
}

#product-options-wrapper .options-list .field.choice {
    position: relative !important;
    margin: 0 !important; padding: 0 !important;
    flex-grow: 1;
    flex-basis: 0; /* Divide o espaço igualmente */
    min-width: auto;
}

/* Input Radio Invisível (para tornar a label clicável) */
#product-options-wrapper .options-list .field.choice input[type="radio"] {
    position: absolute !important;
    top: 0; left: 0;
    width: 100% !important; height: 100% !important;
    opacity: 0;
    z-index: 10;
    cursor: pointer;
}

/* VISUAL DO BOTÃO (Estado Normal) */
#product-options-wrapper .options-list .field.choice .label {
    position: relative;
    z-index: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 38px; /* REDUZIDO: Design mais fino */
    padding: 0 5px;
    background: #f8f9fa;
    border: 1px solid #e9ecef;
    border-radius: 6px;
    color: #495057;
    font-weight: 600;
    font-size: 13px;
    transition: all 0.2s;
    width: 100%;
    text-align: center;
    white-space: nowrap;
}

/* VISUAL DO BOTÃO (Quando Selecionado) */
#product-options-wrapper .options-list .field.choice input:checked + .label {
    background-color: #1979c3;
    border-color: #1979c3;
    color: #ffffff;
    box-shadow: none;
}

/* Esconde mensagens de erro nativas para usar a personalizada */
#product-options-wrapper .mage-error { display: none !important; }

/* 4. AJUSTES MOBILE (Telas menores que 767px) */
@media (max-width: 767px) {
    #product-options-wrapper {
        padding: 10px;
        margin-bottom: 10px;
        border-radius: 6px;
        width: 100%;
    }
    #product-options-wrapper .field .label {
        font-size: 12px;
        margin-bottom: 5px;
    }
    #product-options-wrapper .options-list.nested {
        gap: 6px;
    }
    #product-options-wrapper .options-list .field.choice .label {
        height: 34px;
        font-size: 12px;
        border-radius: 4px;
    }
}

/* 5. MENSAGEM DE ERRO PERSONALIZADA (Injetada via JS) */
#custom-js-error-msg {
    display: block;
    width: 100%;
    margin-top: 8px;
    padding: 0;
    background: transparent;
    border: none;
    color: #dc3545; /* Vermelho de erro */
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 1.2;
    clear: both;
    animation: fadein 0.5s;
}

#custom-js-error-msg::before {
    content: '⚠️ ';
    font-size: 12px;
}

@keyframes fadein {
    from { opacity: 0; }
    to { opacity: 1; }
}

/* =================================================
   1. REMOVER BOTÃO CUSTOM SETTINGS (GERAL)
   ================================================= */
button.amgdprcookie-button.-settings {
    display: none !important;
}

/* =================================================
   2. AJUSTES ESPECÍFICOS PARA MOBILE (POPUP)
   ================================================= */
@media only screen and (max-width: 768px) {
    
    /* Ocupar 80% da Largura da Tela */
    .amgdprjs-bar-template.-popup {
        width: 80% !important;
        max-width: 80% !important;
        min-width: unset !important;
        left: 50% !important;
        transform: translate(-50%, -50%) !important;
        margin: 0 !important;
    }

    /* Conteúdo ocupando 90% da área do Popup */
    .amgdprjs-bar-template.-popup .amgdprcookie-bar-container {
        padding: 20px 5% !important;
        width: 100% !important;
        box-sizing: border-box !important;
    }

    /* Empilhar botões para ficarem grandes no dedo */
    .amgdprcookie-buttons-block {
        display: flex !important;
        flex-direction: column !important;
        gap: 10px !important;
        align-items: center !important;
    }
    
    /* Botões ocupando toda a largura disponível */
    .amgdprcookie-button {
        width: 100% !important;
        margin: 0 !important;
        justify-content: center !important;
    }
}


.badge-sales {
    display: none;
}

/* Espaçamento e Alinhamento dos Ícones do Menu */
img.menu-thumb-icon {
    margin-right: 05px !important;    /* Adiciona o espaço lateral */
    display: inline-block !important; /* Garante que o navegador respeite a margem */
    vertical-align: middle !important; /* Centraliza verticalmente com o texto */
    transform: translateY(-2px);      /* Sobe o ícone um pouquinho para alinhar com a fonte */
}

/* Custom CSS para remover o espaçamento superior no footer */
.footer-middle > .container {
    padding-top: 0 !important;
}

/* 1. Corrige o contêiner do Label para dar espaço ao checkbox */
.amrev-checkbox-container .amrev-label {
    display: flex !important;
    align-items: center !important;
    position: relative !important;
    /* O segredo está aqui: 45px de padding na esquerda empurra o texto para não cobrir o box */
    padding: 10px 15px 10px 45px !important; 
    min-height: 44px !important;
    width: auto !important;
    box-sizing: border-box !important;
}

/* 2. Posiciona a Caixa (quadrado) do Checkbox fixo na esquerda */
.amrev-checkbox-container .amrev-label::before {
    position: absolute !important;
    left: 15px !important; /* Fixa o box a 15px da borda esquerda */
    top: 50% !important;
    transform: translateY(-50%) !important; /* Centraliza verticalmente */
    margin: 0 !important;
    width: 20px !important;
    height: 20px !important;
    z-index: 1; /* Garante que fique visível */
}

/* 3. Posiciona o "Visto" (Checkmark) dentro da caixa */
.amrev-checkbox-container .amrev-label::after {
    position: absolute !important;
    /* Ajuste fino para o ícone ficar no centro do box (15px do box + deslocamento) */
    left: 19px !important; 
    top: 50% !important;
    transform: translateY(-50%) !important; /* Mantém centralizado */
    z-index: 2;
}

.amreview-title-review {
    margin-right: 280px;
}

/* Remove a margem lateral excessiva e define a largura para 80% */
.amreview-title-review {
    margin-right: 0 !important; /* Remove o bloqueio de 280px */
    width: 80% !important;      /* Força ocupar 80% do container */
    max-width: 80% !important;  /* Garante que não ultrapasse 80% */
    word-break: normal !important; /* Opcional: Evita quebrar palavras no meio se não for necessário */
}

/* Ajusta o texto abaixo do botão para ter a mesma largura e ficar em negrito */
.amreview-add-new .amreview-label {
    max-width: 100% !important;   /* Remove o limite de 160px que forçava a quebra */
    width: auto !important;       /* Permite que o texto se ajuste naturalmente */
    min-width: 275px !important;  /* Força uma largura mínima igual ou levemente maior que o botão */
    font-weight: 800 !important;  /* Aplica o Negrito (pode usar 'bold' ou 700/800) */
    text-align: center !important; /* Centraliza o texto para alinhar visualmente com o botão */
    line-height: 1.3 !important;  /* Um leve ajuste na altura da linha para ficar mais bonito */
}

/* Estilo para destacar a Nota Média (4.5) */
.amreview-summary-info .amreview-summary {
    /* 1. Aumenta o texto e reforça o negrito */
    font-size: 4.5rem !important; 
    font-weight: 900 !important;
    
    /* 2. Cria a moldura (borda) ao redor do número */
    border: 3px solid #f0ad4e !important; /* Cor laranja similar às estrelas */
    background-color: #fff !important;    /* Fundo branco para destacar */
    border-radius: 8px !important;        /* Arredonda levemente os cantos */
    
    /* 3. Espaçamento interno para o texto não colar na borda */
    padding: 5px 20px !important;
    
    /* 4. Ajustes de posicionamento */
    display: inline-block !important;     /* Faz a moldura envolver apenas o número */
    margin-right: 15px !important;        /* Dá um espaço extra entre a nota e as estrelas */
    line-height: 1 !important;            /* Evita que a moldura fique muito alta verticalmente */
    color: #f0ad4e !important;            /* Garante que o texto tenha a mesma cor da borda */
}


/* Ajuste do Texto "2 Avaliações" para alinhar com as estrelas e ficar em negrito */
.amreview-summary-info .amreview-count {
    /* 1. Largura: Ajustada para 160px para bater exatamente com a largura do container das estrelas */
    min-width: 160px !important; 
    
    /* 2. Alinhamento: Centraliza o texto logo abaixo das estrelas */
    display: inline-block !important;
    text-align: center !important;
    
    /* 3. Tipografia: Aplicada diretamente no elemento (para funcionar sendo link ou não) */
    font-weight: 900 !important;  /* Negrito extra forte */
    font-size: 16px !important;   /* Aumenta o tamanho da fonte */
    color: #333 !important;       /* Escurece o cinza para dar mais leitura */
    
    /* 4. Ajustes finos de espaçamento */
    padding-left: 0 !important;
    margin-top: 8px !important;   /* Um pouco mais de espaço entre as estrelas e o texto */
    line-height: 1.2 !important;
}

/* Regra de segurança: Garante que se o texto for um link, ele herde o estilo acima */
.amreview-summary-info .amreview-count a {
    font-weight: inherit !important;
    font-size: inherit !important;
    color: inherit !important;
    text-decoration: none !important;
}

/* Oculta o elemento ::after (a setinha) do box de recomendação em PC e Mobile */
.amreview-author-details .amreview-recommended::after,
.amreview-recommended::after {
    display: none !important;
    content: none !important;
    border: none !important;
}

@media (max-width: 768px) {
    /* 1. Transforma o pai em uma coluna flexível centralizada */
    .amreview-summary-info {
        display: flex !important;
        flex-direction: column !important; /* Empilha um embaixo do outro */
        align-items: center !important;   /* Centraliza horizontalmente */
        justify-content: center !important;
        width: 100% !important;
        text-align: center !important;
    }

    /* 2. Remove a margem lateral do "4.5" e adiciona espaço embaixo */
    .amreview-summary-info .amreview-summary {
        margin-right: 0 !important; /* Remove o empurrão para a direita */
        margin-bottom: 10px !important; /* Dá um respiro antes das estrelas */
    }

    /* 3. Garante que o wrapper das Estrelas + Texto fique no centro */
    .amreview-rating-wrapper {
        margin: 0 auto !important;
        float: none !important;
        display: block !important;
    }
}

/* ==========================================================================
   CSS CUSTOM: BARRA DE FILTROS - ALINHAMENTO PERFEITO (PC & MOBILE)
   ========================================================================== */

/* 1. CONTAINER GERAL
   Define o palco como Flexbox para distribuir os lados (Checkbox vs Ordenação) */
.amrev-toolbar-container {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    flex-wrap: wrap !important;
    gap: 15px !important;
    padding: 10px 15px !important;
    background-color: #fcfcfc !important;
    border: 1px solid #e1e1e1 !important;
    border-radius: 8px !important;
}

/* 2. GRUPO DE ORDENAÇÃO (Direita) - A MÁGICA ACONTECE AQUI
   display: flex aqui é OBRIGATÓRIO para o texto "Ordenar por" ficar na linha do Box */
.amrev-sorting {
    display: flex !important;
    align-items: center !important; /* Alinha tudo verticalmente no centro */
    justify-content: flex-end !important;
    gap: 10px !important; /* Espaço entre Texto, Box e Seta */
    float: none !important;
    margin: 0 !important;
}

/* 3. O TEXTO "ORDENAR POR"
   Removemos margens que quebravam a linha e forçamos o alinhamento */
.amrev-sorting .label.sorter-label {
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
    display: block !important;
    white-space: nowrap !important; /* Proíbe quebra de linha */
    font-weight: 600 !important;
    font-size: 14px !important;
    color: #333 !important;
}

/* 4. O SELECT (CAIXA DE ESCOLHA)
   Definimos uma altura fixa (42px) para usar de referência na seta */
.amrev-sorting select#amreview-sorter {
    height: 42px !important; /* Altura fixa */
    min-height: 42px !important;
    line-height: 40px !important; /* Ajuste do texto interno */
    padding: 0 30px 0 10px !important;
    margin: 0 !important;
    border: 1px solid #ccc !important;
    border-radius: 6px !important;
    background-color: #fff !important;
    vertical-align: middle !important;
}

/* 5. A SETA (BOTÃO) - AJUSTE SOLICITADO
   Mesma altura do Box, centralizada e maior */
.amrev-sorting .action.amrev-sortbtn {
    display: flex !important; /* Permite centralizar o ícone */
    align-items: center !important;
    justify-content: center !important;
    
    /* Tamanhos Iguais ao Select */
    height: 42px !important;
    width: 42px !important; /* Quadrado perfeito */
    
    /* Visual */
    margin: 0 !important;
    padding: 0 !important;
    background-color: #fff !important;
    border: 1px solid #ccc !important; /* Borda igual ao select para parecer conjunto */
    border-radius: 6px !important;
    color: #555 !important;
    text-decoration: none !important;
    font-size: 18px !important; /* Ícone Grande */
    line-height: 1 !important;
    cursor: pointer !important;
}

/* Hover na seta */
.amrev-sorting .action.amrev-sortbtn:hover {
    background-color: #f0f0f0 !important;
    border-color: #bbb !important;
}

/* 6. CORREÇÃO DO CHECKBOX (Esquerda) */
.ul.amrev-filters, 
.li.amrev-filter {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
    display: flex !important;
    align-items: center !important;
}

/* ==========================================================================
   AJUSTES MOBILE (Telas menores que 768px)
   ========================================================================== */
@media (max-width: 768px) {
    /* 1. Empilha Checkbox em cima e Ordenação embaixo */
    .amrev-toolbar-container {
        flex-direction: column !important; /* Coluna vertical */
        justify-content: center !important;
        align-items: center !important;
        gap: 15px !important;
    }

    /* 2. Centraliza o grupo de ordenação */
    .amrev-sorting {
        width: 100% !important;
        justify-content: center !important; /* Centraliza itens no meio da tela */
    }

    /* 3. Garante que a Seta continue grande no Mobile */
    .amrev-sorting .action.amrev-sortbtn {
        min-width: 42px !important; /* Garante que não esmague */
    }

    /* 4. Ajuste do texto no mobile (opcional, para caber melhor) */
    .amrev-sorting .label.sorter-label {
        font-size: 13px !important;
    }
}

/* Cria o espaço de 20px entre a barra lateral e o comentário no PC */
@media (min-width: 769px) {
    
    /* 1. Transforma o Item da Lista (Pai) em Flexbox */
    li.item.review-item {
        display: flex !important;
        align-items: flex-start !important; /* Alinha ambos ao topo */
        justify-content: space-between !important;
        gap: 20px !important; /* A MÁGICA: Cria exatamente 20px de espaço entre eles */
    }

    /* 2. Ajusta a Coluna Esquerda (Autor) */
    .amreview-author-details {
        /* Mantém os 25% fixos, mas ajustados para o Flex */
        flex: 0 0 25% !important; 
        max-width: 25% !important;
        
        /* Remove comportamentos antigos que atrapalham */
        width: auto !important; 
        margin: 0 !important; 
        float: none !important;
    }

    /* 3. Ajusta a Coluna Direita (Conteúdo) */
    .amreview-description-wrap {
        /* Ocupa todo o espaço restante disponível */
        flex: 1 !important; 
        width: auto !important;
        
        /* Remove limites antigos */
        max-width: none !important; 
        margin: 0 !important;
        float: none !important;
    }
}

/* ==========================================================================
   CSS CUSTOM: AJUSTE DE LARGURA PARA O SELO CABER NA LINHA (PC)
   ========================================================================== */

@media (min-width: 769px) {
    
    /* 1. O PAI (LINHA DA AVALIAÇÃO)
       Transforma em Flexbox para podermos redimensionar as colunas facilmente */
    li.item.review-item {
        display: flex !important;
        flex-direction: row !important;
        align-items: flex-start !important;
        justify-content: space-between !important;
        gap: 20px !important; /* Mantém o espaçamento entre as DIVs que você pediu antes */
    }

    /* 2. COLUNA DA ESQUERDA (AUTOR E SELO) - AUMENTADA
       Antes era 25% (aprox 145px). Mudamos para 32% para ganhar o espaço extra. */
    .amreview-author-details {
        flex: 0 0 32% !important; /* Fixa a largura em 32% */
        max-width: 32% !important;
        width: auto !important;   /* Reseta larguras antigas */
        float: none !important;   /* Remove floats antigos */
        margin: 0 !important;
    }

    /* 3. COLUNA DA DIREITA (COMENTÁRIO) - REDUZIDA AUTOMATICAMENTE
       O 'flex: 1' faz ela ocupar todo o espaço que sobrar (aprox 68%), sem quebrar linha. */
    .amreview-description-wrap {
        flex: 1 !important;       /* Cresce para preencher o resto */
        width: auto !important;   /* Remove a trava de 75% */
        max-width: none !important;
        float: none !important;
    }

    /* 4. SEGURANÇA DO SELO
       Garante que o texto e ícone fiquem na mesma linha aproveitando o novo espaço */
    .amreview-author-details .amreview-verified {
        display: block !important;    /* Garante comportamento de bloco padrão */
        white-space: nowrap !important; /* Proíbe quebra de linha no texto */
        width: 100% !important;
    }
}


/* Oculta a Barra de Ferramentas de Comentário e o Bloco de Comentários */
.amrev-comment-toolbar,
.amrev-comment-block {
    display: none !important;
    visibility: hidden !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

/* 1. Container Geral: Centraliza o conteúdo horizontalmente e verticalmente */
.amreview-percent-block {
    display: flex !important;
    align-items: center !important;      /* Centraliza Verticalmente */
    justify-content: center !important;  /* Centraliza Horizontalmente na tela */
    gap: 8px !important;                 /* Espaço ideal entre o 100% e o texto */
}

/* 2. O Texto "100%" (Valor) */
.amreview-percent-block .amreview-value {
    font-size: 26px !important;   /* Reduzido de 36px para ~25px (30% menor) */
    color: #0066cc !important;    /* Azul "Confiança" (Tom institucional forte) */
    font-weight: 800 !important;  /* Mantém bem grosso */
    margin: 0 !important;         /* Remove margens laterais antigas para usar o gap */
    line-height: 1 !important;
}

/* 3. A Frase "dos clientes recomendam..." */
.amreview-percent-block .amreview-desc {
    font-weight: 700 !important;  /* Negrito solicitado */
    color: #444 !important;       /* Cinza escuro para leitura fácil */
    font-size: 14px !important;   /* Garante que o tamanho fique harmônico */
    text-transform: none !important;
    margin: 0 !important;
}


/* Esconde o texto original Filter */
.porto-product-filters-toggle span,
.filter-toggle .filter-title {
    visibility: hidden;
    position: relative;
}

/* Coloca o texto em Português por cima */
.porto-product-filters-toggle span::after,
.filter-toggle .filter-title::after {
    content: "FILTRAR";
    visibility: visible;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    text-align: center;
    color: inherit; /* Mantém a cor original */
    font-weight: bold;
}

/* ====================================================
   PERSONALIZAÇÃO MENU MOBILE (IGUAL AO PC)
   ==================================================== */


@media (max-width: 991px) {
    .nav-sections {
        background-color: #0088cc;
    }
}

@media (max-width: 991px) {
    .navigation a {
        color: #ffffff !important;
    }
}


@media (max-width: 991px) {
    .navigation li.level0>a.ui-state-active, .navigation li.level0>a.ui-state-active+.submenu {
        background-color: #24a0de;
    }
}


@media (max-width: 991px) {
    .navigation li.level0>a.ui-state-active {
        color: #FFFFFF !important;
    }
}


@media (max-width: 991px) {
    .nav-sections .header.links {
        margin: 0;
        padding: 0;
        list-style: none none;
        color: #ffffff;
    }
}


@media (max-width: 991px) {
    header.page-header .nav-sections-item-title.active > a, header.page-header .nav-sections-item-title.active > a:hover, header.page-header .nav-sections-item-title.active > a:focus {
        color: #FFFFFF;
    }
}

@media (max-width: 991px) {
    .nav-sections .header.links a, .nav-sections .header.links a:hover {
        color: #FFFFFF;
    }
}

/* 1. Esmaga o padding-left de 140px do Tema Porto usando força máxima (html body) */
html body .page-header .search-area .block.block-search,
html body .page-header .search-area .block.block-search .block-content,
html body .page-header .search-area .block.block-search .control {
    padding-left: 0 !important;
    margin-left: 0 !important;
    width: 100% !important;
}

/* 2. Força o formulário a usar Flexbox e ocupar 100% do espaço que acabou de ser liberado */
html body .page-header .search-area .block.block-search form.minisearch {
    display: flex !important;
    width: 100% !important;
    margin: 0 !important;
}

/* 3. Garante que a tag pai do input estique totalmente */
html body .page-header .search-area .block.block-search .field.search {
    flex: 1 !important;
    width: 100% !important;
}

/* 4. Estica o campo azul (Input) para colar na borda esquerda e adiciona respiro do texto */
html body .page-header .search-area .block.block-search input#search {
    width: 100% !important;
    margin-left: 0 !important;
    padding-left: 20px !important; /* Espaço pro texto não colar na borda */
    border-radius: 25px !important; /* Mantém a curva bonita na esquerda também */
}

.opc-block-summary .not-calculated {
    display: none;
}/* ============================================
   CSS PREÇO - PÁGINA DO PRODUTO
   Estilos para exibição de preço na página do produto
   ============================================ */

/* Estilos de Preço em Grid (mantidos do CSS original) */
.price-box .price {
    font-size: 14px !important;
    font-weight: 500 !important;
}

.product-item-info .product-item-details .price-box {
    margin-bottom: 0rem !important;
}

.mm-price-parcels-grid {
    border-bottom: white !important;
    font-size: 13px !important;
    font-weight: 500 !important;
    margin: 3px !important;
}

.line {
    border-bottom: 1px solid #ECECEC;
    text-align: center;
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 18px;
    margin-bottom: 18px;
    position: relative;
}

.price-valor {
    font-size: 23px;
    font-family: inherit;
    color: #000;
    letter-spacing: 0;
    line-height: initial;
}

.price-ou {
    position: absolute;
    background-color: #fff;
    top: 50%;
    margin-top: -12px;
    font-weight: 500;
    margin-left: -10px;
}

.price-frase {
    font-weight: 500;
    margin-bottom: 30px;
}

/* Ocultar preços em featured product */
#featured_product .mm-price-parcels-grid {
    display: none !important;
}

#featured_product #preco-a-vista-mm {
    display: none !important;
}

/* ============================================
   PRODUCT PAGE PRICE CARD - HIGH CONVERSION
   ============================================ */

/* Ocultar preço padrão do Magento */
.price-box.price-final_price {
    display: none !important;
}

/* Container Principal do Card de Preço */
.product-info-price {
    display: flex;
    align-items: stretch;
    gap: 0;
    width: 100%;
    max-width: 100%;
    background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
    border: 2px solid #d2d2d2;
    border-radius: 20px;
    padding: 0;
    box-shadow: 0 8px 24px rgba(25, 118, 210, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
    margin: 20px 0 25px 0;
    position: relative;
    overflow: hidden;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* Barra Superior Removida - Borda Uniforme nos 4 Lados */
.product-info-price::before {
    display: none;
}

/* Efeito Hover no Card (sem mudança de borda) */
.product-info-price:hover {
    box-shadow: 0 12px 32px rgba(25, 118, 210, 0.18), 0 4px 12px rgba(0, 0, 0, 0.08);
    transform: translateY(-2px);
}

/* Divisor "ou" Centralizado - AUMENTADO 20% */
.product-info-price::after {
    content: 'ou';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    background: #ffffff;
    color: #6b7280;
    font-size: 14.4px;
    font-weight: 700;
    padding: 7.2px 14.4px;
    border-radius: 20px;
    border: 2px solid #e5e7eb;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.12);
    z-index: 2;
    text-transform: uppercase;
    letter-spacing: 0.6px;
}

/* ============================================
   SEÇÃO PIX (ESQUERDA) - COM ÍCONE
   ============================================ */

div.product-info-main #preco-a-vista-mm {
    flex: 1;
    width: 50% !important;
    padding: 20px 20px !important;
    text-align: center;
    background: #f3f4f6;
    color: #1a1a1a;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 18px 0 0 18px;
    margin-right: 0 !important;
    overflow: hidden;
}

/* Borda Divisória Direita */
div.product-info-main #preco-a-vista-mm::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 1px;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
}

/* Ícone PIX SVG Oficial Extraído do Tema Shopify - Posicionado no Topo */
div.product-info-main #preco-a-vista-mm::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 22px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg version='1.0' viewBox='0 0 901.000000 900.000000' xmlns='http://www.w3.org/2000/svg'%3E%3Cg transform='translate(0 900) scale(.1 -.1)'%3E%3Cpath fill='%23019a6a' d='m4265 8986c-216-42-357-99-536-217-83-54-204-172-1001-968-500-498-908-909-908-913 0-5 92-8 204-8 288 0 449-33 646-132 186-94 194-101 985-889 413-411 766-755 785-765 49-26 181-26 230 0 19 10 368 350 775 755 642 640 752 746 834 800 241 159 431 218 735 228l178 6-888 889c-489 489-920 913-959 943-157 121-324 202-519 252-88 22-127 26-296 29-136 2-216-1-265-10z'/%3E%3Cpath fill='%23019a6a' d='m861 5935c-485-487-577-584-630-664-102-154-154-272-199-450-25-99-27-121-27-321 0-191 3-225 24-310 49-199 134-377 256-535 30-38 299-315 598-614l544-543 359 1c403 2 467 8 607 55 204 69 179 48 1022 887 759 756 760 756 845 798 197 96 409 94 603-5 66-35 130-95 812-774 446-444 766-756 807-784 79-56 187-107 289-137 68-20 102-23 419-29 190-3 352-9 360-13 11-5 167 145 586 565 488 490 580 587 633 667 34 52 73 116 87 142 195 385 195 873 0 1258-14 26-53 90-87 142-53 80-145 177-633 667-419 420-575 570-586 565-8-4-170-10-360-13-317-6-351-9-419-29-102-30-210-81-289-137-40-28-364-343-812-789-802-798-778-776-930-823-175-53-368-27-525 70-29 18-367 347-805 782-837 833-813 812-1017 882-136 46-219 54-616 56l-348 3-568-570z'/%3E%3Cpath fill='%23019a6a' d='m4465 3913c-47-14-101-65-805-767-796-793-804-800-990-894-196-99-359-132-647-132-112 0-203-3-203-8 0-4 408-415 908-913 797-796 918-914 1001-968 154-102 272-154 450-199 99-25 121-27 321-27 191 0 225 3 310 24 199 49 377 134 535 256 39 30 470 454 959 943l888 889-178 6c-304 10-494 69-735 228-82 54-193 161-839 805-722 719-747 743-799 758-67 19-110 19-176-1z'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.95;
    z-index: 1;
}

/* Valor Principal à Vista - UNIFICADO COM CARTÃO - FONTE INTER BOLD */
div.product-info-main #preco-a-vista-mm .mestremage-price,
div.product-info-main #preco-a-vista-mm .price-valor,
div.product-info-main #preco-a-vista-mm span[itemprop='price'] {
    font-size: 36px !important; /* Tamanho unificado - Reduzido 10% */
    font-weight: 700 !important; /* INTER BOLD */
    color: #d32f2f !important;
    line-height: 1.1 !important;
    margin: 28px 0 10px 0 !important;
    letter-spacing: -0.5px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    position: relative;
    z-index: 2;
    display: block !important;
    width: 100% !important;
}

/* Texto "À vista no Pix" - FONTE UNIFICADA - INTER SEMIBOLD */
div.product-info-main #preco-a-vista-mm .price-frase,
div.product-info-main #preco-a-vista-mm p {
    font-size: 13px !important;
    font-weight: 600 !important; /* INTER SEMIBOLD */
    color: #d32f2f !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.5 !important;
    text-transform: uppercase;
    letter-spacing: 0.8px;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    position: relative;
    z-index: 2;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* Remover ícone emoji do texto (já temos SVG no topo) */
div.product-info-main #preco-a-vista-mm .price-frase::before,
div.product-info-main #preco-a-vista-mm p::before {
    display: none !important;
}

/* Remover linha antiga */
div.product-info-main #preco-a-vista-mm .line {
    display: none !important;
}

/* ============================================
   SEÇÃO CARTÃO (DIREITA) - COM ÍCONE
   ============================================ */

div.jsr-priceinstallment {
    flex: 1;
    width: 50% !important;
    padding: 20px 20px !important;
    text-align: center;
    background: #ffffff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 0 18px 18px 0;
    position: relative;
}

/* Ícone de Cartão de Crédito SVG Novo - Versão 2.1.1 Renasceu - Margem Mínima */
div.jsr-priceinstallment::before {
    content: '';
    position: absolute;
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: 35.11px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 300 188' xmlns='http://www.w3.org/2000/svg'%3E%3Cdefs%3E%3ClinearGradient id='darkGradient_211_snug' x1='0%25' y1='0%25' x2='100%25' y2='100%25'%3E%3Cstop offset='0%25' style='stop-color:%231f2937;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23374151;stop-opacity:1' /%3E%3C/linearGradient%3E%3ClinearGradient id='stripeGradient_211_snug' x1='0%25' y1='0%25' x2='100%25' y2='0%25'%3E%3Cstop offset='0%25' style='stop-color:%238b5cf6;stop-opacity:1' /%3E%3Cstop offset='50%25' style='stop-color:%23ec4899;stop-opacity:1' /%3E%3Cstop offset='100%25' style='stop-color:%23f97316;stop-opacity:1' /%3E%3C/linearGradient%3E%3C/defs%3E%3Crect width='300' height='188' rx='15' ry='15' fill='url(%23darkGradient_211_snug)'/%3E%3Crect x='25' y='30' width='45' height='35' rx='5' fill='%23facc15' stroke='%2392400e' stroke-width='2'/%3E%3Crect x='0' y='70' width='300' height='15' fill='url(%23stripeGradient_211_snug)'/%3E%3Cpath d='M 0 100 Q 75 120, 150 100 T 300 100 L 300 188 L 0 188 Z' fill='%234b5563' opacity='0.3'/%3E%3Cg transform='translate(210, 130) scale(2.25)'%3E%3Ccircle r='15' fill='%23f59e0b'/%3E%3Ccircle cx='12' r='15' fill='%23ef4444' opacity='0.8'/%3E%3C/g%3E%3C/svg%3E");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0.9;
    z-index: 1;
}

/* Valor Parcelado - UNIFICADO COM PIX - FONTE INTER BOLD */
div.jsr-priceinstallment .mestremage-price,
div.jsr-priceinstallment .price-valor,
div.jsr-priceinstallment span[itemprop='price'] {
    font-size: 36px !important; /* Mesmo tamanho do Pix - Reduzido 10% */
    font-weight: 700 !important; /* INTER BOLD */
    color: #1a1a1a !important;
    line-height: 1.1 !important;
    margin: 28px 0 10px 0 !important;
    letter-spacing: -0.5px !important;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    position: relative;
    z-index: 2;
    display: block !important;
    width: 100% !important;
}

/* Texto das Parcelas - FONTE UNIFICADA - INTER SEMIBOLD */
div.product-info-main .mm-price-parcels-view,
div.jsr-priceinstallment p {
    font-size: 13px !important;
    font-weight: 600 !important; /* INTER SEMIBOLD */
    color: #4a5568 !important;
    line-height: 1.5 !important;
    margin: 0 !important;
    padding: 0 !important;
    letter-spacing: 0.8px;
    text-transform: uppercase;
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    position: relative;
    z-index: 2;
    display: block !important;
    width: 100% !important;
    text-align: center !important;
}

/* Remover ícone emoji do texto de parcelas */
div.product-info-main .mm-price-parcels-view::before,
div.jsr-priceinstallment p::before {
    display: none !important;
}

/* Remover linha antiga */
div.product-info-main #preco-a-vista-mm .line {
    display: none !important;
}

/* Remover linha de preço antiga */
.line-price-product {
    display: none !important;
}

.line-price-product .ou-price-product {
    display: none !important;
}

/* ============================================
   ANIMAÇÕES E MICRO-INTERAÇÕES
   ============================================ */

/* Animação de Pulse Suave no Card */
@keyframes pulse-glow {
    0%, 100% {
        box-shadow: 0 8px 24px rgba(25, 118, 210, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
    }
    50% {
        box-shadow: 0 12px 32px rgba(25, 118, 210, 0.2), 0 4px 12px rgba(0, 0, 0, 0.08);
    }
}

.product-info-price {
    animation: pulse-glow 3s ease-in-out infinite;
}

/* ============================================
   RESPONSIVIDADE DESKTOP GRANDE (992px+)
   ============================================ */

@media (min-width: 992px) {
    .product-info-price {
        max-width: 610px;
    }
    
    div.product-info-main #preco-a-vista-mm .mestremage-price,
    div.product-info-main #preco-a-vista-mm .price-valor,
    div.product-info-main #preco-a-vista-mm span[itemprop='price'] {
        font-size: 38px !important; /* Tamanho unificado - Reduzido ~9.5% */
        margin: 28px 0 10px 0 !important;
    }
    
    div.jsr-priceinstallment .mestremage-price,
    div.jsr-priceinstallment .price-valor,
    div.jsr-priceinstallment span[itemprop='price'] {
        font-size: 38px !important; /* Mesmo tamanho do Pix - Reduzido ~9.5% */
        margin: 28px 0 10px 0 !important;
    }
}

/* ============================================
   RESPONSIVIDADE TABLET (576px - 991px)
   ============================================ */

@media (min-width: 576px) and (max-width: 991px) {
    .product-info-price {
        max-width: 100%;
    }
    
    div.product-info-main #preco-a-vista-mm {
        padding: 24px 16px !important;
    }
    
    div.jsr-priceinstallment {
        padding: 24px 16px !important;
    }
    
    div.product-info-main #preco-a-vista-mm .mestremage-price,
    div.product-info-main #preco-a-vista-mm .price-valor,
    div.product-info-main #preco-a-vista-mm span[itemprop='price'] {
        font-size: 32px !important; /* Tamanho unificado - Reduzido ~11% */
        margin: 28px 0 10px 0 !important;
    }
    
    div.jsr-priceinstallment .mestremage-price,
    div.jsr-priceinstallment .price-valor,
    div.jsr-priceinstallment span[itemprop='price'] {
        font-size: 32px !important; /* Mesmo tamanho do Pix - Reduzido ~11% */
        margin: 28px 0 10px 0 !important;
    }
}

/* ============================================
   RESPONSIVIDADE MOBILE (max-width: 575px)
   LADO A LADO (não empilhado)
   ============================================ */

@media (max-width: 575px) {
    /* Container Mobile - LADO A LADO */
    .product-options-bottom,
    .product-info-price {
        width: 100% !important;
        flex-direction: row !important;
        background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%);
        border: 2px solid #d2d2d2;
        border-radius: 16px;
        padding: 0 !important;
        box-shadow: 0 8px 24px rgba(25, 118, 210, 0.12), 0 2px 8px rgba(0, 0, 0, 0.04);
        margin: 20px 0 15px 0 !important;
        gap: 0;
    }
    
    /* Remover barra superior no mobile também */
    .product-info-price::before {
        display: none;
    }
    
    /* Badge "ou" aumentado 20% no mobile */
    .product-info-price::after {
        display: block;
        font-size: 12px;
        padding: 4.8px 9.6px;
    }
    
    /* Preço à Vista Mobile - Lado Esquerdo */
    div.product-info-main #preco-a-vista-mm {
        width: 50% !important;
        padding: 14px 12px !important;
        border-radius: 14px 0 0 14px;
        margin-right: 0 !important;
        background: #f3f4f6;
    }
    
    div.product-info-main #preco-a-vista-mm::after {
        display: block;
        background: rgba(0, 0, 0, 0.1);
    }
    
    div.product-info-main #preco-a-vista-mm::before {
        top: 10px;
        width: 18px;
        height: 18px;
    }
    
    div.product-info-main #preco-a-vista-mm .mestremage-price,
    div.product-info-main #preco-a-vista-mm .price-valor,
    div.product-info-main #preco-a-vista-mm span[itemprop='price'] {
        font-size: 26px !important; /* Tamanho unificado - Reduzido ~7% */
        margin: 24px 0 8px 0 !important;
        color: #d32f2f !important;
    }
    
    div.product-info-main #preco-a-vista-mm .price-frase,
    div.product-info-main #preco-a-vista-mm p {
        font-size: 11px !important;
        font-weight: 600 !important;
        color: #d32f2f !important;
        letter-spacing: 0.5px;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    }
    
    /* Preço Parcelado Mobile - Lado Direito */
    div.jsr-priceinstallment {
        width: 50% !important;
        padding: 14px 12px !important;
        border-radius: 0 14px 14px 0;
    }
    
    div.jsr-priceinstallment::before {
        top: 10px;
        width: 28.72px;
        height: 18px;
    }
    
    div.jsr-priceinstallment .mestremage-price,
    div.jsr-priceinstallment .price-valor,
    div.jsr-priceinstallment span[itemprop='price'] {
        font-size: 26px !important; /* Mesmo tamanho do Pix - Reduzido ~7% */
        margin: 24px 0 8px 0 !important;
    }
    
    div.product-info-main .mm-price-parcels-view,
    div.jsr-priceinstallment p {
        font-size: 11px !important;
        font-weight: 600 !important;
        letter-spacing: 0.5px;
        text-transform: uppercase;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif !important;
    }
    
    /* Botão de Carrinho Mobile */
    .product-info-main .box-tocart .action.tocart {
        width: 100% !important;
        max-width: 100%;
    }
}

/* ============================================
   ACESSIBILIDADE E CONTRASTE
   ============================================ */

/* Garantir contraste adequado - Removido para permitir cor vermelho fogo claro no preço e texto */

div.jsr-priceinstallment * {
    color: inherit;
}

/* Foco para acessibilidade */
.product-info-price:focus-within {
    outline: 3px solid #1976d2;
    outline-offset: 2px;
}