/* =========================================================
   TEMA ALPHA – PIX
   Estratégia:
   - Ocultar valor do desconto PIX fora do checkout
   - Exibir texto fixo "ou 5% OFF no PIX"
   - Herdar alinhamento horizontal do parcelamento
   - Não alterar carrinho e checkout
   ========================================================= */

/* 1) Oculta o texto original com valor e controla espaçamento */
.preco-produto .desconto-a-vista{
  display: block !important;
  visibility: hidden;
  position: relative;
  height: 0;
  margin-top: 1px; /* aproxima do parcelamento */
}

/* 2) Insere texto fixo herdando alinhamento e cor do contexto */
.preco-produto .desconto-a-vista::after{
  content: "ou 5% OFF no PIX";
  visibility: visible;
  display: block;

  position: absolute;
  left: 0;
  top: 0;
  width: 100%;

  color: inherit;        /* herda a cor-secundária do tema */
  text-align: inherit;   /* herda o alinhamento do parcelamento */
  white-space: nowrap;
}
/* VITRINES – espaçamento entre preço e parcelamento */
.listagem-item .preco-promocional{
  margin-bottom: 4px !important;
}

.listagem-item .preco-normal{
  margin-bottom: 8px !important;
}

/* VITRINES – espaçamento entre parcelamento e PIX */
.listagem-item .preco-parcela{
  margin-bottom: 0px !important;
}

/* VITRINES – evitar espaço extra no container do PIX */
.listagem-item .desconto-a-vista{
  margin-top: 2px !important;
}

.listagem-item .nome-produto{
  margin-bottom: 12px !important;
}
/* =========================================================
   PÁGINA DO PRODUTO – AJUSTES FINOS (DESKTOP)
   Tema Alpha – Loja Integrada
   ========================================================= */

@media (min-width: 769px) {

  /* 1) Reduz levemente o espaço entre SKU e preço */
  .pagina-produto .codigo-produto {
    margin-bottom: 6px !important;   /* ajuste sutil */
  }

  /* 2) Garante que o preço não empurre para cima */
  .pagina-produto .preco-produto {
    margin-top: 0 !important;
  }

  /* 3) Dá mais respiro abaixo do texto do PIX */
  .pagina-produto .desconto-a-vista {
    margin-bottom: 10px !important;  /* ajuste aqui: 8px / 10px / 12px */
  }

}
/* =========================================================
   PÁGINA DO PRODUTO – TEXTO FIXO NO PIX
   Substitui valor numérico por texto comercial
   Mantém logo do PIX visível
   Funciona em desktop e mobile
   ========================================================= */

/* 1) Oculta apenas o TEXTO do valor (não o container, nem o logo) */
.pagina-produto
.accordion-group:first-child
.text-parcelas.pull-right.cor-principal{
  font-size: 0 !important;
  line-height: 0 !important;
  visibility: hidden;
  position: relative;
}

/* 2) Insere texto fixo no lugar */
.pagina-produto
.accordion-group:first-child
.text-parcelas.pull-right.cor-principal::after{
  content: "pague com desconto de 5%";
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  color: #7a7a7a;           /* cor visível (não herda transparent) */
  visibility: visible;
  position: absolute;
  right: 0;
  top: 0;
  white-space: nowrap;
  display: inline-block;
}

/* 3) Garante que o container não colapse e não esconda o logo */
.pagina-produto
.accordion-group:first-child
.accordion-heading{
  min-height: 24px;
}

/* =========================================================
   PATCH CONSOLIDADO — PDP (mobile) — 1ª dobra otimizada
   Tema Alpha (Loja Integrada) — sem editar HTML
   Inclui:
   - Header enxuto (remove busca-mobile + separador + vão fantasma)
   - Logo 80% do tamanho atual
   - Código/Marca com espaçamentos refinados + respiro controlado
   - Campo da imagem principal 85% (moldura + zoom enquadrado)
   ========================================================= */

@media (max-width: 768px){

  /* =========================================================
     1) Header: remover busca-mobile (sanduíche + lupa + busca)
     ========================================================= */
  body.pagina-produto #cabecalho .inferior.row-fluid .span8.busca-mobile{
    display: none !important;
  }

  /* Separador que pode segurar altura */
  body.pagina-produto #cabecalho #delimitadorBarra{
    display: none !important;
    height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* =========================================================
     2) Header: controlar altura (pegadinha do "conteiner")
     ========================================================= */
  body.pagina-produto #cabecalho{
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  body.pagina-produto .conteiner-principal #cabecalho > .conteiner{
    padding-top: 6px !important;     /* respiro superior */
    padding-bottom: 6px !important;  /* respiro inferior */
    margin: 0 !important;
    min-height: 0 !important;
  }

  body.pagina-produto .conteiner-principal #cabecalho > .conteiner > .row-fluid{
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }

  /* Culpado do "vão": bloco vazio que reservava altura */
  body.pagina-produto #cabecalho .conteudo-topo.span9{
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* defensivo: row do header sem segurar altura */
  body.pagina-produto #cabecalho .row-fluid{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
    min-height: 0 !important;
  }

  /* =========================================================
     3) Logo: visível, sem “altura fantasma” + 80% do tamanho atual
     ========================================================= */
  body.pagina-produto #cabecalho h2.logo.cor-secundaria,
  body.pagina-produto #cabecalho h2.logo-cor-secundaria{
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1 !important;
  }

  body.pagina-produto #cabecalho h2.logo.cor-secundaria img,
  body.pagina-produto #cabecalho h2.logo-cor-secundaria img{
    display: block !important;
    margin: 0 auto !important;
    width: auto !important;
    height: auto !important;

    /* Logo 80% */
    transform: scale(0.8) !important;
    transform-origin: center center !important;
  }

  /* =========================================================
     4) Corpo + breadcrumb (sem vão)
     ========================================================= */
  body.pagina-produto #corpo{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.pagina-produto #corpo > .conteiner{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  body.pagina-produto #corpo .breadcrumbs.borda-alpha{
    margin-top: 0 !important;
    padding-top: 0 !important;
    margin-bottom: 6px !important;
    padding-bottom: 0 !important;
  }

  /* =========================================================
     5) Código/Marca: ajustes finos + respiro verde (0 -> 5)
     ========================================================= */

  /* remove o “20” (margin/padding inferior) */
  body.pagina-produto .produto .codigo-produto{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  /* remove o “5” acima da Marca */
  body.pagina-produto .codigo-produto > span.cor-secundaria.pull-right{
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* respiro controlado entre Código/Marca e a imagem (0 -> 5) */
  body.pagina-produto #corpo .codigo-produto{
    padding-bottom: 5px !important;
  }

  /* =========================================================
     6) Campo da imagem principal 85% (moldura + zoom enquadrado)
     ========================================================= */
  body.pagina-produto #corpo .conteiner-imagem{
    width: 85% !important;          /* reduz o CAMPO inteiro */
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
    box-sizing: border-box !important;
  }

  /* link/área clicável acompanha a moldura */
  body.pagina-produto #corpo .conteiner-imagem > a{
    display: block !important;
    width: 100% !important;
  }

  /* imagem preenche a moldura reduzida (sem sobra interna) */
  body.pagina-produto #corpo .conteiner-imagem img#imagemProduto{
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
  }

}
@media (max-width: 768px){

  /* zera os 6px (padding-top e padding-bottom) do container do header */
  body.pagina-produto .conteiner-principal #cabecalho > .conteiner{
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  /* defensivo: garante que a row não some altura */
  body.pagina-produto .conteiner-principal #cabecalho > .conteiner > .row-fluid{
    margin: 0 !important;
    padding: 0 !important;
    min-height: 0 !important;
  }
  
    /* PDP mobile — remove espaço abaixo do bloco de compartilhar */
  body.pagina-produto #corpo .produto-compartilhar{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }
  
    /* PDP mobile — colapsa completamente o bloco de compartilhamento */
  body.pagina-produto #corpo .produto-compartilhar{
    display: none !important;
  }
  
}
/* =========================================================
   PDP (mobile) — Zerar padding-bottom do bloco interno da imagem
   (o "div" dentro de .conteiner-imagem que está com padding-bottom: 5px)
   ========================================================= */
@media (max-width: 768px){

  /* 1) o culpado do seu print: .conteiner-imagem > div (sem classe) */
  body.pagina-produto #corpo .conteiner-imagem > div{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }

  /* 2) defensivo: às vezes o respiro fica no <a> do zoom */
  body.pagina-produto #corpo .conteiner-imagem > div > a{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
    display: block !important;
  }

  /* 3) defensivo: elimina qualquer “linha fantasma” do bloco */
  body.pagina-produto #corpo .conteiner-imagem{
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
  }
}

/* =========================================================
   PDP (mobile) — Botão COMPRAR com bordas arredondadas
   ========================================================= */
@media (max-width: 768px){

  body.pagina-produto a.botao.botao-comprar.principal.grande{
    border-radius: 12px !important;
    box-shadow: 0 4px 10px rgba(0,0,0,.12) !important;
  }
}

/* =========================================================
   PATCH CONSOLIDADO — PDP (mobile)
   Código (somente número) à direita + Marca oculta
   Tema Alpha (Loja Integrada)
   ========================================================= */

@media (max-width: 768px){

  /* 1) Container do código: à direita e discreto */
  body.pagina-produto .codigo-produto{
    display: flex !important;
    justify-content: flex-end !important; /* posição onde ficava a Marca */
    align-items: center !important;

    padding-top: 5px !important;
    margin-top: 0 !important;

    font-size: 7px !important;
    line-height: 1.2 !important;
    color: rgb(159, 159, 159) !important;
  }

  /* 2) OCULTA apenas o rótulo "Código:" (mantém o número) */
  body.pagina-produto .codigo-produto > span.cor-secundaria > b{
    display: none !important;
  }

  /* 3) Garante o estilo do número (SKU) */
  body.pagina-produto .codigo-produto span,
  body.pagina-produto .codigo-produto a{
    font-size: 7px !important;
    color: rgb(159, 159, 159) !important;
    font-weight: normal !important;
    text-align: right !important;
  }

  /* 4) Neutraliza qualquer estado de link forçado */
  body.pagina-produto .codigo-produto a:link,
  body.pagina-produto .codigo-produto a:visited,
  body.pagina-produto .codigo-produto a:hover,
  body.pagina-produto .codigo-produto a:active{
    color: rgb(159, 159, 159) !important;
    text-decoration: none !important;
  }

  /* 5) Oculta completamente a Marca (rótulo + link) */
  body.pagina-produto .codigo-produto > span.cor-secundaria.pull-right{
    display: none !important;
  }

}
/* =========================================================
   PDP (mobile) — BOTÃO COMPRAR (80% da largura)
   Tema Alpha – Loja Integrada
   Objetivos:
   - Ocultar seletor de quantidade
   - Centralizar o botão
   - Definir largura visual mais elegante (80%)
   ========================================================= */

@media (max-width: 768px){

  /* 1) Remove completamente o controle de quantidade */
  body.pagina-produto .comprar label.qtde-adicionar-carrinho{
    display: none !important;
  }

  body.pagina-produto .comprar input.qtde-carrinho,
  body.pagina-produto .comprar input[name="qtde-carrinho"]{
    display: none !important;
  }

  /* 2) Container vira palco neutro */
  body.pagina-produto .comprar{
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 0 !important;
  }

  /* 3) Botão COMPRAR — 80% da largura, centralizado */
  body.pagina-produto .comprar > a.botao.botao-comprar.principal.grande{
    width: 80% !important;
    max-width: 80% !important;
    margin: 0 auto !important;

    float: none !important;          /* neutraliza heranças do tema */
    text-align: center !important;
  }
}
/* =========================================================
   PATCH CONSOLIDADO — PDP (mobile) — BOTÃO COMPRAR (final)
   Baseado no HTML real (Tema Alpha / Loja Integrada):
   div.comprar > a.botao.botao-comprar.principal.grande

   Objetivos consolidados:
   - Ocultar seletor de quantidade na PDP (mobile)
   - Botão único, centralizado, largura 75%
   - Altura via padding (13px)
   - Tipografia harmônica (16px) + tracking (0.5px)
   - Ícone + texto alinhados via flex (centralização vertical real)
   - Bordas arredondadas (12px)
   ========================================================= */

@media (max-width: 768px){

  /* 1) Oculta o controle de quantidade (PDP mobile) */
  body.pagina-produto .comprar > label.qtde-adicionar-carrinho{
    display: none !important;
  }

  /* 2) Área do CTA: centraliza e organiza */
  body.pagina-produto .comprar{
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    gap: 10px !important;  /* respiro entre botão e “ESTOQUE” */
  }

  /* 3) Botão COMPRAR (visual + tipografia + alinhamento) */
  body.pagina-produto .comprar > a.botao.botao-comprar.principal.grande{
    width: 75% !important;
    max-width: 75% !important;
    margin: 0 auto !important;

    /* altura */
    padding: 13px 0 !important;

    /* alinhamento interno (ícone + texto) */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 10px !important;

    /* tipografia */
    font-size: 18px !important;
    line-height: 1 !important;
    letter-spacing: 0.5px !important;

    /* forma */
    border-radius: 12px !important;

    /* defensivo contra heranças do tema */
    float: none !important;
    text-align: center !important;
  }

  /* 4) Ícone não empurra o texto (corrige baseline) */
  body.pagina-produto .comprar > a.botao.botao-comprar.principal.grande i,
  body.pagina-produto .comprar > a.botao.botao-comprar.principal.grande .icon-shopping-cart{
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 0 !important;
    transform: scale(0.9) !important;
  }

}
/* =========================================================
   PATCH — PDP (mobile) — OCULTAR “ESTOQUE: DISPONÍVEL”
   Tema Alpha (Loja Integrada)
   Objetivo:
   - Remover o ruído visual do estado “Disponível”
   - Sem mexer no fluxo do produto indisponível (CTA “Avise-me”)
   ========================================================= */

@media (max-width: 768px){

  /* Oculta a linha "ESTOQUE: DISPONÍVEL" na PDP quando existir */
  body.pagina-produto .cor-secundaria.disponibilidade-produto{
    display: none !important;
  }

}
/* =========================================================
   PDP – AJUSTE FINO DE HIERARQUIA
   Preço x Parcelamento x PIX
   Seguro para GMC / sem alterar conteúdo
   ========================================================= */

@media (max-width: 768px){

  /* 1) Preço principal */
  .pagina-produto .preco-produto .preco-promocional{
    margin-bottom: 4px !important;
  }

  /* 2) Parcelamento */
  .pagina-produto .preco-parcela{
    margin-top: 0 !important;
    margin-bottom: 4px !important;
  }

  /* 3) PIX – mais afastado e mais leve visualmente */
  .pagina-produto .desconto-a-vista{
    margin-top: 8px !important;
    margin-bottom: 12px !important; /* garante distância do botão */
  }

}
/* =========================================================
   PDP — PPP (Preço / Parcelamento / PIX) — REFINO (mobile)
   - Sem mudança estrutural
   - Sem tocar no conteúdo numérico do PIX (mantém seguro)
   - Ajusta hierarquia, tamanhos e respiros
   ========================================================= */

@media (max-width: 768px){

  /* 0) Respiro geral do bloco PPP para não “encostar” no botão */
  body.pagina-produto .preco-produto{
    margin-bottom: 2px !important; /* espaço entre PPP e CTA */
  }

  /* 1) Preço principal: mantém protagonismo e controla respiro */
  body.pagina-produto .preco-produto .preco-promocional{
    margin-bottom: 6px !important;
    line-height: 1.05 !important;
  }

  /* 2) Parcelamento: secundário, legível, sem competir */
  body.pagina-produto .preco-produto .preco-parcela{
    margin-bottom: 2px !important;   /* aproxima do PIX (fica “combo”) */
    font-size: 13px !important;
    line-height: 1.2 !important;
    color: #7a7a7a !important;
  }

  /* 3) Linha do PIX (texto fixo “ou 5% OFF no PIX”)
        IMPORTANTE: não altera seu mecanismo de ocultar o valor original.
        Só melhora legibilidade e espaçamento do texto inserido via ::after */
  body.pagina-produto .preco-produto .desconto-a-vista{
    margin-top: 0 !important;
    height: 14px !important;         /* reserva espaço físico -> evita “trepar” */
  }

  body.pagina-produto .preco-produto .desconto-a-vista::after{
    font-size: 13px !important;
    line-height: 14px !important;    /* casa com a altura reservada */
    font-weight: 600 !important;     /* ênfase suave de benefício */
    color: #6f6f6f !important;       /* um tico mais “presente” que o parcelamento */
    letter-spacing: 0.2px !important;
  }

}
/* =========================================================
   FIX — PDP MOBILE — ÍCONE (bolsinha) não aparece no CTA
   Causa comum: line-height:0 e/ou SVG sem size explícito
   ========================================================= */

@media (max-width: 768px){

  /* garante contraste do conteúdo do botão */
  body.pagina-produto
  .comprar > a.botao.botao-comprar.principal.grande{
    color: #fff !important; /* texto + ícone (currentColor) */
  }

  /* NÃO colapsar o container do ícone */
  body.pagina-produto
  .comprar > a.botao.botao-comprar.principal.grande i.icon-shopping-cart{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: 1 !important;     /* <- importante */
    width: 18px !important;        /* ajuste fino: 16–20 */
    height: 18px !important;
    flex: 0 0 18px !important;     /* não deixa “sumir” no flex */
    transform: none !important;    /* neutraliza scale antigo, se existir */
  }

  /* dá tamanho e garante renderização do SVG */
  body.pagina-produto
  .comprar > a.botao.botao-comprar.principal.grande i.icon-shopping-cart svg{
    width: 18px !important;
    height: 18px !important;
    display: block !important;
  }

  /* se o SVG respeitar currentColor, isso resolve em todos */
  body.pagina-produto
  .comprar > a.botao.botao-comprar.principal.grande i.icon-shopping-cart,
  body.pagina-produto
  .comprar > a.botao.botao-comprar.principal.grande i.icon-shopping-cart svg{
    fill: currentColor !important;
    color: #fff !important;
  }

}
/* =========================================================
   PDP – Limpeza do topo no mobile
   - Oculta breadcrumb
   - Oculta código e marca do produto
   Escopo: somente página de produto
   Objetivo: liberar dobra e acelerar decisão
   ========================================================= */

@media (max-width: 768px){

  /* Breadcrumb */
  body.pagina-produto .breadcrumbs.borda-alpha{
    display: none !important;
  }

  /* Código + Marca */
  body.pagina-produto .codigo-produto{
    display: none !important;
  }

}
/* =========================================================
   PDP – Título no mobile
   - Limita a 2 linhas visuais
   - Não afeta títulos curtos
   Escopo: somente página de produto
   ========================================================= */

@media (max-width: 768px){
  body.pagina-produto h1.nome-produto.titulo{
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
  }
}
/* =========================================================
   PDP – Patch 03 (mobile)
   1) Enxuga espaço do bloco de preço (destaque à vista)
   2) Dá respiro do título em relação à galeria
   Escopo: somente página de produto
   ========================================================= */

@media (max-width: 768px){

  /* 1) Bloco do preço: remove “gordura” vertical */
  body.pagina-produto .preco-produto.destaque-avista{
    padding-bottom: 0px !important; /* era 15px */
    margin-bottom: 6px !important;  /* segurança contra colagem */
  }

  /* 2) Título: pequeno respiro antes da imagem/galeria */
  body.pagina-produto h1.nome-produto.titulo{
    margin-bottom: 5px !important;
  }

}
/* =========================================================
   PDP – Patch 04 (mobile)
   Compactação do header (logo + altura)
   Escopo: somente página de produto
   ========================================================= */

@media (max-width: 768px){

  /* Reduz levemente a logo */
  body.pagina-produto h2.logo img{
    max-width: 90% !important;
    height: auto !important;
  }

  /* Enxuga altura do bloco do header */
  body.pagina-produto #cabecalho .row-fluid{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
  }

}

/* =========================================================
   PDP – Patch 06 (mobile)
   Miniaturas (thumbs) abaixo da imagem: ~85% do tamanho
   Escopo: somente página de produto
   ========================================================= */

@media (max-width: 768px){

  /* Faixa/linha das miniaturas (ganha altura útil) */
  body.pagina-produto .produto-thumbs.thumbs-horizontal{
    height: 60px !important;     /* era ~70px */
    min-height: 60px !important;
    margin-bottom: 12px !important;  /* ajuste fino do respiro */
  }
 
  /* Aplica redução visual nas thumbs e suas “molduras” */
  body.pagina-produto .produto-thumbs.thumbs-horizontal .miniaturas.slides li{
    transform: scale(0.85) !important;
    transform-origin: center center !important;
  }

  /* Ajusta o alinhamento vertical dentro do trilho */
  body.pagina-produto .produto-thumbs.thumbs-horizontal .miniaturas.slides{
    display: flex !important;
    align-items: center !important;
    height: 60px !important;
  }
}
/* =========================================================
   PDP – Patch CTA 2 (mobile)
   Reduz altura do botão COMPRAR (altura fixa no tema)
   ========================================================= */

@media (max-width: 768px){

  body.pagina-produto a.botao.botao-comprar.principal.grande{
    height: 62px !important;       /* era 70px */
    line-height: 62px !important;  /* centraliza texto */
    padding-top: 0 !important;
    padding-bottom: 0 !important;
  }

  /* Se o ícone ficar levemente desalinhado, força alinhamento */
  body.pagina-produto a.botao.botao-comprar.principal.grande i{
    vertical-align: middle !important;
  }

}
/* =========================================================
   Barra de topo (atalhos-mobile) | Mobile – FINAL (global)
   - Ícones ligeiramente maiores
   - Mais respiro inferior até a linha divisória
   - Efeito em TODAS as páginas (mobile)
   ========================================================= */

@media (max-width: 768px){

  /* remove item fantasma (se existir) */
  .atalhos-mobile.visible-phone li.vazia{
    display: none !important;
  }

  /* container */
  .atalhos-mobile.visible-phone{
    padding-top: 6px !important;
    padding-bottom: 6px !important;
    padding-left: 10px !important;
    padding-right: 10px !important;
    margin-bottom: 8px !important;

    line-height: 1 !important;
  }

  /* zera “vazios” verticais internos */
  .atalhos-mobile.visible-phone ul,
  .atalhos-mobile.visible-phone li{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    line-height: 1 !important;
  }

  /* área de toque */
  .atalhos-mobile.visible-phone a{
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    line-height: 1 !important;
  }

  /* ícones */
  .atalhos-mobile.visible-phone svg{
    width: 25px !important;
    height: 25px !important;
    display: inline-block !important;
    vertical-align: middle !important;
  }

  /* garante que não haja scale residual de patches anteriores */
  .atalhos-mobile.visible-phone a svg{
    transform: none !important;
  }
  .atalhos-mobile.visible-phone a{
    position: relative !important;
    top: -1px !important;
  }

}
@media (max-width: 768px){

  /* ==============================
     LOGO – apenas PDP
     ============================== */

  body.pagina-produto h2.logo-cor-secundaria{
    height: 66px !important;        /* antes: 75px */
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
  }

  body.pagina-produto h2.logo-cor-secundaria img{
    max-height: 54px !important;    /* redução visual suave */
    width: auto !important;
  }

}
/* =========================================================
   PDP – Ocultar bloco redundante de pagamento (MOBILE)
   (PIX + Bandeiras + Parcelas) – cobre produto simples e variações
   ========================================================= */

@media (max-width: 768px){

  body.pagina-produto .parcelas-produto.borda-alpha{
    display: none !important;
  }

}

/* FRETE - INÍCIO */

/* =========================================================
   PDP – FRETE (CSS consolidado) | Alpha (Loja Integrada)
   - Desktop + Mobile: troca textos (título e aviso)
   - Desktop: mantém botão e renomeia para "CONSULTAR"
   - Mobile: layout otimizado, botão oculto, "Não sei meu CEP" oculto
   ========================================================= */


/* =========================================================
   1) TÍTULO: "Calcule o frete" -> "CONSULTE PRAZO DE ENTREGA E FRETE"
   (aplica em desktop e mobile)
   ========================================================= */
body.pagina-produto #formCalcularCep label[for="CEP"]{
  position: relative !important;
  display: block !important;
  visibility: hidden !important; /* padrão robusto na LI */
}

body.pagina-produto #formCalcularCep label[for="CEP"]::after{
  content: "CONSULTE PRAZO DE ENTREGA E FRETE";
  visibility: visible !important;
  position: absolute !important;
  left: 0;
  top: 0;
  color: inherit !important;
  font: inherit !important;
  line-height: inherit !important;
  white-space: nowrap;
  pointer-events: none;
}


/* =========================================================
   2) BOTÃO (DESKTOP): "OK/CALCULAR" -> "CONSULTAR"
   - Restrito ao desktop para não interferir no mobile
   ========================================================= */
@media (min-width: 769px){

  body.pagina-produto #formCalcularCep button.btn{
    position: relative !important;
    visibility: visible !important;
  }

  body.pagina-produto #formCalcularCep button.btn::before{
    content: "" !important;
    display: none !important;
  }

  body.pagina-produto #formCalcularCep button.btn,
  body.pagina-produto #formCalcularCep button.btn *{
    color: transparent !important;
  }

  body.pagina-produto #formCalcularCep button.btn::after{
    content: "CONSULTAR";
    color: inherit !important;
    font: inherit !important;
    line-height: inherit !important;

    position: absolute !important;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    white-space: nowrap;
    pointer-events: none;
  }

}

/* =========================================================
   3) MICROCOPY: aviso-disponibilidade (ajuste sutil)
   ========================================================= */

body.pagina-produto .cep .aviso-disponibilidade{
  position: relative !important;
  visibility: hidden !important;
  min-height: 27px !important;
}

body.pagina-produto .cep .aviso-disponibilidade::before{
  content: "Frete estimado para 1 unidade do produto.";
  visibility: visible !important;
  position: absolute !important;
  left: 0;
  top: 0;

  font-size: 11px !important;
  line-height: 1.18 !important;
  color: #7a7a7a !important;
}

body.pagina-produto .cep .aviso-disponibilidade::after{
  content: "Para compras confirmadas até as 12h de um dia útil, o prazo de entrega passa a ser contado a partir do primeiro dia útil seguinte.";
  visibility: visible !important;
  position: absolute !important;
  left: 0;
  top: 14px;

  font-size: 11px !important;
  line-height: 1.18 !important;
  color: #7a7a7a !important;
}

/* =========================================================
   4) ESPAÇAMENTO (desktop): aproxima título do campo
   ========================================================= */
@media (min-width: 769px){
  body.pagina-produto #formCalcularCep label[for="CEP"]{
    margin-bottom: 6px !important;
  }
  body.pagina-produto #formCalcularCep .form-inline{
    margin-top: 0 !important;
  }
}


/* =========================================================
   5) MOBILE (PDP): layout otimizado do bloco CEP
   ========================================================= */
@media (max-width: 768px){

  /* espaçamento geral do bloco */
  body.pagina-produto .cep{
    margin-top: 10px !important;
  }

  /* título: permite quebrar linha + dá força visual */
  body.pagina-produto #formCalcularCep label[for="CEP"]::after{
    white-space: normal !important;
    font-weight: 700 !important;
    letter-spacing: .2px !important;
  }

  /* ajuste fino do respiro título -> campo */
  body.pagina-produto #formCalcularCep label[for="CEP"]{
    margin-bottom: 4px !important; /* (você pediu reduzir “um pouco”) */
  }

  /* wrapper do input (Alpha usa input-append/input-prepend) */
  body.pagina-produto #formCalcularCep .form-inline{
    margin-top: 0 !important;
  }

  body.pagina-produto #formCalcularCep .input-append,
  body.pagina-produto #formCalcularCep .input-prepend{
    display: flex !important;
    align-items: stretch !important;
    width: 100% !important;
    gap: 0 !important;
  }

  /* input CEP: confortável + sem zoom iOS */
  body.pagina-produto #formCalcularCep input[name="cep"],
  body.pagina-produto #formCalcularCep input.input-cep{
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;

    flex: 1 1 auto !important;
    width: 100% !important;

    height: 44px !important;
    min-height: 44px !important;

    box-sizing: border-box !important;
    border-radius: 10px !important;

    font-size: 16px !important;
    padding-left: 12px !important;
  }

  /* botão no mobile: desnecessário (cálculo automático) */
  body.pagina-produto #formCalcularCep button.btn{
    display: none !important;
  }

  /* "Não sei meu CEP": ocultar na PDP mobile */
  body.pagina-produto #formCalcularCep a.hide{
    display: none !important;
  }

  /* resultados: lista mais legível */
  body.pagina-produto .cep ul.borda-alpha{
    margin-top: 10px !important;
    padding: 0 !important;
    border-radius: 12px !important;
    overflow: hidden !important;
  }

  body.pagina-produto .cep ul.borda-alpha > li{
    display: flex !important;
    align-items: center !important;
    gap: 10px !important;

    padding: 10px 12px !important;
    margin: 0 !important;

    border-bottom: 1px solid rgba(0,0,0,.06) !important;
  }

  body.pagina-produto .cep ul.borda-alpha > li:last-child{
    border-bottom: none !important;
  }

  body.pagina-produto .cep ul.borda-alpha .valor{
    font-weight: 800 !important;
    white-space: nowrap !important;
  }

  body.pagina-produto .cep ul.borda-alpha .prazo{
    font-weight: 700 !important;
    white-space: nowrap !important;
    opacity: .9 !important;
  }

  body.pagina-produto .cep ul.borda-alpha .nome{
    margin-left: auto !important;
    font-size: 12px !important;
    opacity: .75 !important;
    white-space: nowrap !important;
  }

  /* microcopy do prazo: permite quebrar linha e suaviza */
  body.pagina-produto .cep .aviso-disponibilidade{
    margin-top: 10px !important;
  }

  body.pagina-produto .cep .aviso-disponibilidade::after{
    white-space: normal !important;
    font-size: 12px !important;
    opacity: .85 !important;
  }

}

/* FRETE - FIM */

/* MICRO-SINAIS DE CONFIANÇA - INÍCIO */
/* =========================================================
   PDP – Micro-sinais de confiança | MOBILE ONLY (ajuste)
   - Centraliza
   - Aumenta respiro abaixo do CTA
   ========================================================= */

@media (max-width: 768px){

  body.pagina-produto .acoes-produto::after{
    content: "Compra segura • Garantia de 1 ano • Envio rápido";
    display: block !important;

    /* respiro em relação ao botão e ao conteúdo abaixo */
    margin-top: 11px !important;
    margin-bottom: 12px !important;

    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: .2px !important;

    color: rgb(212, 181, 86) !important;
    opacity: .90 !important;

    text-align: center !important;
    white-space: normal !important;
  }

}
/* =========================================================
   PDP – AJUSTES CONSOLIDADOS
   - Micro-sinais de confiança
   - Descrição em bullets premium
   Escopo: SOMENTE PDP
   ========================================================= */


/* =========================================================
   1) MICRO-SINAIS DE CONFIANÇA (mobile)
   ========================================================= */

@media (max-width: 768px){

  body.pagina-produto .acoes-produto::after{
    content: "Compra segura • Garantia de 1 ano • Envio rápido";
    display: block !important;

    /* respiro em relação ao botão */
    margin-top: 11px !important;

    /* respiro antes do bloco de frete */
    margin-bottom: 12px !important;

    font-size: 14px !important;
    line-height: 1.25 !important;
    font-weight: 600 !important;
    letter-spacing: .2px !important;

    color: rgb(212,181,86) !important;
    opacity: .90 !important;

    text-align: center !important;
    white-space: normal !important;
  }

}


/* =========================================================
   2) DESCRIÇÃO DO PRODUTO (bullets premium)
   ========================================================= */

/* container da descrição */
body.pagina-produto #descricao{

  margin-top: 8px !important;

}


/* lista */
body.pagina-produto #descricao ul{

  padding-left: 18px !important;

  margin-top: 10px !important;
  margin-bottom: 0 !important;

}


/* itens */
body.pagina-produto #descricao li{

  margin-bottom: 6px !important;

  line-height: 1.4 !important;

}


/* marcador dourado */
body.pagina-produto #descricao li::marker{

  color: rgb(212,181,86) !important;

  font-size: .9em !important;

}


/* =========================================================
   3) AJUSTES MOBILE PARA LEITURA
   ========================================================= */

@media (max-width:768px){

  body.pagina-produto #descricao ul{

    padding-left: 18px !important;

    margin-top: 12px !important;

  }

  body.pagina-produto #descricao li{

    margin-bottom: 8px !important;

    line-height: 1.45 !important;

  }

}
/* ======================================
   PDP – Botão COMPRAR com feedback tátil
   ====================================== */

body.pagina-produto .botao-comprar{

  /* sombra suave */
  box-shadow: 0 4px 10px rgba(0,0,0,0.12);

  /* animação suave */
  transition: all .15s ease;

}

/* efeito ao tocar */

body.pagina-produto .botao-comprar:active{

  transform: translateY(1px);

  box-shadow: 0 2px 6px rgba(0,0,0,0.15);

}
/* =========================================================
   PDP – Setas das miniaturas com halo premium
   MOBILE ONLY
   ========================================================= */

@media (max-width:768px){

  /* container da seta */
  body.pagina-produto .produto-thumbs .flex-direction-nav a{

    background: rgba(255,255,255,0.65) !important;

    border-radius: 20px !important;

    padding: 6px 8px !important;

    backdrop-filter: blur(2px);

    box-shadow: 0 2px 6px rgba(0,0,0,0.12);

    opacity: .75 !important;

    transition: all .2s ease;

  }

  /* ícone SVG */
  body.pagina-produto .produto-thumbs .flex-direction-nav a svg,
  body.pagina-produto .produto-thumbs .flex-direction-nav a svg path{

    fill: rgb(212,181,86) !important;

    stroke: rgb(212,181,86) !important;

  }

  /* estado ativo */
  body.pagina-produto .produto-thumbs .flex-direction-nav a:hover,
  body.pagina-produto .produto-thumbs .flex-direction-nav a:active{

    opacity: .95 !important;

    background: rgba(255,255,255,0.85) !important;

    transform: scale(0.96);

  }

}
/* =========================================================
   PDP – GALERIA DE MINIATURAS (mobile ultra discreto)
   - menor área tocável possível
   - halo mínimo
   - setas deslocadas para a borda da tela
   ========================================================= */

@media (max-width:768px){

  /* deslocamento para fora da área das miniaturas */

  body.pagina-produto .produto-thumbs .flex-nav-prev{
    margin-left:-10px !important;
  }

  body.pagina-produto .produto-thumbs .flex-nav-next{
    margin-right:-10px !important;
  }

  /* área tocável mínima */

  body.pagina-produto .produto-thumbs .flex-direction-nav a{

    padding:1px 2px !important;

    background:rgba(255,255,255,0.15) !important;

    border-radius:8px !important;

    box-shadow:0 1px 1px rgba(0,0,0,0.08);

    opacity:.65 !important;

    transition:opacity .2s ease;

  }

  /* seta dourada */

  body.pagina-produto .produto-thumbs .flex-direction-nav a svg,
  body.pagina-produto .produto-thumbs .flex-direction-nav a svg path{

    fill:rgb(212,181,86) !important;
    stroke:rgb(212,181,86) !important;

  }

  /* interação */

  body.pagina-produto .produto-thumbs .flex-direction-nav a:hover,
  body.pagina-produto .produto-thumbs .flex-direction-nav a:active{

    opacity:.90 !important;

  }
  
    /* miniaturas padrão */

  body.pagina-produto .produto-thumbs .miniaturas img{

    opacity:.55;

    transition:opacity .2s ease;

  }

  /* miniatura ativa */

  body.pagina-produto .produto-thumbs .miniaturas li.active img,
  body.pagina-produto .produto-thumbs .miniaturas li.flex-active-slide img{

    opacity:1;

  }

}
/* =========================================================
   PDP – Variações indisponíveis | Alpha (MOBILE + DESKTOP)
   - Texto: rgb(217,217,217)
   - Fundo da elipse: rgb(242,242,242)
   - Clique travado (não selecionável)
   Escopo: apenas página de produto
   ========================================================= */

body.pagina-produto a.atributo-item.indisponivel{
  color: rgb(217,217,217) !important;
  background: rgb(242,242,242) !important;

  /* borda suave (ajuste fino visual) */
  border-color: rgb(235,235,235) !important;

  /* não “apaga” demais */
  opacity: 1 !important;
  box-shadow: none !important;

  /* TRAVA CLIQUE */
  pointer-events: none !important;
  cursor: not-allowed !important;
}

/* garante que o número dentro do <span> herde a cor */
body.pagina-produto a.atributo-item.indisponivel span{
  color: rgb(217,217,217) !important;
}

/* ícone (se aparecer) bem discreto */
body.pagina-produto a.atributo-item.indisponivel .icon-remove{
  opacity: .25 !important;
}
/* =========================================================
   PDP – Variações de tamanho (patch consolidado)
   Estabilidade + UX premium
   ========================================================= */

/* Base de todas as variações */

body.pagina-produto a.atributo-item{

  box-sizing: border-box;

  border: 2px solid transparent !important; /* evita reflow */

  background: #ffffff;

  border-radius: 999px;

  padding-left: 10px;
  padding-right: 10px;

  height: 30px;
  line-height: 30px;

  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.04);

  transition:
    border-color .15s ease,
    box-shadow .15s ease,
    background .15s ease;

}

/* Hover desktop */

body.pagina-produto a.atributo-item:hover{

  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,0.06),
    0 1px 2px rgba(0,0,0,0.05);

}

/* Variação selecionada */

body.pagina-produto li.active a.atributo-item{

  border-color: rgb(212,181,86) !important; /* dourado */

  color: #000 !important;

  box-shadow:
    inset 0 0 0 1px rgba(212,181,86,.15);

}

/* Variações indisponíveis */

body.pagina-produto a.atributo-item.indisponivel{

  color: rgb(217,217,217) !important;

  background: rgb(242,242,242) !important;

  border-color: rgb(242,242,242) !important;

  pointer-events: none; /* trava clique */

  cursor: default;

}
/* =========================================================
   PDP – Refinamento dos títulos e da descrição
   Consolidação final
   - sem linha dourada sob os títulos
   ========================================================= */


/* -------------------------------
   MOBILE – títulos da PDP
   ------------------------------- */

@media (max-width:768px){

  /* DESCRIÇÃO DO PRODUTO */
  body.pagina-produto 
  #descricao.tab-pane.bullets-gerados::before{

      font-size:21px !important;
      letter-spacing:1px !important;
      font-weight:500 !important;

      text-align:left !important;

      display:block;

      margin-bottom:10px;

      padding-bottom:8px;

      border-bottom:1px solid rgba(0,0,0,0.12); /* cinza padrão do tema */

  }


  /* PRODUTOS RELACIONADOS */
  body.pagina-produto 
  .aproveite-tambem h4.titulo.cor-secundaria{
    font-size: 21px !important;
    line-height: 1.15 !important;
    letter-spacing: 1px !important;
    font-weight: 500 !important;
    text-align: left !important;
    text-transform: uppercase !important;
    margin-top: 8px !important;
    margin-bottom: 10px !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    border-bottom: none !important;
  }

  /* alinhar melhor o bloco de bullets */
  body.pagina-produto 
  #descricao .descricao-bullets{
    margin-top: 8px !important;
    padding-left: 18px !important;
  }

  body.pagina-produto 
  #descricao .descricao-bullets li{
    line-height: 1.35 !important;
    margin-bottom: 6px !important;
  }

}


/* -------------------------------
   DESKTOP – bullets da descrição
   ------------------------------- */

@media (min-width:769px){

  body.pagina-produto 
  #descricao .descricao-bullets li{
    font-size: 16px !important;
    line-height: 1.45 !important;
    margin-bottom: 8px !important;
  }

}
/* =========================================================
   PDP – Nome do atributo da variação
   ========================================================= */

body.pagina-produto 
.atributo-comum span b.cor-secundaria{

  font-weight: normal !important;

  text-transform: lowercase !important;

  color: inherit !important;

}


/* =========================================================
   ATC – CSS CONSOLIDADO
   Estrutura:
   1) Salvaguardas desktop
   2) Mobile only
   ========================================================= */

/* =========================================================
   1) DESKTOP – salvaguardas mínimas
   ========================================================= */

@media (min-width: 769px){

  /* esconde helpers criados para mobile */
  body.pagina-carrinho .atc-resumo-linha,
  body.pagina-carrinho .atc-linha-acoes,
  body.pagina-carrinho .atc-cupom-toggle{
    display:none !important;
  }

  /* no desktop o conteúdo do cupom deve aparecer normal */
  body.pagina-carrinho .atc-cupom-conteudo{
    display:block !important;
  }

  /* título e subtítulo em proporção elegante no desktop */
  body.pagina-carrinho .cabecalho-interno.row-fluid{
    margin-bottom: 18px !important;
  }

  body.pagina-carrinho h1.titulo.cor-secundaria{
    margin: 0 !important;
    font-size: 28px !important;
    line-height: 1.15 !important;
    font-weight: 500 !important;
    letter-spacing: -.2px !important;
    color: #222 !important;
  }

  body.pagina-carrinho h1.titulo.cor-secundaria small{
    display:block !important;
    margin-top:6px !important;
    font-size:14px !important;
    line-height:1.35 !important;
    font-weight:400 !important;
    color:#666 !important;
  }
}

/* =========================================================
   2) MOBILE – ATC otimizada
   ========================================================= */

@media (max-width:768px){

  /* -----------------------------------------
     TOPO / HEADER
     ----------------------------------------- */

  body.pagina-carrinho #cabecalho .span8.busca-mobile,
  body.pagina-carrinho #cabecalho .conteudo-topo.span9,
  body.pagina-carrinho #cabecalho #delimitadorBarra{
    display:none !important;
    height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.pagina-carrinho #cabecalho{
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
  }

  body.pagina-carrinho #cabecalho > .conteiner,
  body.pagina-carrinho #cabecalho .conteiner,
  body.pagina-carrinho #cabecalho > .conteiner > .row-fluid,
  body.pagina-carrinho #cabecalho .row-fluid{
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
  }

  body.pagina-carrinho h2.logo-cor-secundaria,
  body.pagina-carrinho h2.logo.cor-secundaria{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    height:66px !important;
    margin:0 !important;
    text-align:center !important;
  }

  body.pagina-carrinho h2.logo-cor-secundaria img,
  body.pagina-carrinho h2.logo.cor-secundaria img{
    max-height:54px !important;
    width:auto !important;
    margin-top:0 !important;
  }

  /* -----------------------------------------
     TÍTULO DA PÁGINA
     ----------------------------------------- */

  body.pagina-carrinho .cabecalho-interno.row-fluid{
    margin-bottom:12px !important;
    padding-bottom:0 !important;
  }

  body.pagina-carrinho h1.titulo.cor-secundaria{
    margin:0 !important;
    padding:0 !important;
    font-size:26px !important;
    line-height:1.15 !important;
    font-weight:500 !important;
    letter-spacing:-.2px !important;
    color:#222 !important;
  }

  body.pagina-carrinho h1.titulo.cor-secundaria small{
    display:block !important;
    margin-top:8px !important;
    margin-bottom:0 !important;
    font-size:14px !important;
    line-height:1.4 !important;
    font-weight:400 !important;
    color:#666 !important;
  }

  /* -----------------------------------------
     TABELA / ITENS
     ----------------------------------------- */

  body.pagina-carrinho table.tabela-carrinho{
    width:100% !important;
    table-layout:fixed !important;
  }

  body.pagina-carrinho table.tabela-carrinho tr[data-produto-id]{
    display:table-row !important;
    border-bottom:14px solid transparent !important;
  }

  body.pagina-carrinho table.tabela-carrinho tr[data-produto-id] > td{
    display:table-cell !important;
    vertical-align:top !important;
    padding-top:6px !important;
    padding-bottom:6px !important;
  }

  body.pagina-carrinho td.conteiner-imagem{
    width:64px !important;
    min-width:64px !important;
    max-width:64px !important;
    padding-top:6px !important;
    padding-right:10px !important;
    padding-bottom:6px !important;
    padding-left:0 !important;
    vertical-align:top !important;
  }

  body.pagina-carrinho td.conteiner-imagem .imagem,
  body.pagina-carrinho td.conteiner-imagem img{
    width:54px !important;
    max-width:54px !important;
    height:auto !important;
    margin:0 auto !important;
    display:block !important;
  }

  body.pagina-carrinho td.sem-borda:not(.conteiner-imagem){
    padding-top:6px !important;
    padding-right:2px !important;
    padding-bottom:6px !important;
    padding-left:0 !important;
    width:auto !important;
    vertical-align:top !important;
  }

  body.pagina-carrinho .produto-info{
    margin:0 !important;
    width:100% !important;
  }

  body.pagina-carrinho .produto-info > a.cor-secundaria{
    display:block !important;
    font-size:13px !important;
    line-height:1.18 !important;
    margin-bottom:2px !important;
    overflow-wrap:break-word !important;
    word-break:normal !important;
  }

  body.pagina-carrinho .produto-info ul{
    margin:0 !important;
    padding-left:0 !important;
  }

  body.pagina-carrinho .produto-info ul li{
    list-style:none !important;
    margin-bottom:1px !important;
    font-size:12px !important;
    line-height:1.15 !important;
  }

  body.pagina-carrinho .produto-info ul li:nth-child(1){
    display:none !important;
  }

  body.pagina-carrinho .produto-info ul li strong{
    font-weight:500 !important;
  }

  /* resumo da variação/estoque */
  body.pagina-carrinho .atc-resumo-linha{
    display:block !important;
    margin-top:0 !important;
    margin-bottom:6px !important;
    font-size:11px !important;
    line-height:1.15 !important;
    color:#6f6f6f !important;
  }

  body.pagina-carrinho .atc-resumo-linha .sep{
    margin:0 2px !important;
    color:#9a9a9a !important;
  }

  body.pagina-carrinho .atc-resumo-linha .status-ok{
    color:#2e7d32 !important;
    font-weight:600 !important;
  }

  body.pagina-carrinho .atc-resumo-linha .status-off{
    color:#c62828 !important;
    font-weight:600 !important;
  }

  body.pagina-carrinho tr[data-atc-etapa4-ready="1"] .produto-info ul li:nth-child(2),
  body.pagina-carrinho tr[data-atc-etapa4-ready="1"] .produto-info ul li:nth-child(3){
    display:none !important;
  }

  /* linha de ações */
  body.pagina-carrinho .atc-linha-acoes{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    gap:8px !important;
    width:100% !important;
    min-height:22px !important;
    margin-top:1px !important;
    white-space:nowrap !important;
  }

  body.pagina-carrinho .atc-acao-qtd{
    display:inline-flex !important;
    align-items:center !important;
    flex:0 0 auto !important;
    min-width:0 !important;
    white-space:nowrap !important;
    margin-left:6px !important;
  }

  body.pagina-carrinho .atc-acao-qtd form,
  body.pagina-carrinho .atc-acao-qtd .quantidade{
    display:inline-flex !important;
    align-items:center !important;
    gap:0 !important;
    margin:0 !important;
    white-space:nowrap !important;
  }

  body.pagina-carrinho .atc-acao-qtd .quantidade a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    padding:0 2px !important;
    font-size:12px !important;
    line-height:1 !important;
    color:#9a9a9a !important;
    opacity:1 !important;
  }

  body.pagina-carrinho .atc-acao-qtd .quantidade a:hover,
  body.pagina-carrinho .atc-acao-qtd .quantidade a:active{
    color:#7f7f7f !important;
  }

  body.pagina-carrinho .atc-acao-qtd .quantidade input.input-mini{
    width:24px !important;
    height:22px !important;
    line-height:22px !important;
    font-size:12px !important;
    text-align:center !important;
    margin:0 1px !important;
    padding:0 !important;
    border:0 !important;
    box-shadow:none !important;
    background:transparent !important;
    border-radius:0 !important;
    color:#666 !important;
  }

  body.pagina-carrinho .atc-acao-qtd .quantidade input.input-mini:focus{
    border:0 !important;
    box-shadow:none !important;
    outline:none !important;
  }

  body.pagina-carrinho .atc-acao-qtd .atualizar-quantidade{
    display:none !important;
  }

  body.pagina-carrinho .atc-acao-preco{
    flex:1 1 auto !important;
    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;
    margin-left:14px !important;
    min-width:0 !important;
    white-space:nowrap !important;
    font-size:13px !important;
    line-height:1.1 !important;
    font-weight:700 !important;
  }

  body.pagina-carrinho .atc-acao-preco strong,
  body.pagina-carrinho .atc-acao-preco span,
  body.pagina-carrinho .atc-acao-preco div{
    font-size:13px !important;
    line-height:1.1 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
    text-align:right !important;
  }

  body.pagina-carrinho .atc-acao-remover{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex:0 0 auto !important;
    min-width:16px !important;
    margin-left:auto !important;
    padding-left:6px !important;
  }

  body.pagina-carrinho .atc-acao-remover .excluir{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
    min-height:16px !important;
  }

  body.pagina-carrinho .atc-acao-remover .excluir a{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:16px !important;
    min-width:16px !important;
    padding:0 !important;
    font-size:14px !important;
    opacity:.5 !important;
  }

  body.pagina-carrinho .atc-acao-remover .excluir a:hover,
  body.pagina-carrinho .atc-acao-remover .excluir a:active{
    opacity:.8 !important;
  }

  body.pagina-carrinho table.tabela-carrinho tr[data-atc-etapa4-ready="1"] > td.clearfix,
  body.pagina-carrinho table.tabela-carrinho tr[data-atc-etapa4-ready="1"] > td.col-item-unit-price,
  body.pagina-carrinho table.tabela-carrinho tr[data-atc-etapa4-ready="1"] > td:last-child{
    display:none !important;
    width:0 !important;
    min-width:0 !important;
    max-width:0 !important;
    padding:0 !important;
    border:0 !important;
    overflow:hidden !important;
    font-size:0 !important;
    line-height:0 !important;
  }

  body.pagina-carrinho .caixa-sombreada{
    padding-top:4px !important;
    padding-bottom:4px !important;
  }

  /* -----------------------------------------
     FRETE
     ----------------------------------------- */

  body.pagina-carrinho table.tabela-carrinho tr.atc-linha-frete{
    display:block !important;
    width:100% !important;
    background:transparent !important;
  }

  body.pagina-carrinho table.tabela-carrinho tr.atc-linha-frete > td{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    background:transparent !important;
    padding-left:0 !important;
    padding-right:0 !important;
  }

  body.pagina-carrinho td.atc-frete-form{
    padding-top:8px !important;
    padding-bottom:0 !important;
  }

  body.pagina-carrinho td.atc-frete-resultados{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }

  body.pagina-carrinho #formCalcularFrete{
    margin:0 !important;
    padding-top:8px !important;
    padding-bottom:8px !important;
    border-top:1px solid rgba(0,0,0,.10) !important;
    border-bottom:1px solid rgba(0,0,0,.06) !important;
  }

  body.pagina-carrinho #formCalcularFrete .control-group{
    margin-bottom:0 !important;
  }

  body.pagina-carrinho #formCalcularFrete label.control-frete{
    display:block !important;
    margin-bottom:6px !important;
    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    letter-spacing:.2px !important;
    text-transform:uppercase !important;
  }

  body.pagina-carrinho #formCalcularFrete .input-append{
    display:flex !important;
    align-items:stretch !important;
    width:100% !important;
    gap:8px !important;
    margin-bottom:4px !important;
  }

  body.pagina-carrinho #formCalcularFrete input#calcularFrete.input-cep{
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    min-height:44px !important;
    box-sizing:border-box !important;
    border-radius:12px !important;
    font-size:16px !important;
    padding:0 12px !important;
    background:#fff !important;
  }

  body.pagina-carrinho #formCalcularFrete button#btn-frete{
    flex:0 0 auto !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    white-space:nowrap !important;
  }

  body.pagina-carrinho #formCalcularFrete .help-inline{
    display:block !important;
    margin-top:6px !important;
    margin-bottom:10px !important;
    font-size:12px !important;
    line-height:1.25 !important;
    opacity:.82 !important;
  }

  body.pagina-carrinho #formCalcularFrete .help-inline a{
    text-decoration:none !important;
  }

  body.pagina-carrinho .formas-envio{
    width:100% !important;
    margin-top:0 !important;
    margin-bottom:4px !important;
    padding-top:0 !important;
  }

  body.pagina-carrinho .formas-envio ul{
    list-style:none !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    border-top:1px solid rgba(0,0,0,.06) !important;
  }

  body.pagina-carrinho .formas-envio ul li{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:2px 0 !important;
    text-align:left !important;
    border-bottom:1px solid rgba(0,0,0,.06) !important;
    box-sizing:border-box !important;
  }

  body.pagina-carrinho .formas-envio ul li:last-child{
    border-bottom:none !important;
  }

  body.pagina-carrinho .formas-envio ul li::before{
    content:none !important;
    display:none !important;
  }

  body.pagina-carrinho .formas-envio ul li label.radio{
    position:relative !important;
    display:block !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:10px 92px 10px 26px !important;
    margin:0 !important;
    text-align:left !important;
    min-height:46px !important;
    transition:none !important;
  }

  body.pagina-carrinho .formas-envio ul li label.radio input[type="radio"]{
    position:absolute !important;
    left:0 !important;
    top:12px !important;
    margin:0 !important;
  }

  body.pagina-carrinho .formas-envio ul li label.radio .prazo{
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    font-weight:700 !important;
    font-size:14px !important;
    line-height:1.18 !important;
    color:inherit !important;
    letter-spacing:-.1px !important;
  }

  body.pagina-carrinho .formas-envio ul li label.radio .valor{
    position:absolute !important;
    right:15px !important;
    top:11px !important;
    display:block !important;
    margin:0 !important;
    padding:0 !important;
    text-align:right !important;
    white-space:nowrap !important;
    font-weight:700 !important;
    font-size:14px !important;
    line-height:1.18 !important;
    color:inherit !important;
    letter-spacing:-.1px !important;
  }

  body.pagina-carrinho .formas-envio ul li label.radio .nome{
    display:block !important;
    margin:3px 0 0 0 !important;
    padding:0 !important;
    text-align:left !important;
    font-size:11px !important;
    line-height:1.2 !important;
    color:#7f7f7f !important;
    letter-spacing:.1px !important;
  }

  /* -----------------------------------------
     TOTAL
     ----------------------------------------- */

  body.pagina-carrinho table.tabela-carrinho tr.bg-dark,
  body.pagina-carrinho table.tabela-carrinho tr.bg-dark td.line-18,
  body.pagina-carrinho table.tabela-carrinho tr.bg-dark td[colspan="3"]{
    background:transparent !important;
  }

  body.pagina-carrinho table.tabela-carrinho td.line-18{
    display:block !important;
    width:100% !important;
    min-width:100% !important;
    max-width:100% !important;
    box-sizing:border-box !important;
    padding-top:14px !important;
    padding-right:0 !important;
    padding-bottom:8px !important;
    padding-left:0 !important;
    border-top:1px solid rgba(0,0,0,.08) !important;
    margin-top:0 !important;
  }

  body.pagina-carrinho .total{
    display:flex !important;
    justify-content:space-between !important;
    align-items:flex-end !important;
    width:100% !important;
    margin:10px 0 8px 0 !important;
    padding:0 !important;
    text-align:left !important;
    float:none !important;
    clear:both !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  body.pagina-carrinho .total > span{
    display:block !important;
    margin:0 0 4px 0 !important;
    padding:0 !important;
    font-size:16px !important;
    line-height:1 !important;
    font-weight:800 !important;
    letter-spacing:.8px !important;
    text-transform:uppercase !important;
    color:#444 !important;
    text-align:left !important;
  }

  body.pagina-carrinho .valor-total{
    display:block !important;
    margin-top:2px !important;
    margin-bottom:16px !important;
    padding:0 !important;
    font-size:32px !important;
    line-height:.98 !important;
    font-weight:700 !important;
    letter-spacing:-.3px !important;
    color:#000 !important;
    text-align:right !important;
  }

  body.pagina-carrinho .valores-descontos{
    display:block !important;
    width:100% !important;
    margin-top:4px !important;
    margin-bottom:0 !important;
    padding:0 !important;
    text-align:left !important;
    float:none !important;
    clear:both !important;
    background:transparent !important;
    box-shadow:none !important;
    border-radius:0 !important;
  }

  body.pagina-carrinho .descontos.avista,
  body.pagina-carrinho .descontos.parcelas{
    display:block !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    text-align:left !important;
    float:none !important;
    clear:both !important;
  }

  body.pagina-carrinho .descontos.avista{
    margin-bottom:8px !important;
  }

  body.pagina-carrinho .descontos.avista span,
  body.pagina-carrinho .descontos.parcelas span{
    display:flex !important;
    justify-content:flex-end !important;
    align-items:baseline !important;
    gap:6px !important;
    width:100% !important;
    margin:0 !important;
    padding:0 !important;
    font-size:14px !important;
    line-height:1.35 !important;
    color:#666 !important;
    text-align:right !important;
  }

  body.pagina-carrinho .descontos.avista strong{
    font-size:15px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#2e7d32 !important;
    text-align:right !important;
  }

  body.pagina-carrinho .descontos.parcelas{
    opacity:1 !important;
  }

  body.pagina-carrinho .descontos.parcelas strong{
    font-size:15px !important;
    line-height:1.35 !important;
    font-weight:700 !important;
    color:#444 !important;
    text-align:right !important;
  }

  /* -----------------------------------------
     CUPOM
     ----------------------------------------- */

  body.pagina-carrinho form[action*="/carrinho/cupom/validar"]{
    margin:0 !important;
    margin-top:0 !important;
    padding-top:0 !important;
    padding-bottom:8px !important;
    border-top:none !important;
  }

  body.pagina-carrinho .atc-cupom-toggle{
    display:block !important;
    margin:8px 0 10px 0 !important;
    padding:0 !important;
    text-align:left !important;
    color:#2a6fd6 !important;
    font-weight:600 !important;
    font-size:14px !important;
    line-height:1.3 !important;
    cursor:pointer !important;
    user-select:none !important;
  }

  body.pagina-carrinho .atc-cupom-conteudo{
    display:none;
  }

  body.pagina-carrinho .atc-cupom-aberto .atc-cupom-conteudo{
    display:block !important;
  }

  body.pagina-carrinho form[action*="/carrinho/cupom/validar"] label.control-label{
    display:block !important;
    margin-bottom:6px !important;
    font-size:13px !important;
    line-height:1.25 !important;
    font-weight:700 !important;
    color:#666 !important;
  }

  body.pagina-carrinho form[action*="/carrinho/cupom/validar"] .input-append{
    display:flex !important;
    align-items:stretch !important;
    width:100% !important;
    gap:0 !important;
  }

  body.pagina-carrinho input#usarCupom{
    flex:1 1 auto !important;
    width:100% !important;
    min-width:0 !important;
    height:44px !important;
    min-height:44px !important;
    box-sizing:border-box !important;
    border-radius:12px 0 0 12px !important;
    font-size:15px !important;
    padding:0 12px !important;
    background:#fff !important;
  }

  body.pagina-carrinho #btn-cupom{
    flex:0 0 auto !important;
    height:44px !important;
    min-height:44px !important;
    padding:0 14px !important;
    border-radius:0 12px 12px 0 !important;
    white-space:nowrap !important;
  }

  /* -----------------------------------------
     BOTÕES CTA
     ----------------------------------------- */

  body.pagina-carrinho form[action*="/checkout/redirect/"]{
    margin-top:16px !important;
  }

  body.pagina-carrinho .acao-editar{
    margin-top:12px !important;
  }

  body.pagina-carrinho .acao-editar .span12{
    display:flex !important;
    flex-direction:column !important;
    align-items:center !important;
    gap:12px !important;
    margin:0 !important;
    padding:0 !important;
  }

  body.pagina-carrinho .acao-editar .botao,
  body.pagina-carrinho .acao-editar .botao.principal.grande{
    width:84% !important;
    max-width:84% !important;
    min-height:52px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    padding:0 16px !important;
    border-radius:12px !important;
    font-size:15px !important;
    letter-spacing:.3px !important;
    text-align:center !important;
    box-sizing:border-box !important;
    float:none !important;
    margin:0 auto !important;
  }

  body.pagina-carrinho .acao-editar a.botao{
    background:#fff !important;
    border:1.5px solid rgba(0,0,0,.65) !important;
    color:#222 !important;
    font-size:15px !important;
    font-weight:600 !important;
    letter-spacing:.15px !important;
    line-height:1.1 !important;
    box-shadow:none !important;
  }

  body.pagina-carrinho .acao-editar a.botao:hover,
  body.pagina-carrinho .acao-editar a.botao:active{
    background:#fff !important;
    box-shadow:none !important;
    transform:none !important;
  }

  body.pagina-carrinho .acao-editar .botao.principal.grande{
    font-size:16px !important;
    font-weight:600 !important;
    letter-spacing:.4px !important;
    border-radius:12px !important;
    box-shadow:0 4px 10px rgba(0,0,0,.12) !important;
  }

  body.pagina-carrinho .acao-editar .botao.principal.grande:active{
    transform:translateY(1px) !important;
    box-shadow:0 2px 6px rgba(0,0,0,.15) !important;
  }

  body.pagina-carrinho .acao-editar .botao.principal.grande i{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
  }
}
/* =========================================================
   ATC – Logo mobile igual à PDP
   ========================================================= */

@media (max-width:768px){

  /* fallback para a variação alternativa do tema */
  body.pagina-carrinho h2.logo-cor-secundaria{
    height:66px !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    margin:0 !important;
  }

  body.pagina-carrinho h2.logo-cor-secundaria img{
    max-height:54px !important;
    width:auto !important;
    display:block !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  /* estrutura real que apareceu no inspect da ATC */
  body.pagina-carrinho h2.logo.cor-secundaria{
    display:block !important;
    width:100% !important;
    height:75px !important;
    min-height:75px !important;
    margin:0 !important;
    text-align:center !important;
    overflow:visible !important;
  }

  body.pagina-carrinho h2.logo.cor-secundaria > a{
    display:inline-block !important;
    width:auto !important;
    height:auto !important;
    text-indent:0 !important;
    overflow:visible !important;
  }

  body.pagina-carrinho h2.logo.cor-secundaria img{
    display:block !important;
    position:static !important;
    max-height:60px !important;
    width:auto !important;
    height:auto !important;
    margin-top:8px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    opacity:1 !important;
    visibility:visible !important;
  }

  body.pagina-carrinho #cabecalho > .conteiner{
    padding-top:0 !important;
    padding-bottom:0 !important;
    margin:0 !important;
    min-height:0 !important;
  }

  body.pagina-carrinho #cabecalho > .conteiner > .row-fluid{
    margin:0 !important;
    padding:0 !important;
    min-height:0 !important;
  }

}
/* =========================================================
   ATC – refinamento do subtítulo da página
   ========================================================= */

body.pagina-carrinho h1.titulo small{
  font-weight:600 !important;
  letter-spacing:0.15px !important;
  line-height:1.45 !important;
  color:#6b6b6b !important;
}

/* =========================================================
   ATC – Cupom aplicado (mobile) | patch final consolidado
   ========================================================= */

@media (max-width:768px){

  /* container do feedback do cupom */
  body.pagina-carrinho .tabela-carrinho .cupom-valor{

    display:flex !important;
    justify-content:flex-end !important;
    align-items:center !important;

    gap:6px !important;

    width:100% !important;
    box-sizing:border-box !important;

    margin-top:6px !important;
    padding:4px 10px !important;

    text-align:right !important;

    font-size:14px !important;
    line-height:1.35 !important;

    background:rgba(46,125,50,.07) !important;
    border-radius:8px !important;

    color:#666 !important;
  }

  /* percentual do cupom */
  body.pagina-carrinho .tabela-carrinho .cupom-valor > strong:first-of-type{

    font-size:14px !important;
    line-height:1.35 !important;

    font-weight:600 !important;
    color:#444 !important;

    letter-spacing:0.2px !important;
  }

  /* bloco inteiro "- R$ 15,40" */
  body.pagina-carrinho .tabela-carrinho .cupom-valor #cupom_desconto{

    display:inline-flex !important;
    align-items:baseline !important;

    font-size:14px !important;
    line-height:1.35 !important;

    font-weight:700 !important;

    color:#2e7d32 !important;

    letter-spacing:0.15px !important;

    white-space:nowrap !important;
  }

  /* valor numérico */
  body.pagina-carrinho .tabela-carrinho .cupom-valor #cupom_valor_real{

    font-size:14px !important;
    line-height:1.35 !important;

    font-weight:700 !important;
    color:#2e7d32 !important;

    margin-left:2px !important;
  }

}
/* =========================================================
   ATC – ajuste fino do bloco TOTAL no mobile
   Alinha o título "TOTAL:" ao topo do valor
   ========================================================= */

@media (max-width:768px){

  body.pagina-carrinho .total{
    align-items:flex-start !important;
  }

}
/* =========================================================
   ATC – Hierarquia de CTA
   Reduz destaque de "Ver mais produtos"
   ========================================================= */

body.pagina-carrinho .finalizar-compra .acao-editar .span12 > a.botao{

    background: #f6f6f6 !important;
    border: 1px solid #e2e2e2 !important;

    color: #666 !important;

    font-weight: 500 !important;

    box-shadow: none !important;

    opacity: .85;

}

/* leve efeito hover para manter sensação de interatividade */

body.pagina-carrinho .finalizar-compra .acao-editar .span12 > a.botao:hover{

    background: #eeeeee !important;
    opacity: 1;

}

/* =========================================================
   ATC mobile – ativação controlada do selo de compra segura
   - exibe o selo apenas no mobile da página de carrinho
   - mantém o selo discreto, abaixo do CTA principal
   - não afeta desktop nem outras páginas
   ========================================================= */

@media (max-width: 768px){

  body.pagina-carrinho .finalizar-compra .selo-ssl.hidden-phone{
    display: block !important;
    text-align: center !important;
    margin: 10px 0 0 !important;
    padding: 0 !important;
    position: static !important;
    float: none !important;
    clear: both !important;
  }

  body.pagina-carrinho .finalizar-compra .selo-ssl.hidden-phone img{
    display: inline-block !important;
    width: auto !important;
    max-width: 132px !important;
    height: auto !important;
    margin: 0 auto !important;
    opacity: .88 !important;
  }

}

/* =========================================================
   Cesta vazia / pós-remoção
   - suaviza tipografia do estado vazio
   - mantém CTA coerente com a ATC
   - escopo restrito à página de carrinho
   ========================================================= */

/* 1) Mensagem principal da cesta vazia */
body.pagina-carrinho .caixa-destaque h1{
  text-transform: none !important;
  font-size: 30px !important;
  line-height: 1.2 !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  color: #1f1f1f !important;
  text-align: center !important;
  margin: 0 0 18px !important;
}

/* 2) CTA da cesta vazia */
body.pagina-carrinho .caixa-destaque .botao.principal{
  text-transform: none !important;
  font-weight: 500 !important;
  letter-spacing: 0 !important;
  padding: 12px 26px !important;
  border-radius: 6px !important;
}

/* 3) Mobile */
@media (max-width: 768px){

  body.pagina-carrinho .caixa-destaque h1{
    font-size: 18px !important;
    line-height: 1.3 !important;
    font-weight: 500 !important;
    max-width: 260px;
    margin: 0 auto 18px !important;
  }

  body.pagina-carrinho .caixa-destaque .botao.principal{
    width: auto !important;
    font-size: 15px !important;
    padding: 12px 22px !important;
  }

}
/* ======================================================
CHECKOUT – UX otimizada (pré-checkout email)
Fernanda Semijoias
====================================================== */

@media (max-width:768px){

/* ---------------------------------------------------
Logo – respiro superior
--------------------------------------------------- */

#cabecalho .logo{
    margin-top:18px;
    margin-bottom:12px;
}

/* ---------------------------------------------------
Título
--------------------------------------------------- */

.identificacao-title{
    font-size:18px;
    line-height:1.35;
    font-weight:600;
    margin-bottom:6px;
}

/* ---------------------------------------------------
Microcopy
--------------------------------------------------- */

.checkout-microcopy{
    font-size:13px;
    color:#666;
    text-align:center;
    margin-bottom:14px;
}

/* ---------------------------------------------------
Campo de email
--------------------------------------------------- */

#id_email_login{
    height:46px;
    font-size:16px;
    border-radius:8px;
    border:1px solid #dcdcdc;
    padding:0 12px;
}

#id_email_login:focus{
    border-color:#caa46a;
    box-shadow:0 0 0 2px rgba(202,164,106,0.15);
    outline:none;
}

/* ---------------------------------------------------
BOTÃO CONTINUAR
--------------------------------------------------- */

  body.carrinho-checkout a.submit-email.botao.principal.grande{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;

    padding: 0 16px !important;
    box-sizing: border-box !important;

    border-radius: 8px !important;

    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    text-align: center !important;

    vertical-align: middle !important;
  }

  body.carrinho-checkout a.submit-email.botao.principal.grande::before,
  body.carrinho-checkout a.submit-email.botao.principal.grande::after{
    display: none !important;
    content: none !important;
  }

  body.carrinho-checkout #login-content .control-group{
    margin-bottom: 8px !important;
  }

}
/* ---------------------------------------------------
Bloco segurança mais leve
--------------------------------------------------- */

.checkout-alerta-seguro h3{
    font-size:13px;
    font-weight:500;
}

.checkout-alerta-seguro-text{
    font-size:12px;
}

/* ======================================================
   Pré-checkout – bloco de confiança (mobile)
   ====================================================== */

@media (max-width: 768px){

  body.carrinho-checkout .checkout-alerta-seguro{
    background: #faf8f3 !important;
    border: 1px solid #efe6d6 !important;
    border-radius: 10px !important;
    padding: 12px 12px 10px !important;
    margin-top: 8px !important;
    margin-bottom: 16px !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro-tit{
    font-size: 13px !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    color: #333 !important;
    margin-bottom: 8px !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro-list{
    margin: 0 !important;
    padding: 0 !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro-item{
    margin-bottom: 6px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro .icon-ok{
    color: #C6A35A !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    margin-top: 1px !important;
    flex: 0 0 auto !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro-text{
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: #555 !important;
  }

  /* ícone decorativo do cadeado mais sutil */
  body.carrinho-checkout .checkout-alerta-seguro .icon-lock.checkout-alerta-seguro-icon{
    opacity: .08 !important;
    color: #C6A35A !important;
  }

}
@media (max-width:768px){

  /* botão */
  body.carrinho-checkout a.submit-email.botao.principal.grande{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 100% !important;
    height: 46px !important;
    min-height: 46px !important;

    padding: 0 16px !important;
    box-sizing: border-box !important;

    border-radius: 8px !important;

    font-size: 15px !important;
    font-weight: 600 !important;
    line-height: 1 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
    white-space: nowrap !important;
    text-align: center !important;
  }

  body.carrinho-checkout a.submit-email.botao.principal.grande::before,
  body.carrinho-checkout a.submit-email.botao.principal.grande::after{
    display: none !important;
    content: none !important;
  }

  /* bloco de confiança */
  body.carrinho-checkout .checkout-alerta-seguro{
    background: #faf8f3 !important;
    border: 1px solid #efe6d6 !important;
    border-radius: 10px !important;
    padding: 10px 12px !important; /* topo/base equilibrados */
    margin-top: 8px !important;
    margin-bottom: 16px !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro-tit{
    font-size: 13px !important;
    line-height: 1.35 !important;
    font-weight: 500 !important;
    color: #333 !important;
    margin: 0 0 8px !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro-list{
    margin: 0 !important;
    padding: 0 !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro-item{
    margin: 0 0 5px !important;
    display: flex !important;
    align-items: flex-start !important;
    gap: 6px !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro-item:last-child{
    margin-bottom: 0 !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro .icon-ok{
    color: #C6A35A !important;
    font-size: 11px !important;
    line-height: 1.3 !important;
    margin-top: 1px !important;
    flex: 0 0 auto !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro-text{
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: #555 !important;
  }

  body.carrinho-checkout .checkout-alerta-seguro .icon-lock.checkout-alerta-seguro-icon{
    opacity: .08 !important;
    color: #C6A35A !important;
  }

}
/* ======================================================
   PRÉ-CHECKOUT – QUADRO-RESUMO (mobile)
   Substitui todos os patches anteriores do quadro-resumo
   ====================================================== */

@media (max-width: 768px){

  /* -----------------------------------
     Container do resumo
     ----------------------------------- */
  body.carrinho-checkout .resumo-compra.caixa-sombreada{
    border-radius: 10px !important;
    padding: 12px 10px 10px !important;
    margin-top: 0 !important;
  }

  /* -----------------------------------
     Título do bloco
     ----------------------------------- */
  body.carrinho-checkout .checkout-resumo-titulo{
    font-size: 14px !important;
    line-height: 1.3 !important;
    font-weight: 600 !important;
    color: #4a4a4a !important;
    margin: 0 0 8px !important;
    padding: 0 2px !important;
    text-align: left !important;
  }

  /* -----------------------------------
     Estrutura geral da tabela
     ----------------------------------- */
  body.carrinho-checkout .resumo-compra.caixa-sombreada table.tabela-carrinho{
    width: 100% !important;
    border-collapse: collapse !important;
    margin-bottom: 0 !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tbody tr{
    vertical-align: top !important;
    border-bottom: 1px solid #f1f1f1 !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tbody tr.tr-checkout-frete,
  body.carrinho-checkout .resumo-compra.caixa-sombreada tbody tr.tr-checkout-total{
    border-bottom: 0 !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada td{
    vertical-align: top !important;
  }

  /* -----------------------------------
     Coluna do nome do produto
     ----------------------------------- */
  body.carrinho-checkout .resumo-compra.caixa-sombreada td.phone-pullleft{
    width: auto !important;
    padding: 4px 6px 4px 0 !important;
    vertical-align: top !important;
    border-bottom: 0 !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada td.phone-pullleft .produto-info{
    font-size: 13px !important;
    line-height: 1.3 !important;
    font-weight: 400 !important;
    color: #555 !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  /* SKU oculto no mobile */
  body.carrinho-checkout .resumo-compra.caixa-sombreada td.phone-pullleft .produto-info ul{
    display: none !important;
  }

  /* -----------------------------------
     Coluna da quantidade
     ----------------------------------- */
  body.carrinho-checkout .resumo-compra.caixa-sombreada td.conteiner-qtd{
    width: 36px !important;
    padding: 4px 0 !important;
    vertical-align: top !important;
    text-align: right !important;
    border-bottom: 0 !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada td.conteiner-qtd > div{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 24px !important;
    height: 24px !important;
    padding: 0 6px !important;
    margin-top: 0 !important;
    border-radius: 8px !important;
    background: #f2f2f2 !important;
    color: #777 !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    line-height: 1 !important;
  }

  /* -----------------------------------
     Coluna do preço do item
     ----------------------------------- */
  body.carrinho-checkout .resumo-compra.caixa-sombreada td.conteiner-preco.padding-preco{
    width: 100% !important;
    padding: 0 0 8px 0 !important;
    text-align: right !important;
    vertical-align: top !important;
    border-bottom: 0 !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada td.conteiner-preco.padding-preco .preco-produto{
    margin: -2px 0 0 0 !important;
    padding: 0 !important;
    text-align: right !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada td.conteiner-preco.padding-preco .preco-promocional{
    display: inline-block !important;
    min-width: 92px !important;
    text-align: right !important;
    letter-spacing: -0.2px !important;
    font-size: 16px !important;
    line-height: 1.2 !important;
    font-weight: 600 !important;
    color: #2f2f2f !important;
  }

  /* ritmo entre os itens */
  body.carrinho-checkout .resumo-compra.caixa-sombreada tr + tr td{
    padding-top: 8px !important;
  }

  /* remove a linha imediatamente antes do frete */
  body.carrinho-checkout .resumo-compra.caixa-sombreada tbody tr:nth-last-child(4){
    border-bottom: 0 !important;
  }

  /* -----------------------------------
     Linha do frete
     ----------------------------------- */
  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-frete td{
    display: block !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-frete td.text-right{
    padding: 2px 0 0 !important;
    text-align: right !important;
    vertical-align: middle !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-frete td.text-right span{
    display: block !important;
    width: 100% !important;
    margin: 0 0 2px !important;
    text-align: right !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #5f5f5f !important;
    text-transform: none !important;
    letter-spacing: 0.02em !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-frete td.padding-preco{
    padding-top: 0 !important;
    padding-bottom: 6px !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: right !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-frete .frete-preco{
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-frete .frete-preco strong{
    display: block !important;
    margin: 0 !important;
    min-width: 92px !important;
    text-align: right !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #4b4b4b !important;
  }

  /* -----------------------------------
     Linha do total
     ----------------------------------- */

  /* esconde a célula extra do desktop */
  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-total td.hidden-phone{
    display: none !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-total.hide{
    height: auto !important;
    border-top: 1px solid #eeeeee !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-total td{
    display: block !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-total td.padding-preco{
    padding-top: 6px !important;
    padding-bottom: 0 !important;
    text-align: right !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-total .visible-phone{
    display: block !important;
    width: 100% !important;
    margin: 0 0 2px !important;
    text-align: right !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.2 !important;
    color: #5f5f5f !important;
    text-transform: uppercase !important;
    letter-spacing: 0.03em !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-total .total{
    margin: 0 !important;
    padding: 0 !important;
    text-align: right !important;
    width: 100% !important;
    display: block !important;
  }

  body.carrinho-checkout .resumo-compra.caixa-sombreada tr.tr-checkout-total .preco-carrinho-total{
    display: block !important;
    margin: 0 !important;
    min-width: 92px !important;
    text-align: right !important;
    font-size: 19px !important;
    line-height: 1.2 !important;
    font-weight: 700 !important;
    color: #2d2d2d !important;
    letter-spacing: -0.3px !important;
  }

}

/* ======================================================
   CTA Ver mais semijoias – pré-checkout
   ====================================================== */

@media (max-width:768px){

  .cta-ver-mais-semijoias{
    display:block;
    width:75%;

    margin:12px auto 16px auto;

    padding:10px 14px;

    text-align:center;
    text-decoration:none;

    font-size:14px;
    font-weight:600;
    line-height:1.3;

    color:#555;
    background:#fff;

    border:1px solid #e5e5e5;
    border-radius:8px;

    opacity:0.78;   /* reduz impacto visual */

    transition:all .2s ease;
  }

  .cta-ver-mais-semijoias:hover{
    opacity:1;
    background:#fafafa;
    border-color:#d8d8d8;
  }

  /* ícone menor */

  .cta-ver-mais-semijoias .cta-icon{
    font-size:11px;
    margin-right:6px;
    position:relative;
    top:-1px;
  }

}