:root {
    --tamanho-miniatura-pagina-produtos-altura: 100px;
    --tamanho-miniatura-pagina-produtos-largura: 100px;

    /****************************************************/

    /*
    #801314 é o código da logo
    Se quiser sem cor = transparent
    */
    --cor-fundo-banner-principal-infinito: #801314;

    --cor-fundo-banner-tarja: #801314;
    --cor-fundo-banner-tarja-infinito: #801314;

    --cor-fundo-banner-vitrine: #801314;

    --cor-fundo-banner-inferior-infinito: #801314;

    /****************************************************/
    /*TARJAS DESCONTO E LANÇAMENTO*/
    --cor-fundo-desconto: rgba(0, 0, 0, 0.9);
    --cor-letra-desconto: #ffffff;

    --cor-fundo-lancamento: rgba(0, 160, 0, 0.9);
    --cor-letra-lancamento: #ffffff;

    /****************************************************/

    --color-valor-pix: #00a000;

    /****************************************************/

    /*ligado: flex | desligado: none*/
    --sku-produto: flex;
    --categoria-produto: none;
    --marca-produto: flex;
    --codigo-barra-produto: none;
    --rede-social: none;

    /****************************************************/

    /*ligado: flex | desligado: none*/
    --texto-sem-juros-cartao: none;

    /****************************************************/

    /*LOGO*/
    /*Se a logo não for quadrado sempre deixe 1 dos valores em unset para manter a proporção*/

    --logo-largura: unset;
    /*unset para deixar automático*/
    --logo-altura: 100px;
    /*unset para deixar automático*/

    /****************************************************/
}

/*
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@
*/

/* GERAL */

body {
    display: flex;
    flex-direction: column;
    min-height: 100dvh;
}

header.container-12 .grid-3,
.container-12 .grid-4 {
    width: unset !important;
    margin-left: unset !important;
    margin-right: unset !important;
}

header.container-12 {
    /*Remover a limitacao do tamanho*/
    display: flex;
    align-items: center;
    justify-content: space-around;
    width: 100%;
    max-width: unset !important;
}

header#header-main .header-2 {
    max-width: 1200px;
    margin: auto;
}

.header-2 .element-search {
    width: 45%;
}

.header-2 .element-search .grid-search {
    display: flex;
    flex-direction: row-reverse;
    justify-content: center;
    align-items: center;
    width: 100%;
    gap: 12px;
}

.header-2 .element-search .grid-search form {
    width: 100%;
}

.header-2 .element-search .grid-search .welcome-message a {
    font-weight: bold;
}

header#header-main .header-1 {
    /*Quem somos | Meus pedidos | Fale Conosco e numero telefone e whatsapp*/
    margin: 20px auto 0;
    max-width: 1170px;
}

.clear {
    position: absolute;
}

header#header-main .header-2 {
    /*Logo | Pesquisa | Botao carrinho*/
    padding: 0 0 20px 0 !important;
}

header#header-main .element-logo .logo img {
    width: var(--logo-largura);
    height: var(--logo-altura);
}

ul#product-list .wrapper-btn-product a {
    width: 100% !important;
}

#product-list .product-list-item,
#product-list-sidebar .product-list-item {
    /*Lista de produtos sem bordas*/
    padding: 0px 0px 80px;
    overflow: hidden;
}

#product-list .product-list-item .product-info,
#product-list-sidebar .product-list-item .product-info {
    /*Informações dentro da lista de produtos com borda*/
    padding: 10px;
}

#product-list .product-list-item .product-info .product-production-time {
    /*Tem de fabricação*/
    position: absolute;
    display: unset !important;
    visibility: hidden;
    height: 0px;
}

#product-list .product-list-item .label-launch,
#product-list-sidebar .product-list-item .label-launch {
    /*Tarja Lançamento*/
    width: 150px;
    transform: rotateZ(-45deg) translate(-55px, -15px);
    background-color: var(--cor-fundo-lancamento);
    color: var(--cor-letra-lancamento);
}

#product-list .product-list-item .label-promo,
#product-list-sidebar .product-list-item .label-promo {
    /*Tarja Promoção*/
    width: 50px;
    height: 50px;
    border-radius: 100%;
    padding: 0;
    margin: 1px;
    line-height: 50px;
    text-align: center;
    font-weight: bold;
    background-color: var(--cor-fundo-desconto);
    color: var(--cor-letra-desconto);
}

#product-list .product-list-item .product-info .product-name,
#product-list-sidebar .product-list-item .product-info .product-name {
    min-height: 16px !important;
}

li p.product-cash-price span:nth-child(1) {
    font-size: 24px !important;
    font-weight: bold;
    line-height: 24px;
    color: var(--color-valor-pix) !important;
}

li p.product-price {
    display: flex !important;
}

li span.product-price {
    font-size: 14px !important;
}

footer .container-12 {
    display: flex;
    justify-items: center;
}

/* FIM GERAL */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* PAGINA HOME */

.pagina-home section#nav-main {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pagina-home section#nav-main .element-menu-category {
    margin-bottom: unset !important;
}

.pagina-home .element-menu-main {
    /*BANNER*/
    margin-bottom: unset !important;
    box-shadow: 0px 6px 10px 0px #00000055 !important;
    -webkit-box-shadow: 0px 6px 10px 0px #00000055 !important;
    -moz-box-shadow: 0px 6px 10px 0px #00000055 !important;
    z-index: 2;
}

.pagina-home .element-banner-main {
    /*BANNER*/
    display: flex !important;
    justify-content: center;
    margin-bottom: unset !important;
    background-color: var(--cor-fundo-banner-principal-infinito);
}

.pagina-home .element-banner-stripe {
    display: flex;
    justify-content: center;
    width: 100%;
    padding: unset !important;
    background-color: var(--cor-fundo-banner-tarja-infinito);
}

.pagina-home .element-banner-stripe .container-12 {
    display: flex;
    justify-content: center;
    max-width: 1920px !important;
    margin: unset;
    background-color: var(--cor-fundo-banner-tarja);
}

.pagina-home .element-banner-stripe .container-12 .grid-12 {
    width: 100% !important;
    margin: unset !important;
}

.pagina-home .element-banner-stripe .container-12 .grid-12 #banner-stripe {
    display: grid !important;
    grid-template-columns: repeat(4, 1fr);
    margin: unset !important;
}

.pagina-home li.product-list-item .product-cash-price .pix_valor {
    color: var(--color-valor-pix) !important;
}

.pagina-home li.product-list-item .product-old-price {
    /*Valor cheio*/
    width: 0px;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.pagina-home .element-banner-main .container-12 {
    /*BANNER*/
    max-width: unset !important;
}

.pagina-home .element-banner-main .container-12 .grid-12 {
    /*BANNER*/
    width: 100%;
    max-width: 1920px;
    margin: unset;
}

.pagina-home li.product-list-item .product-parcelled-price {
    /*Esconder texto Sem juros no cartão*/
    display: var(--texto-sem-juros-cartao);
}

.pagina-home .element-banner-shop ul#banner-shop {
    padding: 4px;
}

.pagina-home .element-banner-shop ul#banner-shop,
.pagina-home .element-banner-bottom ul#banner-bottom {
    /*Distancia entre as imagens dos banners*/
    gap: 4px;
    margin: unset !important;
}

.pagina-home .element-banner-shop ul#banner-shop {
    background-color: var(--cor-fundo-banner-vitrine);
}

.pagina-home .element-banner-bottom {
    background-color: var(--cor-fundo-banner-inferior-infinito);
}

.pagina-home .element-banner-shop ul#banner-shop li:nth-child(1),
.pagina-home .element-banner-shop ul#banner-shop li:nth-child(2),
.pagina-home .element-banner-shop ul#banner-shop li:nth-child(3) {
    min-width: 33%;
    padding: 0px;
}

.pagina-home .element-banner-shop ul#banner-shop li:nth-child(4),
.pagina-home .element-banner-shop ul#banner-shop li:nth-child(5) {
    flex: 1 1 2%;
    padding: 0px;
}

.pagina-home .banner-bottom-inner ul#banner-bottom li:nth-child(1),
.pagina-home .banner-bottom-inner ul#banner-bottom li:nth-child(2) {
    min-width: 49%;
    padding: 0px;
}

.pagina-home .banner-bottom-inner ul#banner-bottom li:nth-child(3) {
    min-width: 100%;
    padding: 0px;
}

/* FIM PAGINA HOME */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* PAGINA PRODUTO */

.pagina-produto .product-sku {
    display: var(--sku-produto);
}

.pagina-produto .product-category {
    display: var(--categoria-produto);
}

.pagina-produto .product-brand {
    display: var(--marca-produto);
}

.pagina-produto .product-codebar {
    display: var(--codigo-barra-produto);
}

.pagina-produto .wrapper-btn-actions,
.pagina-produto .product-sharing {
    display: var(--rede-social);
}

.pagina-produto .product-main-image {
    height: unset !important;
}

.pagina-produto .product-info .label-stamp-wrapper .label-stamp.label-promo {
    background-color: var(--cor-fundo-desconto);
    color: var(--cor-letra-desconto);
    font-size: 12px !important;
    font-weight: bold;
    padding: 2px 10px;
}

.pagina-produto .product-info .label-stamp-wrapper .label-stamp.label-launch {
    background-color: var(--cor-fundo-lancamento);
    color: var(--cor-letra-lancamento);
    font-size: 12px !important;
    font-weight: bold;
    padding: 2px 10px;
}

.pagina-produto .product-main-image img {
    position: unset !important;
    max-height: unset !important;
    -webkit-transform: unset !important;
    -moz-transform: unset !important;
    -ms-transform: unset !important;
    -o-transform: unset !important;
}

.pagina-produto .product-thumbnails-horizontal {
    /*Remove distanciamento das miniaturas com a imagem principal*/
    padding: 0 !important;
    margin-top: 20px;
}

.pagina-produto .product-thumbnails-list {
    /*Container da miniatura dar espacamento entre elas*/
    display: flex !important;
    align-items: center;
    width: unset !important;
    gap: 5px;
}

.pagina-produto .product-thumbnails-item {
    /*Aumenta a escala e a margem da miniatura*/
    width: unset !important;
    margin-right: 0px !important;
}

.pagina-produto li.product-thumbnails-item a,
.pagina-produto li.product-thumbnails-item #open-video-product {
    /*Tamanho da miniatura*/
    display: flex !important;
    justify-content: center;
    align-items: center;
    width: var(--tamanho-miniatura-pagina-produtos-largura) !important;
    height: var(--tamanho-miniatura-pagina-produtos-altura) !important;
    overflow: hidden;
}

.pagina-produto li.product-thumbnails-item #open-video-product img {
    /*Tamanho em video*/
    max-height: unset;
    max-width: unset;
    width: 100%;
}

.pagina-produto li.product-thumbnails-item a picture img {
    /*O quanto a miniatura vai ocupar de espaco*/
    transition: all 0.15s ease-in-out;
}

.pagina-produto .product-thumbnails-item:hover a img {
    /*Efeito na miniatura ao passar o mouse por cima*/
    transform: scale(1.11);
}

.pagina-produto .product-thumbnails-list a img {
    /*Tamanho da miniatura*/
    width: 100% !important;
    max-width: unset !important;
    max-height: unset !important;
}

.pagina-produto .element-product-detail .wrapper-product-price {
    /*Preço e botão comprar abaixo*/
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.pagina-produto .element-product-detail .wrapper-product-price .wrapper-btn-buy {
    /*div botão comprar*/
    width: unset !important;
}

.pagina-produto .element-product-detail .wrapper-product-price .wrapper-btn-buy a.btn.btn-buy {
    /*Botão comprar*/
    width: 100% !important;
    padding: 16px !important;
}

.pagina-produto .container-12 .grid-cep {
    /*Tamanho do input do CEP*/
    width: 300px;
}

.pagina-produto .product-combination-item>label {
    /*Botão escolher tipo do produto*/
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    min-width: 24px;
    min-height: 22px;
    font-size: 12px !important;
    padding: 2px !important;
    white-space: nowrap;
    transition: all 0.15s ease-in-out;
}

.pagina-produto .wrapper-product-combination .pull-btn {
    display: flex;
}

.pagina-produto .wrapper-product-combination a.btn-show-instrucao {
    /*Botão de medidas*/
    display: inline-block;
    margin: 4px;
    font-size: 12px !important;
    padding: 4px !important;
    white-space: nowrap;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
}

.pagina-produto .content-main-cols-1 .element-product-detail .wrapper-product-price .product-price {
    /*Div preço PIX e Cartao*/
    display: flex;
    width: unset !important;
    gap: 20px;
    justify-content: flex-start;
}

.pagina-produto .product-price .product-old-price {
    /*Valor cheio*/
    width: 0px;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

.pagina-produto .wrapper-product-combination .product-combination-title {
    /*Texto tamano chapeu alinhar com a nova tabela de medidas*/
    display: flex;
    align-items: center;
    gap: 12px;
}

.pagina-produto .wrapper-product-price .parcel-value {
    /*Valor parcelas negrito*/
    font-weight: bold;
}

.pagina-produto .wrapper-product-price .pix_valor {
    color: var(--color-valor-pix) !important;
}

.pagina-produto li.product-list-item .product-parcelled-price {
    /*Esconder texto Sem juros no cartão*/
    display: var(--texto-sem-juros-cartao);
}

/* Oculta apenas a seção de cores quando tem 1 opção */
#main-product-combination-list .product-combination-title.single-option,
#main-product-combination-list .product-combination-list.single-option {
    display: none;
}

/* Garante que outras seções permaneçam visíveis */
#main-product-combination-list .product-combination-title.multiple-options,
#main-product-combination-list .product-combination-list.multiple-options {
    display: block;
}

/* FIM PAGINA PRODUTO */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/* PAGINA CATEGORIA */

.pagina-categoria li.product-list-item .product-parcelled-price {
    /*Esconder texto Sem juros no cartão*/
    display: var(--texto-sem-juros-cartao);
}

.pagina-categoria li.product-list-item .product-cash-price .pix_valor {
    color: var(--color-valor-pix) !important;
}

.pagina-categoria li.product-list-item .product-old-price {
    /*Valor cheio*/
    width: 0px;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

/* FIM PAGINA CATEGORIA */

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* PAGINA CARRINHO */

.pagina-carrinho header#header-main .logo img {
    margin: auto;
    padding: 10px;
}

.pagina-carrinho footer#footer-main {
    margin-top: auto !important;
}

.pagina-carrinho .wa-chat-wrapper.wa-chat-right {
    /*Botão Whasapp*/
    display: none;
}

.pagina-carrinho header#header-main .header-main-inner .container-12 {
    display: flex;
    justify-content: center;
    align-items: center;
}

/* FIM PAGINA CARRINHO */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/* PAGINA BUSCA */

.pagina-busca li.product-list-item .product-parcelled-price {
    display: var(--texto-sem-juros-cartao);
}

.pagina-busca li.product-list-item .product-old-price {
    /*Valor cheio*/
    width: 0px;
    height: 0;
    opacity: 0;
    pointer-events: none;
}

/* FIM PAGINA BUSCA */
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@@ FOOTER @@@@@@@@@@@@@@@@@@@@@@@@@@@@@*/

footer>div.footer-main-inner {
    max-width: 1150px;
    margin: auto;
}

/* ==========================================================
   1. FILTROS – páginas de CATEGORIA
   ========================================================== */
body.pagina-categoria .element-filter {
    display: flex;
    flex-direction: column;
    padding: 0;
}

/* Títulos */
.label-filter {
    font: 600 14px/1 'Montserrat', sans-serif;
    text-transform: uppercase;
    color: #333;
    margin: 12px 0 6px;
    display: block;
}

/* Cada bloco de filtro (inclusive “Cor”) */
body.pagina-categoria .filter-container-sidebar,
body.pagina-categoria .wrapper-comb-cor {
    padding: 10px 0;
    border-bottom: 1px solid #e0e0e0;
}

body.pagina-categoria .filter-container-sidebar:last-of-type {
    border-bottom: none;
}

body.pagina-categoria .wrapper-comb-cor .label-filter {
    margin: 0 0 6px;
}

/* Layout inline das opções de cor */
.wrapper-comb-cor .filter-content {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 6px;
}

.wrapper-comb-cor .filter-content label {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 4px 8px;
    font-size: 13px;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 4px;
    cursor: pointer;
    transition: background .2s, border .2s;
}

.wrapper-comb-cor .filter-content label:hover {
    background: #eaeaea;
    border-color: #00c100;
}

.wrapper-comb-cor .filter-content label span {
    width: 16px;
    height: 16px;
    border: 1px solid #888;
    border-radius: 2px;
    background-color: currentColor !important;
}

/* Backup de cores por nome */
.wrapper-comb-cor label:has(span):has(:contains("Preto")) span {
    background: #000 !important;
}

.wrapper-comb-cor label:has(span):has(:contains("Marrom")) span {
    background: #7b4a28 !important;
}

.wrapper-comb-cor label:has(span):has(:contains("Off White")) span {
    background: #f2f2f2 !important;
    border: 1px solid #aaa;
}

/* Reordena TODOS os grupos de variação para o final da barra (cor, tamanho etc.) */
body.pagina-categoria .wrapper-comb-cor,
.wrapper-comb-texto,
.wrapper-comb-imagem,
.wrapper-combination-color,
.wrapper-combination-size {
    order: 99;
}

/* ==========================================================
   2. PRODUTO – variações
   ========================================================== */

.pagina-produto #main-product-combination-list {
    display: flex;
    flex-direction: column;
}

/* Centraliza linhas de botões (cor e tamanho) e aplica espaçamento */
.wrapper-product-combination .product-combination-list {
    display: flex;
    flex-wrap: wrap;
    gap: 3px;
    list-style: none;
    padding: 0;
    margin: 0;
}

/* Esconde apenas quando tem 1 opção */
.wrapper-product-combination p.product-combination-title.single-option,
.wrapper-product-combination ul.product-combination-list.single-option {
    display: none;
}

/* Garante que outras seções permaneçam visíveis */
.wrapper-product-combination p.product-combination-title.multiple-options,
.wrapper-product-combination ul.product-combination-list.multiple-options {
    display: block;
}

/* --- COR (quadrado 34 × 34) --- */
.wrapper-product-combination .product-combination-item label:has(.combination-color) {
    width: 34px !important;
    height: 34px !important;
    padding: 0 !important;
    line-height: 0 !important;
    border: 1px solid #ccc !important;
    border-radius: 2px !important;
    display: block !important;
    position: relative !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}

.wrapper-product-combination .combination-color {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: none !important;
    background-size: cover !important;
}

.wrapper-product-combination input:checked+label:has(.combination-color) {
    border: 2px solid #00c100 !important;
}

/* --- TAMANHO (texto) --- */
.wrapper-product-combination .product-combination-item label:not(:has(.combination-color)) {
    display: inline-flex !important;
    align-items: center;
    padding: 4px 10px !important;
    font: 400 13px/1.2 'Montserrat', sans-serif;
    border: 1px solid #ccc !important;
    border-radius: 4px !important;
    background: #fff !important;
}

.wrapper-product-combination input:checked+label:not(:has(.combination-color)) {
    border-color: #00c100 !important;
}

/* ==========================================================
   3. PRODUTO – Atributos Técnicos / Características
   ========================================================== */
#tabs-att-tec {
    margin: 16px 0 48px !important;
}

#tabs-att-tec .att-heading {
    margin: 14px 0 4px;
    font: 600 15px/1.4 'Montserrat', sans-serif;
    color: #234;
}

#tabs-att-tec .ui-tabs-panel {
    padding: 6px 0 12px !important;
    border-bottom: 1px solid #eee;
    font-size: 14px;
    line-height: 1.45;
}

#tabs-att-tec .ui-tabs-panel:last-of-type {
    border-bottom: none;
}

.att-section-title {
    margin: 32px 0 16px !important;
    font: 700 20px/1.3 'Montserrat', sans-serif;
    color: #234;
    position: relative;
}

.att-section-title::after {
    content: '';
    display: block;
    height: 1px;
    background: #e0e0e0;
    margin-top: 8px;
}

/* ==========================================================
   4. CARRINHO – ajustes visuais
   ========================================================== */
body.pagina-carrinho #header-main .header-1 {
    display: none !important;
}

body.pagina-carrinho #header-main .logo {
    text-align: left !important;
}

body.pagina-carrinho #header-main .logo img {
    max-height: 75px !important;
}

body.pagina-carrinho #cart-products .row.row-actions .cart-data-btn-holder {
    display: none;
}

body.pagina-carrinho .element-name-cnpj {
    padding: 1px 0 !important;
}

body.pagina-carrinho #footer-main .copyright {
    display: none !important;
}

body.pagina-carrinho #footer-main {
    padding: 20px !important;
}

/* ——————————————————————————————————————————

/* ---------------------------------------------------------------
   SIDEBAR – coloca VARIAÇÕES primeiro e ATRIBUTOS depois
   --------------------------------------------------------------- */

#sidebar-left .element-filter {
    display: flex !important;
    flex-direction: column;
}

#sidebar-left .filter-container-sidebar {
    order: 100;
}

#sidebar-left .filter-container-sidebar[class*="wrapper-comb"],
#sidebar-left .filter-container-sidebar[class*="wrapper-combination"] {
    order: 1;
}

/* ---------------------------------------------------------------
   SIDEBAR – compacta o espaço entre menu e primeiro filtro
   e insere a régua divisora
   --------------------------------------------------------------- */

/* 1) zera o espaçamento extra que o menu tem na parte de baixo   */
#sidebar-left .element-menu-sidebar {
    margin-bottom: 0 !important;
    /* antes vinha ~20 px    */
}

/* 2) coloca a régua (border-top) e aproxima o 1.º filtro (“Cor”) */
#sidebar-left .element-filter .filter-container-sidebar:first-child {
    border-top: 1px solid #CDD8DF;
    /* mesma cor dos demais  */
    padding-top: 15px;
    /* distancia o texto da régua */
    margin-top: 0;
    /* tira o vão extra      */
}

/* ---------------------------------------------------------------
   SIDEBAR – elimina o espaço antes de “COR” e cria a régua
   --------------------------------------------------------------- */

/* 1) tira o espaçamento que o menu deixa no fim                 */
#sidebar-left .element-menu-sidebar {
    margin-bottom: 0 !important;
}

/* 2) aplica régua + padding somente ao PRIMEIRO filtro de variação */
#sidebar-left .element-filter .filter-container-sidebar[class*="wrapper-comb"]:first-of-type,
#sidebar-left .element-filter .filter-container-sidebar[class*="wrapper-combination"]:first-of-type {
    border-top: 1px solid #CDD8DF;
    /* mesma linha cinza dos outros */
    padding-top: 15px;
    /* distância do texto à régua   */
    margin-top: 0;
    /* zera vão extra               */
}

/* ==============================================================
   SIDEBAR – régua depois do menu e entre TODOS os filtros
   ============================================================== */

/* 1 ) uma régua embaixo do menu (categorias + sub-categorias) */
#sidebar-left .element-menu-sidebar,
#sidebar-left .element-categories {
    border-bottom: 1px solid #CDD8DF;
    /* mesma cor das demais */
    padding-bottom: 15px;
    /* respiro antes do próximo bloco */
    margin-bottom: 0 !important;
    /* zera o vão extra               */
}

/* 2 ) régua + espaçamento ANTES de qualquer filtro que venha
      depois de outro filtro (variação ou atributo)              */
#sidebar-left .filter-container-sidebar+.filter-container-sidebar {
    border-top: 1px solid #CDD8DF;
    padding-top: 15px;
    margin-top: 0;
}

/* 3 ) garantia de que o primeiro filtro (COR) já comece colado
      ao menu – combinando com a regra que fizemos via :first-of-type */
#sidebar-left .filter-container-sidebar[class*="wrapper-comb"]:first-of-type,
#sidebar-left .filter-container-sidebar[class*="wrapper-combination"]:first-of-type {
    margin-top: 0;
    /* mantém colado no menu          */
}

/* ---------------------------------------------------------------
   SIDEBAR – esconde o menu vazio que sobra depois das categorias
   --------------------------------------------------------------- */
body.pagina-categoria

/* catálogo, busca, tags, etc. */
#sidebar-left .element-menu-sidebar {
    display: none !important;
}

/* ---------------------------------------------------------------
   SIDEBAR – remove o “vão” entre categorias e primeiro filtro
   --------------------------------------------------------------- */
#sidebar-left .element-filter {
    margin-top: 0 !important;
    /* elimina a faixa laranja (margem) */
}


/* ==========================================================
   “MODO LIMPO” — PÁGINA DE CARRINHO
   (mostra: Logo, Conteúdo, CNPJ)
   ========================================================== */

/* ---------- HEADER --------------------------------------- */
/* Some todos os módulos do header, exceto o logo (grid-3) */
.pagina-carrinho #header-main .element-menu-top,
/* links Cadastre-se / Fale Conosco */
.pagina-carrinho #header-main .element-social-header,
/* ícones sociais             */
.pagina-carrinho #header-main .element-info,
/* telefone / atendimento     */
.pagina-carrinho #header-main .element-search,
/* busca                      */
.pagina-carrinho #header-main .element-shopping-cart,
/* mini-carrinho              */
.pagina-carrinho #header-main .header-3

/* mensagem de boas-vindas    */
    {
    display: none !important;
}

/* Ajuste opcional: comprime o header */
.pagina-carrinho #header-main .header-1,
.pagina-carrinho #header-main .header-2 {
    padding: 0 !important;
}

/* ---------- NAV BARS ------------------------------------ */
.pagina-carrinho #nav-main,
.pagina-carrinho #nav-bottom {
    display: none !important;
}

/* ---------- FOOTER -------------------------------------- */
/* Mantém só o bloco “Razão Social / CNPJ” (footer-3) */
.pagina-carrinho #footer-main .footer-1,
/* menu, fone, redes sociais  */
.pagina-carrinho #footer-main .footer-2

/* endereço, formas pagto…    */
    {
    display: none !important;
}

/* Centraliza o CNPJ e remove folga extra, se desejar */
.pagina-carrinho #footer-main .footer-3 {
    margin-top: 0 !important;
}

.pagina-carrinho #footer-main .footer-3 .grid-name-cnpj {
    text-align: center;
}

/* ---------- (opcional) CHAT / WHATSAPP ------------------ */
/* Descomente caso também queira esconder os balões de chat */
/*
.pagina-carrinho .wa-chat-wrapper,
.pagina-carrinho .fb-chat-wrapper { display:none!important; }
*/

/* FIM – customização da página de carrinho */


/* ==========================================================================
   HOME – Limpeza visual
   --------------------------------------------------------------------------
   Objetivo: esconder completamente a sidebar (categorias, filtro, menu etc.)
   apenas na página inicial e expandir o conteúdo principal para 100 %.
   ========================================================================== */

/* 1. Esconde qualquer coluna de sidebar (esquerda ou direita)                */
.pagina-home #sidebar-left,
.pagina-home #sidebar-right {
    display: none !important;
    /* força sumir em todos os breakpoints */
}

/* 2. Remove a classe “layout com 2 colunas” que reserva espaço p/ sidebar    */
.pagina-home .content-main-cols-2 {
    /* vira uma coluna só → mesmo visual do layout “cols-1” do template      */
    float: none;
    width: 100% !important;
}

/* 3. Garante que o bloco de vitrine ocupe toda a largura disponível          */
.pagina-home #vitrine,
.pagina-home .grid-12>#vitrine {
    width: 100% !important;
    /* barra possíveis widths inline       */
    margin: 0 !important;
    /* remove margens laterais herdadas    */
}

/* 4. Se houver ajustes de espaçamento específicos para col-sidebar, zera-os  */
.pagina-home #content-main {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

/* 5. Caso o tema carregue um rótulo “has-sidebar-left”, eliminamos           */
.pagina-home .has-sidebar-left {
    /* só remove o identificador de coluna – não afeta outras páginas        */
    padding-left: 0 !important;
}






/* =======================================================
   Destaque de seleção nas variações (v2)
   -------------------------------------------------------
   Ajuste para exibir apenas UMA borda azul (#0066ff) nas
   variações escolhidas, evitando bordas duplas.
   =======================================================*/


/* =======================================================
   Destaque de seleção nas variações (v3)
   -------------------------------------------------------
   - Mantém APENAS UMA borda azul (#0066ff) grossa de 3 px
     ao selecionar cor, tamanho, tipo etc.
   - Remove quaisquer bordas internas que geravam o
     efeito “duplo”.
   - Escopo restrito à página de produtos.
   =======================================================*/

/* 1. Removemos qualquer borda interna dos elementos de
      variação (labels e quadrados de cor)                */
.pagina-produto .product-combination-item>label,
.pagina-produto .combination-color {
    border: none !important;
}

/* 2. A borda padrão (estado NÃO selecionado) fica
      controlada no próprio <li>, caso o tema precise.   */
.pagina-produto .product-combination-item {
    border: 1px solid #d0d0d0;
    /* cinza suave   */
    box-sizing: border-box;
}

/* 3. Estado ATIVO – aplicamos SOMENTE aqui a borda azul,
      garantindo que seja a única visível                */
.pagina-produto .product-combination-item.product-combination-active {
    border: 2px solid #0066ff !important;
}

/* 4. Quando o item está ativo, escondemos qualquer
      eventual outline que o tema possa adicionar        */
.pagina-produto .product-combination-item.product-combination-active:focus,
.pagina-produto .product-combination-item.product-combination-active>label:focus {
    outline: none !important;
}

/* ============================================================
   PRODUTO – remove a borda vermelha de “erro” nas variações
   (mantém apenas a mensagem “Selecione opção …”)
   Aplica-se só à página de produto
   ============================================================ */
body.pagina-produto .product-combination-list.error,
body.pagina-produto .product-combination-list.validation-error {
    border: none !important;
    /* tira a borda */
    box-shadow: none !important;
    /* tira eventual glow */
    padding: 0 !important;
    /* volta ao padding normal */
}

/* Invisível p/ o usuário, mas continua presente no DOM
   (técnica “screen-reader only”)                       */
.ljaco-hide {
    position: absolute !important;
    clip: rect(0 0 0 0) !important;
    clip-path: inset(50%) !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    border: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    white-space: nowrap !important;
}