@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
}
/* ---- 8. CARROSSEL NO CELULAR: sem setas, com espiada dos vizinhos ---- */
@media (max-width:575px) {
    .block-products-carousel .owl-nav {
        display: none
    }
    .product-card__buttons > .row > .col-12:first-child:not(:only-child) {
        flex: 0 0 64px;
        width: 64px
    }
    .product-card__buttons .input-number .form-control {
        padding: 0 16px
    }
    .product-card .product-card__buttons .product-card__addtocart {
        padding-left: 4px;
        padding-right: 4px
    }
}
/* ---- 9b. CELULAR: banner em card, busca arredondada, titulo com linha ---- */
@media (max-width:767px) {
    .container__banner-slideshow {
        padding-left: 16px;
        padding-right: 16px
    }
    .block-slideshow {
        margin-bottom: 34px
    }
    .block-slideshow__body .owl-stage-outer {
        border-radius: 14px
    }
    .block-slideshow__body .owl-nav {
        display: none
    }
    .block-slideshow .owl-carousel .owl-dots {
        bottom: -24px;
        left: 0;
        right: 0;
        justify-content: center;
        gap: 6px;
        background: transparent;
        padding: 0
    }
    .block-slideshow .owl-carousel .owl-dot {
        width: 8px;
        height: 8px;
        border-radius: 4px;
        background: #C9CFE0;
        margin: 0
    }
    .block-slideshow .owl-carousel .owl-dot.active {
        width: 24px;
        background: #E4590A
    }
    .mobile-header__search form {
        border-radius: 999px;
        padding-left: 10px;
        overflow: hidden
    }
    .mobile-header__search form > div, .mobile-header__search input {
        border-radius: 999px
    }
    .block-header__divider {
        display: block;
        flex: 1 1 16px;
        min-width: 16px
    }
}
/* ---- 10. AUDITORIA, 2a rodada (12/09) ---- */
/* lupa fina, a esquerda, no celular */
@media (max-width:767px) {
    .mobile-header__search form {
        padding-left: 14px
    }
    .mobile-header__search-form button[type=submit] {
        order: -1;
        width: auto;
        margin: 0 6px 0 0;
        right: auto;
        top: auto;
        position: static;
        height: 100%
    }
    .mobile-header__search-form button[type=submit] i {
        font-weight: 300;
        font-size: 20px;
        color: #12183D
    }
    .mobile-header__search input {
        padding-left: 2px
    }
    .mobile-header__search-form .input-group-append {
        order: 2
    }
    .mobile-header__search-form .voice-btn {
        order: 3
    }
}
/* compartilhar: discreto, abaixo do bloco de compra */
.product-share {
    margin: 18px 0 0
}
.product-share .shareon > * {
    width: 34px !important;
    height: 34px !important;
    background: #EEF1F7 !important;
    color: #7E87A4 !important;
    border-radius: 50% !important;
    box-shadow: none !important
}
.product-share .shareon > *::before {
    font-size: 15px !important;
    color: #7E87A4 !important
}
.product-share .shareon > *:hover {
    background: #DDE3EF !important
}
.product-share .fem-share-label {
    display: block;
    font-size: 12px;
    color: #7E87A4;
    margin-bottom: 6px
}
/* sinais de confianca */
.fem-trust {
    list-style: none;
    margin: 18px 0 0;
    padding: 14px 0 0;
    border-top: 1px solid #E3E8F2;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 10px 16px
}
.fem-trust li {
    display: flex;
    gap: 10px;
    align-items: flex-start;
    font-size: 13px;
    line-height: 1.35;
    color: #12183D
}
.fem-trust li i {
    color: #0C35E8;
    font-size: 18px;
    flex: 0 0 22px;
    margin-top: 1px
}
.fem-trust li a {
    color: #0C35E8;
    text-decoration: underline
}
@media (max-width:575px) {
    .fem-trust {
        grid-template-columns: 1fr
    }}
/* regras de senha so no cadastro, nao no login */
form[data-form="entrarCliente"] #requisitos_senha {
    display: none
}
/* carrinho vazio com saida */
.fem-empty-cta {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    justify-content: center;
    margin: 18px 0 8px
}
.fem-empty-cta a {
    display: inline-block;
    padding: 11px 18px;
    border-radius: 6px;
    font-weight: 600;
    font-size: 14px;
    text-decoration: none
}
.fem-empty-cta a.primary {
    background: #0C35E8;
    color: #fff
}
.fem-empty-cta a.secondary {
    background: #fff;
    color: #12183D;
    border: 1px solid #DDE3EF
}
/* alvos de toque no celular */
@media (max-width:767px) {
    .footer-links__link {
        display: inline-block;
        padding: 7px 0
    }
    .breadcrumb-item a {
        display: inline-block;
        padding: 6px 0
    }
    .block-slideshow .owl-carousel .owl-dot {
        position: relative
    }
    .block-slideshow .owl-carousel .owl-dot::before {
        content: "";
        position: absolute;
        left: -8px;
        right: -8px;
        top: -14px;
        bottom: -14px
    }
    /* barra fixa de compra na pagina do produto */
    body.fem-has-buybar {
        padding-bottom: 84px
    }
    .fem-buybar-on form.product__options .product__actions {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1030;
        margin: 0;
        padding: 10px 16px calc(10px + env(safe-area-inset-bottom));
        background: #fff;
        box-shadow: 0 -6px 18px rgba(18,24,61,.14);
        display: flex;
        flex-wrap: nowrap !important;
        align-items: center;
        gap: 10px
    }
    .fem-buybar-on form.product__options .product__actions-item {
        margin: 0 !important
    }
    .fem-buybar-on form.product__options .product__actions-item:first-child {
        flex: 0 0 96px;
        width: 96px
    }
    .fem-buybar-on form.product__options .product__quantity {
        width: 96px !important;
        max-width: 96px !important
    }
    .fem-buybar-on form.product__options .product__actions-item--addtocart {
        flex: 1 1 auto;
        min-width: 0;
        width: auto !important;
        margin-top: 0 !important
    }
    .fem-buybar-on form.product__options .product__actions-item--addtocart .btn {
        width: 100%;
        height: 46px;
        padding: 0 8px
    }
    .fem-buybar-on form.product__options .input-number {
        height: 46px
    }
    .fem-buybar-on form.product__options .input-number .form-control {
        height: 46px;
        padding: 0 26px;
        text-align: center
    }
    .fem-buybar-price {
        flex: 0 0 auto;
        font-family: Poppins,sans-serif;
        font-weight: 700;
        font-size: 17px;
        color: #12183D;
        line-height: 1.1;
        max-width: 96px
    }
    .fem-buybar-price small {
        display: block;
        font-size: 10px;
        font-weight: 500;
        color: #7E87A4;
        letter-spacing: .04em;
        text-transform: uppercase
    }
}
/* ---- 11. CANTOS ARREDONDADOS EM IMAGENS E BANNERS (PC e celular) ---- */
.block-slideshow__body .owl-stage-outer {
    border-radius: 14px
}
.block-slideshow__body .owl-stage-outer img {
    border-radius: 14px
}
@media (min-width:768px) {
    .container__banner-slideshow {
        padding-left: 15px;
        padding-right: 15px;
        max-width: 720px
    }
    .container__banner-slideshow .row {
        margin-left: 0;
        margin-right: 0
    }
    .container__banner-slideshow .row > [class*=col-] {
        padding-left: 0;
        padding-right: 0
    }
    .block-slideshow {
        margin-bottom: 40px
    }
}
@media (min-width:992px) {
    .container__banner-slideshow {
        max-width: 960px
    }}
@media (min-width:1200px) {
    .container__banner-slideshow {
        max-width: 1140px
    }}
.block-brands__item img {
    border-radius: 12px
}
.block-banner__image img {
    border-radius: 14px
}
.block-banner__body {
    overflow: hidden;
    border-radius: 14px
}
.product-gallery__featured {
    border-radius: 14px;
    box-shadow: 0 0 0 1px #E3E8F2 inset;
    overflow: hidden
}
.product-gallery__featured .product-image__img {
    border-radius: 12px
}
.product-gallery__carousel-item {
    border-radius: 8px;
    overflow: hidden
}
.product-card__image img {
    border-radius: 8px
}
/* ---- 12. CAMINHO DE NAVEGACAO (breadcrumb) ---- */
.breadcrumb {
    font-size: 12px;
    line-height: 20px;
    color: #7E87A4
}
.breadcrumb-item {
    text-transform: none !important;
    letter-spacing: 0
}
.breadcrumb-item a {
    color: #7E87A4
}
.breadcrumb-item a:hover {
    color: #0C35E8
}
.breadcrumb-item i {
    color: #C9CFE0;
    font-weight: 300;
    margin: 0 6px
}
.breadcrumb-item.active {
    color: #12183D
}
@media (max-width:767px) {
    .breadcrumb {
        display: flex;
        flex-wrap: nowrap;
        white-space: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding-bottom: 2px;
        padding-right: 96px
    }
    .breadcrumb::-webkit-scrollbar {
        display: none
    }
    .breadcrumb-item {
        flex: 0 0 auto
    }
    .breadcrumb-item a {
        padding: 0
    }
    .product .breadcrumb-item.active, [data-content=product-info] .breadcrumb-item.active, body.fem-pdp .breadcrumb-item.active {
        display: none
    }
    .fem-pdp .breadcrumb-item:nth-last-child(2) i {
        display: none
    }
}
/* ---- 13. BANNER PRINCIPAL NO PC: alinhado ao conteudo, setas fora do card ---- */
@media (min-width:1400px) {
    .container__banner-slideshow {
        max-width: 1320px
    }}
@media (min-width:1300px) {
    .block-slideshow__body .owl-nav {
        top: 50%;
        transform: translateY(-50%)
    }
    .block-slideshow__body .owl-prev,.block-slideshow__body .owl-next {
        height: auto
    }
    .block-slideshow__body .owl-prev {
        margin-left: -46px
    }
    .block-slideshow__body .owl-next {
        margin-right: -46px
    }
    .block-slideshow__body .owl-nav i {
        font-size: 48px;
        color: #12183D;
        opacity: .35;
        text-shadow: none
    }
    .block-slideshow__body .owl-nav i:hover {
        opacity: .85
    }
}
/* ---- 14. FAIXA "OFERTAS EM DESTAQUE" (vitrine com fundo navy) ---- */
.container__products-carousel-grid:has(.fem-ofertas) {
    position: relative;
    isolation: isolate;
    padding-top: 26px;
    padding-bottom: 30px;
    margin-top: 30px
}
.container__products-carousel-grid:has(.fem-ofertas)::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    width: 100vw;
    transform: translateX(-50%);
    background: #12183D;
    z-index: -1
}
.container__products-carousel-grid:has(.fem-ofertas) .block-header__title {
    color: #fff
}
.container__products-carousel-grid:has(.fem-ofertas) .block-header__title .fem-ofertas::before {
    content: "\f0e7";
    font-family: "Font Awesome 5 Pro";
    font-weight: 900;
    color: #E4590A;
    margin-right: 10px;
    font-size: 18px;
    vertical-align: -1px
}
.container__products-carousel-grid:has(.fem-ofertas) .block-header__divider {
    background: rgba(255,255,255,.22)
}
.container__products-carousel-grid:has(.fem-ofertas) .block-header__link {
    color: #fff
}
.container__products-carousel-grid:has(.fem-ofertas) .product-card {
    border-color: transparent;
    box-shadow: 0 4px 14px rgba(0,0,0,.18)
}
.container__products-carousel-grid:has(.fem-ofertas) .owl-nav i {
    color: #fff;
    opacity: .9
}
.container__products-carousel-grid:has(.fem-ofertas) .product-card__badges-list {
    position: static;
    display: block;
    margin: -1px -1px 0
}
.container__products-carousel-grid:has(.fem-ofertas) .product-card__badge {
    display: block;
    width: 100%;
    margin: 0;
    border-radius: 8px 8px 0 0;
    background: #E4590A !important;
    color: #fff;
    text-align: center;
    font-family: Poppins,sans-serif;
    font-weight: 700;
    font-size: 12px;
    letter-spacing: .02em;
    padding: 8px 6px
}
@media (max-width:575px) {
    .container__products-carousel-grid:has(.fem-ofertas) {
        padding-top: 18px;
        padding-bottom: 22px
    }}
/* ---- 14b. FAIXA NO CELULAR: fundo no proprio container ---- */
@media (max-width:767px) {
    .container__products-carousel-grid:has(.fem-ofertas) {
        background: #12183D
    }
    .container__products-carousel-grid:has(.fem-ofertas)::before {
        display: none
    }
}
/* ---- 15. BARRA DE BENEFICIOS abaixo do banner principal ---- */
.fem-benefits {
    background: #F4F6FB;
    border-top: 1px solid #E9EDF5;
    border-bottom: 1px solid #E9EDF5;
    margin: 0 0 28px
}
.fem-benefits .container {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    padding-top: 12px;
    padding-bottom: 12px;
    font-family: Poppins,sans-serif
}
.fem-benefits__item {
    display: flex;
    align-items: center;
    gap: 10px;
    font-size: 13px;
    color: #12183D;
    line-height: 1.2
}
.fem-benefits__item i {
    color: #0C35E8;
    font-size: 22px;
    flex: 0 0 auto
}
.fem-benefits__item b {
    display: block;
    font-weight: 600
}
.fem-benefits__item span {
    display: block;
    font-size: 11.5px;
    color: #6B7390;
    font-weight: 400;
    margin-top: 2px
}
@media (max-width:767px) {
    .fem-benefits {
        margin: 0 0 22px
    }
    .fem-benefits .container {
        padding: 8px 0 8px 16px;
        gap: 10px;
        overflow-x: auto;
        justify-content: flex-start;
        scrollbar-width: none;
        max-width: 100%
    }
    .fem-benefits .container::-webkit-scrollbar {
        display: none
    }
    .fem-benefits__item {
        flex: 0 0 auto;
        padding-right: 14px;
        border-right: 1px solid #E3E8F2
    }
    .fem-benefits__item:last-child {
        border-right: 0;
        padding-right: 16px
    }
    .fem-benefits__item i {
        font-size: 18px
    }
    .fem-benefits__item b {
        font-size: 12px
    }
    .fem-benefits__item span {
        display: none
    }
}
/* ---- 16. CHECKOUT mais claro (so apresentacao) ---- */
.container__checkout-container .card {
    border-radius: 10px;
    border-color: #E3E8F2
}
.container__checkout-container .card-title,.container__checkout-container h3.card-title {
    font-family: Poppins,sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #12183D
}
.container__checkout-container .alert-warning {
    background: #F4F6FB;
    border: 1px solid #E3E8F2;
    color: #12183D;
    font-weight: 500;
    border-radius: 8px;
    text-align: left
}
.container__checkout-container .freight-methods__list-checkout {
    height: auto;
    max-height: none;
    overflow: visible
}
.container__checkout-container .freight-methods__item {
    border-radius: 8px;
    border-color: #E3E8F2;
    background: #fff
}
.container__checkout-container .freight-methods__item:hover {
    background: #F8F9FC;
    border-color: #C9CFE0
}
.container__checkout-container .freight-methods__item-header {
    padding: 12px 16px;
    font-family: Poppins,sans-serif;
    font-weight: 600
}
.container__checkout-container .freight-methods__item-description {
    font-size: 13px;
    color: #6B7390;
    line-height: 1.45
}
.container__checkout-container .freight-methods__item .text-danger,.container__checkout-container .freight-methods__item-description .text-danger,.container__checkout-container .freight-methods__item-description b {
    color: #0F7B4F !important;
    font-weight: 600
}
.container__checkout-container .payment-methods__item {
    border-radius: 8px;
    border-color: #E3E8F2
}
.container__checkout-container .payment-methods__item--active {
    border-color: #0C35E8;
    box-shadow: 0 0 0 2px rgba(12,53,232,.12)
}
.container__checkout-container .payment-methods__item-header {
    font-family: Poppins,sans-serif;
    font-weight: 600
}
.container__checkout-container .checkout__totals-footer {
    font-family: Poppins,sans-serif;
    font-weight: 700;
    color: #12183D
}
.container__checkout-container .btn-primary,.container__checkout-container .btn-success {
    border-radius: 8px;
    font-family: Poppins,sans-serif;
    font-weight: 600
}
@media (min-width:992px) {
    .container__checkout-container .card:has(.checkout__totals) {
        position: sticky;
        top: 16px
    }}
/* ---- 16b. CHECKOUT: duas colunas no PC, fretes enxutos, passos numerados, botao fixo no celular ---- */
.container__checkout-container .page-header__title h1,.container__checkout-container h1 {
    font-family: Poppins,sans-serif;
    font-weight: 700;
    color: #12183D
}
.container__checkout-container {
    counter-reset: femstep
}
.container__checkout-container > .container > form > .row > .col-12,.container__checkout-container .fem-right > .col-12 {
    counter-increment: femstep
}
.container__checkout-container h3.title-checkout,.container__checkout-container .card-body > h5.mt-4 {
    font-family: Poppins,sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #12183D;
    margin: 0 0 14px !important;
    display: flex;
    align-items: center;
    gap: 10px
}
.container__checkout-container h3.title-checkout::before,.container__checkout-container .card-body > h5.mt-4::before {
    content: counter(femstep);
    width: 26px;
    height: 26px;
    border-radius: 50%;
    background: #0C35E8;
    color: #fff;
    font-size: 13px;
    font-weight: 600;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 auto
}
.container__checkout-container .card-body > h5 {
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #12183D
}
.container__checkout-container .card {
    border-radius: 10px;
    border-color: #E3E8F2;
    box-shadow: none
}
.container__checkout-container .card-body {
    padding: 22px 24px
}
.container__checkout-container .form-control {
    border-radius: 6px;
    border-color: #DDE3EF
}
.container__checkout-container .alert-warning {
    background: #F4F6FB;
    border: 1px solid #E3E8F2;
    color: #12183D;
    font-weight: 500;
    border-radius: 8px;
    padding: 10px 14px;
    font-size: 13px
}
/* fretes */
.container__checkout-container .freight-methods__list-checkout {
    height: auto;
    max-height: none;
    overflow: visible
}
.container__checkout-container .freight-methods__item {
    border: 1px solid #E3E8F2;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 8px;
    transition: border-color .15s,box-shadow .15s
}
.container__checkout-container .freight-methods__item:hover {
    border-color: #C9CFE0
}
.container__checkout-container .freight-methods__item:has(input:checked) {
    border-color: #0C35E8;
    box-shadow: 0 0 0 2px rgba(12,53,232,.12)
}
.container__checkout-container .freight-methods__item-header {
    padding: 12px 14px;
    margin: 0;
    cursor: pointer;
    align-items: center !important
}
.container__checkout-container .freight-methods__item-radio {
    margin-top: 0 !important;
    margin-right: 12px
}
.container__checkout-container .freight-methods__item-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 12px;
    flex: 1;
    min-width: 0;
    font-family: Poppins,sans-serif
}
.container__checkout-container .freight-methods__item-title > b {
    font-size: 14px;
    font-weight: 600;
    color: #12183D;
    flex: 1 1 100%
}
.container__checkout-container .freight-methods__item-title > b i {
    color: #0C35E8;
    margin-right: 6px
}
.container__checkout-container .fem-frete-prazo {
    font-size: 12.5px;
    color: #0F7B4F;
    font-weight: 500;
    flex: 1 1 auto
}
.container__checkout-container .fem-frete-preco {
    font-size: 15px;
    font-weight: 700;
    color: #12183D;
    margin-left: auto
}
.container__checkout-container .fem-frete-preco.is-free {
    color: #0F7B4F
}
.container__checkout-container .fem-frete-orig {
    display: none !important
}
.container__checkout-container .freight-methods__item-title > br,.container__checkout-container .freight-methods__item-title > small:empty {
    display: none
}
/* pagamento */
.container__checkout-container .payment-methods__item {
    border: 1px solid #E3E8F2;
    border-radius: 8px;
    margin-bottom: 8px;
    transition: border-color .15s,box-shadow .15s
}
.container__checkout-container .payment-methods__item--active {
    border-color: #0C35E8;
    box-shadow: 0 0 0 2px rgba(12,53,232,.12)
}
.container__checkout-container .payment-methods__item-header {
    padding: 12px 14px;
    margin: 0;
    cursor: pointer;
    display: flex;
    align-items: center
}
.container__checkout-container .payment-methods__item-title {
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #12183D;
    text-transform: none;
    display: block;
    line-height: 1.3
}
.container__checkout-container .payment-methods__item-title i {
    color: #0C35E8;
    margin-right: 6px
}
.container__checkout-container .payment-methods__item-title small {
    display: block;
    font-size: 12px;
    color: #6B7390;
    font-weight: 400;
    margin-top: 2px
}
.container__checkout-container .payment-methods__item-title img {
    display: none
}
/* resumo */
.container__checkout-container .checkout__totals {
    font-size: 13px
}
.container__checkout-container .checkout__totals td,.container__checkout-container .checkout__totals th {
    padding: 6px 0;
    border-color: #F0F2F7
}
.container__checkout-container .checkout__totals-products td:first-child {
    text-transform: none;
    color: #12183D
}
.container__checkout-container .checkout__totals-subtotals tr:last-child td {
    font-family: Poppins,sans-serif;
    font-size: 17px;
    font-weight: 700;
    color: #12183D;
    border-top: 1px solid #E3E8F2;
    padding-top: 10px
}
.container__checkout-container .coupon-checkout-link {
    font-size: 12.5px
}
.container__checkout-container .input-group.col-lg-5 {
    flex: 0 0 100%;
    max-width: 100%;
    display: flex;
    flex-wrap: nowrap
}
.container__checkout-container .input-group.col-lg-5 .form-control {
    flex: 1 1 auto;
    min-width: 0
}
.container__checkout-container .input-group.col-lg-5 .btn {
    white-space: nowrap;
    border-radius: 0 6px 6px 0
}
/* botoes */
.container__checkout-container .cart__order-button.btn-success {
    background: #0C35E8;
    border-color: #0C35E8;
    border-radius: 8px;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    font-size: 15px;
    height: 48px;
    padding: 0 16px
}
.container__checkout-container .cart__order-button.btn-success:hover {
    background: #0929B8;
    border-color: #0929B8
}
.container__checkout-container .cart__order-button.btn-md {
    background: none;
    border: 0;
    color: #6B7390;
    font-size: 13px;
    text-decoration: underline;
    box-shadow: none;
    margin-top: 6px
}
.container__checkout-container .fem-safe {
    font-size: 11.5px;
    color: #6B7390;
    text-align: center;
    margin-top: 10px
}
.container__checkout-container .fem-safe i {
    color: #0F7B4F;
    margin-right: 4px
}
.container__checkout-container .fem-right > .col-12 {
    padding-left: 0;
    padding-right: 0;
    max-width: none
}
.container__checkout-container .fem-btns .col-0 {
    display: none
}
.container__checkout-container .fem-btns .col-lg-4 {
    flex: 0 0 100%;
    max-width: 100%
}
/* duas colunas no PC */
@media (min-width:992px) {
    .container__checkout-container > .container > form {
        display: grid;
        grid-template-columns: minmax(0,1fr) 400px;
        gap: 0 24px;
        align-items: start
    }
    .container__checkout-container > .container > form > .row {
        display: contents
    }
    .container__checkout-container > .container > form > .row > .col-12 {
        padding: 0;
        max-width: none
    }
    .container__checkout-container > .container > form > .row > .col-12:nth-child(1) {
        grid-column: 1;
        grid-row: 1
    }
    .container__checkout-container > .container > form > .row > .col-12:nth-child(2) {
        grid-column: 1;
        grid-row: 2;
        margin-top: 20px !important
    }
    .container__checkout-container > .container > form > .fem-right {
        grid-column: 2;
        grid-row: 1 / span 2;
        position: sticky;
        top: 16px
    }
    .container__checkout-container .fem-right .card {
        margin-bottom: 0
    }
    .container__checkout-container .fem-btns {
        margin: 0 !important;
        padding: 14px 4px 0
    }
}
/* celular: botao fixo embaixo */
@media (max-width:991px) {
    .container__checkout-container .card-body {
        padding: 18px 16px
    }
    .container__checkout-container {
        padding-bottom: 96px
    }
    .container__checkout-container .fem-btns {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1030;
        background: #fff;
        margin: 0;
        padding: 10px 16px calc(8px + env(safe-area-inset-bottom));
        box-shadow: 0 -6px 18px rgba(18,24,61,.10)
    }
    .container__checkout-container .fem-btns .cart__order-button.btn-md {
        margin-top: 0;
        padding: 4px
    }
    .container__checkout-container .fem-safe {
        display: none
    }
}
/* ---- 17. CARRINHO no mesmo estilo do checkout ---- */
.container__cart-container .page-header__title h1 {
    font-family: Poppins,sans-serif;
    font-weight: 700;
    color: #12183D
}
.container__cart-container .cart-table {
    border: 1px solid #E3E8F2;
    border-radius: 10px;
    overflow: hidden;
    background: #fff
}
.container__cart-container .cart-table__column {
    border-color: #F0F2F7;
    vertical-align: middle
}
.container__cart-container .cart-table thead .cart-table__column {
    font-family: Poppins,sans-serif;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: .04em;
    text-transform: uppercase;
    color: #6B7390;
    background: #F8F9FC;
    border-bottom: 1px solid #E3E8F2
}
.container__cart-container .cart-table__column--product a {
    color: #12183D;
    font-weight: 500;
    line-height: 1.35
}
.container__cart-container .cart-table__column--product {
    font-size: 14px
}
.container__cart-container .cart-table__column--product .cart-table__product-meta,.container__cart-container .cart-table__column--product small,.container__cart-container .cart-table__column--product div {
    color: #6B7390;
    font-size: 12.5px
}
.container__cart-container .cart-table__column--image img {
    border-radius: 8px;
    border: 1px solid #E3E8F2
}
.container__cart-container .cart-table__column--price,.container__cart-container .cart-table__column--total {
    font-family: Poppins,sans-serif;
    font-weight: 600;
    color: #12183D
}
.container__cart-container .cart-table__row--summary .cart-table__column {
    background: #F8F9FC;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    color: #12183D;
    border-top: 1px solid #E3E8F2
}
.container__cart-container .cart-table__row--summary .cart-table__column--total {
    font-size: 16px
}
.container__cart-container .cart-table__column--remove i,.container__cart-container .cart-table__column--remove a {
    color: #C9CFE0
}
.container__cart-container .cart-table__column--remove a:hover i {
    color: #B42318
}
.container__cart-container .input-number__input,.container__cart-container .cart-table__quantity input {
    border-radius: 6px;
    border-color: #DDE3EF
}
@media (min-width:992px) {
    .container__cart-container .cart-table {
        table-layout: auto;
        width: 100%
    }
    .container__cart-container .cart-table__column--product {
        width: auto !important;
        min-width: 220px
    }
    .container__cart-container .cart-table__column--image {
        width: 84px !important;
        padding-right: 0
    }
    .container__cart-container .cart-table__column--image img {
        width: 64px;
        height: 64px;
        object-fit: contain;
        background: #fff
    }
    .container__cart-container .cart-table__column--select {
        width: 36px !important
    }
    .container__cart-container .cart-table__column--price,.container__cart-container .cart-table__column--quantity,.container__cart-container .cart-table__column--total,.container__cart-container .cart-table__column--remove {
        width: 1% !important;
        white-space: nowrap
    }
    .container__cart-container .cart-table__column--quantity {
        padding-left: 14px;
        padding-right: 14px
    }
}
/* coluna lateral */
.container__cart-container .fem-cart-side {
    background: #fff;
    border: 1px solid #E3E8F2;
    border-radius: 10px;
    padding: 20px 22px;
    margin-top: 20px
}
.container__cart-container .fem-cart-side > .col-md-6 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0;
    text-align: left !important;
    margin: 0 !important
}
.container__cart-container .fem-cart-side .mb-2 {
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 600;
    color: #12183D;
    margin-bottom: 8px !important
}
.container__cart-container .fem-cart-side .col-lg-6 {
    flex: 0 0 100%;
    max-width: 100%
}
.container__cart-container .fem-cart-side .input-group,.container__cart-container .fem-cart-side .form-group {
    display: flex;
    flex-wrap: nowrap
}
.container__cart-container .fem-cart-side input[type=tel] {
    border-radius: 6px 0 0 6px;
    border-color: #DDE3EF;
    height: 42px;
    flex: 1 1 auto;
    min-width: 0
}
.container__cart-container .fem-cart-side input[type=tel] + .input-group-append .btn,.container__cart-container .fem-cart-side .input-group-btn .btn,.container__cart-container .fem-cart-side button.btn-secondary {
    background: #12183D;
    border-color: #12183D;
    color: #fff;
    border-radius: 0 6px 6px 0;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    height: 42px;
    padding: 0 16px
}
.container__cart-container .fem-cart-side .cart__actions-item {
    margin-top: 12px !important
}
.container__cart-container .fem-cart-side .freight-methods__list {
    max-height: none;
    height: auto;
    overflow: visible;
    margin: 0;
    padding: 0
}
.container__cart-container .fem-cart-side .freight-methods__item {
    border: 1px solid #E3E8F2;
    border-radius: 8px;
    background: #fff;
    margin-bottom: 8px;
    padding: 0
}
.container__cart-container .fem-cart-side .freight-methods__item-header {
    padding: 10px 12px;
    margin: 0;
    align-items: center !important;
    cursor: default
}
.container__cart-container .fem-cart-side .freight-methods__item-title {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 2px 10px;
    flex: 1;
    min-width: 0;
    font-family: Poppins,sans-serif
}
.container__cart-container .fem-cart-side .freight-methods__item-title > b {
    font-size: 13.5px;
    font-weight: 600;
    color: #12183D;
    flex: 1 1 100%
}
.container__cart-container .fem-cart-side .freight-methods__item-title > b i {
    color: #0C35E8;
    margin-right: 6px
}
.container__cart-container .fem-cart-side .fem-frete-prazo {
    font-size: 12px;
    color: #0F7B4F;
    font-weight: 500;
    flex: 1 1 auto
}
.container__cart-container .fem-cart-side .fem-frete-preco {
    font-size: 14px;
    font-weight: 700;
    color: #12183D;
    margin-left: auto
}
.container__cart-container .fem-cart-side .fem-frete-preco.is-free {
    color: #0F7B4F
}
.container__cart-container .fem-cart-side .fem-frete-orig {
    display: none !important
}
.container__cart-container .fem-cart-total {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    border-top: 1px solid #E3E8F2;
    margin-top: 16px;
    padding-top: 12px;
    font-family: Poppins,sans-serif
}
.container__cart-container .fem-cart-total span {
    font-size: 13px;
    color: #6B7390
}
.container__cart-container .fem-cart-total b {
    font-size: 20px;
    font-weight: 700;
    color: #12183D
}
.container__cart-container .fem-cart-note {
    font-size: 12px;
    color: #6B7390;
    margin-top: 2px
}
.container__cart-container .cart__order-button__lg {
    display: none !important
}
.container__cart-container .cart__order-button__xl {
    display: block !important;
    width: 100%;
    margin: 14px 0 0 !important;
    background: #0C35E8;
    border-color: #0C35E8;
    border-radius: 8px;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    font-size: 15px;
    height: 48px;
    line-height: 48px;
    padding: 0 16px
}
.container__cart-container .cart__order-button__xl:hover {
    background: #0929B8;
    border-color: #0929B8
}
.container__cart-container .fem-cart-links {
    display: flex;
    flex-wrap: wrap;
    gap: 4px 14px;
    justify-content: center;
    margin-top: 10px
}
.container__cart-container .fem-cart-links .btn {
    background: none;
    border: 0;
    color: #6B7390;
    font-size: 12.5px;
    padding: 2px 0;
    margin: 0 !important;
    text-decoration: underline;
    box-shadow: none
}
.container__cart-container .fem-cart-links .btn:hover {
    color: #12183D
}
.container__cart-container .fem-safe {
    font-size: 11.5px;
    color: #6B7390;
    text-align: center;
    margin-top: 10px
}
.container__cart-container .fem-safe i {
    color: #0F7B4F;
    margin-right: 4px
}
@media (min-width:992px) {
    .container__cart-container > .container > form {
        display: grid;
        grid-template-columns: minmax(0,1fr) 400px;
        gap: 0 24px;
        align-items: start
    }
    .container__cart-container > .container > form > * {
        grid-column: 1
    }
    .container__cart-container > .container > form > .fem-cart-side {
        grid-column: 2;
        grid-row: 1 / span 4;
        position: sticky;
        top: 16px;
        margin-top: 16px
    }
    .container__cart-container > .container > form > .row.mt-3:first-child {
        margin-top: 16px !important
    }
    .container__cart-container .cart-table {
        margin-top: 0
    }
}
@media (max-width:991px) {
    .container__cart-container {
        padding-bottom: 84px
    }
    .container__cart-container .fem-cart-cta {
        position: fixed;
        left: 0;
        right: 0;
        bottom: 0;
        z-index: 1030;
        background: #fff;
        padding: 10px 16px calc(8px + env(safe-area-inset-bottom));
        box-shadow: 0 -6px 18px rgba(18,24,61,.10)
    }
    .container__cart-container .fem-cart-cta .cart__order-button__xl {
        margin: 0 !important
    }
    .container__cart-container .fem-safe {
        display: none
    }
    .container__cart-container .fem-cart-side {
        padding: 16px
    }
}
/* ---- 18. RECURSOS B2B escondidos no carrinho e no checkout (decisao 12/09/2026; apagar este bloco para voltar) ---- */
.container__cart-container #cart-assistant {
    display: none !important
}
.container__checkout-container .cart__order-button.btn-md {
    display: none !important
}
.container__checkout-container .checkout-recorrencia {
    display: none !important
}
/* ---- 16c. CHECKOUT: formulario do cartao de credito dentro da coluna estreita ---- */
.container__checkout-container .payment-methods__item-container {
    padding: 0 14px 14px
}
.container__checkout-container .payment-methods__item > .col-12 {
    padding: 0 14px;
    max-width: 100%;
    flex: 0 0 100%
}
.container__checkout-container .payment-methods__item > .col-12 img {
    max-width: 100%;
    height: auto;
    margin: 2px 0 8px
}
.container__checkout-container .payment-methods__item-description {
    color: #12183D !important;
    font-size: 13px
}
.container__checkout-container .payment-methods__item-description .row {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -6px
}
.container__checkout-container .payment-methods__item-description [class*=col-] {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 6px
}
.container__checkout-container .payment-methods__item-description .form-group {
    margin-bottom: 10px
}
.container__checkout-container .payment-methods__item-description label {
    display: block;
    font-size: 12.5px;
    font-weight: 500;
    color: #6B7390;
    margin: 0 0 4px;
    white-space: normal
}
.container__checkout-container .payment-methods__item-description .form-control {
    width: 100%;
    height: 40px;
    border-radius: 6px;
    border-color: #DDE3EF;
    font-size: 14px;
    padding: 0 10px
}
.container__checkout-container .payment-methods__item-description .form-group > .row {
    margin: 0;
    flex-wrap: nowrap;
    gap: 8px
}
.container__checkout-container .payment-methods__item-description .form-group > .row > div {
    flex: 0 0 calc(50% - 4px);
    min-width: 0;
    margin: 0 !important;
    padding: 0
}
.container__checkout-container .payment-methods__item-description .form-group > .row > div .form-control {
    width: 100%
}
.container__checkout-container .payment-methods__item-description .form-group:has(.bpmpi_cardexpirationmonth) {
    flex: 0 0 100%;
    max-width: 100%
}
.container__checkout-container .payment-methods__item-description .form-group:has(.bpmpi_cardsecuritycode) {
    flex: 0 0 50%;
    max-width: 50%
}
.container__checkout-container .payment-methods__item-description .form-group:has(.bpmpi_cardsecuritycode) label {
    white-space: nowrap
}
/* ---- 19. BOTAO SALDAO com respiro (pilula centralizada no menu) ---- */
.nav-links__item:last-child {
    display: flex;
    align-items: center;
    margin-left: 6px
}
.nav-links__item:last-child .nav-links__item-link {
    height: 34px;
    padding: 0 18px;
    border-radius: 6px
}
.nav-links__item:last-child .nav-links__item-link:hover {
    background: #CF4E07;
    color: #fff
}
.nav-links__item:last-child .nav-links__item-body {
    padding: 0;
    display: flex;
    align-items: center;
    gap: 6px;
    font-size: 13px;
    letter-spacing: .02em
}
/* 19b. SALDAO: cantos 6px, icone visivel, texto 14px */
.nav-links__item:last-child .nav-links__item-body {
    font-size: 14px;
    letter-spacing: .01em
}
.nav-links__item:last-child .nav-links__item-body i {
    font-size: 14px
}
/* ---- 20. FAIXA "MARCAS QUE VOCE CONHECE" (substitui a barra de servicos B2B) ---- */
.fem-brands {
    background: #fff;
    border-top: 1px solid #E9EDF5;
    padding: 28px 0 26px
}
.fem-brands__head {
    display: flex;
    align-items: center;
    gap: 16px;
    margin-bottom: 16px
}
.fem-brands__title {
    font-family: Poppins,sans-serif;
    font-size: 18px;
    font-weight: 700;
    color: #12183D;
    text-transform: uppercase;
    letter-spacing: .01em;
    white-space: nowrap
}
.fem-brands__title .tt-accent {
    color: #E4590A
}
.fem-brands__line {
    flex: 1 1 auto;
    height: 1px;
    background: #E3E8F2
}
.fem-brands__list {
    list-style: none;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 12px
}
.fem-brands__item a {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 64px;
    padding: 10px 16px;
    border: 1px solid #E9EDF5;
    border-radius: 10px;
    background: #fff;
    transition: border-color .15s,box-shadow .15s
}
.fem-brands__item img {
    max-height: 34px;
    max-width: 130px;
    width: auto;
    height: auto;
    filter: grayscale(1);
    opacity: .62;
    transition: filter .2s,opacity .2s
}
.fem-brands__item a:hover {
    border-color: #C9CFE0;
    box-shadow: 0 4px 14px rgba(18,24,61,.08)
}
.fem-brands__item a:hover img {
    filter: none;
    opacity: 1
}
@media (max-width:991px) {
    .fem-brands__list {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 10px
    }
    .fem-brands__item a {
        height: 58px;
        padding: 8px 10px
    }
    .fem-brands__item img {
        max-height: 30px;
        max-width: 110px
    }
}
@media (max-width:575px) {
    .fem-brands {
        padding: 22px 0 20px
    }
    .fem-brands__title {
        font-size: 16px
    }
    .fem-brands__list {
        grid-template-columns: repeat(3,minmax(0,1fr));
        gap: 8px
    }
    .fem-brands__item a {
        height: 52px;
        padding: 8px
    }
    .fem-brands__item img {
        max-height: 26px;
        max-width: 92px;
        filter: none;
        opacity: 1
    }
}
/* ---- 21. RODAPE colado na newsletter (sem faixa branca) ---- */
footer.site__footer {
    background: #12183D
}
footer.site__footer .site-footer {
    margin-top: 0 !important
}
/* ---- 22. FILTROS DA LISTAGEM (menu lateral) modernizados ---- */
.shop-layout__sidebar .block-sidebar__body {
    background: #fff;
    border: 1px solid #E3E8F2;
    border-radius: 10px;
    padding: 6px 0 4px
}
.widget-filters {
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
    padding: 0
}
.widget-filters__item {
    padding: 12px 18px;
    border-bottom: 1px solid #EEF1F7
}
.widget-filters__item:last-child {
    border-bottom: 0
}
.widget-filters__item--filter-by {
    padding: 14px 18px
}
.filter-list__title--section {
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #12183D;
    margin-bottom: 8px
}
/* Promocoes como pilula; filtros B2B (Meu Mix / Repor Agora / Expandir Mix) escondidos */
.filter-list__item.mb-0.mt-2:not(.filter-list__item--promo) {
    display: none !important
}
.filter-list__item--promo {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin: 0;
    padding: 6px 12px 6px 8px;
    border: 1px solid #E3E8F2;
    border-radius: 999px;
    cursor: pointer;
    background: #fff;
    transition: border-color .15s,background .15s
}
.filter-list__item--promo:hover {
    border-color: #C9CFE0
}
.filter-list__item--promo:has(input:checked) {
    background: #E4590A;
    border-color: #E4590A
}
.filter-list__item--promo:has(input:checked) .filter-list__title,.filter-list__item--promo:has(input:checked) .filter-badge {
    color: #fff !important;
    background: transparent !important
}
.filter-list__item--promo .filter-badge,.filter-list__item--promo .filter-list__title--filter-by {
    background: transparent !important;
    color: #12183D !important;
    font-family: Poppins,sans-serif;
    font-size: 13px;
    font-weight: 600;
    padding: 0;
    margin: 0
}
.filter-list__item--promo .filter-badge i {
    color: #E4590A;
    margin-right: 4px
}
.filter-list__item--promo:has(input:checked) .filter-badge i {
    color: #fff
}
.filter-list__item--promo .filter-badge {
    border: 0 !important;
    box-shadow: none !important;
    display: inline-flex;
    align-items: center;
    line-height: 1
}
/* departamentos como acordeao */
.filter-categories__list {
    margin: 0;
    padding: 0;
    list-style: none
}
.filter-categories__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 5px 0;
    font-size: 13.5px;
    line-height: 1.3
}
.filter-categories__item a {
    color: #4B5474;
    text-decoration: none;
    flex: 1 1 auto
}
.filter-categories__item a:hover {
    color: #0C35E8
}
.filter-categories__item--current {
    padding: 2px 0 6px;
    cursor: pointer
}
.filter-categories__item--current > a {
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #12183D
}
.filter-categories__item--current::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 11px;
    color: #8B93B0;
    margin-left: 6px;
    transition: transform .2s
}
.widget-filters__item.fem-closed .filter-categories__item--current::after {
    transform: rotate(-90deg)
}
.widget-filters__item.fem-closed .filter-categories__item--child {
    display: none
}
.widget-filters__item.fem-single .filter-categories__item--current {
    cursor: default
}
.widget-filters__item.fem-single .filter-categories__item--current::after {
    display: none
}
.filter-categories__item--child {
    padding-left: 2px
}
.filter-categories__item--child.fem-dup {
    display: none
}
.filter-categories__counter {
    font-size: 11.5px;
    color: #6B7390;
    background: #F4F6FB;
    border-radius: 999px;
    padding: 1px 8px;
    min-width: 26px;
    text-align: center;
    flex: 0 0 auto
}
/* marcas */
.filter__title {
    font-family: Poppins,sans-serif;
    font-size: 14px;
    font-weight: 700;
    color: #12183D;
    padding: 2px 0 8px;
    background: none;
    border: 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center
}
.filter__arrow {
    color: #8B93B0;
    font-size: 11px
}
.filter-search__input {
    border-radius: 999px;
    border-color: #DDE3EF;
    height: 34px;
    padding: 0 32px 0 12px;
    font-size: 13px
}
.filter-search__input:focus {
    border-color: #0C35E8;
    box-shadow: none
}
.filter-list__item {
    font-size: 13.5px;
    color: #4B5474;
    margin: 0 0 6px
}
.filter-list__item:hover .filter-list__title {
    color: #0C35E8
}
.input-check__box {
    border-radius: 4px;
    border: 1px solid #C9CFE0;
    background: #fff
}
.input-check__input:checked ~ .input-check__box {
    background: #0C35E8;
    border-color: #0C35E8
}
.filter-list__counter {
    font-size: 11.5px;
    color: #6B7390;
    background: #F4F6FB;
    border-radius: 999px;
    padding: 1px 8px
}
/* barra de opcoes (grid/lista, ordenacao) */
.products-view__options {
    background: #fff;
    border: 1px solid #E3E8F2;
    border-radius: 10px;
    padding: 10px 14px;
    margin-bottom: 14px
}
.view-options {
    align-items: center
}
.layout-switcher__button {
    border: 1px solid #E3E8F2;
    background: #fff;
    color: #6B7390;
    border-radius: 6px;
    width: 34px;
    height: 34px
}
.layout-switcher__button--active {
    background: #12183D;
    border-color: #12183D;
    color: #fff
}
.view-options__control label {
    font-size: 13px;
    color: #6B7390;
    margin: 0 8px 0 0
}
.view-options__control select {
    border-radius: 6px;
    border-color: #DDE3EF;
    height: 34px;
    font-size: 13px;
    color: #12183D
}
.filters-button {
    border: 1px solid #E3E8F2;
    border-radius: 6px;
    background: #fff;
    height: 34px;
    padding: 0 12px;
    font-family: Poppins,sans-serif;
    font-weight: 600;
    font-size: 13px;
    color: #12183D
}
.filters-button__icon {
    color: #0C35E8;
    margin-right: 6px
}
@media (max-width:991px) {
    .block-sidebar--offcanvas--mobile .block-sidebar__body {
        border-radius: 0;
        border: 0;
        padding: 0
    }
    .block-sidebar__header {
        background: #12183D;
        color: #fff;
        padding: 14px 18px
    }
    .block-sidebar__title {
        font-family: Poppins,sans-serif;
        font-weight: 700;
        font-size: 16px;
        color: #fff
    }
    .block-sidebar__close {
        color: #fff
    }
    .widget-filters--offcanvas--mobile .widget-filters__item {
        padding: 12px 18px
    }
    .widget-filters--offcanvas--mobile .widget-filters__item--filter-by {
        padding: 14px 18px
    }
}
/* ---- 23. BANNER DE DEPARTAMENTO (cadastro do departamento) + ajuste do espaco vazio nos filtros ---- */
.widget-filters__list:last-child {
    margin-bottom: 0 !important
}
.widget-filters__list:empty {
    display: none
}
.shop-layout__content .block-banner {
    margin-bottom: 16px !important
}
.shop-layout__content .block-banner__image--desktop img,.shop-layout__content .block-banner__image--mobile img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px
}
.shop-layout__content .block-banner a {
    display: block;
    border-radius: 14px;
    overflow: hidden
}
@media (max-width:767px) {
    .shop-layout__content .block-banner__image--mobile img {
        border-radius: 12px
    }}
/* ---- 24. CARD DE PRODUTO: texto alinhado a esquerda (nome, codigo, CA, preco) ---- */
.product-card .product-card__info {
    text-align: left !important;
    padding-left: 10px !important;
    padding-right: 10px !important
}
.product-card .product-card__name,.product-card .product-card__rating-legend,.product-card .product-card__prices,.product-card .product-card__new-price,.product-card .product-card__old-price,.product-card .product-card__price,.product-card .product-card__prices-condition,.product-card .product-card__promotion-legend {
    text-align: left !important
}
.product-card .ca-chip {
    align-self: flex-start !important;
    margin-left: 0 !important;
    margin-right: auto !important
}
.products-list .product-card .product-card__prices {
    padding-left: 10px !important
}
/* ---- 25. BOTAO FINALIZAR PEDIDO: texto centralizado e hover com texto branco ---- */
.container__cart-container .cart__order-button__xl {
    display: flex !important;
    align-items: center;
    justify-content: center;
    gap: 8px;
    height: 52px;
    min-height: 52px !important;
    line-height: 1;
    padding: 0 16px
}
.container__cart-container .cart__order-button__xl:hover,.container__cart-container .cart__order-button__xl:focus,.container__checkout-container .cart__order-button.btn-success:hover,.container__checkout-container .cart__order-button.btn-success:focus {
    color: #fff !important;
    background: #0929B8 !important;
    border-color: #0929B8 !important
}
/* ---- 26. FILTROS em cards separados, borda mais visivel + "Ver mais" (12/09/2026) ---- */
.shop-layout__sidebar .block-sidebar__body {
    background: transparent;
    border: 0;
    border-radius: 0;
    padding: 0
}
.widget-filters__list {
    margin: 0 !important
}
.widget-filters__item,.widget-filters__item--filter-by {
    background: #fff;
    border: 1.5px solid #C5CCE0;
    border-radius: 12px;
    padding: 14px 16px 12px;
    margin: 0 0 12px;
    box-shadow: 0 1px 3px rgba(18,24,61,.05)
}
.widget-filters__item:last-child {
    border-bottom: 1.5px solid #C5CCE0
}
.widget-filters__list:last-child .widget-filters__item:last-child {
    margin-bottom: 0
}
.widget-filters__item:hover {
    border-color: #A9B3D1
}
.filter-list__title--section {
    margin-bottom: 10px
}
.widget-filters__item--filter-by .filter-list__title--section {
    padding-bottom: 8px;
    border-bottom: 1px solid #EEF1F7
}
.filter-categories__item--current {
    padding: 0 0 8px;
    margin-bottom: 6px;
    border-bottom: 1px solid #EEF1F7
}
.filter-categories__item--child {
    padding: 6px 0
}
.filter__title {
    padding: 0 0 8px;
    margin: 0 0 8px;
    width: 100%;
    border-bottom: 1px solid #EEF1F7;
    text-transform: none !important
}
.filter-search {
    margin-bottom: 10px !important
}
.widget-filters__item .filter__body {
    margin: 0
}
.widget-filters__item .filter__container {
    padding: 0 0 4px
}
.widget-filters__item--filter-by .filter__container {
    padding: 0 0 2px
}
.widget-filters__item--filter-by .filter-list__list {
    margin: 0
}
.widget-filters__list[data-content="id_marca"] .filter-list__list {
    max-height: 236px;
    overflow-y: auto;
    padding-right: 6px;
    scrollbar-width: thin;
    scrollbar-color: #C5CCE0 transparent
}
.widget-filters__list[data-content="id_marca"] .filter-list__list::-webkit-scrollbar {
    width: 6px
}
.widget-filters__list[data-content="id_marca"] .filter-list__list::-webkit-scrollbar-thumb {
    background: #C5CCE0;
    border-radius: 6px
}
.filter-list__item {
    margin: 0 0 8px
}
/* "Ver mais" nas categorias (classe aplicada pelo script do rodape) */
.filter-categories__item--child.fem-hide {
    display: none
}
.widget-filters__item.fem-closed .fem-more {
    display: none
}
.fem-more {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: none;
    border: 0;
    padding: 6px 0 0;
    font-family: Poppins,sans-serif;
    font-size: 13px;
    font-weight: 600;
    color: #0C35E8;
    cursor: pointer
}
.fem-more::after {
    content: "\f078";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 10px;
    transition: transform .2s
}
.widget-filters__item.fem-open .fem-more::after {
    transform: rotate(180deg)
}
.fem-more:hover {
    text-decoration: underline
}
@media (max-width:991px) {
    .block-sidebar--offcanvas--mobile .block-sidebar__body {
        background: #F4F6FB
    }
    .block-sidebar--offcanvas--mobile .block-sidebar__item {
        padding: 12px
    }
    .widget-filters--offcanvas--mobile .widget-filters__item,.widget-filters--offcanvas--mobile .widget-filters__item--filter-by {
        padding: 14px 16px 12px
    }
}
.widget-filters__item.fem-single .filter-categories__item--current {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}
.widget-filters__item.fem-single .filter__container {
    padding-bottom: 0
}
/* ---- 27. PAGINA DO PRODUTO em 3 colunas no PC (galeria | info | caixa de compra) ---- */
@media (min-width:992px) {
    .product--layout--standard .product-info__gallery-column {
        flex: 0 0 40%;
        max-width: 40%
    }
    .product--layout--standard .product-info__info-column {
        flex: 0 0 60%;
        max-width: 60%
    }
    .product--layout--standard .product__info {
        display: grid;
        grid-template-columns: minmax(0,1fr) 330px;
        column-gap: 24px;
        align-items: start
    }
    .product--layout--standard .product__info > * {
        grid-column: 1;
        min-width: 0
    }
    .product--layout--standard .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] {
        grid-column: 2;
        grid-row: 1 / span 30;
        align-self: start;
        position: sticky;
        top: 96px;
        margin: 0
    }
    .product--layout--standard .product__name {
        font-size: 22px;
        line-height: 1.25
    }
    .product--layout--standard .fem-trust {
        grid-template-columns: 1fr;
        gap: 10px
    }
}
/* cronometro de promocao (nativo da Agile: aparece quando o produto esta em promocao com validade e "Horas Cronometro" preenchido) */
.fem-timer {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    flex-wrap: wrap;
    margin: 0 0 12px;
    padding: 10px 12px;
    border: 1px solid #BFE6CE;
    background: #EEF9F2;
    border-radius: 10px
}
.fem-timer__badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #0F7B4F;
    color: #fff;
    font-family: Poppins,sans-serif;
    font-weight: 700;
    font-size: 11px;
    letter-spacing: .3px;
    text-transform: uppercase;
    padding: 5px 10px;
    border-radius: 999px
}
.fem-timer__badge::before {
    content: "\f2f2";
    font-family: "Font Awesome 5 Pro";
    font-weight: 400;
    font-size: 12px
}
.fem-timer__ends {
    font-size: 13px;
    color: #0F7B4F;
    font-weight: 500
}
.fem-timer__ends .is-countdown {
    display: inline;
    border: 0;
    background: none;
    color: #0F7B4F;
    font-family: Poppins,sans-serif;
    font-weight: 700;
    font-size: 15px;
    font-variant-numeric: tabular-nums
}
.fem-timer__ends .countdown-row {
    display: inline;
    padding: 0
}
.fem-timer__ends .countdown-amount {
    font-size: 15px
}
.product__countdown,.product-card__countdown {
    max-width: none
}
@media (min-width:992px) {
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] {
        background: #fff;
        border: 1.5px solid #C5CCE0;
        border-radius: 14px;
        padding: 18px 18px 16px;
        box-shadow: 0 2px 10px rgba(18,24,61,.06)
    }
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] .product__prices {
        margin: 0 0 6px !important
    }
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] .product__new-price {
        font-size: 30px;
        font-weight: 700;
        color: #12183D;
        line-height: 1.1
    }
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] .product__old-price {
        font-size: 14px
    }
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] .product__option {
        margin: 0
    }
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] .product__actions {
        margin-top: 12px !important
    }
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] .product__actions-item--addtocart {
        flex: 1 1 auto
    }
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] .product__actions-item--addtocart .btn {
        width: 100%;
        height: 48px;
        font-family: Poppins,sans-serif;
        font-weight: 700;
        font-size: 15px;
        border-radius: 8px
    }
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] .product__quantity {
        width: 120px
    }
    .product__info > [data-content="div-embalagem"] ~ [data-content="div-embalagem"] .input-group .btn {
        white-space: nowrap
    }
}
/* ---- 28. FAIXA DE CUPOM no topo do site (12/09/2026) ---- */
.fem-announce {
    background: #0B1030;
    color: #fff;
    font-family: Poppins,sans-serif;
    text-align: center;
    padding: 9px 16px;
    line-height: 1.35
}
.fem-announce__in {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: 6px 10px;
    max-width: 1320px;
    margin: 0 auto
}
.fem-announce__main {
    font-size: 14px;
    font-weight: 700;
    letter-spacing: .2px;
    text-transform: uppercase
}
.fem-announce__main .o {
    color: #FF7A1A
}
.fem-announce__main .b {
    color: #5EA8FF
}
.fem-announce__code {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: #E4590A;
    color: #fff;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: .5px;
    padding: 3px 10px;
    border-radius: 6px;
    cursor: pointer;
    border: 0;
    font-family: Poppins,sans-serif;
    text-transform: uppercase;
    transition: background .15s
}
.fem-announce__code:hover {
    background: #FF7A1A
}
.fem-announce__code i {
    font-size: 12px
}
.fem-announce__code.is-copied {
    background: #0F7B4F
}
.fem-announce__note {
    font-size: 12px;
    color: #C9D2F0;
    margin-left: 6px
}
.fem-announce__note b {
    color: #fff
}
@media (max-width:767px) {
    .fem-announce {
        padding: 8px 12px
    }
    .fem-announce__main {
        font-size: 12.5px
    }
    .fem-announce__code {
        font-size: 12.5px;
        padding: 2px 8px
    }
    .fem-announce__note {
        font-size: 11px;
        width: 100%;
        margin: 0
    }
}
/* ---- 29. BANNER DO DEPARTAMENTO em faixa no topo da listagem (acima do titulo e dos filtros) ---- */
.fem-dept-banner {
    margin: 14px 0 6px !important
}
.fem-dept-banner a {
    display: block;
    border-radius: 14px;
    overflow: hidden
}
.fem-dept-banner img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 14px
}
@media (min-width:992px) {
    .fem-dept-banner img {
        max-height: 250px;
        object-fit: cover;
        object-position: center 40%
    }
}
.container__products-container .page-header .page-header__title h1 {
    margin-top: 6px
}
@media (max-width:767px) {
    .fem-dept-banner {
        margin: 10px 0 4px !important
    }
    .fem-dept-banner a,.fem-dept-banner img {
        border-radius: 12px
    }
}
/* 29b. com banner de departamento, o titulo da pagina sai (o banner ja identifica; H1 continua no HTML) */
.container__products-container.fem-has-dept-banner .page-header__title {
    display: none
}
.container__products-container.fem-has-dept-banner .fem-dept-banner {
    margin-bottom: 12px !important
}
.container__products-container.fem-has-dept-banner .page-header__container {
    margin-top: 0;
    padding-top: 0
}
/* 29c. sem flash: o banner so aparece depois de movido para o topo; proporcao da faixa igual a 1920x250 no PC */
.shop-layout__content .block-banner:not(.fem-dept-banner) {
    display: none !important
}
@media (min-width:992px) {
    .fem-dept-banner img {
        aspect-ratio: 1920/250;
        height: auto;
        max-height: none;
        object-fit: cover;
        object-position: center 45%
    }
}
.fem-dept-banner a:not([href]) {
    cursor: default
}
/* ---- 30. LISTA DE COMPRAS (recurso B2B) escondida nos cards e na pagina do produto (13/09/2026) ---- */
.product-card__wishlist,.product__actions-item--wishlist,.product__wishlist-compare,[data-form="lista"],.dropdown-menu:has([data-form="lista"]),.fem-hide-list {
    display: none !important
}