@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap');
body {
    font-family: "Roboto", "sans-serif";
}

.loading__spinner {
    color: #12183D;
}

.site-header__logo img {
    height: 35px;
}

.site-header__cart i {
    color: #12183D;
}

.site-header__cart i:hover {
    color: #0d36e8;
}

.site-header__cart .indicator__value {
    background-color: #fff;
    color: #12183D;
}

.footer-contacts__text img {
    height: 35px;
    filter: brightness(0) invert(1);
}

.footer-apps__text img {
    width: 120px;
}

.nav-panel {
    background: #E6E6E6;
    color: #0d36e8;
}

.block-brands__slider .owl-nav i, .block-products-carousel__slider .owl-nav i {
    color: #12183D;
}

.block-products-carousel__column .product-card__name {
    min-height: 55px;
}

.block-products-carousel__column .product-card__prices {
    min-height: 35px;
    margin-bottom: 10px;
}

.block-products-carousel__column .product-card__buttons {
    margin-top: 0px;
}

.product-card__prices {
    min-height: 15px;
}

.product-card__price {
    color: #12183D;
}

.product-card__new-price {
    color: #12183D;
}

.product__price {
    color: #12183D;
}

.product__new-price {
    color: #12183D;
}

.top-button {
    color: #12183D;
}

@media (max-width: 991px) {
    .indicator__value {
        background: #12183D;
        color: #fff;
    }
}

.page-header__back i {
    color: #12183D;
}

.input-check__input:checked ~ .input-check__box {
    background: #12183D;
}

.block-slideshow .owl-carousel .owl-dot {
    background: #0d36e8;
}

.block-slideshow .owl-carousel .owl-dot.active {
    background: #12183D;
}

.block-header__arrow {
    background: transparent;
    color: #12183D;
}

.block-header__arrow:hover {
    background: #f7f7f7;
    color: #0d36e8;
}

.block-header__arrow:active {
    background: transparent;
    color: #12183D;
}

.block-header__arrow:focus {
    background: #f7f7f7;
    color: #12183D;
}

.filter__arrow {
    color: #12183D;
}

.site-newsletter__title {
    color: #FFF;
}

.footer-links__title {
    color: #12183D;
}

.footer-contacts__title, .service-bar__title:hover {
    color: #12183D;
}

.footer-newsletter__title {
    color: #12183D;
}

.footer-payment__title {
    color: #12183D;
}

.footer-seals__title {
    color: #12183D;
}

.footer-apps__title {
    color: #12183D;
}

.megamenu__links--level--1 .megamenu__item a {
    font-size: 14px;
    white-space: nowrap;
    margin-right: 15px;
}

.footer-seals__text img {
    width: 50%!important;
}

.block-header__title {
    color: #12183D;
}

.page-header__title {
    color: #12183D;
}

.product__name {
    color: #12183D;
}

.container__products-carousel-grid {
    margin-top: 30px;
}

.product-tabs__item {
    color: #12183D;
}

.product-tabs__item:hover {
    color: #12183D;
}

.product-tabs__item--active {
    border-bottom-color: #12183D;
}

.block-products-carousel[data-layout=grid-5] .product-card .product-card__actions {
    padding: 15px 15px 15px;
}

[dir=ltr] .nav-panel__nav-links {
    margin-right: 0px;
    height: 46px;
}

@media (min-width: 992px) and (max-width: 1199px) {
    .nav-links__item-link {
        font-size: 12px;
        font-weight: 500;
        white-space: nowrap;
    }
}

@media (min-width: 1200px) {
    .nav-links__item-link {
        font-size: 14px;
        font-weight: 500;
        white-space: nowrap;
    }
}

.nav-links__item--has-submenu .nav-links__item-body {
    padding-right: 15px!important;
}

.nav-links__item-body .fa-chevron-down {
    display: none;
}

.megamenu__links--level--1 > .megamenu__item > a {
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    padding-right: 20px;
}

.megamenu__links--level--1 > .megamenu__item > a:hover {
    color: #0D36E8;
}

.megamenu__links--level--1 > .megamenu__item > a:active {
    color: #12183D;
}

.megamenu__links--level--1 > .megamenu__item > a:focus {
    color: #0D36E8;
}

.nav-links__item {
    margin-left: 2px;
    margin-right: 2px;
}

.topbar-message {
    background: #606061;
    color: #FFF;
    min-height: 40px;
    padding: 10px;
}

.topbar-message .fa-shipping-fast {
    font-size: 20px;
}

.topbar-app {
    background: #e1e1e1;
    color: #FFF;
    min-height: 40px;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 0px;
    padding-right: 0px;
}

.topbar-app img {
    background: #FFF;
    padding: 7px;
    box-shadow: 1px 1px 3px #606061;
    -webkit-box-shadow: 1px 1px 3px #606061;
    -moz-box-shadow: 1px 1px 3px #606061;
    border-radius: 10px;
    height: 48px;
}

.topbar-app .btn {
    font-weight: 500;
    border-radius: 5px;
    box-shadow: 1px 1px 3px #606061;
    -webkit-box-shadow: 1px 1px 3px #606061;
    -moz-box-shadow: 1px 1px 3px #606061;
}

.site-newsletter {
    background: #12183D;
}

.service-bar {
    background: #12183D;
}

.site-header__phone-title {
    color: #12183D;
}

.search__button {
    color: #0d36e8;
}


.service-bar__title:hover {
    color: #12183D;
}

.service-bar__title {
    color: #fff;
}

.site-header__phone-title {
    font-size: 14px;
}

.mobile-header__logo img {
    max-height: 45px;
    max-width: 200px;
}

.site-header {
    background: #E6E6E6;
    color: #12183D;
}

.search__form {
    background: #FFFFFF;
}

.search__button {
    background: #0d36e8;
    color: #ffffff;
}

.search__button:hover {
    background: #0d36e8;
    color: #ffffff;
}

.search__button:active {
    background: #0d36e8;
    color: #ffffff;
}

.site-header__phone-title {
    color: #12183D;
    margin-top: 5px;
}

.site-header__phone-number .fa-whatsapp {
    color: #12183D;
}

.mobile-header__panel {
    background: #E6E6E6;
}

.mobile-header__panel i {
    color: #12183D;
}

.mobile-header__search {
    background-color: #E6E6E6;
}

.site-newsletter {
    background: #0d36e8;
    color: #12183D;
}

.mobile-header__search-form i {
    color: #b3b3b3;
}

.footer-links__title {
    color: #ffffff;
}

.footer-apps__title {
    color: #ffffff;
}

.footer-contacts__title, .service-bar__title:hover {
    color: #ffffff;
}

.footer-contacts__contacts a {
    color: #ffffff;
}

.fa-whatsapp:before {
    color: #12183D;
}

.footer-contacts__contacts li {
    color: #ffffff;
}

.footer-links__list a {
    color: #ffffff;
}

.site-footer__copyright {
    color: #ffffff;
}

.site-footer {
    background: #12183D;
}

.fa-arrow-alt-circle-up:before {
    color: #000000;
}

.service-bar {
    margin-top: 1px;
}

.nav-links__item-link {

    color: #12183D;
}

.megamenu__body {
    background: #12183D;
}

.megamenu__links--level--1 > .megamenu__item > a {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    padding-right: 20px;
}

.megamenu__links--level--1 > .megamenu__item > a:hover {
    color: #fff;
}

.megamenu__links--level--1 > .megamenu__item > a:active {
    color: #fff;
}

.nav-links__item-link:hover {
    background-color: #12183D;
}

.nav-links__item--hover {
    background-color: #12183D;
}

.nav-links__item-link-body {
    background-color: #E6E6E6;
    color: #fff;
}

.footer-links__list {
    color: #fff;
}

.footer-seals__title {
    color: #fff;
}

.footer-payment__title {
    color: #fff;
}

.site-header__phone-number a {
    font-size: 14px;
}

.site-header__phone-number {
    font-size: 14px;
}

.fa-long-arrow-alt-right:before {
    color: #12183D;
}


.nav-links__list {
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    position: absolute;
}


.modal-header {
    color: #fff;
    background: #12183D;
}

.card-body strong {
    color: #D81920;
}

.nav-links__item-body::hover {
    color: #fff;
}

.topbar {
    background: #E6E6E6;
    border-bottom: 1px #E6E6E6 solid;
    color: #12183D;
}

.megamenu__links--level--1 > .megamenu__item > a:hover {
    color: #fff;
}

.megamenu__links--level--1 > .megamenu__item > a:active {
    color: #fff;
}

.product-card__prices-condition {
    font-size: 18px;
    font-weight: 700;
    margin-top: 5px;
    margin-bottom: 5px;
    line-height: 1.3;
    color: #0E36E8;
    background: none;
    -webkit-background-clip: initial;
    -webkit-text-fill-color: initial;
}

.product-card__promotion-legend {
    font-size: 15px;
    line-height: 1;
    color: red;
    padding-top: 5px;
    z-index: 0;
}

.nav-links__item-body {
    padding: 0 8px;
}

.site-footer__logo img {
    filter: brightness(0) invert(1);
}

.topmenu-item[title="SALDÃO"] {
    color: #fff !important;
}

.topmenu-item[title="SALDÃO"] a {
    color: #fff !important;
}

.nav-links__item--has-submenu .nav-links__item-body {
    padding-right: 0px;
}
.product-card__new-price {
    color: #7e7e80;
}

.product-card__old-price {
    font-size: 14px;
    font-weight: 400;
    margin-bottom: 5px;
    color: #7e7e80;
    text-decoration: line-through;
}

.btn-success {
    color: #fff;
    background-color: #0c35e8;
    border-color: #0c35e8;
}

.btn-success:hover {
    color: #0c35e8;
    background-color: #fff;
    border-color: #0c35e8
}
.nav-links__item:last-child .nav-links__item-link {

    background-color: #0c35e8;

    color: #fff;
    /* cor do texto, opcional */

}

.product-card {
    border: 1px solid #ccc;
    /* borda cinza padrão */
    border-radius: 8px;
    padding: 16px;
    margin: 10px;
    background-color: #fff;
    transition:
    border-color 0.3s ease,
    box-shadow 0.3s ease,
    transform 0.3s ease;
    /* inclui transição para o movimento */
}

/*Efeito ao passar o mouse*/
.product-card:hover {
    border-color: rgba(12, 53, 232, 1);
}
.btn-orcamento {
    background-color: #0000FF;
    border-color: #0f2136;
    color: #fff;
}
.btn-orcamento:hover {
    background-color: #0000FF;
    border-color: #0000FF;
    color: #fff;
}
/* ============================================================================
   FEMABRA — ADAPTAÇÃO DE LAYOUT  ·  v1  ·  11/09/2026
   Configurações → Layout → aba CSS

   COMO APLICAR
   1. A linha do @import abaixo vai na PRIMEIRA LINHA do editor, antes de tudo.
      (@import só funciona no topo do arquivo. Se ficar no fim, a Poppins
      não carrega e o site volta pra Arial.)
   2. Todo o resto vai NO FIM do CSS existente, sem apagar nada.

   COMO REVERTER
   Apague a linha 1 e apague deste bloco até o fim do arquivo. Ou cole de
   volta o arquivo do backup (BACKUP-layout-original-20260911.zip).

   ESCOPO: apenas aparência. Nenhuma regra comercial, preço, tabela,
   permissão ou parâmetro de venda é afetado por este arquivo.
   ========================================================================= */

/* =========================================================================
   1. TIPOGRAFIA
   Hoje o site usa Roboto. A Poppins é mais larga e mais redonda — dá o tom
   de varejo sem mexer em nenhuma estrutura.
   ========================================================================= */

body,
.btn,
input, select, textarea,
.nav-links__item-link,
.megamenu__links--level--1 > .megamenu__item > a {
    font-family: "Poppins", "Segoe UI", Helvetica, Arial, sans-serif;
}


/* =========================================================================
   2. CARD DE PRODUTO — PREÇO
   Correção mais importante do arquivo.
   Existem hoje 3 declarações de .product-card__new-price e a última deixa
   o preço em #7e7e80 (cinza). O preço é o elemento mais apagado do card.
   ========================================================================= */

.product-card__new-price {
    color: #12183D;
    font-size: 21px;
    font-weight: 700;
    letter-spacing: -0.02em;
    line-height: 1.15;
    display: block;
}

/* preço antigo riscado — recua para não competir */
.product-card__old-price,
.product-card__price {
    font-size: 12px;
    font-weight: 400;
    color: #9AA2BC;
    text-decoration: line-through;
    margin-bottom: 2px;
}

/* parcelamento — hoje está em 18px bold azul, mais forte que o próprio
   preço à vista. Vira linha de apoio. */
.product-card__prices-condition {
    font-size: 12.5px;
    font-weight: 500;
    color: #4A5473;
    margin-top: 3px;
    margin-bottom: 0;
    line-height: 1.35;
}

/* selo de promoção */
.product-card__promotion-legend {
    font-size: 12px;
    font-weight: 600;
    color: #C62828;
    padding-top: 4px;
}

/* reserva de altura para os cards ficarem alinhados na linha,
   tenham ou não preço antigo */
.block-products-carousel__column .product-card__prices {
    min-height: 62px;
    margin-bottom: 12px;
}


/* =========================================================================
   3. CARD DE PRODUTO — CAIXA
   O card já tem raio 8px e hover. Aqui só o acabamento: borda mais fria,
   sombra para dar profundidade e padding coerente com o .product-card__actions.
   ========================================================================= */

.product-card {
    border: 1px solid #E3E8F2;
    border-radius: 8px;
    padding: 8px;
    margin: 6px;
    box-shadow: 0 1px 2px rgba(18, 24, 61, 0.04);
    transition: border-color 0.18s ease, box-shadow 0.18s ease;
}

.product-card:hover {
    border-color: #C3CEEC;
    box-shadow: 0 8px 22px rgba(18, 24, 61, 0.11);
}

.product-card__image {
    padding: 10px 10px 2px;
}

.block-products-carousel__column .product-card__name {
    min-height: 58px;
    font-size: 13px;
    line-height: 1.35;
    color: #4A5473;
}

.product-card__rating-legend {
    font-size: 11px;
    color: #9AA2BC;
}

.block-products-carousel[data-layout=grid-5] .product-card .product-card__actions {
    padding: 10px 10px 12px;
}


/* =========================================================================
   4. BOTÕES
   .btn-success já foi trocado para o azul Femabra (#0c35e8) mais acima
   no arquivo — isso continua. Aqui é só peso, caixa e largura.
   ========================================================================= */

.product-card__addtocart {
    width: 100%;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-radius: 5px;
    padding-top: 9px;
    padding-bottom: 9px;
}

/* botão de orçamento: hoje está em #0000FF (azul puro do navegador),
   que não é cor da marca */
.btn-orcamento,
.btn-orcamento:hover {
    background-color: #12183D;
    border-color: #12183D;
    color: #fff;
}

/* campo de quantidade dentro do card */
.input-number .form-control {
    border-color: #DDE3EF;
    border-radius: 5px;
    font-size: 13px;
}


/* =========================================================================
   5. CABEÇALHO DAS VITRINES
   São seis vitrines empilhadas na home. Sem hierarquia elas viram uma
   coisa só.
   ========================================================================= */

.block-header__title {
    font-size: 19px;
    font-weight: 700;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    color: #12183D;
}

.container__products-carousel-grid {
    margin-top: 44px;
}


/* =========================================================================
   6. NEWSLETTER
   CORREÇÃO: o botão "Enviar" tem classe .btn-success, que agora é
   #0c35e8 — o mesmo azul do fundo da barra. O botão está invisível hoje.
   ========================================================================= */

.site-newsletter {
    background: #0C35E8;
    padding-top: 20px;
    padding-bottom: 20px;
}

.site-newsletter__title {
    font-size: 17px;
    font-weight: 600;
    color: #FFFFFF;
    line-height: 1.35;
}

.site-newsletter__input {
    border: 1px solid transparent;
    border-radius: 5px;
    font-size: 13px;
}

.site-newsletter__button,
.site-newsletter__button:hover {
    background-color: #12183D;
    border-color: #12183D;
    color: #FFFFFF;
    font-weight: 600;
    letter-spacing: 0.03em;
    text-transform: uppercase;
    border-radius: 5px;
    padding-left: 26px;
    padding-right: 26px;
}


/* =========================================================================
   7. BARRA DE SERVIÇOS E MENU
   Estrutura e links intactos. Só legibilidade.
   ========================================================================= */

.service-bar__title {
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.01em;
}

.nav-links__item-link {
    font-weight: 500;
    letter-spacing: 0.01em;
}


/* =========================================================================
   8. RODAPÉ
   ========================================================================= */

.footer-links__title,
.footer-contacts__title,
.footer-payment__title,
.footer-seals__title,
.footer-apps__title {
    font-size: 14px;
    font-weight: 600;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}

.footer-links__list a,
.footer-contacts__contacts a,
.footer-contacts__contacts li {
    font-size: 13.5px;
    line-height: 1.9;
}

.footer-links__list a:hover {
    color: #FFFFFF;
    text-decoration: underline;
}


/* =========================================================================
   9. CELULAR
   ========================================================================= */

@media (max-width: 767px) {

    .product-card {
        padding: 6px;
        margin: 4px;
    }

    .product-card__new-price {
        font-size: 19px;
    }

    .block-header__title {
        font-size: 16px;
    }

    .container__products-carousel-grid {
        margin-top: 30px;
    }

    .site-newsletter__title {
        font-size: 15px;
        text-align: center;
        display: block;
        margin-bottom: 10px;
    }
}

/* ===================== FIM DA ADAPTAÇÃO FEMABRA ========================= */

/* ============================================================================
   FEMABRA - ADAPTACAO DE LAYOUT  ·  v2  ·  CABECALHO E MENU  ·  12/09/2026
   Bloco adicionado ao final. Apenas aparencia.
   REVERTER: apagar deste comentario ate o fim.
   ========================================================================= */

/* ---- 1. CABECALHO NAVY ---- */
.site-header {
    background: #12183D;
}

.site-header__topbar,
.topbar {
    background: #F4F6FB;
    border-bottom: 1px solid #E3E8F2;
    color: #12183D;
}

.site-header__middle {
    padding-top: 16px;
    padding-bottom: 16px;
}

.site-header__logo img {
    filter: brightness(0) invert(1);
    height: 40px;
}

/* busca */
.search__form {
    background: #FFFFFF;
    border-radius: 6px;
    overflow: hidden;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.18);
}
.search__input {
    height: 46px;
    font-size: 14px;
    padding-left: 16px;
    border: 0;
    color: #12183D;
}
.search__input::placeholder {
    color: #7E87A4;
}
.search__button {
    background: #0C35E8;
    color: #FFFFFF;
    height: 46px;
    min-width: 50px;
    border: 0;
}
.search__button.voice-btn {
    background: #FFFFFF;
    color: #7E87A4;
    min-width: 40px;
}

/* carrinho e listas */
.site-header__cart i {
    color: #FFFFFF;
    font-size: 24px;
}
.site-header__cart i:hover {
    color: #C5CCE6;
}
.site-header__cart .indicator__value {
    background: #0C35E8;
    color: #FFFFFF;
    font-weight: 600;
}

/* telefones */
.site-header__phone-title {
    color: #A7B0D0;
    font-size: 12px;
    font-weight: 500;
    letter-spacing: 0.04em;
    text-transform: uppercase;
}
.site-header__phone-number,
.site-header__phone-number a {
    color: #FFFFFF;
    font-weight: 500;
}
.site-header__phone .site-header-contacts__icon,
.site-header__phone .fa-whatsapp:before {
    color: #FFFFFF;
}

/* ---- 2. MENU BRANCO, SALDAO LARANJA ---- */
.nav-panel,
.site-header__nav-panel {
    background: #FFFFFF;
    border-bottom: 1px solid #E3E8F2;
}
.nav-links__item-link {
    color: #12183D;
    font-weight: 500;
}
.nav-links__item-link:hover,
.nav-links__item--hover {
    background: #EEF1F7;
    color: #12183D;
}
.nav-links__item-link-body {
    background: transparent;
    color: #12183D;
}
.nav-links__item:last-child .nav-links__item-link {
    background: #E4590A;
    color: #FFFFFF;
    border-radius: 4px;
    font-weight: 600;
}
.topmenu-item[title="SALDÃO"] a {
    color: #FFFFFF !important;
}

/* ============ FIM v2 (cabecalho e menu) ============ */
/* ---- 3. "VEJA MAIS" NOS TITULOS DAS VITRINES ---- */
.block-header__link {
    margin-left: 12px;
    font-size: 13px;
    font-weight: 600;
    color: #0C35E8;
    white-space: nowrap;
}
.block-header a:hover .block-header__link {
    text-decoration: underline;
}
.block-header a:hover .block-header__title {
    color: #0C35E8;
}

/* ============ FIM v2 ============ */
/* veja mais na mesma linha do titulo */
.block-header > a {
    display: inline-flex;
    align-items: baseline;
    gap: 12px;
    text-decoration: none;
}
.block-header > a .block-header__title {
    margin: 0;
}
/* ---- 4. LINHA DO TITULO: titulo | linha | ver tudo ---- */
.block-header {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 14px;
}
.block-header > a {
    display: contents;
}
.block-header__title {
    order: 1;
    margin: 0;
    flex: 0 0 auto;
}
.block-header__divider {
    order: 2;
    flex: 1 1 auto;
    height: 1px;
    background: #DDE3EF;
    margin: 0;
}
.block-header__divider + .block-header__divider {
    display: none;
}
.block-header__link {
    order: 3;
    flex: 0 0 auto;
    margin: 0;
    font-size: 0;
    color: #0C35E8;
}
.block-header__link::after {
    content: "Ver tudo \2197";
    font-size: 13px;
    font-weight: 600;
    white-space: nowrap;
}
.block-header__link:hover::after {
    text-decoration: underline;
}
/* palavra de destaque no titulo da vitrine */
.block-header__title .tt-accent {
    color: #E4590A;
}

/* botao do card: "Comprar" no lugar de "Adicionar" (mesma acao) */
.product-card__addtocart {
    font-size: 0 !important;
    line-height: 0;
}
.product-card__addtocart i {
    display: none;
}
.product-card__addtocart::after {
    content: "Comprar";
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    letter-spacing: 0;
    text-transform: none;
}
/* menu departamentos: camada externa da mesma cor (some a linha branca de 1px) */
.megamenu {
    background: #12183D;
}
.nav-links__submenu--type--megamenu {
    background: transparent;
}

/* chip do CA no card e na pagina do produto (preenchido por script) */
.ca-chip {
    display: inline-block;
    margin-top: 6px;
    padding: 2px 9px;
    border-radius: 4px;
    background: #E4F3EC;
    color: #0F7B4F;
    font-size: 11px;
    font-weight: 600;
    letter-spacing: 0.02em;
    line-height: 1.6;
}
.product__name + .ca-chip, .product .ca-chip {
    font-size: 12px;
    margin: 6px 0 10px;
}
.product-card .ca-chip {
    align-self: center;
    width: auto;
    max-width: max-content;
    margin-left: auto;
    margin-right: auto;
}
/* ---- 5. QUANTIDADE + COMPRAR NA MESMA LINHA ---- */
.product-card__buttons > .row {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    gap: 6px;
    margin: 0
}
.product-card__buttons > .row > .col-12 {
    padding: 0;
    max-width: none
}
.product-card__buttons > .row > .col-12:first-child {
    flex: 0 0 86px;
    width: 86px
}
.product-card__buttons > .row > .col-12.mt-2 {
    flex: 1 1 auto;
    margin-top: 0 !important
}
.product-card__buttons .input-number {
    height: 38px
}
.product-card__buttons .input-number .form-control {
    height: 38px;
    padding: 0 22px;
    font-size: 13px;
    text-align: center
}
.product-card__buttons .product-card__addtocart {
    height: 38px;
    padding-top: 0;
    padding-bottom: 0;
    margin-top: 0
}
/* ---- 5b. LARGURA DO BOTAO (tema limita a 150px) ---- */
.product-card .product-card__buttons {
    max-width: 100% !important;
    width: 100%
}
.product-card .product-card__buttons > .row > .col-12.mt-2 {
    min-width: 0
}
.block-products-carousel[data-layout=grid-5] .product-card .product-card__buttons .btn,
.products-list[data-layout=grid-4-sidebar] .product-card .product-card__buttons .btn,
.product-card .product-card__buttons .product-card__addtocart {
    min-width: 0;
    width: 100%
}
.product-card__buttons > .row > .col-12:first-child:only-child {
    flex: 1 1 auto;
    width: 100%
}
@media (max-width:575px) {
    .product-card__buttons > .row > .col-12:first-child:not(:only-child) {
        flex: 0 0 74px;
        width: 74px
    }
    .product-card__buttons .input-number .form-control {
        padding: 0 18px
    }
    .product-card__buttons .product-card__addtocart {
        padding-left: 6px;
        padding-right: 6px
    }
    .product-card__addtocart::after {
        font-size: 13px
    }
}
/* ---- 6. CABECALHO MOBILE (mesma identidade do desktop) ---- */
.mobile-header__panel {
    background: #12183D;
    color: #fff
}
.mobile-header__panel i {
    color: #fff
}
.mobile-header__menu-button {
    color: #fff;
    font-size: 26px
}
.mobile-header__menu-button:focus,.mobile-header__menu-button:hover {
    background: rgba(255,255,255,.12);
    color: #fff
}
.mobile-header__logo img {
    filter: brightness(0) invert(1);
    max-height: 36px
}
.mobile-header__search {
    background-color: #12183D;
    box-shadow: none
}
.mobile-header__search form {
    border: 0;
    border-radius: 6px;
    background: #fff;
    box-shadow: 0 2px 8px rgba(0,0,0,.18);
    height: 44px
}
.mobile-header__search input {
    font-size: 15px;
    color: #12183D;
    padding-left: 4px
}
.mobile-header__search input::placeholder {
    color: #7E87A4
}
.mobile-header__search-form i {
    color: #7E87A4
}
.mobile-header__search-form button[type=submit] i {
    color: #0C35E8
}
.mobile-header__search-button:focus i,.mobile-header__search-button:hover i {
    color: #0C35E8
}
.indicator--mobile .indicator__value {
    background: #0C35E8;
    color: #fff
}
.indicator--mobile .indicator__area i {
    font-size: 24px
}
/* menu lateral */
.mobilemenu__header {
    background: #12183D;
    color: #fff;
    border-bottom: 0
}
.mobilemenu__header i {
    color: #E4590A
}
.mobilemenu__close {
    color: #fff
}
.mobilemenu__close:focus,.mobilemenu__close:hover {
    color: #fff
}
.mobilemenu__content .mobilemenu__header {
    background: #F4F6FB;
    color: #12183D;
    height: 44px;
    border-top: 1px solid #E3E8F2;
    border-bottom: 1px solid #E3E8F2
}
.mobilemenu__content .mobilemenu__title {
    font-size: 12px;
    letter-spacing: .06em;
    text-transform: uppercase;
    color: #7E87A4
}
.mobilemenu__content .mobilemenu__header i {
    color: #7E87A4
}
.mobile-links__item-link {
    color: #12183D;
    font-weight: 500
}
.mobile-links--level--0>.mobile-links__item {
    border-bottom: 1px solid #F0F2F7
}
.mobile-links__item-toggle {
    color: #7E87A4
}
/* titulo das vitrines no celular */
@media (max-width:575px) {
    .block-header {
        gap: 10px
    }
    .block-header__title {
        font-size: 16px;
        flex: 1 1 auto;
        min-width: 0;
        line-height: 1.25
    }
    .block-header__divider {
        display: none
    }
    .block-header__link::after {
        font-size: 12px
    }
}
.mobilemenu__backdrop {
    background: #0A0F2C
}
/* ---- 7. AJUSTES DA AUDITORIA (12/09) ---- */
/* botao "Comprar" cortado entre 1200 e 1400px */
.product-card .product-card__buttons .product-card__addtocart {
    padding-left: 8px;
    padding-right: 8px
}
.product-card__buttons > .row > .col-12:first-child:not(:only-child) {
    flex: 0 0 78px;
    width: 78px
}
.product-card__buttons .input-number .form-control {
    padding: 0 20px
}
/* cards da mesma altura: preco e botao alinhados na base */
.block-products-carousel .owl-stage {
    display: flex
}
.block-products-carousel .owl-item {
    display: flex;
    float: none
}
.block-products-carousel__column {
    display: flex;
    flex-direction: column;
    width: 100%
}
.block-products-carousel__cell {
    flex: 1 1 auto;
    display: flex
}
.block-products-carousel .product-card,.products-list .product-card {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%
}
.product-card .product-card__info {
    flex: 1 1 auto
}
.product-card .product-card__actions {
    margin-top: auto
}
/* sem rolagem lateral (linha do slideshow com margem negativa) */
.container__banner-slideshow .row {
    margin-left: 0;
    margin-right: 0
}
.container__banner-slideshow .row > [class*=col-] {
    padding-left: 0;
    padding-right: 0
}
/* video do Quem Somos com largura fixa de 640px */
iframe.note-video-clip {
    max-width: 100%;
    width: 100%;
    aspect-ratio: 16/9;
    height: auto
}