@import url('https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:ital,wght@0,200..800;1,200..800&display=swap');

/* ======================================================
    1. VARIÁVEIS E CORES BASE
====================================================== */
:root {
   /* CABEÇALHO */
   --fundo-cabecalho: #1E1E1E;
   --texto-cabecalho: #FFFFFF;

   /* BOTÕES */
   --botao-comprar-produto: #B9F501;
   --cor-botao-comprar-produto: #1E1E1E;

   /* PAGINA */
   --text-color: #FFFFFF;
   --brand-color: #B9F501;
   --black: #1E1E1E;
   --white: #FFFFFF;
   --grey: #4C4C4C;
   --bg-color: #1E1E1E;

   /* RODAPE */
   --fundo-rodape: #1E1E1E;
   --texto-rodape: #FFFFFF;
}

/* ======================================================
    2. ESTILOS GERAIS (TYPOGRAPHY & RESETS)
====================================================== */
html {
   background: var(--white);
}

body {
   background-color: var(--bg-color);
   font-family: "Plus Jakarta Sans", sans-serif;
   background: var(--white);
}

p, span, a, strong, label, h1, h2, h3, h4, h5, h6, .titulo {
   font-family: "Plus Jakarta Sans", sans-serif;
   -webkit-font-smoothing: antialiased;
   text-rendering: optimizeLegibility;
   color: var(--black);
}

.fundo-secundario, .fundo-secundario *, .fundo-secundario *:hover, .fundo-secundario:hover, .fundo-secundario.botao:hover {
   color: var(--black);
}

.cor-secundaria {
   color: var(--black);
}

.conteiner {
   max-width: 1500px;
   padding: 0 16px;
   box-sizing: border-box;
}

.botao, .btn {
   background: var(--brand-color)!important;
   color: var(--white)!important;
   padding: 12px 24px;
   border: 0;
   border-radius: 6px;
   height: 48px!important;
   box-sizing: border-box;
   display: flex;
   align-items: center;
   font-size: 16px;
   justify-content: center;
}

input, textarea, select {
   background: var(--white)!important;
   color: var(--black)!important;
   padding: 0 16px!important;
   border-radius: 0!important;
   border: 1px solid rgba(0,0,0,.1)!important;
   font-family: "Chakra Petch", sans-serif;
}

input, select {
   height: 48px!important;
}

textarea {
   padding: 10px 16px !important;
}

input:focus, textarea:focus, select:focus {
   box-shadow: 0 0px 10px var(--brand-color)!important;
   border: 1px solid var(--brand-color)!important;
}

/* ======================================================
    3. ÍCONES
====================================================== */
.icon-shopping-cart::before { content: ""; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/cart.svg) center no-repeat; background-size: 100%; width: 24px; height: 24px; }
.icon-user::before { content: ""; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/user.svg) center no-repeat; background-size: 100%; width: 24px; height: 24px; }
.icon-search::before { content: ""; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/search.svg) center no-repeat; background-size: 100%; width: 24px; height: 24px; }
.icon-instagram::before { content: ""; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/instagram.svg) center no-repeat; width: 16px; height: 16px; background-size: 100%; }

/* ======================================================
    4. OCULTAR ELEMENTOS INATIVOS (Pagamento e Medidas)
====================================================== */
.btn-forma-pagamento,
.btn-medidas,
#modal-medidas,
#modal-pagamento {
    display: none !important;
}

/* ======================================================
    5. CABEÇALHO E BARRA INICIAL
====================================================== */
.barra-inicial { background: #f1f1f1; height: 40px; }
.barra-inicial > .conteiner > .row-fluid { display: flex; height: 100%; }
.barra-inicial > .conteiner { display: flex; height: 100%; }
.barra-inicial > .conteiner > .row-fluid > div { display: flex; align-items: center; }
.barra-inicial > .conteiner > .row-fluid > .canais-contato { justify-content: flex-end; }
.barra-inicial ul li { height: 40px; display: flex; align-items: center; border: 0; padding: 0; }
.barra-inicial ul li a, .barra-inicial ul li span, .barra-inicial ul li strong { font-size: 14px; font-weight: 600; }
.barra-inicial > .conteiner > .row-fluid > .canais-contato > ul { display: flex; gap: 20px; }
.barra-inicial > .conteiner > .row-fluid > .canais-contato > ul:after { display: none; }
.barra-inicial .canais-contato ul li i { display: none; }
.alert-bar { display: flex; align-items: center; justify-content: center; height: 36px; background: var(--brand-color); }
.alert-bar span { color: var(--white); font-weight: 500; font-size: 14px; }

#barraTopo { display: none !important; }
#cabecalho { background: var(--white); border-bottom: 1px solid rgba(0, 0, 0, .1); position: sticky; z-index: 10000; top: 0; }
#cabecalho .conteiner .conteudo-topo > .superior { display: none !important; }
#cabecalho .conteudo-topo .inferior { display: flex; align-items: center; margin: 0; gap: 32px; }
#cabecalho .conteudo-topo .inferior .span4.hidden-phone { width: max-content; margin: 0; display: flex; align-items: center; }
#cabecalho > .conteiner > .row-fluid > .span3 { width: 170px; }
#cabecalho .span8.busca-mobile { max-width: 250px; margin: 0; }
#cabecalho .conteudo-topo.span9 { width: 100%; }
#cabecalho > .conteiner > .row-fluid { display: flex; align-items: center; }
#cabecalho .conteudo-topo .inferior:before, #cabecalho .conteudo-topo .inferior:after { display: none; }

.logo a { height: 60px; }
.carrinho { border: 0; background: none; padding: 18px 0; }
.carrinho > a { display: flex; align-items: center; gap: 4px; }
.carrinho > a > span { display: none !important; }
.carrinho > a i { width: 24px; height: 24px; background: none; line-height: 24px; font-size: 0; }
.carrinho > a strong { color: var(--white); background: var(--brand-color); width: 24px; height: 24px; display: flex; align-items: center; justify-content: center; font-size: 12px; font-weight: 600; margin: 0; border-radius: 999px; }

.menu.superior { margin: 0; padding: 0; flex: 1; background: none; }
.menu.superior .nivel-um { display: flex; gap: 10px; align-items: center; }
.menu.superior .nivel-um li { border: 0; }
.menu.superior .nivel-um li strong { color: var(--black); padding: 5px 0; font-size: 14px; font-weight: 600; }
.menu.superior .nivel-um > li > a { display: flex; align-items: center; gap: 4px; }
.menu.superior .nivel-um > li > a i { margin: 0; background: none; display: block; }
.menu.superior .nivel-dois, .menu.superior .nivel-tres { padding: 0; background: var(--white); }
.menu.superior .nivel-dois { top: 60px; }
.menu.superior .nivel-dois > li, .menu.superior .nivel-tres > li { padding: 10px 20px; transition: 0.4s; }
.menu.superior .nivel-dois > li:hover, .menu.superior .nivel-tres > li:hover { background: var(--brand-color); }
.menu.superior .nivel-dois > li:hover > a, .menu.superior .nivel-tres > li:hover > a { color: var(--white); font-weight: 600; }
.menu.superior .nivel-dois .com-filho i { margin: 0; top: 50%; transform: translateY(-50%); background: none; }
.menu.superior .nivel-dois a { font-size: 14px; color: var(--black); }

.busca #form-buscar { display: flex; width: 100%; }
.busca { border: 0; padding: 0; background: none; }
.busca .botao-busca { right: 1px; top: 1px; background: transparent!important; padding: 12px 16px; }
a.h-user { font-size: 14px; color: var(--black); font-weight: 600; height: 48px; display: flex; align-items: center; justify-content: center; gap: 8px; text-decoration: none; }

/* ======================================================
    6. BANNERS
====================================================== */
.banner-text { position: absolute; left: 0; bottom: 0; padding: 40px; display: flex; flex-direction: column; gap: 24px; }
span.bn-t-title { color: var(--white); }
.bn-text-price { display: flex; flex-direction: column; font-size: 24px; color: #fff; gap: 4px; }
.bt-t-button { width: fit-content; }
.bn-t-price { color: var(--brand-color); }

.secao-banners .conteiner { padding: 32px 32px 0; max-width: 1500px; box-sizing: border-box; }
.banner .flex-control-paging li a { background: #fff; opacity: .6; width: 20px; height: 3px; border: 0; position: relative; }
.banner .flex-control-paging li a.flex-active { width: 32px; height: 3px; background: var(--brand-color); border: 0; opacity: 1; }
.banner .flex-direction-nav .flex-prev { position: relative; left: 0; opacity: 1; margin: 0; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/chevron-left.svg) center no-repeat; width: 40px; height: 40px; background-color: var(--brand-color); }
.banner .flex-direction-nav .flex-next { opacity: 1; right: 0; position: relative; margin: 0; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/chevron-right.svg) center no-repeat; width: 40px; height: 40px; background-color: var(--brand-color); }
.banner .flexslider:hover .flex-direction-nav .flex-prev { left: 0; }
.banner .flexslider:hover .flex-direction-nav .flex-next { right: 0; }
.banner .flex-control-nav { width: max-content; position: relative; padding: 0; display: flex; align-items: center; justify-content: center; right: 0; bottom: 0; }
.banner .flex-direction-nav:before, .banner .flex-direction-nav:after { display: none; }
.banner .flex-direction-nav { position: absolute; right: 40px; bottom: 40px; display: flex; align-items: center; gap: 24px; }

.mini-banner { display: flex; gap: 16px; }
.mini-banner:before, .mini-banner:after { display: none; }
.mini-banner > div:not(.modulo.span4) { display: none; }
.mini-banner .flex-direction-nav { display: none; }
.mini-banner .modulo.span4 { width: 100%; margin: 0; position: relative; }
.mini-banner .flexslider .slides img { border-radius: 8px; }
.sem-banner .caixa-vazia { width: 100%; box-sizing: border-box; }
.span12.banner.tarja { display: flex; justify-content: center; margin: 0; }
.span12.banner.tarja > a { flex: 1; margin: 0 !important; }
.span12.banner.tarja > a picture, .span12.banner.tarja > a img { width: 100%; border-radius: 8px; }
.banner.cheio+.row-fluid { margin: 0; }

/* ======================================================
    7. LISTAGEM DE PRODUTOS (VITRINE) E CATEGORIAS SLIDER
====================================================== */
#corpo .conteiner { padding: 16px; }
#listagemProdutos { padding: 0 32px; display: flex; flex-direction: column; gap: 24px; max-width: 1500px; margin: 0 auto; }
#listagemProdutos .slick-track { width: 100% !important; }
.listagem .produtos-carrossel { padding: 0; }
.listagem .span3 .imagem-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .imagem-produto { height: fit-content; width: 100%; }
.listagem .imagem-produto img { position: relative; width: 100%; }
.listagem .listagem-item { padding: 0; transition: all .4s; }
.listagem .listagem-linha>ul { margin-left: 0; }
.listagem .listagem-linha:first-child { padding: 0; }
.listagem .titulo-categoria { font-size: 24px; background: none !important; padding: 0 !important; display: flex; flex-direction: column; align-items: center; justify-content: center; border: 0; margin: 48px 0 32px !important; }
.listagem .info-produto { padding: 24px; }
.listagem .preco-produto>div { display: flex; flex-direction: column; }
.listagem .preco-produto>div .titulo { margin: 0; font-size: 14px; opacity: .7; }
.listagem .preco-produto>div strong.titulo { font-size: 22px; font-weight: 700; color: var(--brand-color); margin-bottom: 8px; opacity: 1; }

.listagem .span3 .listagem-item .nome-produto, .listagem .produtos-carrossel[data-produtos-linha="4"] .listagem-item .nome-produto {
   max-height: 47px; min-height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; line-clamp: 2; overflow: hidden; white-space: normal; text-overflow: ellipsis; line-height: 20px;
}

.bandeiras-produto span { border: 0; box-shadow: none; padding: 4px 8px; line-height: 16px; font-size: 12px; }
.bandeiras-produto .bandeira-promocao { background-color: var(--brand-color); color: var(--white) !important; }
.bandeiras-produto .adicionado-carrinho { background-color: var(--white); color: var(--black) !important; }
.listagem-item.produto-adicionado .bandeiras-produto .adicionado-carrinho { background: var(--white); }
.listagem-item .preco-parcela strong, .listagem-item .desconto-a-vista strong { font-weight: normal; }
.listagem-item .preco-parcela, .listagem-item .desconto-a-vista { font-size: 14px; }
.listagem-item:hover .acoes-produto { bottom: 24px; right: 24px; padding: 0; border: 0; width: fit-content; left: auto; }
.listagem .acoes-produto .botao-comprar { width: 48px; height: 48px; font-size: 0; }
.listagem .acoes-produto .botao-comprar i:before { content: ""; background: url(https://cdn.awsli.com.br/2942/2942228/arquivos/add_shopping_cart.svg) center no-repeat; background-size: 100%; }
.listagem .acoes-produto .botao-comprar i { margin: 0; }
.listagem-item .acoes-produto { right: 24px; bottom: 44px; left: auto; padding: 0; border: 0; }
.listagem .flex-direction-nav .flex-next, .listagem .flex-direction-nav .flex-prev { width: 48px; height: 48px; background: var(--white); border: 1px solid var(--brand-color); color: #fff; font-size: 0; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); display: flex !important; align-items: center; justify-content: center; opacity: 1; border-radius: 6px; }
.listagem .flex-direction-nav .flex-next { right: 0px; }
.listagem .flex-direction-nav a.flex-next:before { content: ""; width: 24px; height: 24px; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/chevron-right.svg); display: block; }
.listagem .flex-direction-nav .flex-prev { left: 0px; }
.listagem .flex-direction-nav a.flex-prev:before { content: ""; width: 24px; height: 24px; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/chevron-left.svg); display: block; }

/* CATEGORIAS SLIDER */
.c-item a { height: 200px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,.05); border-radius: 8px; }
.c-item img { width: 100% !important; height: 100% !important; max-width: 100% !important; max-height: 100% !important; object-fit: cover; display: block; }
.c-slide .slick-track { display: flex; gap: 20px; }
.c-slide .slick-track:before, .c-slide .slick-track:after { display: none; }
.c-slide { margin: 0; }
.slick-arrow { width: 48px; height: 48px; background: var(--white); border: 1px solid var(--brand-color); color: #fff; font-size: 0; position: absolute; z-index: 10; top: 50%; transform: translateY(-50%); display: flex !important; align-items: center; justify-content: center; }
.slick-arrow.slick-next:before { content: ""; width: 24px; height: 24px; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/chevron-right.svg); display: block; }
.slick-arrow.slick-prev:before { content: ""; width: 24px; height: 24px; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/chevron-left.svg); display: block; }
.slick-arrow.slick-prev { left: -20px; }
.slick-arrow.slick-next { right: -20px; }
.c-slide-title { font-size: 24px; font-weight: bold; margin: 0; }
.c-slide-header { display: flex; flex-direction: column; gap: 0; margin: 48px 0 32px !important; text-align: center; }
.c-slide-subtitle { font-size: 16px; font-weight: normal; }
.c-slide-section { padding: 0 32px; max-width: 1500px; margin: 0 auto; }

/* ======================================================
    8. PÁGINA DO PRODUTO (Novo Grid e Ajustes)
====================================================== */
.produto .nome-produto { font-size: 32px; font-weight: 600; }
.produto .acoes-produto .preco-produto .titulo { font-size: 24px; font-weight: 600; }
.produto .codigo-produto { display: none; }
.produto .conteiner-imagem { text-align: left; margin: 0; padding: 48px; border-right: 1px solid rgba(0,0,0,.1); }
.produto .conteiner-imagem > div:first-child { text-align: center; }
.produto .conteiner-imagem > div { cursor: default; }
.produto .conteiner-imagem #abreZoom { display: none; }
.produto .acoes-flutuante, .produto-compartilhar { display: none !important; }
.produto .principal .acoes-produto { position: relative; }

.pagina-produto #corpo .conteiner { padding: 0; max-width: 1500px; }
.pagina-produto .abas-custom .tab-content { padding: 0; box-shadow: none; }
.pagina-produto .produto > .row-fluid > .span5 { max-width: 500px; padding: 24px 24px; position: sticky; top: 100px; margin: 0; }
.pagina-produto .produto > .row-fluid { display: flex; align-items: flex-start; padding: 0; }
.pagina-produto .produto > .row-fluid > div { flex: 1; }
.pagina-produto .produto > .row-fluid:first-child { z-index: 1; position: relative; }
.pagina-produto #corpo .conteiner>div, .pagina-produto #corpo { margin: 0 !important; }
.pagina-produto .listagem > .titulo { font-size: 28px; font-weight: bold; color: var(--black); display: block; margin: 48px 0 32px; }

/* Espaçamento entre os blocos (Padding Controlado) */
.produto .principal > * + * {
    padding: 5px 0 5px !important; 
}

/* Preço na página do produto */
.produto .acoes-produto .preco-produto > div:first-child { display: flex; align-items: center; flex-direction: row-reverse; justify-content: flex-end; gap: 10px; }
.produto .acoes-produto .preco-produto:has(.preco-promocional) .preco-venda.titulo { color: #999; font-size: 12px; }
.produto .acoes-produto .preco-produto .preco-promocional.titulo { font-weight: bold; font-size: 32px; }
.acoes-produto .preco-produto { float: none; }

/* Grid Alinhado (Quantidade e Botão Comprar Lado a Lado) */
.produto .acoes-produto .comprar {
    display: grid !important;
    grid-template-columns: 100px 1fr !important;
    column-gap: 15px !important;
    align-items: start !important;
    float: none;
    width: 100%;
    text-align: center;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho {
    grid-column: 1 / 2 !important;
    grid-row: 1 / 3 !important;
    margin: 0 !important;
    width: 100% !important;
    display: block !important;
    position: relative;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho-title {
    display: none !important;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho,
.produto .acoes-produto .comprar .qtde-adicionar-carrinho .qtde-carrinho input {
    height: 70px !important;
    box-sizing: border-box !important;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.produto .acoes-produto .comprar .qtde-adicionar-carrinho::after {
    content: "QUANTIDADE";
    display: block;
    text-align: center;
    font-size: 11px;
    font-weight: 400;
    color: var(--black);
    margin-top: 8px !important;
}

.produto .comprar > .botao.botao-comprar {
    grid-column: 2 / 3 !important;
    grid-row: 1 / 2 !important;
    height: 70px !important;
    margin: 0 !important;
    width: 100% !important;
    font-size: 24px;
    text-transform: uppercase;
    font-weight: bold;
    display: flex;
    text-shadow: none;
    flex-direction: column;
}

.produto .comprar > .botao.botao-comprar:after { font-size: 11px; content: "Compra 100% segura"; font-weight: 300; }
.produto .comprar > .botao.botao-comprar i { display: none; }

.produto .acoes-produto .comprar .disponibilidade-produto {
    grid-column: 2 / 3 !important;
    grid-row: 2 / 3 !important;
    text-align: center !important;
    margin: 0 !important;
    margin-top: 8px !important;
    width: 100% !important;
    text-transform: uppercase;
}

/* Atributos / Variações */
.atributos .atributo-comum b { color: var(--brand-color); font-weight: normal; }
.atributos .atributo-comum * { font-size: 14px; }
.atributos ul li a { box-shadow: none; border: 1px solid var(--black); height: 42px; display: flex; align-items: center; padding: 12px 10px; box-sizing: border-box; margin: 0; border-radius: 6px; }
.atributos ul li a * { color: var(--black); font-weight: normal; }
.atributos ul li a:hover, .atributos ul li.active a { border: 1px solid var(--brand-color); background: var(--brand-color); }
.atributos ul li a:hover *, .atributos ul li.active a * { color: var(--white); }
.atributos ul li.active a span:after { content: "\f00c"; width: 16px; height: 16px; display: block; font-family: 'FontAwesome-v4'; margin-left: 4px; }
.atributos ul li.active a span { display: flex; }
.atributo-comum a.indisponivel { background: var(--white); opacity: .5; }
.atributo-comum a.indisponivel span { text-decoration: line-through; }

/* CEP e Descrição */
#formCalcularCep .btn { background: none!important; font-size: 0; border: 0!important; box-shadow: none!important; position: absolute; right: 0; z-index: 3; }
#formCalcularCep .btn:after { content: ""; width: 20px; height: 20px; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/check.svg) center no-repeat; }
.cep .input-append { position: relative; width: 100%; display: flex; }
.cep label { font-weight: normal; font-size: 14px; }
.cep .input-cep { width: 100%; box-sizing: border-box; flex: 1; }
#descricao:before { content: "Descrição"; font-size: 28px; font-weight: bold; color: var(--black); margin: 48px 0 32px; display: block; }
#descricao p { font-size: 14px; }
.alert-envio-digital { display: flex; align-items: center; justify-content: center; padding: 10px 10px!important; background: rgba(0,0,0,.05); gap: 10px; font-size: 14px; font-weight: 600; color: #000; margin-top: 15px !important; margin-bottom: 15px !important; }

/* Compre Junto */
div#buy-together-position1 { width: 100%; box-sizing: border-box; }
.compre-junto { width: 100%; padding: 0 16px; box-sizing: border-box; }
.pagina-produto .produto .compre-junto__imagem img { width: fit-content !important; height: inherit !important; }
.compre-junto__produto--principal::after { color: #607081; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/add.svg) center no-repeat; background-color: #fff; width: 40px; height: 40px; font-size: 0 !important; display: flex; align-items: center; justify-content: center; color: var(--white); line-height: 100%; border: 0; box-sizing: border-box; right: -30px !important; }
.compre-junto__atributo--lista option { padding: 10px 20px; background: var(--white); color: var(--black); }
.compre-junto__produto--principal .compre-junto__nome a, .compre-junto__produto--grade .compre-junto__nome a { color: var(--black); }
.compre-junto__preco--promocional, .compre-junto__preco--promocional:empty + .compre-junto__preco--regular { font-size: 22px; font-weight: 700; color: var(--brand-color); margin-bottom: 8px; opacity: 1; }
.compre-junto__atributo--lista { width: 100%; box-sizing: border-box; background: var(--white); border: 1px solid rgba(255, 255, 255, 0.2); height: 44px; color: #fff; border-radius: 0; font-family: 'Chakra Petch', sans-serif; -webkit-appearance: none; -moz-appearance: none; appearance: none; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/chevron-down.svg) 95% no-repeat; padding: 0 20px; }
.compre-junto .slick-slide:not(.slick-active)::after { background: linear-gradient(270deg, #1e1e1e, rgba(0, 0, 0, 0) 100%); }
.compre-junto__resumo { background: #303030; border: 0; height: fit-content; padding: 24px; }
.compre-junto__conteudo { align-items: center; gap: 20px }
.compre-junto__resumo * { color: #fff; }
.compre-junto__comprar button { background: var(--brand-color); color: var(--white); text-transform: uppercase; font-family: "Chakra Petch", sans-serif; box-shadow: none; border-radius: 0; }
.compre-junto__produto--grade::before { background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/add.svg) center no-repeat; background-color: #fff; width: 40px; height: 40px; font-size: 0!important; display: flex; align-items: center; justify-content: center; color: var(--white); line-height: 100%; left: -12px; border: 0; box-sizing: border-box; }
.compre-junto .slick-arrow { background: var(--white); }
.compre-junto__selecionar input:checked::after { left: 12px; top: 6px; border: solid var(--white); border-width: 0 2px 2px 0; }
.compre-junto__selecionar input::before { display: none; }
.compre-junto__selecionar input { border: 0 !important; width: 30px; height: 30px !important; background: var(--brand-color) !important; }
.compre-junto__etiqueta { border-radius: 0; width: 100%; left: 0; transform: none; top: 0; background: var(--brand-color); text-transform: uppercase; font-size: 12px; }
.compre-junto__produto--principal { border: 1px solid rgba(255, 255, 255, .2); border-radius: 0; }
.compre-junto__titulo { color: #fff; font-size: 24px; margin-top: 40px; }

/* AVISOS DE QUANTIDADE MÍNIMA */
.alerta-qtd-minima {
    background-color: #f8d7da;
    color: #721c24;
    padding: 12px;
    margin-bottom: 15px;
    border: 1px solid #f5c6cb;
    border-radius: 4px;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    width: 100%;
    box-sizing: border-box;
}

/* ======================================================
    9. RODAPÉ E INSTITUCIONAL
====================================================== */
#rodape { background: var(--white); border-top: 1px solid rgba(0,0,0,.1); }
#rodape .titulo { border: 0; margin: 0; font-size: 16px; padding: 0 0 20px; color: var(--black); font-weight: 600; }
#rodape .institucional, #rodape .pagamento-selos { background: none; }
#rodape .institucional .conteiner { padding: 32px; box-sizing: border-box; }
.institucional > .conteiner > .row-fluid > .span3 { margin: 0; }
.institucional > .conteiner > .row-fluid { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.institucional > .conteiner > .row-fluid:before, .institucional > .conteiner > .row-fluid:after { display: none; }
.links-rodape li a { font-size: 16px; color: var(--black); }
.links-rodape li { list-style: none !important; }

#rodape .redes-sociais { position: relative; background: none; border: 0; box-shadow: none; padding: 0; width: 100%; }
#rodape .redes-sociais .titulo { font-size: 16px; color: var(--black); font-weight: 600; }
.lista-redes i { background: none!important; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; color: var(--black); }
.lista-redes li { border: 0!important; }
#rodape .institucional .lista-redes ul { display: flex; gap: 10px; justify-content: center; }

.pagamento-selos .conteiner { padding: 0; }
#rodape .pagamento-selos { padding: 32px; margin: 0 auto; max-width: 1500px; box-sizing: border-box; }
.span4.pagamento, .span4.selos { width: fit-content; }
.gateways-rodape { background: none; border: 0; display: flex; gap: 20px; }
.gateways-rodape li.col-md-3 { border: 0!important; width: fit-content; padding: 8px 12px; background: #fff; border-radius: 6px; align-items: center; display: flex; }
.gateways-rodape li.col-md-3 img { max-height: 20px; }

#rodape>div:last-child { background: var(--white) !important; border: 0!Important; padding: 32px !important; max-width: 1500px; margin: 0 auto; box-sizing: border-box; }
#rodape>div:last-child .row-fluid { display: flex; gap: 30px; }
#rodape>div:last-child .row-fluid:before, #rodape>div:last-child .row-fluid:after { display: none; }
#rodape>div:last-child .row-fluid > .span12 > p { text-align: left; font-size: 16px; }
#rodape>div:last-child .row-fluid > .span12 { display: flex; align-items: center; flex: 1; }
#rodape>div:last-child .conteiner { padding: 0; }
#rodape > div:last-child .row-fluid > div:last-child::before { content: "Conheça a plataforma:"; }
#rodape > div:last-child .row-fluid > div:last-child { display: flex; flex-direction: column; }
.feito-pixelset { display: flex; max-width: 150px!important; flex: 1; }
a.pixel-logo:before { content: "Desenvolvido por:"; }

.atendimento-rodape ul * { font-size: 16px; }
button.whatsapp-btn { background: none; border: 1px solid var(--brand-color); padding: 12px 32px; margin-top: 10px; color: var(--black); border-radius: 6px; }
button.whatsapp-btn i { color: var(--black); }
ul.whatsapp-dropdown-menu { position: absolute; left: 0; bottom: 56px; background: var(--white); width: 100%; border: 1px solid rgba(0,0,0,.1); padding: 24px; box-sizing: border-box; font-size: 16px; }
.whatsapp-dropdown { width: 85%; position: relative; }
ul.whatsapp-dropdown-menu li { margin: 12px 0; display: flex; flex-direction: column; }

/* ======================================================
    10. COMPONENTES EXTRAS (FAQ, Benefícios, Newsletter, Modal)
====================================================== */

/* Barra de Benefícios */
.beneficio-item { display: flex; gap: 10px; }
.beneficio-item .beneficio-texto { display: flex; flex-direction: column; }
.beneficios-container { padding: 32px; display: flex; justify-content: space-between; align-items: center; max-width: 1500px; margin: 0 auto; box-sizing: border-box; }
.beneficio-item .beneficio-texto strong { font-size: 18px; }
.beneficio-item .beneficio-texto span { font-size: 14px; }
.beneficio-divider { height: 52px; display: block; width: 1px; background: rgba(255, 255, 255, 0.2); }
.beneficio-icone { font-size: 18px; }

/* FAQ */
.faq-container { padding: 0 32px; max-width: 1500px; margin: 0 auto; box-sizing: border-box; }
section.faq-section { width: 100%; margin-bottom: 24px; }
.faq-list { margin-top: 48px; }
.faq-container h2 { font-size: 24px; margin: 0; }
.faq-container p { font-size: 16px; }
.faq-item { display: flex; flex-direction: column; padding: 24px; gap: 24px; border-bottom: 1px solid rgba(0, 0, 0, 0.1); background: rgba(0, 0, 0, .05); border-radius: 10px; margin-bottom: 14px; }
.faq-pergunta { display: flex; width: 100%; justify-content: space-between; align-items: center; cursor: pointer; }
.faq-pergunta span { font-size: 22px; font-weight: 500; transition: all 0.4s; line-height: 100%; }
.faq-pergunta .faq-icon { font-size: 32px; }
.faq-container * { color: var(--black); }
.faq-resposta { font-size: 16px; opacity: 0.7; }
.faq-item.active .faq-pergunta span { font-size: 40px; }

/* Newsletter */
#barraNewsletter { box-shadow: none; background: #fff; border-top: 1px solid rgba(0, 0, 0, .2); }
#barraNewsletter .componente .titulo { display: block; text-align: left; margin: 0; font-size: 24px; font-weight: 600; }
#barraNewsletter .componente .titulo i { display: none; }
#barraNewsletter .componente .texto-newsletter { display: flex; flex-direction: column; }
#barraNewsletter .componente .interno-conteudo { display: flex; justify-content: space-between; align-items: center; }
#barraNewsletter .componente .botao { padding: 20px; }
#barraNewsletter .componente div.newsletter-cadastro { display: flex; flex: 1; max-width: 600px; }
#barraNewsletter .componente input[type="text"] { width: 100%; }

/* Tarja Dinâmica */
.t-bar { max-width: 1500px; padding: 24px; margin: 0 auto; box-sizing: border-box; }
.t-item { display: flex !important; gap: 10px; align-items: center; padding: 16px; background: rgba(0, 0, 0, .05); margin: 0 5px; border-radius: 10px; }
.t-item .t-text { display: flex; flex-direction: column; }
.t-item .t-text strong { font-size: 16px; }
.t-item .t-text span { font-size: 12px; }
.t-slide img { max-width: 24px; max-height: 24px; }
.t-slide .slick-track { display: flex; align-items: center; }

/* Utilitários, Popovers e Modais Genéricos */
.modal { background: var(--white); z-index: 999999; }
.modal-backdrop { z-index: 99999; }
.popover { background: var(--white); border: 1px solid rgba(0,0,0,0.1); box-shadow: 0 5px 15px rgba(0,0,0,0.1); }
.popover * { color: var(--black); } /* Texto agora é visível! */
.popover-title { background: rgba(0,0,0,0.05); border-bottom: 1px solid rgba(0,0,0,0.1); color: var(--brand-color); font-weight: bold; }
.popover .arrow:after { display: none !important; }
.fancybox-skin { background: var(--white); }
.alert { background: rgba(255, 255, 255, .1); text-shadow: none; font-size: 16px; }

/* Modal Comprar Ajax */
.modal-comprar-ajax-status .fancybox-skin { background: var(--white); }
#comprar-ajax-status .sucesso .buttons { display: flex; justify-content: space-between; align-items: center; }
#comprar-ajax-status .sucesso .buttons .ir-carrinho { text-transform: uppercase; font-weight: 600; text-shadow: none; padding: 20px 20px; height: max-content!important; }
#comprar-ajax-status .sucesso .buttons .ir-carrinho i { display: none; }
#comprar-ajax-status .sucesso .buttons .continuar-comprando { background: none!important; color: #fff!important; border: 1px solid rgba(255,255,255,.2); }

/* Auto complete da busca */
.ui-autocomplete { background: var(--white); }
.ui-autocomplete > li.ui-menu-item { border: 0; padding: 4px 10px; }
.ui-autocomplete .ui-menu-item .img { border: 0; }

/* ======================================================
    11. CARRINHO, CHECKOUT E LOGIN
====================================================== */
.pagina-carrinho #corpo .conteiner { padding: 48px; }
.tabela-carrinho tr { border: 0; }
.tabela-carrinho td, .tabela-carrinho th { border: 0; }
.tabela-carrinho * { color: var(--black); }
.tabela-carrinho .produto-info { text-align: center; }
.tabela-carrinho .produto-info ul li { text-align: center; }
.tabela-carrinho .formas-envio .radio { text-align: center; }
.tabela-carrinho .formas-envio input[type="radio"] { max-height: 16px; }
.tabela-carrinho .total, .tabela-carrinho .valores-descontos span { display: block; text-align: center; width: 100%; }
.tabela-carrinho .total strong { font-weight: 600; color: var(--brand-color); }
.tabela-carrinho form .input-append { display: flex; }
.tabela-carrinho form .input-append #btn-cupom { text-shadow: none; text-transform: uppercase; font-size: 14px; font-weight: 600; border-radius: 0; }

.finalizar-compra .acao-editar .span12 { display: flex; align-items: center; justify-content: flex-end; }
.finalizar-compra .span12 a.botao { background: var(--white) !important; color: var(--black) !important; border: 1px solid rgba(0, 0, 0, .1); }
.finalizar-compra .span12 .botao.grande { height: 60px!important; text-transform: uppercase; text-shadow: none; font-weight: bold; font-size: 18px; padding: 0 40px; }
.finalizar-compra .span12 .botao.grande i { display: none; }

/* Frete */
#formCalcularFrete > .control-group { display: flex; gap: 20px; align-items: center; }
#formCalcularFrete > .control-group .controls { margin: 0; display: flex; align-items: center; }
#formCalcularFrete > .control-group:before, #formCalcularFrete > .control-group:after { display: none; }
#formCalcularFrete > .control-group .controls > .input-append { display: flex; }
#formCalcularFrete > .control-group .controls > .input-append input { margin: -1px 0 0; }
#formCalcularFrete > .control-group .controls > .input-append #btn-frete { box-sizing: border-box; height: 50px; border: 0; border-radius: 0; text-transform: uppercase; font-size: 14px; text-shadow: none; font-weight: 600; }
#formCalcularFrete > .control-group .controls > .input-append #btn-frete i { display: none; }

/* Login e Cadastro */
.pagina-login #corpo > .conteiner { padding: 48px; }
.cadastro-logar .control-group { display: flex; flex-direction: column; }
.cadastro-logar .form-horizontal .controls { margin: 0; }
.cadastro-logar input { width: 100% !important; box-sizing: border-box; }
.cadastro legend { border: 0; font-size: 20px; font-weight: normal; }
.cadastro legend i { display: none; }
.cadastro-logar .botao { box-sizing: border-box; margin: 20px 0 0; width: 100%; text-transform: uppercase; font-size: 14px; font-weight: 600; text-shadow: none; }
.cadastro-logar .recuperar-senha { margin: 20px 0 0; font-size: 14px; display: block; text-decoration: underline; }
.cadastro-logar .recuperar-senha i { display: none; }
.identificacao .control-group input { box-shadow: none; box-sizing: border-box; width: 100%; }
.identificacao .email-box { margin: 0!important; width: 100%; flex: 1; }
.identificacao .control-group .submit-email.botao.principal { position: relative; padding: 0 20px; max-width: fit-content; }
.identificacao .control-group .botao.principal { width: 100%; max-width: 100%; }

/* Conta / Abas */
.abas-conta li.active a { background: rgba(0,0,0,.1); }
.abas-conta li a { display: flex; align-items: center; gap: 10px; }
.conta-menu .nome-usuario i { display: none; }
.pagina-conta .secao-principal { display: flex; flex-direction: column-reverse; }
.pagina-conta .row-fluid .coluna { display: block; }
.pagina-conta .acao-editar { display: flex; gap: 10px; margin-bottom: 20px; }

/* Checkout */
.carrinho-checkout #cabecalho > .conteiner > .row-fluid > .span6 { margin: 0; }
.carrinho-checkout .conteiner-principal #corpo .conteiner { box-shadow: none; }
.checkout-alerta-seguro { background: rgba(0,0,0,.1); border: 1px solid rgba(255,255,255,.2); }
.checkout-alerta-seguro .checkout-alerta-seguro-item .icon-ok, .checkout-alerta-seguro .checkout-alerta-seguro-tit { color: var(--brand-color); }
.identificacao .identificacao-inner { background: none!important; }
.carrinho-checkout .identificacao hr.sem-margem { border: 0; }
.carrinho-checkout .identificacao .control-group { display: flex; gap: 20px; }
.carrinho-checkout .identificacao .control-group:before, .carrinho-checkout .identificacao .control-group:after { display: none; }
.carrinho-checkout .identificacao .login-data .control-group { display: flex; flex-direction: column; }
.carrinho-checkout .identificacao .login-data .control-group .senha-box { order: 1; margin: 0; }
.carrinho-checkout .identificacao .login-data .control-group * { order: 2; }
.carrinho-checkout .atendimento, .clean-layout .atendimento { border: 0; padding: 0; margin: 0; }
.carrinho-checkout .atendimento li, .clean-layout .atendimento li { padding: 10px 20px; box-sizing: border-box; margin: 0; }
.carrinho-checkout select { background: var(--white) !important; color: var(--black) !important; padding: 0 16px !important; border-radius: 0 !important; border: 1px solid rgba(0, 0, 0, .1) !important; }
.radio-conteiner input, .radio input[type="radio"], .checkbox input[type="checkbox"] { max-height: 16px; }
.li-box-payment { background: #fff; }
.li-box-payment * { color: #000 !important; }
.campos-pedido .acao-editar button#finalizarCompra { height: 80px!important; font-weight: 600; text-shadow: none; text-transform: uppercase; font-size: 20px; width: 100%; }
.campos-pedido .acao-editar button#finalizarCompra i { display: none; }
#formas-pagamento-wrapper .selo-ssl { display: flex; justify-content: center; }
.dados-cadastro * { color: var(--black); }
.control-group.erro .control-label, .control-group.erro .help-block, .control-group.erro .help-inline { color: #ff9292; }
.formas .accordion-heading .forma-conteiner * { color: var(--black); }
.formas .accordion-heading .forma-conteiner .envio-preco { color: var(--brand-color); font-weight: 600; }
.forma-envio .accordion-group { border: 0; }
.formas .accordion-heading { background: rgba(0,0,0,.1); }
.campos-pedido legend { font-size: 16px; font-weight: 600; border: 0; }
.campos-pedido legend i { display: none; }
.help-block { color: var(--black); }

/* ======================================================
    12. PÁGINA DE CATEGORIA / BUSCA
====================================================== */
.breadcrumbs { border: 0; padding: 12px 32px; }
.pagina-categoria .breadcrumbs { padding: 12px 0px; margin: 0; }
.pagina-categoria #corpo > .conteiner { padding: 48px; }
.pagina-categoria #listagemProdutos { padding: 0; }
.pagina-categoria .secao-banners .conteiner { padding: 0; }
.pagina-categoria .banner.tarja img { width: 100%; }

.pagina-categoria .secao-principal > .coluna { display: none; }
.pagina-categoria .secao-principal > .conteudo.span9 { width: 100%; margin: 0; box-sizing: border-box; }
.pagina-categoria .listagem .listagem-item { margin: 0 !important; }

.pagina-busca .coluna.span3 { display: none; }
.pagina-busca .conteudo.span9 { width: 100%; box-sizing: border-box; margin: 0; }
.pagina-busca .ordenar-listagem.topo { display: flex; padding: 0 32px 20px; }

/* Filtros */
.pagina-categoria .conteudo .btn-filtrar, .pagina-busca button.btn.btn-filtrar { background: var(--white) !important; border: 1px solid var(--brand-color); text-shadow: none; color: var(--black) !important; font-size: 14px; }
.btn-filtrar:after { content: ''; width: 20px; height: 20px; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/filter_alt.svg) center no-repeat; background-size: 100%; margin-left: 10px; }

/* Ordenação Visual */
.ordenar-listagem.topo .row-fluid { display: flex; justify-content: space-between; align-items: center; }
.ordenar-listagem.topo .row-fluid:before, .ordenar-listagem.topo .row-fluid:after { display: none; }
.ordenar-listagem .row-fluid > .titulo { flex: 1; }
.ordenar-listagem.topo > .row-fluid > .clearfix { display: none; }
.ordenar-listagem.topo .pagination { display: none; }

.pagination { display: flex; align-items: center; justify-content: center; width: 100%; }
.pagination ul { display: flex; gap: 10px; }
.pagination ul>li>a { background: var(--white); border: 1px solid rgba(255,255,255,.2); width: 44px; height: 44px; box-sizing: border-box; display: flex; align-items: center; justify-content: center; color: var(--black); border-radius: 0!important; font-weight: 600; font-size: 14px; }
.pagination ul>.active>a { background: var(--white); border: 1px solid var(--brand-color); color: var(--brand-color); }
.pagination ul>li>a:hover, .pagination ul>li>a:focus, .pagination ul>.active>a, .pagination ul>.active>span { background: var(--brand-color); }


/* ======================================================
    13. MODAL FILTROS
====================================================== */
#modalFiltros.modal.fade { height: calc(100vh - 40px); top: 20px; right: -25%; left: auto; transition: all 0.4s; overflow-y: scroll; border-radius: 0; }
#modalFiltros.modal.fade.in { right: 20px; top: 20px; left: auto; }
#modalFiltros .modal-header { padding: 20px 48px; }
#modalFiltros .modal-title { font-size: 24px; }
#modalFiltros .modal-body { display: flex; flex-direction: column; gap: 24px; padding: 0 48px 48px; max-height: fit-content; }
.modal .close { color: #000; font-size: 0; opacity: 1; display: flex; align-items: center; padding: 0 10px; margin: 0; }
.modal .close:before { content: ''; width: 20px; height: 20px; background: url(https://cdn.awsli.com.br/2942/2942234/arquivos/close.svg) center no-repeat; background-size: 100%; display: block; }
.modal-ordenar h4 { font-size: 24px; }
.modal-ordenar .dropdown-menu { display: flex !important; opacity: 1; flex-direction: column; position: relative; background: none; box-shadow: none; border: 0; padding: 0; width: 100%; }
.modal-ordenar .dropdown-menu a { color: var(--black); font-size: 16px; padding: 0; line-height: 34px; }
.modal-ordenar .dropdown-menu a i { display: none; }
.modal-filtros { display: flex; flex-direction: column; gap: 24px; }
.filtro { padding: 0; box-shadow: none; border: 0; }
.filtro h4 { font-size: 24px; font-weight: bold; }
.filtro.lista ul li label { font-size: 16px; padding: 4px 0; }
#modalFiltros .filtro.lista ul { border: 0; }
.filtro-lista li.active a { background: var(--brand-color); }
.filtro.lista li.active { background: var(--brand-color); padding: 0 16px; }
.filtro.lista li.active a label { color: var(--white); font-weight: 600; }

/* ======================================================
    14. REGRAS DE TELA (DESKTOP)
====================================================== */
@media screen and (min-width: 768px) {
   .logo a img { right: auto; }
   .identificacao .control-group input { box-shadow: none; width: 100%; box-sizing: border-box; }
   .identificacao .control-group .submit-email.botao.principal { max-width: fit-content; margin-top: 0px; }
   .listagem .listagem-item:hover { background: #fff; }
   .carrinho-checkout #cabecalho > .conteiner > .row-fluid { justify-content: space-between; }
}

@media screen and (min-width: 768px) and (max-width: 1782px) {
   .compre-junto__produto--principal { display: none; }
   .compre-junto__resumo { max-width: 200px; }
   .compre-junto .slick-track { display: flex; }
   .compre-junto__produto--grade:first-child::before { display: none; }
   .compre-junto__produto { margin: 0; }
}

/* ======================================================
    EXIBIR INFORMAÇÕES DE CONTATO NO RODAPÉ (DESKTOP)
====================================================== */
#rodape .institucional .span9 .row-fluid .span12.visible-phone {
    display: block !important; /* 1. Força a coluna a aparecer no computador */
    width: auto !important;    /* 2. Remove a regra de 100% de largura (span12) */
    flex: 1 !important;        /* 3. Faz ela ocupar o espaço restante dividindo com as outras */
}

/* ======================================================
    TAMANHO DA FONTE DO CONTATO (RODAPÉ)
====================================================== */
#rodape .institucional .visible-phone ul li,
#rodape .institucional .visible-phone ul li span,
#rodape .institucional .visible-phone ul li a {
    font-size: 16px !important; /* Mude este número para o tamanho que desejar */
    line-height: 25px !important; /* Dá um respiro entre as linhas se houver mais de uma */
}

/* ======================================================
    15. REGRAS DE TELA (MOBILE) - CONSOLIDADO
====================================================== */
@media screen and (max-width: 768px) {
   /* Cabeçalho e Menu */
   #cabecalho { padding: 0; }
   #cabecalho .conteiner { padding: 16px; }
   #cabecalho > .conteiner > .row-fluid > .span3 { width: 200px; }
   .conteiner .logo { margin: 0; }
   .h-actions.hidden-phone { display: none !important; }
   .atalhos-mobile, a.atalho-menu { display: none !important; }
   .h-menu, .h-search, .h-user { width: 40px; height: 40px; display: flex !important; align-items: center; justify-content: center; }
   .h-actions { display: flex !important; align-items: center; justify-content: flex-end; }
   .h-user span { display: none; }
   .carrinho { width: 40px; height: 40px; align-items: center; display: flex; justify-content: center; padding: 0; }
   .carrinho > a strong { position: absolute; top: 3px; right: 0; width: 16px; height: 16px; }
   
   /* Menu Lateral (Drawer) */
   .menu.superior .nivel-um { position: fixed; z-index: 1000; left: -200%; top: 0; display: flex; flex-direction: column; background: var(--white); width: 80%; height: 100dvh; box-shadow: 0 0 0 9999px rgba(0,0,0,.5); border: 0!important; margin: 0!important; padding: 24px; box-sizing: border-box; transition: all .5s; opacity: 0; overflow: scroll; }
   .menu.superior .nivel-um.active { left: 0; opacity: 1; }
   .close-menu { position: fixed; z-index: 10000; right: 10px; top: 50%; padding: 20px; display: none; transform: translateY(-50%); height: 100dvh; align-items: center; }
   .menu.superior .nivel-um.active + .close-menu { display: flex; }
   
   /* Busca Mobile */
   .conteudo-topo > .inferior { position: fixed; top: 129px; background: var(--white); width: 100%; left: 0; padding: 20px; box-sizing: border-box; box-shadow: 0 30px 30px rgba(0, 0, 0, .4); display: none !important; }
   .conteudo-topo > .inferior.active { display: block !important; }
   #cabecalho .span8.busca-mobile { max-width: 100%; padding: 0; border-radius: 0; }
   .busca { margin: 0; }
   .busca .botao-busca { top: 0px; right: 0px; }
   
   /* Banners e Slider Home */
   .secao-banners .conteiner { padding: 16px; }
   .banner-text { padding: 20px; gap: 10px; }
   .banner .flex-direction-nav { right: 20px; bottom: 20px; }
   .bn-t-image { max-width: 100px; }
   .bn-text-price { font-size: 18px; }
   .bt-t-button i, .banner .flex-control-nav { display: none; }
   .mini-banner.hidden-phone { display: block !important; }
   #listagemProdutos .banner.hidden-phone { display: flex !important; flex-direction: column; gap: 20px; }
   .banner.tarja img { width: 100%; }
   .t-bar { padding: 16px 0!important; margin: 0; }
   .t-item { width: fit-content!important; justify-content: center; }
   
   /* Categorias */
   .c-slide-section { padding: 0; }
   .c-item a { height: 100px; border-radius: 8px; }
   .c-slide .slick-track { gap: 10px; }
   .c-slide .slick-arrow.slick-next, .c-slide .slick-arrow.slick-prev { display: none !important; }
   .c-slide-header { margin: 0 0 20px !important; }
   
   /* Produtos e Listagem */
   #listagemProdutos { padding: 0; }
   .pagina-inicial .listagem .listagem-linha { width: 50% !important; }
   .listagem > ul:not(.produtos-carrossel) .listagem-linha { width: 100% !important; }
   .listagem .listagem-linha>ul { display: grid; grid-template-columns: 1fr 1fr; }
   .listagem .listagem-linha>ul:before, .listagem .listagem-linha>ul:after { display: none; }
   .listagem .listagem-linha li { margin: 0px; border: 0; }
   .listagem .listagem-item { margin: 0!important; padding: 5px; }
   .listagem .info-produto { padding: 12px; }
   .listagem .titulo-categoria { margin: 20px 0 0!important; }
   .listagem.aproveite-tambem { padding: 24px; margin: 0; }
   .acoes-produto-responsiva .tag-comprar { display: none; }
   .slick-arrow, .listagem .flex-direction-nav .flex-next, .listagem .flex-direction-nav .flex-prev { width: 40px; height: 40px; }
   .slick-arrow.slick-next { right: 0px; }
   .slick-arrow.slick-prev { left: 0px; }
   
   /* Página do Produto */
   .pagina-produto .produto > .row-fluid > .span5, .pagina-produto .produto > .row-fluid > .span6 { max-width: 100%; padding: 24px; }
   .produto .conteiner-imagem { padding: 0; }
   .produto .conteiner-imagem > div { border: 0; margin: 0 0 10px; }
   .produto .principal > div { border: 0; padding: 0; margin: 0; }
   .pagina-produto .abas-custom .tab-content { margin: 24px; }
   .produto-thumbs .elastislide-carousel ul li a { border: 0; margin: 0; background: none; }
   .produto-thumbs .elastislide-carousel ul li a span { display: flex; align-items: center; justify-content: center; }
   #carouselImagem { padding: 0 16px; }
   #carouselImagem .flex-viewport { margin: 0; padding: 0; box-sizing: border-box; }
   #carouselImagem .flex-direction-nav { display: none; }
   #descricao:before { margin: 20px 0 20px; }
   .pagina-produto .zm-viewer { display: none !important; }
   .produto .comprar .botao-comprar { line-height: normal; }
   .produto .acoes-produto .preco-produto > div:first-child { flex-direction: column; gap: 0; align-items: baseline; }
   .atributos ul li.active a span { display: flex; color: var(--white); font-weight: 600; }
   .preco-a-partir { display: flex; align-items: center; gap: 10px !important; }

   /* Páginas Diversas e Componentes */
   .breadcrumbs { padding: 12px 0; border: 0; }
   .pagina-busca .ordenar-listagem.topo { padding: 0 0 20px; }
   .pagina-login #corpo > .conteiner { padding: 16px; }
   
   /* Modais e Filtros */
   div#modalFiltros > .modal-dialog { width: 360px; }
   #modalFiltros .modal-content { margin: 0; padding: 0; width: 100%; }
   #modalFiltros.modal.fade, #modalFiltros.modal.fade.in { top: 0; height: 100dvh!important; position: fixed; }
   #modalFiltros.modal.fade { right: -150%; }
   #modalFiltros.modal.fade.in { right: 0; }
   
   /* Checkout / Carrinho */
   .pagina-carrinho #corpo .conteiner { padding: 24px; }
   .carrinho-checkout #cabecalho > .conteiner > .row-fluid { justify-content: center; }
   .carrinho-checkout .identificacao .form-horizontal .control-group { display: flex; flex-direction: column; }
   .caixa-sombreada { padding: 24px; }
   .tabela-carrinho td, .tabela-carrinho th { border: 0; }
   .tabela-carrinho .produto-info, .tabela-carrinho .produto-info ul li, .tabela-carrinho .formas-envio .radio { text-align: center; }
   .tabela-carrinho .total, .tabela-carrinho .valores-descontos span { display: block; text-align: center; width: 100%; }
   .tabela-carrinho .form-horizontal .controls, .tabela-carrinho .form-horizontal .control-group { display: flex; flex-direction: column; justify-content: center; }
   .tabela-carrinho .form-horizontal .control-group label { text-align: center; }
   .tabela-carrinho .form-horizontal .control-group:after { display: none; }
   .tabela-carrinho .form-horizontal .controls .input-append input { width: 100%; }
   .finalizar-compra .acao-editar .span12 { flex-direction: column-reverse; }
   .finalizar-compra .span12 a.botao { margin: 0; }
   .finalizar-compra .span12 .botao.grande { width: 100%; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999999999999; padding: 40px; margin: 20px auto; box-sizing: border-box; width: 90%; }
   
   /* Formulários e Inputs */
   .identificacao .control-group .submit-email.botao.principal { margin: 0; display: flex; align-items: center; justify-content: center; text-transform: uppercase; font-size: 14px; font-weight: 600; width: 100%; max-width: 100%; }
   .identificacao .control-group input { box-shadow: none; width: 100%; box-sizing: border-box; }
   #formCalcularFrete > .control-group, #formCalcularFrete > .control-group .controls, .finalizar-compra .acao-editar .span12, .pagina-produto .produto > .row-fluid { flex-direction: column; }
   
   /* Rodapé e Institucional (Menu Collapse) */
   #rodape .institucional .conteiner { padding: 16px; }
   .institucional > .conteiner > .row-fluid { flex-direction: column; }
   #rodape>div:last-child .row-fluid { flex-direction: column; justify-content: center; align-items: center; }
   #rodape .pagamento-selos { padding: 16px; }
   #rodape>div:last-child { padding: 16px!important; }
   #rodape>div:last-child .row-fluid > .span12 > p { text-align: center; }
   
   #rodape .institucional .row-fluid .titulo { display: flex; justify-content: space-between; align-items: center; cursor: pointer; padding: 20px; margin-bottom: 20px; background: rgba(0, 0, 0, .05); }
   .chev { font-size: 12px; transition: transform .3s; }
   .titulo.open .chev { transform: rotate(180deg); }
   .links-rodape ul, .atendimento-rodape ul, #rodape .visible-phone ul { display: none; }
   .links-rodape ul.open, .atendimento-rodape ul.open, .visible-phone ul.open { display: block; }
   .chev img { max-width: 18px; }
   
   #rodape .institucional .lista-redes ul { justify-content: center; }
   .whatsapp-dropdown { width: 100%; display: flex; justify-content: center; }
   .span4.pagamento, .span4.selos { width: 100%; display: flex; flex-direction: column; justify-content: center; }
   .span4.pagamento *, .span4.selos * { justify-content: center; text-align: center; display: flex; }
   #rodape .pagamento-selos .titulo { margin-top: 30px; }
   
   /* Newsletter */
   #barraNewsletter.posicao-rodape { display: block!important; }
   #barraNewsletter .componente .interno-conteudo { flex-direction: column; gap: 20px; }
   #barraNewsletter.posicao-rodape .componente .interno { padding: 20px; }
   #barraNewsletter .componente .texto-newsletter { width: 100%; text-align: left; }
   #barraNewsletter .componente div.newsletter-cadastro { width: 100%; }

   .atendimento-rodape {
        display: block !important;
        width: 100% !important;
        padding: 20px !important;
        text-align: center; /* Alinha tudo ao centro no celular */
        border-bottom: 1px solid #eee; /* Cria uma separação visual igual aos outros */
    }
    
    .atendimento-rodape ul {
        list-style: none !important;
        padding: 0 !important;
        margin-top: 10px !important;
    }
    
    .atendimento-rodape li {
        margin-bottom: 8px !important;
    }
}