/* Loja Luck Cherry (luckcherry.com.br) — a cara da antiga loja Nuvemshop (tema Recife).
 * catalogo/html/loja/loja.css
 *
 * Fundo branco, texto preto, fonte Lexend e o rosa da marca (--lj-rosa, que
 * vem da tela Configurações) nos botões e no texto das parcelas.
 *
 * Tudo aqui começa com "lj-" e nada mexe em tag solta (a, button, body...) fora
 * do body.lj: assim o topo pode ser encaixado em outra página sem desmanchar
 * o resto dela.
 *
 * Larguras: celular até 767px · tablet até 1023px (já com o menu ☰) · computador.
 */

:root{
  --lj-rosa:#E8489E;
  --lj-tinta:#111111;
  --lj-texto:#1d1d1d;
  --lj-cinza:#6b6b6b;
  --lj-cinza-claro:#9b9b9b;
  --lj-borda:#e2e2e2;
  --lj-fundo-cinza:#f5f5f5;
  --lj-largura:1270px;
  --lj-lateral:24px;
  --lj-fonte:'Lexend',system-ui,-apple-system,'Segoe UI',Roboto,Arial,sans-serif;
}
@media (max-width:767px){ :root{ --lj-lateral:16px } }

/* ── Base (só nas páginas da loja) ─────────────────────────────── */
html.lj-travado{overflow:hidden}
body.lj{margin:0;background:#fff;color:var(--lj-texto);font-family:var(--lj-fonte);font-size:15px;
  line-height:1.5;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;
  overflow-x:hidden}
/* As limpezas abaixo ficam dentro de :where() — peso zero de propósito: assim
   qualquer classe lj- ganha delas sem precisar de . */
body.lj *,body.lj *::before,body.lj *::after{box-sizing:border-box}
:where(body.lj) :where(img){max-width:100%;display:block}
:where(body.lj) :where(a){color:inherit;text-decoration:none}
:where(body.lj) :where(h1,h2,h3){font-weight:500;margin:0;line-height:1.25}
:where(body.lj) :where(p){margin:0}
:where(body.lj) :where(ul,ol){margin:0;padding:0;list-style:none}
:where(body.lj) :where(button,input,select){font-family:inherit}

.lj-largura{width:100%;max-width:calc(var(--lj-largura) + 2 * var(--lj-lateral));margin-left:auto;margin-right:auto;
  padding-left:var(--lj-lateral);padding-right:var(--lj-lateral)}
.lj-oculto{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);
  white-space:nowrap;border:0}
.lj-pular{position:absolute;left:8px;top:-60px;z-index:200;background:var(--lj-tinta);color:#fff!important;
  padding:10px 16px;font:500 14px var(--lj-fonte);border-radius:4px}
.lj-pular:focus{top:8px}
.lj-centro{text-align:center}
:where(.lj-topo,.lj-gaveta,body.lj) :focus-visible{outline:2px solid var(--lj-tinta);outline-offset:2px}

/* ── Botões ───────────────────────────────────────────────────── */
.lj-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 22px;
  background:var(--lj-rosa);color:#fff;border:1px solid var(--lj-rosa);border-radius:0;
  font:500 14px/1.2 var(--lj-fonte);letter-spacing:.02em;cursor:pointer;text-align:center;
  transition:filter .15s,background-color .15s}
.lj-btn:hover{filter:brightness(.92)}
.lj-btn:disabled,.lj-btn[aria-disabled="true"]{background:#c9c9c9;border-color:#c9c9c9;cursor:not-allowed;filter:none}
.lj-btn-linha{background:#fff;color:var(--lj-tinta)!important;border-color:var(--lj-tinta)}
.lj-btn-linha:hover{background:var(--lj-tinta);color:#fff!important;filter:none}
.lj-btn-cinza{background:#fff;color:var(--lj-cinza)!important;border-color:var(--lj-borda)}

/* ── Aviso do topo (Configurações → aviso_topo) ───────────────── */
.lj-aviso{background:var(--lj-tinta);color:#fff;text-align:center;font:400 13px/1.4 var(--lj-fonte);padding:8px 16px}

/* ══ TOPO ═════════════════════════════════════════════════════════
   Computador:  [busca]  [ logo ]  [conta][carrinho]   + barra de categorias
   Celular:     [☰]      [ logo ]  [conta][carrinho]   + busca embaixo        */
.lj-topo{position:sticky;top:0;z-index:30;background:#fff;color:var(--lj-tinta);font-family:var(--lj-fonte);
  border-bottom:1px solid var(--lj-borda);transition:box-shadow .2s}
.lj-topo *,.lj-gaveta *{box-sizing:border-box}
.lj-topo.lj-encolhido{box-shadow:0 2px 14px rgba(0,0,0,.07)}
.lj-topo-in{display:grid;grid-template-columns:1fr auto 1fr;grid-template-areas:"busca logo icones";align-items:center;
  gap:16px;padding-top:14px;padding-bottom:14px;transition:padding .2s}
.lj-encolhido .lj-topo-in{padding-top:6px;padding-bottom:6px}

.lj-logo{grid-area:logo;display:block;line-height:0}
.lj-logo img{height:84px;width:auto;max-width:none;display:block;transition:height .2s}
.lj-encolhido .lj-logo img{height:50px}

.lj-busca{grid-area:busca;position:relative;display:flex;align-items:center;max-width:340px;width:100%;margin:0}
.lj-busca input{width:100%;height:42px;border:1px solid #cfcfcf;border-radius:0;background:#fff;color:var(--lj-tinta);
  font:300 14px var(--lj-fonte);padding:0 44px 0 14px;outline:0;-webkit-appearance:none;appearance:none}
.lj-busca input::placeholder{color:#8a8a8a}
.lj-busca input:focus{border-color:var(--lj-tinta)}
.lj-busca input::-webkit-search-cancel-button{-webkit-appearance:none}
.lj-busca button{position:absolute;right:0;top:0;width:44px;height:42px;display:grid;place-items:center;border:0;
  background:none;color:var(--lj-tinta);cursor:pointer;padding:0}

.lj-topo-dir{grid-area:icones;justify-self:end;display:flex;align-items:center;gap:6px}
.lj-icone{position:relative;width:44px;height:44px;display:grid;place-items:center;border:0;background:none;
  color:var(--lj-tinta);cursor:pointer;padding:0;border-radius:50%;text-decoration:none}
.lj-icone:hover{background:#f3f3f3}
.lj-abrir-menu,.lj-btn-busca{display:none}
.lj-contador{position:absolute;top:3px;right:1px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;
  background:var(--lj-rosa);color:#fff;font:600 11px/18px var(--lj-fonte);text-align:center;pointer-events:none}
.lj-carrinho.pulou .lj-contador{animation:lj-pulo .5s ease}
@keyframes lj-pulo{0%{transform:scale(1)}40%{transform:scale(1.45)}100%{transform:scale(1)}}

/* Barra de categorias */
.lj-nav{border-top:1px solid var(--lj-borda)}
.lj-nav-in{position:relative;display:flex;align-items:center}
.lj-nav-lista{display:flex;gap:4px;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;margin:0 auto!important;
  padding:0;list-style:none;white-space:nowrap}
.lj-nav-lista::-webkit-scrollbar{display:none}
.lj-nav-lista a{display:block;padding:13px 14px;font:400 14px/1.2 var(--lj-fonte);color:var(--lj-tinta);
  text-decoration:none;border-bottom:2px solid transparent;transition:border-color .15s,color .15s}
.lj-nav-lista a:hover,.lj-nav-lista a[aria-current="page"]{border-bottom-color:var(--lj-tinta)}
.lj-nav-lista .lj-nav-rosa,.lj-gaveta .lj-nav-rosa{color:var(--lj-rosa);font-weight:500}
.lj-nav-lista .lj-nav-rosa:hover{border-bottom-color:var(--lj-rosa)}
.lj-nav-seta{position:absolute;top:0;bottom:0;z-index:2;width:44px;border:0;cursor:pointer;color:var(--lj-tinta);
  display:grid;place-items:center;padding:0}
.lj-nav-seta[hidden]{display:none}
.lj-nav-esq{left:0;background:linear-gradient(90deg,#fff 60%,rgba(255,255,255,0))}
.lj-nav-dir{right:0;background:linear-gradient(270deg,#fff 60%,rgba(255,255,255,0))}

/* Gaveta (menu do celular) */
.lj-veu{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s}
.lj-veu.aberto{opacity:1}
.lj-gaveta{position:fixed;top:0;bottom:0;left:0;z-index:61;width:min(86vw,360px);background:#fff;color:var(--lj-tinta);
  font-family:var(--lj-fonte);overflow-y:auto;transform:translateX(-100%);transition:transform .25s ease;
  box-shadow:4px 0 24px rgba(0,0,0,.15);padding-bottom:24px}
.lj-gaveta.aberta{transform:none}
.lj-gaveta[hidden],.lj-veu[hidden]{display:none}
.lj-gaveta-topo{display:flex;align-items:center;justify-content:space-between;padding:8px 8px 8px 20px;
  border-bottom:1px solid var(--lj-borda);font:500 16px var(--lj-fonte)}
.lj-gaveta-lista{list-style:none;margin:0;padding:6px 0}
.lj-gaveta-lista a{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 20px;
  font:400 15px/1.3 var(--lj-fonte);color:var(--lj-tinta);text-decoration:none;border-bottom:1px solid #f0f0f0}
.lj-gaveta-lista a[aria-current="page"]{font-weight:600}
.lj-gaveta-lista svg{color:var(--lj-cinza-claro);flex-shrink:0}
.lj-gaveta-extra{border-top:6px solid var(--lj-fundo-cinza)}
.lj-gaveta-extra a{justify-content:flex-start;color:var(--lj-cinza)}
.lj-gaveta-extra svg{color:var(--lj-cinza)}

@media (max-width:1023px){
  .lj-topo-in{grid-template-columns:1fr auto 1fr;grid-template-areas:"menu logo icones" "busca busca busca";
    row-gap:10px;column-gap:8px;padding-top:8px;padding-bottom:10px}
  .lj-abrir-menu{display:grid;grid-area:menu;justify-self:start;margin-left:-10px}
  .lj-topo-dir{gap:0;margin-right:-8px}
  .lj-busca{max-width:none}
  .lj-busca input{height:40px}
  .lj-logo img{height:54px}
  .lj-nav{display:none}
  /* Rolou: o logo diminui e a busca recolhe — a lupa reabre. */
  .lj-encolhido .lj-topo-in{padding-top:4px;padding-bottom:4px}
  .lj-encolhido .lj-logo img{height:40px}
  .lj-encolhido:not(.lj-busca-aberta) .lj-busca{display:none}
  .lj-encolhido .lj-btn-busca{display:grid}
  .lj-encolhido.lj-busca-aberta .lj-topo-in{padding-bottom:10px}
}
@media (min-width:1024px){ .lj-gaveta,.lj-veu{display:none!important} }

/* O topo é fixo: quem rola a página até um ponto (o checkout faz isso a cada
   etapa, com scrollIntoView) para logo ABAIXO dele, e não escondido atrás. */
html:has(.lj-topo){scroll-padding-top:120px}
@media (max-width:1023px){ html:has(.lj-topo){scroll-padding-top:70px} }

/* Carrinho e Minha conta da loja (topo encaixado com $ljSoCabecalho): a
   casinha e a seta redondas do canto, e o logo grande da conta, repetiriam o
   que o topo já tem. Só somem quando o topo da loja está na página. */
.lj-topo ~ .botao-redondo.fixo,.lj-topo ~ main .marca-cad{display:none}

/* ══ PÁGINA INICIAL ═══════════════════════════════════════════════ */

/* (a) Carrossel — o deslizar é o do navegador (scroll-snap) */
.lj-carrossel{position:relative;width:100%;aspect-ratio:var(--lj-ar,1920/700);background:var(--lj-fundo-cinza);overflow:hidden}
@media (max-width:767px){ .lj-carrossel{aspect-ratio:var(--lj-ar-cel,var(--lj-ar,1920/700))} }
.lj-carrossel-trilho{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;
  scrollbar-width:none;overscroll-behavior-x:contain}
.lj-carrossel-trilho::-webkit-scrollbar{display:none}
.lj-slide{flex:0 0 100%;width:100%;height:100%;scroll-snap-align:start;scroll-snap-stop:always}
.lj-slide > a,.lj-slide picture{display:block;width:100%;height:100%}
.lj-slide img{width:100%;height:100%;object-fit:cover}
.lj-carrossel-seta{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;
  background:rgba(255,255,255,.82);color:var(--lj-tinta);display:grid;place-items:center;cursor:pointer;
  opacity:0;transition:opacity .2s;box-shadow:0 2px 10px rgba(0,0,0,.12);padding:0}
.lj-carrossel:hover .lj-carrossel-seta,.lj-carrossel-seta:focus-visible{opacity:1}
.lj-carrossel-ant{left:18px}
.lj-carrossel-prox{right:18px}
.lj-pontos{position:absolute;left:0;right:0;bottom:14px;display:flex;justify-content:center;gap:4px}
.lj-pontos button{width:24px;height:24px;border:0;background:none;cursor:pointer;padding:0;display:grid;place-items:center}
.lj-pontos button::before{content:'';width:9px;height:9px;border-radius:50%;background:rgba(255,255,255,.6);
  box-shadow:0 0 0 1px rgba(0,0,0,.18);transition:background-color .2s,transform .2s}
.lj-pontos button[aria-current="true"]::before{background:#fff;transform:scale(1.25)}
@media (hover:none),(max-width:767px){ .lj-carrossel-seta{display:none} }

/* (b) Faixa de serviços */
.lj-servicos{font-family:var(--lj-fonte);color:var(--lj-tinta)}
.lj-servicos-lista{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;list-style:none;margin:0 auto;
  padding-top:26px;padding-bottom:26px}
.lj-servicos-lista li{display:flex;align-items:center;justify-content:center;gap:14px;text-align:left}
.lj-servico-icone{flex-shrink:0;color:var(--lj-rosa);display:grid;place-items:center}
.lj-servicos-lista strong{display:block;font-weight:500;font-size:14px;line-height:1.3}
.lj-servicos-lista small{display:block;font-size:12.5px;color:var(--lj-cinza);margin-top:2px}
.lj-servicos-home{border-bottom:1px solid var(--lj-borda)}
.lj-servicos-rodape{background:var(--lj-fundo-cinza)}
@media (max-width:1023px){
  .lj-servicos-lista{grid-template-columns:repeat(2,1fr);row-gap:20px}
  .lj-servicos-lista li{justify-content:flex-start}
}
@media (max-width:420px){
  .lj-servicos-lista{gap:14px 10px;padding-top:20px;padding-bottom:20px}
  .lj-servicos-lista li{gap:9px}
  .lj-servico-icone svg{width:24px;height:24px}
  .lj-servicos-lista strong{font-size:12.5px}
  .lj-servicos-lista small{font-size:11.5px}
}

/* (c) Banners de categoria, um embaixo do outro */
.lj-banners-cat{max-width:calc(1270px + 2 * var(--lj-lateral));margin:40px auto 0;padding:0 var(--lj-lateral);
  display:flex;flex-direction:column;gap:24px}
.lj-banner-cat{display:block;overflow:hidden;background:var(--lj-fundo-cinza)}
.lj-banner-cat img{width:100%;height:auto;transition:transform .5s ease}
a.lj-banner-cat:hover img{transform:scale(1.02)}
@media (max-width:767px){ .lj-banners-cat{margin-top:24px;gap:14px} }

/* (d) Destaques */
.lj-titulo-secao{text-align:center;font:500 24px/1.25 var(--lj-fonte);letter-spacing:.02em;margin:0 0 28px;
  color:var(--lj-tinta)}
.lj-destaques{padding-top:56px;padding-bottom:64px}
.lj-destaques .lj-centro{margin-top:36px}
.lj-vazio{text-align:center;color:var(--lj-cinza);padding:48px 0}
.lj-vazio p + p{margin-top:18px}
.lj-vazio a:not(.lj-btn){text-decoration:underline}
.lj-vazio .lj-btn{margin:4px}
@media (max-width:767px){
  .lj-destaques{padding-top:36px;padding-bottom:44px}
  .lj-titulo-secao{font-size:20px;margin-bottom:20px}
}

/* ══ GRADE E CARTÃO DE PRODUTO ════════════════════════════════════ */
.lj-grade{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px 24px}
@media (max-width:1023px){ .lj-grade{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 18px} }
@media (max-width:767px){ .lj-grade{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 12px} }

.lj-card{display:flex;flex-direction:column;min-width:0}
.lj-card-foto{position:relative;display:block;aspect-ratio:3/4;overflow:hidden;background:var(--lj-fundo-cinza)}
.lj-card-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform .5s}
.lj-card-foto2{opacity:0}
@media (hover:hover){
  .lj-card:hover .lj-card-foto2{opacity:1}
  .lj-card:hover .lj-card-foto img{transform:scale(1.02)}
}
.lj-card-semfoto{position:absolute;inset:0;display:block;background:var(--lj-fundo-cinza) url('/assets/logo.png') center/40% no-repeat;opacity:.5}
.lj-selo{position:absolute;top:10px;left:10px;background:var(--lj-tinta);color:#fff;font:500 11px/1 var(--lj-fonte);
  letter-spacing:.06em;text-transform:uppercase;padding:6px 9px}
.lj-selo-promo{background:var(--lj-rosa)}
.lj-card-esgotado .lj-card-foto img{opacity:.6}
.lj-card-corpo{display:flex;flex-direction:column;flex:1;padding-top:14px}
.lj-card-nome{font:400 12.5px/1.45 var(--lj-fonte);color:var(--lj-cinza);text-transform:uppercase;letter-spacing:.04em;
  margin:0 0 8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;
  min-height:2.9em}   /* sempre duas linhas: os preços da mesma fileira ficam alinhados */
.lj-card-nome a:hover{color:var(--lj-tinta)}
.lj-card-preco{display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 8px}
.lj-card-preco strong{font:600 17px/1.2 var(--lj-fonte);color:var(--lj-tinta)}
.lj-card-preco s{font-size:13px;color:var(--lj-cinza-claro)}
.lj-card-parcela{font:400 12.5px/1.4 var(--lj-fonte);color:var(--lj-rosa);margin-top:4px}
/* O botão fica sempre no pé do cartão (margin-top:auto); o espaço mínimo
   acima dele vem de quem estiver logo antes (parcelas, preço ou nome). */
.lj-card-comprar{margin-top:auto;width:100%;min-height:42px;padding:9px 12px;text-transform:none}
.lj-card-corpo > :nth-last-child(2){margin-bottom:14px}
@media (max-width:767px){
  .lj-card-corpo{padding-top:10px}
  .lj-card-nome{font-size:11.5px}
  .lj-card-preco strong{font-size:15.5px}
  .lj-card-parcela{font-size:11.5px}
  .lj-card-comprar{min-height:40px;font-size:13.5px}
}

/* ══ CATEGORIA / BUSCA ════════════════════════════════════════════ */
.lj-pagina-lista{padding-top:22px;padding-bottom:70px}
.lj-migalha{font:300 13px/1.4 var(--lj-fonte);color:var(--lj-cinza);margin-bottom:14px}
.lj-migalha ol{display:flex;flex-wrap:wrap;gap:4px}
.lj-migalha li{display:inline-flex;align-items:center;gap:4px;min-width:0}
.lj-migalha li + li::before{content:'›';color:var(--lj-cinza-claro);margin-right:2px}
.lj-migalha a:hover{color:var(--lj-tinta);text-decoration:underline}
.lj-migalha [aria-current="page"]{color:var(--lj-tinta)}
.lj-titulo-pagina{font:500 34px/1.15 var(--lj-fonte);color:var(--lj-tinta);letter-spacing:.01em;margin:0 0 10px;
  overflow-wrap:anywhere}
.lj-cat-descricao{color:var(--lj-cinza);max-width:760px;margin-bottom:6px}
@media (max-width:767px){ .lj-titulo-pagina{font-size:26px} }

.lj-ferramentas{display:flex;align-items:center;gap:16px;margin:22px 0 26px;padding:12px 0;
  border-top:1px solid var(--lj-borda);border-bottom:1px solid var(--lj-borda)}
.lj-filtrar{position:relative}
.lj-ferramenta{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border:1px solid #cfcfcf;background:#fff;
  color:var(--lj-tinta);font:400 14px var(--lj-fonte);cursor:pointer}
.lj-ferramenta[aria-expanded="true"]{border-color:var(--lj-tinta)}
.lj-bolinha{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 6px;border-radius:999px;
  background:var(--lj-rosa);color:#fff;font-size:11px;font-weight:600}
.lj-total{color:var(--lj-cinza);font-size:13.5px}
.lj-ordenar{margin-left:auto;display:flex;align-items:center;gap:10px}
.lj-ordenar label{font:400 14px var(--lj-fonte);color:var(--lj-tinta)}
.lj-ordenar select{height:42px;min-width:180px;padding:0 38px 0 14px;border:1px solid #cfcfcf;border-radius:0;
  font:300 14px var(--lj-fonte);color:var(--lj-tinta);cursor:pointer;-webkit-appearance:none;appearance:none;
  background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23111' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") right 12px center/14px no-repeat}
.lj-ordenar-ok{height:42px;padding:0 14px;border:1px solid var(--lj-tinta);background:#fff;font:400 14px var(--lj-fonte);cursor:pointer}
.lj-ordenar-ok[hidden]{display:none}

.lj-painel-filtro{position:absolute;top:calc(100% + 8px);left:0;z-index:20;width:320px;background:#fff;
  border:1px solid var(--lj-borda);box-shadow:0 12px 34px rgba(0,0,0,.12);padding:18px}
.lj-painel-filtro[hidden]{display:none}
.lj-painel-filtro fieldset{border:0;margin:0;padding:0}
.lj-painel-filtro legend{font:500 14px var(--lj-fonte);margin-bottom:12px;padding:0}
.lj-tam-lista{display:flex;flex-wrap:wrap;gap:8px}
.lj-tam-check{position:relative;cursor:pointer}
.lj-tam-check input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}
.lj-tam-check span{display:grid;place-items:center;min-width:44px;height:44px;padding:0 10px;border:1px solid #cfcfcf;
  font:400 14px var(--lj-fonte);color:var(--lj-tinta);transition:border-color .15s,background-color .15s}
.lj-tam-check input:checked + span{border-color:var(--lj-tinta);background:var(--lj-tinta);color:#fff}
.lj-tam-check input:focus-visible + span{outline:2px solid var(--lj-rosa);outline-offset:2px}
.lj-painel-botoes{display:flex;gap:10px;margin-top:18px}
.lj-painel-botoes .lj-btn{flex:1}

.lj-filtros-ativos{display:flex;flex-wrap:wrap;gap:8px;margin:-10px 0 24px}
.lj-filtros-ativos a{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 12px;border:1px solid var(--lj-borda);
  background:var(--lj-fundo-cinza);font-size:13px;color:var(--lj-tinta)}
.lj-filtros-ativos a:hover{border-color:var(--lj-tinta)}
.lj-filtros-ativos .lj-limpar-tudo{background:none;border-color:transparent;text-decoration:underline;color:var(--lj-cinza)}

@media (max-width:767px){
  .lj-ferramentas{flex-wrap:wrap;gap:10px;margin:16px 0 20px;padding:10px 0}
  .lj-filtrar{flex:1 1 0}
  .lj-ferramenta{width:100%;justify-content:center}
  .lj-ordenar{flex:1 1 0;margin-left:0}
  .lj-ordenar label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
  .lj-ordenar select{width:100%;min-width:0}
  .lj-total{order:3;width:100%;text-align:center;font-size:12.5px}
  /* No celular o painel de filtro sobe de baixo, ocupando a largura toda. */
  .lj-painel-filtro{position:fixed;top:auto;left:0;right:0;bottom:0;width:auto;z-index:70;
    border:0;box-shadow:0 -10px 40px rgba(0,0,0,.25);padding:22px 16px calc(18px + env(safe-area-inset-bottom))}
}

/* ══ PÁGINA DA PEÇA ═══════════════════════════════════════════════ */
.lj-pagina-produto{padding-top:26px;padding-bottom:70px}
.lj-produto-grade{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:start}

.lj-galeria{display:grid;grid-template-columns:86px minmax(0,1fr);gap:14px;align-items:start}
.lj-galeria-uma{grid-template-columns:minmax(0,1fr)}
.lj-miniaturas{display:flex;flex-direction:column;align-items:center;gap:6px}
.lj-mini-lista{display:flex;flex-direction:column;gap:10px;max-height:min(560px,calc(100vh - 260px));overflow-y:auto;
  scrollbar-width:none;width:100%;scroll-behavior:smooth}
.lj-mini-lista::-webkit-scrollbar{display:none}
.lj-mini{display:block;width:100%;aspect-ratio:3/4;padding:0;border:1px solid transparent;background:var(--lj-fundo-cinza);
  cursor:pointer;overflow:hidden;opacity:.6;transition:opacity .15s,border-color .15s}
.lj-mini img{width:100%;height:100%;object-fit:cover}
.lj-mini:hover{opacity:1}
.lj-mini.ativa{opacity:1;border-color:var(--lj-tinta)}
.lj-mini-seta{width:36px;height:30px;border:0;background:none;color:var(--lj-tinta);cursor:pointer;display:grid;place-items:center;padding:0}
.lj-mini-seta:hover{background:var(--lj-fundo-cinza)}
.lj-foto-principal{position:relative;aspect-ratio:3/4;background:var(--lj-fundo-cinza);overflow:hidden}
.lj-foto-principal img{width:100%;height:100%;object-fit:contain}
.lj-foto-pontos{display:none}

.lj-produto-info{min-width:0}
.lj-produto-nome{font:500 26px/1.25 var(--lj-fonte);text-transform:uppercase;letter-spacing:.03em;color:var(--lj-tinta);
  margin:6px 0 8px;overflow-wrap:anywhere}
.lj-sku{font-size:13px;color:var(--lj-cinza);margin-bottom:18px}
.lj-produto-preco{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap}
.lj-produto-preco strong{font:600 28px/1.2 var(--lj-fonte);color:var(--lj-tinta)}
.lj-produto-preco s{font-size:16px;color:var(--lj-cinza-claro)}
.lj-produto-parcela{color:var(--lj-rosa);font-size:14px;font-weight:400;margin-top:4px}

.lj-opcoes{margin-top:24px}
.lj-opcao{margin-bottom:20px}
.lj-opcao-rotulo{font:400 14px var(--lj-fonte);color:var(--lj-tinta);margin-bottom:10px}
.lj-opcao-rotulo strong{font-weight:600}
.lj-opcao-valores{display:flex;flex-wrap:wrap;gap:8px}
.lj-op{min-width:44px;height:44px;padding:0 12px;border:1px solid #cfcfcf;background:#fff;color:var(--lj-tinta);
  font:400 14px var(--lj-fonte);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s}
.lj-op:hover{border-color:var(--lj-tinta)}
.lj-op.sel{border-color:var(--lj-tinta);background:var(--lj-tinta);color:#fff;font-weight:500}
.lj-op.off{color:#b5b5b5;border-color:#e6e6e6;cursor:not-allowed;
  background:linear-gradient(to top left,transparent calc(50% - .5px),#d8d8d8 50%,transparent calc(50% + .5px))}
.lj-opcao.pedindo .lj-opcao-rotulo{color:var(--lj-rosa)}
.lj-opcao.pedindo .lj-op:not(.off){border-color:var(--lj-rosa);animation:lj-pede .8s ease 2}
@keyframes lj-pede{0%,100%{box-shadow:0 0 0 0 transparent}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--lj-rosa) 30%,transparent)}}

.lj-compra{display:flex;gap:12px;margin-top:26px}
.lj-qtd{display:flex;align-items:stretch;border:1px solid #cfcfcf;height:52px;flex-shrink:0}
.lj-qtd button{width:44px;border:0;background:#fff;color:var(--lj-tinta);font:300 22px var(--lj-fonte);cursor:pointer;padding:0}
.lj-qtd button:hover{background:var(--lj-fundo-cinza)}
.lj-qtd input{width:48px;border:0;text-align:center;font:400 16px var(--lj-fonte);color:var(--lj-tinta);
  -moz-appearance:textfield;appearance:textfield;padding:0}
.lj-qtd input::-webkit-outer-spin-button,.lj-qtd input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.lj-btn-comprar{flex:1;min-height:52px;font-size:16px;letter-spacing:.04em}
.lj-msg{color:#b4232f;font-size:13.5px;min-height:0;margin-top:10px}
.lj-msg:empty{margin:0}
.lj-adicionado{display:none}
.lj-adicionado.visivel{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:14px;padding:14px 16px;
  border:1px solid #cfe8d6;background:#f2faf4;animation:lj-surge .3s ease}
.lj-adicionado-ok{width:28px;height:28px;border-radius:50%;background:#2e8b57;color:#fff;display:grid;place-items:center;
  font-size:15px;flex-shrink:0}
.lj-adicionado span:nth-child(2){flex:1;min-width:150px}
.lj-adicionado strong{display:block;font-weight:500;font-size:14px;color:var(--lj-tinta)}
.lj-adicionado small{display:block;font-size:12.5px;color:var(--lj-cinza)}
.lj-adicionado .lj-btn{min-height:38px;padding:8px 16px}
@keyframes lj-surge{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}
.lj-estoque{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13.5px;color:#2e7d4f}
.lj-estoque::before{content:'';width:8px;height:8px;border-radius:50%;background:currentColor}
.lj-estoque.lj-sem-estoque{color:#b4232f}

.lj-descricao{margin-top:34px;padding-top:24px;border-top:1px solid var(--lj-borda)}
.lj-descricao h2{font:500 16px var(--lj-fonte);margin-bottom:12px;color:var(--lj-tinta)}
.lj-descricao-txt{color:#3a3a3a;font-size:14.5px;line-height:1.7;overflow-wrap:anywhere}
.lj-descricao-txt p{margin:0 0 10px}
.lj-descricao-txt ul{list-style:disc;padding-left:20px;margin:0 0 10px}
.lj-descricao-txt ol{list-style:decimal;padding-left:20px;margin:0 0 10px}
.lj-descricao-txt img{height:auto}
.lj-descricao-txt a{text-decoration:underline}

.lj-relacionados{margin-top:72px}

@media (max-width:1023px){
  .lj-produto-grade{gap:30px}
  .lj-galeria{grid-template-columns:70px minmax(0,1fr)}
}
@media (max-width:767px){
  /* No celular empilha: foto (com arrastar e pontinhos), miniaturas deitadas, depois a compra. */
  .lj-pagina-produto{padding-top:0}
  .lj-produto-grade{grid-template-columns:minmax(0,1fr);gap:22px}
  .lj-galeria{grid-template-columns:minmax(0,1fr);margin:0 calc(-1 * var(--lj-lateral))}
  .lj-miniaturas{order:2;flex-direction:row;padding:0 var(--lj-lateral)}
  .lj-mini-seta{display:none}
  .lj-mini-lista{flex-direction:row;max-height:none;overflow-x:auto;overflow-y:hidden;gap:8px}
  .lj-mini-lista li{flex:0 0 58px}
  .lj-foto-pontos{display:flex;justify-content:center;gap:6px;position:absolute;left:0;right:0;bottom:12px}
  .lj-foto-pontos span{width:7px;height:7px;border-radius:50%;background:rgba(0,0,0,.22);transition:background-color .2s}
  .lj-foto-pontos span.ativo{background:var(--lj-tinta)}
  .lj-produto-nome{font-size:20px}
  .lj-produto-preco strong{font-size:24px}
  .lj-compra{gap:10px}
  .lj-qtd button{width:38px}
  .lj-qtd input{width:40px}
  .lj-relacionados{margin-top:48px}
}

/* ══ RODAPÉ ═══════════════════════════════════════════════════════ */
.lj-rodape{margin-top:0;border-top:1px solid var(--lj-borda);font-family:var(--lj-fonte)}
.lj-rodape-in{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px;padding-top:48px;padding-bottom:40px}
.lj-rodape-marca img{height:76px;width:auto}
.lj-rodape-marca p{color:var(--lj-cinza);font-size:13.5px;margin-top:14px;max-width:260px}
.lj-rodape-col h2{font:500 15px var(--lj-fonte);color:var(--lj-tinta);margin-bottom:14px}
.lj-rodape-col li + li{margin-top:9px}
.lj-rodape-col a{font-size:14px;color:var(--lj-cinza);transition:color .15s}
.lj-rodape-col a:hover{color:var(--lj-tinta);text-decoration:underline}
.lj-rodape-insta{display:inline-flex;align-items:center;gap:8px}
.lj-copy{border-top:1px solid var(--lj-borda);text-align:center;font-size:12.5px;color:var(--lj-cinza);
  padding:18px var(--lj-lateral) calc(18px + env(safe-area-inset-bottom))}
@media (max-width:1023px){ .lj-rodape-in{grid-template-columns:1fr 1fr;gap:30px 20px} }
@media (max-width:767px){
  .lj-rodape-in{grid-template-columns:1fr 1fr;padding-top:34px;padding-bottom:30px}
  .lj-rodape-marca{grid-column:1 / -1}
  .lj-rodape-marca img{height:60px}
  /* espaço para o botão verde do WhatsApp não cobrir o copyright */
  .lj-copy{padding-bottom:calc(84px + env(safe-area-inset-bottom))}
}

/* Botão verde do WhatsApp (partials/whats_flutuante.php): na loja, canto
   direito — no catálogo ele acompanha a coluna do feed, aqui a página é larga. */
body.lj .zap-flutuante{left:auto;right:18px;flex-direction:row-reverse}
body.lj .zf-txt{font-family:var(--lj-fonte)}

@media (prefers-reduced-motion:reduce){
  .lj-topo,.lj-topo-in,.lj-logo img,.lj-gaveta,.lj-veu,.lj-card-foto img,.lj-banner-cat img{transition:none!important}
  .lj-carrossel-trilho,.lj-nav-lista,.lj-mini-lista{scroll-behavior:auto}
}
@media print{
  .lj-topo,.lj-gaveta,.lj-veu,.lj-rodape,.zap-flutuante,.lj-compra{display:none!important}
}

/* ══ SACOLA — o carrinho na gaveta (como na Nuvemshop) ═══════════════════
   Computador: entra pela direita, ~560px, por cima da página escurecida.
   Celular: ocupa a tela inteira. Os cards das peças são os nossos (a grade
   de cores × tamanhos do /carrinho), em versão clara. */
.lj-veu-sacola{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.45);opacity:0;transition:opacity .25s}
.lj-veu-sacola.aberto{opacity:1}
.lj-veu-sacola[hidden]{display:none}
@media (prefers-reduced-motion:reduce){ .lj-veu-sacola{transition:none} }
@media print{ .lj-sacola,.lj-veu-sacola{display:none!important} }
.lj-sacola{position:fixed;top:0;right:0;bottom:0;z-index:71;width:min(560px,100vw);background:#fff;color:var(--lj-tinta);
  font-family:var(--lj-fonte);display:flex;flex-direction:column;transform:translateX(100%);transition:transform .28s ease;
  box-shadow:-10px 0 40px rgba(0,0,0,.12)}
.lj-sacola.aberta{transform:none}
.lj-sacola[hidden]{display:none}
.lj-sacola *{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){ .lj-sacola{transition:none} }
.lj-sacola-topo{display:flex;align-items:center;justify-content:space-between;padding:14px 12px 10px 22px;flex-shrink:0}
.lj-sacola-topo h2{margin:0;font:400 20px/1.2 var(--lj-fonte);letter-spacing:.01em}
.lj-sacola-corpo{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:6px 20px 28px}
.lj-sacola-itens{display:flex;flex-direction:column;gap:12px}

/* card da peça (o nosso formato) */
.lj-gp{border:1px solid #ece6e8;border-radius:16px;padding:16px;background:#fff}
.lj-gp-topo{display:flex;gap:16px;align-items:flex-start}
.lj-gp-topo img,.lj-gp-semfoto{width:70px;height:70px;object-fit:cover;border-radius:12px;flex-shrink:0;background:var(--lj-fundo-cinza)}
.lj-gp-info{flex:1;min-width:0}
.lj-gp-nome{margin:2px 0 0;font:400 15px/1.35 var(--lj-fonte);letter-spacing:.02em;color:var(--lj-tinta)}
.lj-gp-nome b{color:var(--lj-rosa);font-weight:500}
.lj-gp-sub{margin:6px 0 0;font-size:13.5px;color:#9b8a91}
.lj-gp-remover{background:none;border:0;padding:2px 0;font:400 13.5px var(--lj-fonte);color:#8d7f85;cursor:pointer;flex-shrink:0}
.lj-gp-remover:hover{color:var(--lj-tinta);text-decoration:underline}
.lj-gp-grade{margin-top:14px;overflow-x:auto;-webkit-overflow-scrolling:touch}
.lj-gp-carregando{font-size:13px;color:var(--lj-cinza);margin:4px 0}
.lj-gp-tabela{width:100%;border-collapse:collapse;font-size:14px}
.lj-gp-tabela th{font:500 10.5px var(--lj-fonte);letter-spacing:.12em;text-transform:uppercase;color:#a8999f;
  text-align:left;padding:0 4px 9px;border-bottom:1px solid #ece6e8;white-space:nowrap}
.lj-gp-tabela td{padding:9px 4px 2px;white-space:nowrap;vertical-align:middle}
.lj-gp-tabela .lj-gp-num{text-align:center}
.lj-gp-cor{padding-right:10px!important;color:var(--lj-tinta)}
.lj-gp-campo{width:46px;height:42px;text-align:center;border:1px solid #e3d9dd;border-radius:10px;background:#fbf8f9;
  color:var(--lj-tinta);font:400 15px var(--lj-fonte);-moz-appearance:textfield;appearance:textfield}
.lj-gp-campo::-webkit-outer-spin-button,.lj-gp-campo::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.lj-gp-campo::placeholder{color:#c9bcc1}
.lj-gp-campo:focus{outline:none;border-color:var(--lj-rosa);box-shadow:0 0 0 3px rgba(232,72,158,.15);background:#fff}
.lj-gp-campo:disabled{opacity:.35;cursor:not-allowed}
.lj-gp-vazio{color:#cbbfc4}
.lj-gp-pecas{font-weight:600}
.lj-gp-total{font-weight:700}
.lj-gp-orfao{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:10px 0 0;font-size:12.5px;color:#8a5a00;
  background:#fff7e6;border-radius:10px;padding:8px 10px}
@media (max-width:430px){
  .lj-gp-unit{display:none}
  .lj-gp{padding:14px 10px}
  .lj-gp-tabela th,.lj-gp-tabela td{padding-left:2px;padding-right:2px}
  .lj-gp-tabela th{letter-spacing:.06em}
  .lj-gp-campo{width:36px;height:38px;border-radius:9px;font-size:14px}
  .lj-gp-cor{padding-right:6px!important}
}

/* resumo */
.lj-sacola-sub{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:18px 0 16px;
  border-bottom:1px solid var(--lj-borda);font-size:16px}
.lj-sacola-sub small{font-size:13px}
.lj-sacola-sub strong{font-weight:700}
.lj-sacola-envio{border-bottom:1px solid transparent}
.lj-sacola-envio-bt{display:flex;align-items:center;gap:12px;width:100%;background:none;border:0;padding:20px 0;
  font:400 16px var(--lj-fonte);color:var(--lj-tinta);cursor:pointer;text-align:left}
.lj-sacola-envio-ic{display:inline-flex}
.lj-sacola-mais{margin-left:auto;font-size:22px;font-weight:300;line-height:1}
.lj-sacola-envio-corpo{padding:0 0 12px;font-size:14px;color:var(--lj-cinza)}
.lj-sacola-envio-corpo ul{list-style:none;margin:0 0 8px;padding:0}
.lj-sacola-envio-corpo li{display:flex;justify-content:space-between;padding:9px 12px;border:1px solid var(--lj-borda);
  margin-bottom:-1px;color:var(--lj-tinta)}
.lj-sacola-envio-corpo p{margin:8px 0 0;line-height:1.45}
.lj-sacola-nota{font-size:12.5px}
.lj-sacola-total{display:flex;justify-content:space-between;align-items:baseline;margin-top:18px;font-size:24px}
.lj-sacola-total strong{font-weight:700}
.lj-sacola-parc{margin:4px 0 0;text-align:right;font-size:14px;color:#333}
.lj-sacola-minimo{margin:18px 0 0;border:1.5px solid #E39B3B;border-radius:4px;padding:12px 14px;text-align:center;
  color:#D9822B;font-size:14.5px;line-height:1.4}
.lj-sacola-comprar{display:flex;width:100%;margin-top:18px;min-height:52px;font-size:16px}
.lj-sacola-ver-mais{display:block;margin:14px auto 0;background:none;border:0;font:400 15px var(--lj-fonte);color:var(--lj-tinta);
  cursor:pointer;padding:6px 10px}
.lj-sacola-ver-mais:hover{text-decoration:underline}
.lj-sacola-vazia{text-align:center;padding:60px 10px;color:var(--lj-cinza)}
.lj-sacola-vazia p{margin:0 0 18px;font-size:16px}
@media (max-width:600px){
  .lj-sacola{width:100vw;box-shadow:none}
  .lj-sacola-topo{padding:12px 8px 8px 18px}
  .lj-sacola-corpo{padding:4px 16px 28px}
}

/* ══ TOPO DO FECHAMENTO DO PEDIDO (/carrinho da loja) ════════════════════
   [logo]      ① carrinho — ② identificação — ③ pagamento — ④ confirmação      🔒 SITE SEGURO */
.lj-topo-checkout{box-shadow:0 2px 10px rgba(0,0,0,.08);border-bottom:0}
.lj-ck-in{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;min-height:84px;padding-top:8px;padding-bottom:8px}
.lj-ck-logo{display:block;line-height:0}
.lj-ck-logo img{height:62px;width:auto;display:block}
.lj-ck-passos{list-style:none;margin:0;padding:0;display:flex;align-items:center;justify-content:center;gap:0;
  color:var(--lj-rosa);font:400 15px/1 var(--lj-fonte)}
.lj-ck-passos li{display:flex;align-items:center;gap:8px;white-space:nowrap}
.lj-ck-passos li + li::before{content:'';display:block;width:30px;height:2px;background:currentColor;margin:0 12px;opacity:.9}
.lj-ck-num{width:26px;height:26px;border-radius:50%;border:1.6px solid currentColor;display:grid;place-items:center;
  font-size:13px;font-weight:500;flex-shrink:0;transition:background-color .2s,color .2s}
.lj-ck-passos li.atual .lj-ck-num,.lj-ck-passos li.feito .lj-ck-num{background:var(--lj-rosa);color:#fff;border-color:var(--lj-rosa)}
.lj-ck-passos li.atual .lj-ck-rot{font-weight:600}
.lj-ck-seguro{display:inline-flex;align-items:center;gap:8px;font:600 13px var(--lj-fonte);letter-spacing:.14em;
  text-transform:uppercase;color:#333}
@media (max-width:900px){
  .lj-ck-in{gap:12px;min-height:64px}
  .lj-ck-logo img{height:44px}
  .lj-ck-passos li + li::before{width:14px;margin:0 6px}
  .lj-ck-passos li:not(.atual) .lj-ck-rot{display:none}      /* no celular só a etapa atual tem nome */
  .lj-ck-seguro span{display:none}                            /* e o "Site seguro" vira só o cadeado */
}
@media (max-width:480px){
  .lj-ck-in{gap:8px;min-height:58px;padding-left:12px;padding-right:12px}
  .lj-ck-logo img{height:38px}
  .lj-ck-passos{font-size:13px}
  .lj-ck-passos li{gap:5px}
  .lj-ck-passos li + li::before{width:10px;margin:0 4px}
  .lj-ck-num{width:22px;height:22px;font-size:11.5px}
}

/* ══ /CARRINHO DA LOJA EM DUAS FASES (body.lj-ck, posto pelo loja.js) ═════
   Só existe na loja: o catálogo e o varejo não recebem a classe lj-ck.
   FASE CARRINHO  → "MEU CARRINHO", as peças (o nosso card de grade), cupom à
                    esquerda, resumo à direita, "Continuar comprando" e
                    "Fechar pedido".
   FASE FECHAMENTO → o checkout em etapas, com o resumo em cima. */
body.lj-ck{--pg:#fff;background:#fff}
body.lj-ck .pedido{max-width:1180px;padding:30px 24px 60px;font-family:var(--lj-fonte)}
body.lj-ck .pedido-titulo{font-family:var(--lj-fonte);font-weight:700;font-size:32px;letter-spacing:.05em;
  text-transform:uppercase;text-align:center;color:var(--lj-rosa);margin:4px 0 30px}
body.lj-ck .pedido-linha-acoes a{display:none}               /* o "Continuar escolhendo" virou botão lá embaixo */
body.lj-ck .pedido-linha-acoes{justify-content:flex-end;padding:10px 0 0}
body.lj-ck .lj-ck-voltar{display:none}

/* fase carrinho */
body.lj-ck-fase-carrinho .etapa,body.lj-ck-fase-carrinho #barra-enviar{display:none!important}
body.lj-ck-fase-carrinho #itens{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,520px),1fr));gap:16px;align-items:start}
body.lj-ck-fase-carrinho #itens .ver-tudo{grid-column:1/-1}
body.lj-ck .lj-ck-resumo{background:none;border:0;border-radius:0;box-shadow:none;padding:26px 0 0;margin-top:18px;
  border-top:1px solid #e3e3e3}
body.lj-ck-fase-carrinho .lj-ck-resumo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,420px);column-gap:60px}
body.lj-ck-fase-carrinho .lj-ck-resumo > *{grid-column:2}
body.lj-ck-fase-carrinho .lj-ck-resumo > .cupom{grid-column:1;grid-row:1 / span 12;align-self:start;margin:0;padding:0;border:0;max-width:340px}
body.lj-ck .lj-ck-resumo .cupom::before{content:'Cupom de desconto';display:block;font:400 15px var(--lj-fonte);
  text-transform:uppercase;color:#222;margin:0 0 12px;text-align:center}
body.lj-ck .lj-ck-resumo .cupom form{gap:0}
body.lj-ck .lj-ck-resumo .cupom input{height:52px;border:1px solid #222;border-radius:0;background:#fff;color:#111;
  font:400 15px var(--lj-fonte);text-transform:none;padding:0 18px}
body.lj-ck .lj-ck-resumo .cupom input::placeholder{color:#b5b5b5}
body.lj-ck .lj-ck-resumo .cupom form button{height:52px;border-radius:0;background:var(--lj-rosa);border:1px solid var(--lj-rosa);
  color:#fff;font:700 17px var(--lj-fonte);padding:0 16px}
body.lj-ck .lj-ck-resumo .linha{font:400 15.5px var(--lj-fonte);text-transform:uppercase;color:#222;padding:11px 0}
body.lj-ck .lj-ck-resumo .linha span:last-child{text-transform:none}
body.lj-ck .lj-ck-resumo .linha.total{font-weight:700;color:#111;border-top:0;margin-top:0;padding-top:11px;font-size:16.5px}
body.lj-ck .lj-ck-resumo .progresso-txt{text-transform:none}
body.lj-ck .lj-ck-calcular{background:none;border:0;padding:0;font:400 15.5px var(--lj-fonte);color:#111;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer}
body.lj-ck-fase-carrinho #r-frete{display:none}
body.lj-ck-fase-checkout .lj-ck-calcular{display:none}
body.lj-ck .lj-ck-acoes{display:none}
body.lj-ck-fase-carrinho .lj-ck-acoes{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:34px}
body.lj-ck .lj-ck-continuar{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 48px;
  border:1px solid #333;color:var(--lj-rosa);text-decoration:none;text-transform:uppercase;font:600 16px var(--lj-fonte);letter-spacing:.02em}
body.lj-ck .lj-ck-continuar:hover{border-color:var(--lj-rosa)}
body.lj-ck .lj-ck-fechar{min-height:62px;padding:0 96px;background:var(--lj-rosa);color:#fff;border:0;cursor:pointer;
  text-transform:uppercase;font:700 15px var(--lj-fonte);letter-spacing:.16em}
body.lj-ck .lj-ck-fechar:hover{filter:brightness(.95)}

/* fase fechamento */
body.lj-ck-fase-checkout #itens,body.lj-ck-fase-checkout .pedido-linha-acoes,
body.lj-ck-fase-checkout .lj-ck-resumo .cupom{display:none}
body.lj-ck-fase-checkout .lj-ck-voltar{display:inline-block;background:none;border:0;padding:0;margin:0 0 6px;cursor:pointer;
  font:400 14.5px var(--lj-fonte);color:#555;text-decoration:underline;text-underline-offset:3px}
body.lj-ck-fase-checkout #conteudo > *{max-width:760px;margin-left:auto;margin-right:auto}
body.lj-ck-fase-checkout .lj-ck-resumo{margin-top:8px;padding-top:12px}

/* botão "Dúvidas? Chama a gente" no canto direito, como no resto da loja */
body.lj-ck .zap-flutuante{left:auto;right:18px;flex-direction:row-reverse}
body.lj-ck .zf-txt{font-family:var(--lj-fonte)}

@media (max-width:760px){
  body.lj-ck .pedido{padding:20px 14px 40px}
  body.lj-ck .pedido-titulo{font-size:24px;margin-bottom:20px}
  body.lj-ck-fase-carrinho .lj-ck-resumo{display:flex;flex-direction:column}
  body.lj-ck-fase-carrinho .lj-ck-resumo > .cupom{order:-1;align-self:stretch;max-width:none;margin:0 0 22px}
  body.lj-ck .lj-ck-resumo .cupom::before{text-align:left}
  body.lj-ck .lj-ck-resumo .cupom form{display:flex}
  body.lj-ck .lj-ck-resumo .cupom input{flex:1;min-width:0;width:0}
  body.lj-ck .zf-txt{display:none}                              /* no celular só a bolinha, p/ não cobrir os valores */
  body.lj-ck-fase-carrinho .lj-ck-acoes{flex-direction:column-reverse;align-items:stretch}
  body.lj-ck .lj-ck-continuar,body.lj-ck .lj-ck-fechar{width:100%;padding:0 16px}
}
@media (max-width:430px){                                       /* grade do card cabe inteira (P M G GG + Total) */
  body.lj-ck #itens .gp-tabela th,body.lj-ck #itens .gp-tabela td{padding-left:2px;padding-right:2px}
  body.lj-ck #itens .gp-tabela th{letter-spacing:.06em}
  body.lj-ck #itens .gp-campo{width:36px}
}