/* 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 ]  [rastreio][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}
/* "🚚 Rastreio" ao lado da conta — só no computador (no celular fica no menu ☰). */
.lj-rastreio{display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 14px 0 12px;margin-right:2px;
  border-radius:999px;color:var(--lj-tinta);font:400 15px/1 var(--lj-fonte);text-decoration:none;white-space:nowrap}
.lj-rastreio:hover{background:#f3f3f3}
.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)}
/* OUTLET: etiqueta rosa com letra branca, ponta à direita e o furinho —
   no lugar do "Início" (barra do computador e menu do celular). */
.lj-outlet{position:relative;display:inline-flex;align-items:center;height:30px;padding:0 28px 0 13px;
  background:var(--lj-rosa);color:#fff!important;font:600 13px/1 var(--lj-fonte);letter-spacing:.14em;
  text-decoration:none;border-radius:6px 0 0 6px;
  clip-path:polygon(0 0,calc(100% - 13px) 0,100% 50%,calc(100% - 13px) 100%,0 100%);transition:filter .15s}
.lj-outlet::after{content:'';position:absolute;right:11px;top:50%;width:6px;height:6px;margin-top:-3px;border-radius:50%;background:#fff}
.lj-outlet:hover{filter:brightness(.92)}
.lj-nav-outlet{display:flex;align-items:center;padding:0 10px 0 4px}
.lj-nav-lista .lj-outlet{display:inline-flex;padding:0 28px 0 13px;border-bottom:0;font:600 13px/1 var(--lj-fonte)}
.lj-gaveta-outlet{padding:16px 20px 12px;border-bottom:1px solid #f0f0f0}
.lj-gaveta-lista .lj-outlet{display:inline-flex;padding:0 30px 0 14px;height:32px;border-bottom:0;font:600 14px/1 var(--lj-fonte)}
.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-rastreio{display:none}
  .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}
/* O nome da peça vai como está no cadastro ("Conjunto Renda Com Joia"), sem
   forçar maiúsculas — no cartão, na página da peça e no fechamento. */
.lj-card-nome{font:400 13.5px/1.45 var(--lj-fonte);color:#4a4a4a;letter-spacing:.005em;
  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)}
/* nome + COD: o bloco reserva 2 linhas de nome e a do código */
.lj-card-titulo{font-size:13.5px;min-height:4.6em;margin:0 0 8px}
.lj-card-titulo .lj-card-nome{min-height:0;margin:0}
.lj-card-cod{margin-top:3px;font:400 12px/1.4 var(--lj-fonte);color:var(--lj-cinza-claro);letter-spacing:.02em}
.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:12.5px}
  .lj-card-titulo{font-size:12.5px}
  .lj-card-cod{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:600 27px/1.25 var(--lj-fonte);letter-spacing:-.005em;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}
/* A descrição arrumada (loja_descricao_formatada): título, subtítulos, listas
   com bolinha rosa, o aviso "Não acompanha..." e a nota da cor. */
.lj-descricao-txt strong{font-weight:600;color:var(--lj-tinta)}
.lj-desc-titulo{font:600 17px/1.4 var(--lj-fonte);color:var(--lj-tinta);margin:0 0 10px}
.lj-desc-sub{font:600 15px/1.4 var(--lj-fonte);color:var(--lj-tinta);margin:22px 0 8px}
.lj-descricao-txt > .lj-desc-sub:first-child{margin-top:0}
.lj-descricao-txt ul.lj-desc-lista{list-style:none;padding:0;margin:0 0 12px}
.lj-desc-lista li{position:relative;padding-left:18px}
.lj-desc-lista li + li{margin-top:5px}
.lj-desc-lista li::before{content:'';position:absolute;left:3px;top:.68em;width:6px;height:6px;border-radius:50%;background:var(--lj-rosa)}
.lj-descricao-txt .lj-desc-aviso{margin:0 0 14px;padding:10px 14px;border-radius:10px;background:#FFF2F8;border:1px solid #F8D3E6;
  color:var(--lj-tinta);font-weight:500}
.lj-descricao-txt .lj-desc-nota{font-size:13px;line-height:1.55;color:var(--lj-cinza)}

.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)}
/* A marca na 1ª coluna (mais larga) e Institucional, Atendimento e Minha
   conta dividindo o resto. */
.lj-rodape-in{display:grid;grid-template-columns:1.3fr;grid-auto-flow:column;grid-auto-columns: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:600 14.5px var(--lj-fonte);color:var(--lj-tinta);margin-bottom:18px;text-transform:uppercase;letter-spacing:.04em}
.lj-rodape-col li + li{margin-top:11px}
.lj-rodape-col a{font-size:15px;color:var(--lj-cinza);transition:color .15s}
.lj-rodape-col a:hover{color:var(--lj-tinta);text-decoration:underline}
/* "Siga a Luck Cherry": bolinhas rosadas com o ícone da rede */
.lj-rodape-redes{margin-top:22px;padding-top:20px;border-top:1px solid #F8D3E6;max-width:260px}
.lj-rodape-redes p{font-size:16px;color:var(--lj-texto)}
.lj-rodape-redes ul{display:flex;gap:12px;margin-top:14px}
.lj-rodape-redes a{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#FFF2F8;
  border:1px solid #F8D3E6;color:var(--lj-rosa);transition:background-color .15s,color .15s,border-color .15s}
.lj-rodape-redes a:hover{background:var(--lj-rosa);border-color:var(--lj-rosa);color:#fff}
.lj-rodape-redes a svg[stroke]{stroke-width:2}
/* Dados da empresa | Nossa loja | Atendimento */
.lj-rodape-dados{border-top:1px solid var(--lj-borda)}
/* DUAS COLUNAS, dois blocos em cada (nov/2026, pedido do Lucas):
   Dados da empresa + Nossa loja | Atendimento + Formas de pagamento.
   O grid-auto-flow:column é quem preenche DESCENDO a coluna antes de pular
   para a de ao lado — sem isso a ordem sairia lado a lado. */
.lj-rodape-dados-in{display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto auto;
  grid-auto-flow:column;gap:34px 30px;padding-top:40px;padding-bottom:40px}
.lj-rodape-bloco h2{font:600 14.5px var(--lj-fonte);color:var(--lj-tinta);margin-bottom:18px;text-transform:uppercase;letter-spacing:.04em}
.lj-rodape-bloco p{font-size:14.5px;line-height:1.7;color:var(--lj-cinza)}
.lj-rodape-bloco p + p{margin-top:12px}
.lj-rodape-bloco b{font-weight:600;color:var(--lj-texto)}
.lj-rodape-bloco a{color:inherit;transition:color .15s}
.lj-rodape-bloco a:hover{color:var(--lj-rosa)}
/* ── FORMAS DE PAGAMENTO (as bandeiras) ──
   Quarta coluna do bloco de dados, ao lado do Atendimento (nov/2026): como
   faixa de ponta a ponta deixava o rodapé comprido demais. As caixinhas têm
   todas a MESMA ALTURA e a largura acompanha o logo — é o que deixa a fileira
   alinhada sem espremer a Visa nem a American Express. Sem o arquivo oficial
   na pasta, a mesma caixinha mostra o nome escrito. */
.lj-pag-lista{display:flex;flex-wrap:wrap;gap:7px}
.lj-pag-selo{display:flex;align-items:center;justify-content:center;min-width:48px;height:32px;padding:0 9px;
  border:1px solid #f3dce8;border-radius:8px;background:#fff}
.lj-pag-selo img{display:block;height:16px;width:auto}
.lj-pag-nome{font:600 10px var(--lj-fonte);color:var(--lj-cinza);letter-spacing:.04em;text-transform:uppercase}
/* "Pagamento processado por Cielo" — o selo da operadora, embaixo das bandeiras */
.lj-pag-proc{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px;
  font:400 12px var(--lj-fonte);color:var(--lj-cinza)}
.lj-pag-proc img{display:block;height:16px;width:auto}
.lj-pag-proc b{font-weight:600;color:var(--lj-tinta);letter-spacing:.02em}
.lj-rodape-mapa{color:var(--lj-rosa)!important;font-weight:500}
.lj-rodape-mapa:hover{text-decoration:underline}
.lj-rodape-contatos li{display:flex;gap:14px;align-items:flex-start;font-size:14.5px;line-height:1.7;color:var(--lj-cinza)}
.lj-rodape-contatos li + li{margin-top:16px}
.lj-rodape-ic{flex-shrink:0;color:var(--lj-rosa);display:flex;padding-top:1px}
/* Selo de segurança do rodapé (nov/2026) — cadeado, cartão/Cielo, loja oficial */
.lj-selos{border-top:1px solid var(--lj-borda);font-family:var(--lj-fonte)}
.lj-selos-lista{display:grid;grid-template-columns:repeat(3,1fr);gap:18px 28px;list-style:none;margin:0 auto;
  padding-top:22px;padding-bottom:24px}
.lj-selos-lista li{display:flex;gap:13px;align-items:center;min-width:0}
.lj-selo-ic{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#f6f1f4;color:var(--lj-rosa);
  display:flex;align-items:center;justify-content:center}
.lj-selo-txt{display:flex;flex-direction:column;min-width:0}
.lj-selo-txt strong{font:600 13.5px/1.25 var(--lj-fonte);color:var(--lj-tinta)}
.lj-selo-txt small{font-size:12px;line-height:1.4;color:var(--lj-cinza);margin-top:2px}
@media (max-width:767px){
  .lj-selos-lista{grid-template-columns:1fr;gap:14px;padding-top:18px;padding-bottom:20px}
}

/* a faixa rosa do fim: "Voltar ao topo" */
.lj-copy{display:flex;align-items:center;justify-content:center;gap:10px;background:var(--lj-rosa);color:#fff!important;
  text-align:center;font-size:16px;font-weight:600;letter-spacing:.01em;text-decoration:none;
  padding:18px var(--lj-lateral) calc(18px + env(safe-area-inset-bottom));transition:filter .15s}
.lj-copy:hover{filter:brightness(.93)}
.lj-copy svg{flex-shrink:0;transition:transform .2s}
.lj-copy:hover svg{transform:translateY(-3px)}
@media (max-width:1023px){
  .lj-rodape-in{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);gap:30px 20px}
  .lj-rodape-marca{grid-column:1 / -1}
  .lj-rodape-dados-in{gap:28px 22px}
}
@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}
  /* No celular volta a ser uma coluna só, na ordem em que estão no HTML. */
  .lj-rodape-dados-in{grid-template-columns:1fr;grid-template-rows:none;grid-auto-flow:row;
    gap:28px;padding-top:30px;padding-bottom:30px}
  /* espaço para o botão verde do WhatsApp não cobrir a faixa rosa */
  .lj-copy{font-size:15px;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-ver{position:sticky;top:-6px;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:14px;
  margin:-6px -20px 14px;padding:12px 20px;background:#fff;border-bottom:1px solid #eee}
.lj-sacola-ver-total{display:flex;flex-direction:column;line-height:1.25;min-width:0}
.lj-sacola-ver-total small{font-size:12.5px;color:#666}
.lj-sacola-ver-total b{font-size:20px;font-weight:700}
.lj-sacola-vercarrinho{min-height:46px;padding:0 24px;font-size:15px;white-space:nowrap;flex-shrink:0}
.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}
  .lj-sacola-ver{top:-4px;margin:-4px -16px 12px;padding:10px 16px}
}

/* ══ 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,body.lj-ck-fase-identificacao .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}

/* identificação (etapa 2): "Já sou cliente" | "Ainda não tenho cadastro".
   Os formulários são os da janelinha do checkout, trazidos para a página. */
body.lj-ck .lj-id{display:none}
body.lj-ck-fase-identificacao .lj-id{display:block;max-width:1000px;margin:6px auto 0;font-family:var(--lj-fonte)}
body.lj-ck-fase-identificacao #itens,body.lj-ck-fase-identificacao .pedido-linha-acoes,
body.lj-ck-fase-identificacao .lj-ck-resumo,body.lj-ck-fase-identificacao .lj-ck-acoes,
body.lj-ck-fase-identificacao .etapa,body.lj-ck-fase-identificacao #barra-enviar,
body.lj-ck-fase-identificacao .lj-ck-cep{display:none!important}
body.lj-ck-fase-identificacao .lj-ck-voltar{margin-left:max(0px,calc((100% - 1000px) / 2))}
body.lj-ck-fase-identificacao:has(.lj-id.cadastrando) .lj-ck-voltar{margin-left:max(0px,calc((100% - 760px) / 2))}
body.lj-ck .lj-id-aviso .jn-msg{border-radius:0;margin:0 0 18px;font-size:14px;padding:12px 14px}
body.lj-ck .lj-id-caixas{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
body.lj-ck .lj-id-cx{border:1px solid #e3e3e3;background:#fff;padding:34px 34px 30px;display:flex;flex-direction:column;min-width:0}
body.lj-ck .lj-id-tit{font:600 17px var(--lj-fonte);text-transform:uppercase;letter-spacing:.07em;color:#111;margin:0 0 10px}
body.lj-ck .lj-id-txt{font-size:14px;color:#555;line-height:1.55;margin:0 0 22px}
body.lj-ck .lj-id-lista{list-style:none;margin:0 0 26px;padding:0}
body.lj-ck .lj-id-lista li{position:relative;padding:0 0 0 26px;margin:0 0 10px;font-size:14px;color:#333}
body.lj-ck .lj-id-lista li::before{content:'';position:absolute;left:3px;top:3px;width:6px;height:11px;
  border:solid var(--lj-rosa);border-width:0 2px 2px 0;transform:rotate(45deg)}
body.lj-ck .lj-id-bt{margin-top:auto;min-height:52px;width:100%;background:#fff;border:1px solid #333;color:var(--lj-rosa);
  font:600 15px var(--lj-fonte);text-transform:uppercase;letter-spacing:.06em;cursor:pointer}
body.lj-ck .lj-id-bt:hover{border-color:var(--lj-rosa)}
/* os campos e botões dos formulários, no jeito da loja */
body.lj-ck .lj-id .jn-form .campo-escuro{margin-bottom:14px}
body.lj-ck .lj-id .campo-escuro label{font:500 11.5px var(--lj-fonte);letter-spacing:.08em;text-transform:uppercase;color:#333;margin:0 0 6px}
body.lj-ck .lj-id .campo-escuro input{height:50px;border:1px solid #222;border-radius:0;background:#fff;color:#111;
  font:400 15px var(--lj-fonte);padding:0 14px;box-shadow:none}
body.lj-ck .lj-id .campo-escuro input::placeholder{color:#b5b5b5}
body.lj-ck .lj-id .campo-escuro input:focus{outline:2px solid var(--lj-rosa);outline-offset:-2px;border-color:var(--lj-rosa);box-shadow:none}
body.lj-ck .lj-id .jn-codigo{letter-spacing:.4em;text-align:center;font-size:20px!important}
body.lj-ck .lj-id .et-bt{min-height:52px;border-radius:0;background:var(--lj-rosa);border:1px solid var(--lj-rosa);color:#fff;
  font:700 14px var(--lj-fonte);text-transform:uppercase;letter-spacing:.12em;padding:0 16px}
body.lj-ck .lj-id .et-bt:hover{filter:brightness(.95)}
body.lj-ck .lj-id .jn-link{text-align:left;color:#444;font:400 13.5px var(--lj-fonte);text-decoration:underline;
  text-underline-offset:3px;padding:0;margin-top:14px}
body.lj-ck .lj-id .jn-txt{font-size:14px;color:#444}
body.lj-ck .lj-id .jn-dica{font-size:12px;color:#888}
body.lj-ck .lj-id .end-titulo{font:600 13px var(--lj-fonte);text-transform:uppercase;letter-spacing:.07em;color:#111;
  border-top:1px solid #e3e3e3;padding-top:16px;margin:8px 0 14px}
/* cadastro aberto: uma caixa só, larga */
body.lj-ck .lj-id-cad{display:none}
body.lj-ck .lj-id.cadastrando .lj-id-caixas{display:none}
body.lj-ck .lj-id.cadastrando .lj-id-cad{display:block;max-width:760px;margin:0 auto;border:1px solid #e3e3e3;padding:34px}
body.lj-ck .lj-id-cad-topo{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 20px}
body.lj-ck .lj-id-cad-topo .lj-id-tit{margin:0}
body.lj-ck .lj-id-link{background:none;border:0;padding:0;font:400 14px var(--lj-fonte);color:#111;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
body.lj-ck .lj-id.cadastrando .lj-id-aviso{max-width:760px;margin:0 auto}
body.lj-ck .lj-id-seguro{display:flex;align-items:center;justify-content:center;gap:7px;margin:22px 0 0;font-size:12.5px;color:#777}

/* PIX ali mesmo, na etapa Pagamento (loja.js, criarPix): aviso → QR → "PIX recebido!" */
body.lj-ck .lj-pix{border:1.5px solid #E7D9DF;border-radius:14px;padding:16px;background:#fff;text-align:center;font-family:var(--lj-fonte)}
body.lj-ck .lj-pix[hidden],body.lj-ck .lj-pix [hidden]{display:none!important}
body.lj-ck .lj-pix-linha{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 10px;font-size:14px;color:#555;text-align:left}
body.lj-ck .lj-pix-linha b{font-size:18px;color:#111}
body.lj-ck .lj-pix-txt{margin:0;font-size:13.5px;line-height:1.5;color:#555;text-align:left}
body.lj-ck .lj-pix-msg{margin:10px 0 0;padding:10px 12px;border-radius:12px;background:#FDECEA;color:#9B241C;font-size:13px;text-align:left}
body.lj-ck .lj-pix-tit{margin:0 0 12px;font:500 15px var(--lj-fonte);color:#111}
body.lj-ck .lj-pix-fora{margin:0 0 12px;padding:9px 12px;border-radius:12px;background:#FFF4E0;color:#8A6400;font-size:12.5px;text-align:left}
body.lj-ck .lj-pix-qr{display:flex;justify-content:center;margin:6px 0 12px}
body.lj-ck .lj-pix-qr svg{width:210px;height:210px;max-width:70vw;max-height:70vw}
body.lj-ck .lj-pix-copiar{width:100%;min-height:50px;border:1.5px solid var(--lj-rosa);background:#fff;color:var(--lj-rosa);cursor:pointer;
  font:700 14px var(--lj-fonte);text-transform:uppercase;letter-spacing:.06em}
body.lj-ck .lj-pix-copiar.ok{background:var(--lj-rosa);color:#fff}
body.lj-ck .lj-pix-dica{margin:10px 0 12px;font-size:12.5px;line-height:1.45;color:#8a7580}
body.lj-ck .lj-pix-gerando{margin-top:12px}
body.lj-ck .lj-pix-ok > b{display:block;margin:4px 0 6px;font:700 19px var(--lj-fonte);color:#12663B}
body.lj-ck .lj-pix-ok p{margin:0;font-size:14px;line-height:1.5;color:#444}
body.lj-ck .lj-pix-continuar{display:inline-block;margin-top:14px;padding:13px 28px;border:1px solid #333;color:var(--lj-rosa);
  text-decoration:none;text-transform:uppercase;font:600 14px var(--lj-fonte);letter-spacing:.02em}
/* pedido feito (PIX na tela): o resto trava e o "Finalizar" some */
body.lj-ck-feito #barra-enviar,body.lj-ck-feito .lj-ck-voltar{display:none!important}
body.lj-ck-feito .lj-ck-col-dados,body.lj-ck-feito .lj-ck-lugar-envio{opacity:.5;pointer-events:none}

/* "Calcular": CEP → prazo de cada envio (abre embaixo da linha Entrega) */
body.lj-ck .lj-ck-cep{padding:4px 0 14px;font-family:var(--lj-fonte)}
body.lj-ck .lj-ck-cep[hidden],body.lj-ck .lj-ck-cep [hidden]{display:none!important}
body.lj-ck-fase-checkout .lj-ck-cep{display:none!important}
body.lj-ck .lj-ck-cep-rot{display:block;font-size:13px;color:#555;margin:0 0 6px}
body.lj-ck .lj-ck-cep-campo{display:flex}
body.lj-ck .lj-ck-cep-campo input{flex:1;min-width:0;width:0;height:46px;border:1px solid #222;border-right:0;border-radius:0;
  background:#fff;color:#111;font:400 15px var(--lj-fonte);padding:0 14px;letter-spacing:.04em}
body.lj-ck .lj-ck-cep-campo input.erro{border-color:#d22}
body.lj-ck .lj-ck-cep-campo input:focus{outline:2px solid var(--lj-rosa);outline-offset:-2px}
body.lj-ck .lj-ck-cep-campo button{height:46px;min-width:64px;border:1px solid #222;background:#222;color:#fff;
  font:700 14px var(--lj-fonte);cursor:pointer;border-radius:0}
body.lj-ck .lj-ck-cep-campo button:disabled{opacity:.6;cursor:wait}
body.lj-ck .lj-ck-cep-naosei{display:inline-block;margin-top:8px;font-size:13px;color:#555;text-decoration:underline;text-underline-offset:3px}
body.lj-ck .lj-ck-cep-erro{margin:8px 0 0;font-size:13px;color:#d22}
body.lj-ck .lj-ck-cep-local{display:flex;justify-content:space-between;align-items:baseline;gap:10px;margin:0 0 8px;font-size:13.5px;color:#444}
body.lj-ck .lj-ck-cep-local b{color:#111;font-weight:600}
body.lj-ck .lj-ck-cep-trocar{background:none;border:0;padding:0;font:400 13px var(--lj-fonte);color:#111;
  text-decoration:underline;text-underline-offset:3px;cursor:pointer;white-space:nowrap}
body.lj-ck .lj-ck-cep-lista{list-style:none;margin:0;padding:0;border:1px solid #e3e3e3}
body.lj-ck .lj-ck-cep-lista li{display:grid;grid-template-columns:1fr auto;grid-template-areas:"nome valor" "prazo valor";
  column-gap:12px;row-gap:2px;padding:11px 14px;align-items:center}
body.lj-ck .lj-ck-cep-lista li + li{border-top:1px solid #eee}
body.lj-ck .lj-ck-cep-nome{grid-area:nome;font-size:14.5px;color:#111;font-weight:500}
body.lj-ck .lj-ck-cep-nome small{font-size:11.5px;color:#777;font-weight:400;letter-spacing:.04em;margin-left:4px}
body.lj-ck .lj-ck-cep-prazo{grid-area:prazo;font-size:13px;color:#2e7d4f}
body.lj-ck .lj-ck-cep-prazo.off{color:#999}
body.lj-ck .lj-ck-cep-valor{grid-area:valor;font-size:14.5px;color:#111;text-align:right;white-space:nowrap}
body.lj-ck .lj-ck-cep-valor s{color:#aaa;font-size:12.5px}
body.lj-ck .lj-ck-cep-valor .gratis{color:var(--lj-rosa);font-weight:600}
body.lj-ck .lj-ck-cep-lista li.off .lj-ck-cep-nome{color:#999}
body.lj-ck .lj-ck-cep-nota{margin:8px 0 0;font-size:12px;color:#777;line-height:1.45}

/* "Voltar ao carrinho" alinhado com a coluna do fechamento */
body.lj-ck-fase-checkout #conteudo > .lj-ck-voltar{margin-left:max(0px,calc((100% - 680px) / 2))}

/* ── FECHAMENTO EM 3 COLUNAS (loja.js, montarGrade) ─────────────
   DADOS PESSOAIS | ENTREGA + PAGAMENTO | RESUMO DO PEDIDO.
   Abaixo de 1100px: uma coluna só, nessa ordem. */
body.lj-ck .lj-ck-grade{display:none}
body.lj-ck-fase-checkout #conteudo > .lj-ck-grade{display:grid;grid-template-columns:minmax(0,1fr);gap:30px;
  max-width:680px;margin:8px auto 0}
body.lj-ck .lj-ck-sec{position:relative;margin:0 0 18px;padding-bottom:9px;font:600 17px var(--lj-fonte);
  letter-spacing:.1em;text-transform:uppercase;color:var(--lj-rosa)}
body.lj-ck .lj-ck-sec::after{content:'';position:absolute;left:0;bottom:0;width:46px;height:3px;background:var(--lj-rosa)}
body.lj-ck .lj-ck-lugar-envio + .lj-ck-sec,body.lj-ck .lj-ck-lugar-cupom + .lj-ck-sec{margin-top:32px}
/* CUPOM no fechamento: entre a Entrega e o Pagamento, num cartão como as etapas (loja.js, montarGrade) */
body.lj-ck .lj-ck-lugar-cupom .cupom{margin:0;padding:24px 24px 22px;border:0;background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.07)}
body.lj-ck .lj-ck-lugar-cupom .cupom form{display:flex;gap:0}
body.lj-ck .lj-ck-lugar-cupom .cupom input{flex:1;min-width:0;width:0;height:52px;border:1px solid #222;border-radius:0;background:#fff;
  color:#111;font:400 15px var(--lj-fonte);text-transform:none;letter-spacing:0;padding:0 18px}
body.lj-ck .lj-ck-lugar-cupom .cupom input::placeholder{color:#b5b5b5}
body.lj-ck .lj-ck-lugar-cupom .cupom form button{height:52px;border-radius:0;background:var(--lj-rosa);border:1px solid var(--lj-rosa);
  color:#fff;font:700 15px var(--lj-fonte);text-transform:uppercase;letter-spacing:.04em;padding:0 22px;cursor:pointer}
/* as etapas: todas abertas, em cartões, sem o cabeçalho de acordeão */
body.lj-ck .lj-ck-grade .etapa{margin:0;border:0;border-radius:0;background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.07)}
body.lj-ck .lj-ck-grade .et-topo{display:none}
body.lj-ck .lj-ck-grade .et-corpo{display:block;padding:24px 24px 22px}
body.lj-ck .lj-ck-aguarda{display:none;margin:0;padding:28px 24px;font:400 14px var(--lj-fonte);color:#777}
body.lj-ck .lj-ck-grade #et-pag.travada .et-corpo{display:none}
body.lj-ck .lj-ck-grade #et-pag.travada .lj-ck-aguarda{display:block}
/* DADOS PESSOAIS: os campos sempre abertos (sem as linhas-resumo) */
body.lj-ck .lj-ck-grade #vj-pessoa,body.lj-ck .lj-ck-grade #vj-end{display:none!important}
body.lj-ck .lj-ck-grade #vj-pessoa-campos,body.lj-ck .lj-ck-grade #vj-end-campos{display:block!important}
body.lj-ck .lj-editar-dados{display:block;margin:0 0 12px auto;padding:0;background:none;border:0;cursor:pointer;
  font:500 13px var(--lj-fonte);color:var(--lj-rosa);text-decoration:underline;text-underline-offset:3px}
body.lj-ck .lj-editar-dados[hidden]{display:none}
body.lj-ck .lj-ck-grade #et-dados .campo-escuro input[readonly]{background:#f6f3f4;color:#444;border-color:#eee6e9;cursor:default}
body.lj-ck .lj-ck-grade #et-dados .campo-escuro input[readonly]:focus{box-shadow:none;border-color:#eee6e9}
body.lj-ck .lj-ck-grade #et-dados .lj-editando .campo-escuro input:not([readonly]){background:#fff;border-color:#d7bfc8}
body.lj-ck .lj-ck-grade #vj-end-campos .end-titulo{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
body.lj-ck .lj-ck-grade .end-titulo .lj-editar-dados{margin:0;text-transform:none;letter-spacing:0}
body.lj-ck .lj-salvar{display:flex;align-items:center;flex-wrap:wrap;gap:8px 16px;margin:2px 0 14px}
body.lj-ck .lj-salvar[hidden]{display:none}
body.lj-ck .lj-salvar-bt{min-height:44px;padding:0 28px;border:0;background:var(--lj-rosa);color:#fff;cursor:pointer;
  font:700 13.5px var(--lj-fonte);text-transform:uppercase;letter-spacing:.06em}
body.lj-ck .lj-salvar-bt:disabled{opacity:.6;cursor:wait}
body.lj-ck .lj-cancelar{padding:0;background:none;border:0;cursor:pointer;font:400 13px var(--lj-fonte);color:#666;
  text-decoration:underline;text-underline-offset:3px}
body.lj-ck .lj-salvar-msg{flex-basis:100%;font-size:12.5px;color:#b3261e}
body.lj-ck .lj-salvar-msg:empty{display:none}
@media (min-width:1100px){ body.lj-ck .lj-ck-grade #et-dados-ok{display:none!important} }   /* no computador não precisa */
/* endereço: o CEP numa linha, e a rua embaixo, inteira (não corta o nome da rua) */
body.lj-ck .lj-ck-grade #vj-end-campos .end-linha{flex-wrap:wrap;row-gap:0}
body.lj-ck .lj-ck-grade #vj-end-campos .cep-aviso:empty{display:none}
body.lj-ck .lj-ck-grade #vj-end-campos .end-cep{flex:0 0 100%}
body.lj-ck .lj-ck-grade #vj-end-campos .end-cep input{max-width:220px}
body.lj-ck .lj-ck-grade #et-dados-ok{border-radius:0;min-height:52px;background:var(--lj-rosa);border-color:var(--lj-rosa);color:#fff;
  font:700 15px var(--lj-fonte);text-transform:uppercase;letter-spacing:.04em}
/* resumo do pedido: as peças + os totais + Finalizar */
body.lj-ck .lj-ck-pecas{background:#fff;box-shadow:0 2px 18px rgba(0,0,0,.07);max-height:400px;overflow:auto}
body.lj-ck .lj-ck-pecas:empty{display:none}
body.lj-ck .lj-ck-peca{display:grid;grid-template-columns:62px minmax(0,1fr) auto;gap:14px;align-items:center;padding:14px 16px}
body.lj-ck .lj-ck-peca + .lj-ck-peca{border-top:1px solid #f1f1f1}
body.lj-ck .lj-ck-peca img,body.lj-ck .lj-ck-peca-sem{display:block;width:62px;height:78px;object-fit:cover;background:#f6eef1}
body.lj-ck .lj-ck-peca-txt b{display:block;font:500 14px var(--lj-fonte);color:#222;line-height:1.35}
body.lj-ck .lj-ck-peca-txt small{display:block;margin-top:4px;font-size:12.5px;line-height:1.45;color:#777}
body.lj-ck .lj-ck-peca-valor{font-size:14.5px;color:#222;white-space:nowrap}
body.lj-ck .lj-ck-col-resumo .lj-ck-resumo{margin-top:22px;padding-top:14px}
@media (min-width:1100px){
  body.lj-ck-fase-checkout .pedido{max-width:1320px}
  body.lj-ck-fase-checkout #conteudo > .lj-ck-grade{grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;max-width:1260px;align-items:start}
  body.lj-ck-fase-checkout #conteudo > .lj-ck-voltar{margin-left:max(0px,calc((100% - 1260px) / 2))}
  body.lj-ck .lj-ck-col-resumo{position:sticky;top:104px}
}
/* Barra "Finalizar pedido": no computador, no fim do fechamento (loja.js a põe
   depois do Pagamento) — sem flutuar por cima das etapas. Celular: igual antes. */
@media (min-width:761px){
  body.lj-ck #barra-enviar{position:static;left:auto;right:auto;bottom:auto;max-width:760px;margin:22px auto 0;
    background:#fff;border:1px solid #e3e3e3;border-radius:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;
    padding:18px 22px;gap:20px}
  body.lj-ck #barra-enviar .barra-texto strong{font:700 21px var(--lj-fonte);color:#111}
  body.lj-ck #barra-enviar .barra-texto span{font:400 13.5px var(--lj-fonte);color:#666}
  body.lj-ck #barra-enviar .barra-botao{border-radius:0;min-height:58px;padding:0 40px;background:var(--lj-rosa);
    animation:none;-webkit-animation:none;transform:none}
  body.lj-ck #barra-enviar .barra-botao:hover{background:var(--lj-rosa);filter:brightness(.94)}
  body.lj-ck #barra-enviar .barra-botao::after{display:none}
  body.lj-ck #barra-enviar .zap-textos b{text-transform:uppercase;letter-spacing:.12em;font-family:var(--lj-fonte)}
  /* na coluna do resumo: só o botão, largo (o total já está logo acima) */
  body.lj-ck .lj-ck-col-resumo #barra-enviar{max-width:none;margin:20px 0 0;padding:0;border:0;background:none}
  body.lj-ck .lj-ck-col-resumo #barra-enviar .barra-texto{display:none}
  body.lj-ck .lj-ck-col-resumo #barra-enviar .barra-botao{flex:1;width:100%;min-height:60px}
}

/* 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)}
body.lj-ck-fase-checkout .zf-txt{display:none}                 /* no fechamento só a bolinha: não cobre o Finalizar */

@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 .lj-id-caixas{grid-template-columns:1fr;gap:16px}
  body.lj-ck .lj-id-cx,body.lj-ck .lj-id.cadastrando .lj-id-cad{padding:24px 18px}
  body.lj-ck .lj-id-lista{margin-bottom:20px}
  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}
}

/* ══ SEJA UMA REVENDEDORA (html/loja/revendedora.php) ═══════════════
   Abertura rosada com fotos das peças, números, vantagens, passos, pagamento
   e entrega, simulador, a fábrica, perguntas e a chamada final. */
.lj-rv{--rv-rosa-fundo:#FFF2F8;--rv-rosa-borda:#F8D3E6}
.lj-rv-tit{font-size:28px;font-weight:600;color:var(--lj-tinta);letter-spacing:-.01em;text-align:center}
.lj-rv-sub{margin-top:8px;text-align:center;color:var(--lj-cinza);font-size:15px}
.lj-rv-sec{padding-top:64px}
.lj-rv-btn{min-height:50px;padding:12px 26px;font-size:15px;border-radius:999px}
.lj-rv-botoes{display:flex;flex-wrap:wrap;gap:12px}

/* (a) abertura */
.lj-rv-abre{background:linear-gradient(135deg,var(--rv-rosa-fundo) 0%,#fff 70%);border-bottom:1px solid var(--rv-rosa-borda)}
.lj-rv-abre-in{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:48px;align-items:center;
  padding-top:56px;padding-bottom:56px}
.lj-rv-olho{display:inline-block;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--rv-rosa-borda);
  color:var(--lj-rosa);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.lj-rv-abre h1{margin:18px 0 0;font-size:46px;line-height:1.08;font-weight:700;color:var(--lj-tinta);letter-spacing:-.02em}
.lj-rv-abre h1 span{color:var(--lj-rosa)}
.lj-rv-abre-txt > p{margin-top:18px;font-size:17px;line-height:1.6;color:#3c3c3c;max-width:540px}
.lj-rv-abre .lj-rv-botoes{margin-top:28px}
.lj-rv-ver{display:inline-flex;align-items:center;gap:4px;margin-top:18px;font-weight:500;color:var(--lj-tinta);
  border-bottom:1px solid currentColor;padding-bottom:1px}
.lj-rv-ver:hover{color:var(--lj-rosa)}
.lj-rv-fotos{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lj-rv-fotos img{width:100%;aspect-ratio:3/4;object-fit:cover;border-radius:18px;background:#f3eef0;
  box-shadow:0 10px 30px rgba(17,17,17,.08)}
.lj-rv-fotos img:nth-child(2){transform:translateY(28px)}
.lj-rv-fotos img:nth-child(4){transform:translateY(28px)}
.lj-rv-fotos-1{grid-template-columns:1fr;max-width:380px;justify-self:center}

/* (b) números */
.lj-rv-numeros{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:-1px;padding-top:34px;padding-bottom:6px}
.lj-rv-numeros > div{text-align:center;padding:6px 12px;border-left:1px solid var(--lj-borda)}
.lj-rv-numeros > div:first-child{border-left:0}
.lj-rv-numeros strong{display:block;font-size:34px;font-weight:700;color:var(--lj-rosa);letter-spacing:-.02em;line-height:1.1}
.lj-rv-numeros span{display:block;margin-top:6px;font-size:13.5px;color:var(--lj-cinza)}

/* (c) vantagens */
.lj-rv-vant{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:32px}
.lj-rv-vant li{padding:24px 22px;border:1px solid var(--lj-borda);border-radius:16px;background:#fff;
  transition:border-color .2s,box-shadow .2s,transform .2s}
.lj-rv-vant li:hover{border-color:var(--rv-rosa-borda);box-shadow:0 8px 24px rgba(232,72,158,.08);transform:translateY(-2px)}
.lj-rv-ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;background:var(--rv-rosa-fundo);color:var(--lj-rosa)}
.lj-rv-vant strong{display:block;margin-top:16px;font-size:16px;font-weight:600;color:var(--lj-tinta)}
.lj-rv-vant p{margin-top:6px;font-size:14px;line-height:1.55;color:var(--lj-cinza)}

/* (d) como funciona */
.lj-rv-faixa{margin-top:64px;padding:60px 0;background:var(--lj-fundo-cinza)}
.lj-rv-passos{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;margin-top:38px;counter-reset:rv}
.lj-rv-passos li{position:relative;text-align:center;padding:0 6px}
.lj-rv-passos li::before{content:'';position:absolute;top:32px;right:50%;width:100%;height:2px;
  background:repeating-linear-gradient(90deg,var(--rv-rosa-borda) 0 8px,transparent 8px 14px)}
.lj-rv-passos li:first-child::before{display:none}
.lj-rv-passo-bola{position:relative;z-index:1;width:64px;height:64px;margin:0 auto;border-radius:50%;display:grid;place-items:center;
  background:#fff;color:var(--lj-rosa);border:2px solid var(--lj-rosa);box-shadow:0 6px 18px rgba(232,72,158,.15)}
.lj-rv-passo-bola b{position:absolute;top:-6px;right:-6px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;
  background:var(--lj-rosa);color:#fff;font-size:12px;font-weight:600;border:2px solid var(--lj-fundo-cinza)}
.lj-rv-passos strong{display:block;margin-top:16px;font-size:15.5px;font-weight:600;color:var(--lj-tinta)}
.lj-rv-passos p{margin-top:6px;font-size:13.5px;line-height:1.55;color:var(--lj-cinza)}

/* (e) pagamento e entrega */
.lj-rv-duas{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:32px}
.lj-rv-cartao{border:1px solid var(--lj-borda);border-radius:16px;padding:26px 26px 18px;background:#fff}
.lj-rv-cartao h3{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:600;color:var(--lj-tinta)}
.lj-rv-cartao h3 svg{color:var(--lj-rosa)}
.lj-rv-lista{margin-top:14px}
.lj-rv-lista li{position:relative;padding:11px 0 11px 28px;border-top:1px solid #f0f0f0;font-size:14px;color:var(--lj-cinza)}
.lj-rv-lista li:first-child{border-top:0}
.lj-rv-lista li::before{content:'';position:absolute;left:2px;top:15px;width:14px;height:8px;border-left:2px solid var(--lj-rosa);
  border-bottom:2px solid var(--lj-rosa);transform:rotate(-45deg)}
.lj-rv-lista b{display:block;font-weight:500;color:var(--lj-tinta);font-size:15px}

/* (f) simulador */
.lj-rv-sim{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:36px;align-items:center;padding:36px 40px;
  border-radius:22px;background:linear-gradient(135deg,var(--rv-rosa-fundo),#fff);border:1px solid var(--rv-rosa-borda)}
.lj-rv-sim .lj-rv-tit,.lj-rv-sim .lj-rv-sub{text-align:left}
.lj-rv-campo{display:block;margin-top:22px;font-size:14px;font-weight:500;color:var(--lj-tinta)}
.lj-rv-campo b{color:var(--lj-rosa)}
.lj-rv-reais{display:flex;align-items:center;gap:8px;margin-top:8px;max-width:280px;background:#fff;border:1px solid var(--lj-borda);
  border-radius:12px;padding:0 14px}
.lj-rv-reais i{font-style:normal;color:var(--lj-cinza)}
.lj-rv-reais input{flex:1;min-width:0;border:0;outline:0;padding:13px 0;font-size:18px;font-weight:600;color:var(--lj-tinta);background:none}
.lj-rv-reais:focus-within{border-color:var(--lj-rosa)}
.lj-rv-campo input[type=range]{display:block;width:100%;max-width:420px;margin-top:12px;accent-color:var(--lj-rosa)}
.lj-rv-sim-res{background:#fff;border-radius:18px;padding:26px;box-shadow:0 10px 30px rgba(17,17,17,.06)}
.lj-rv-sim-res > div{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:10px 0}
.lj-rv-sim-res span{color:var(--lj-cinza);font-size:14px}
.lj-rv-sim-res strong{font-size:24px;font-weight:600;color:var(--lj-tinta)}
.lj-rv-sim-lucro{border-top:1px dashed var(--lj-borda)}
.lj-rv-sim-lucro strong{font-size:32px;color:var(--lj-rosa)}
.lj-rv-sim-res p{margin-top:12px;font-size:12.5px;line-height:1.5;color:var(--lj-cinza-claro)}

/* (g) a fábrica */
.lj-rv-sobre-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:48px;align-items:center}
.lj-rv-sobre .lj-rv-tit{text-align:left}
.lj-rv-sobre p{margin-top:14px;font-size:15.5px;line-height:1.7;color:#3c3c3c}
.lj-rv-sobre p b{font-weight:500;color:var(--lj-tinta)}
.lj-rv-sobre-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.lj-rv-sobre-links .lj-btn{border-radius:999px}
.lj-rv-selos li{display:flex;align-items:center;gap:14px;padding:16px 18px;margin-bottom:12px;background:#fff;border-radius:14px;
  font-size:15px;font-weight:500;color:var(--lj-tinta);box-shadow:0 4px 14px rgba(17,17,17,.04)}
.lj-rv-selos svg{flex-shrink:0;color:var(--lj-rosa)}

/* (h) perguntas */
.lj-rv-perguntas{max-width:820px;margin:28px auto 0}
.lj-rv-perguntas details{border-bottom:1px solid var(--lj-borda)}
.lj-rv-perguntas summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 2px;cursor:pointer;
  list-style:none;font-size:16px;font-weight:500;color:var(--lj-tinta)}
.lj-rv-perguntas summary::-webkit-details-marker{display:none}
.lj-rv-perguntas summary svg{flex-shrink:0;transition:transform .2s;color:var(--lj-cinza)}
.lj-rv-perguntas details[open] summary svg{transform:rotate(180deg);color:var(--lj-rosa)}
.lj-rv-perguntas details[open] summary{color:var(--lj-rosa)}
.lj-rv-perguntas details p{padding:0 2px 20px;font-size:15px;line-height:1.65;color:var(--lj-cinza)}

/* (i) chamada final */
.lj-rv-final{margin-top:70px;padding:60px 0;background:var(--lj-rosa);color:#fff;text-align:center}
.lj-rv-final h2{font-size:32px;font-weight:700;letter-spacing:-.01em}
.lj-rv-final p{margin-top:10px;font-size:16px;opacity:.92}
.lj-rv-final .lj-rv-botoes{justify-content:center;margin-top:26px}
.lj-rv-btn-branco{background:#fff;color:var(--lj-rosa)!important;border-color:#fff}
.lj-rv-btn-vazado{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.85)}
.lj-rv-btn-vazado:hover{background:rgba(255,255,255,.12);filter:none}

/* tablet */
@media (max-width:1023px){
  .lj-rv-abre-in{grid-template-columns:1fr;gap:34px;padding-top:40px;padding-bottom:44px}
  .lj-rv-abre h1{font-size:38px}
  .lj-rv-fotos{grid-template-columns:repeat(4,1fr);gap:10px}
  .lj-rv-fotos img:nth-child(n){transform:none}
  .lj-rv-vant{grid-template-columns:repeat(2,1fr)}
  .lj-rv-passos{grid-template-columns:1fr;gap:0;max-width:560px;margin-left:auto;margin-right:auto}
  .lj-rv-passos li{display:grid;grid-template-columns:64px 1fr;column-gap:18px;text-align:left;padding:0 0 26px}
  .lj-rv-passos li::before{top:auto;bottom:0;left:31px;right:auto;width:2px;height:calc(100% - 64px);
    background:repeating-linear-gradient(180deg,var(--rv-rosa-borda) 0 8px,transparent 8px 14px)}
  .lj-rv-passos li:first-child::before{display:block}
  .lj-rv-passos li:last-child::before{display:none}
  .lj-rv-passo-bola{grid-row:span 2;margin:0}
  .lj-rv-passos strong{margin-top:8px}
  .lj-rv-sim{grid-template-columns:1fr;padding:30px 26px}
  .lj-rv-sobre-in{grid-template-columns:1fr;gap:26px}
}
/* celular */
@media (max-width:767px){
  .lj-rv-tit{font-size:23px}
  .lj-rv-sec{padding-top:46px}
  .lj-rv-abre h1{font-size:31px}
  .lj-rv-abre-txt > p{font-size:15.5px}
  .lj-rv-botoes .lj-rv-btn{flex:1 1 100%}
  .lj-rv-fotos{grid-template-columns:repeat(2,1fr)}
  .lj-rv-fotos img:nth-child(n+3){display:none}
  .lj-rv-numeros{grid-template-columns:repeat(2,1fr);row-gap:22px;padding-top:28px}
  .lj-rv-numeros > div:nth-child(3){border-left:0}
  .lj-rv-numeros strong{font-size:28px}
  .lj-rv-vant{grid-template-columns:1fr;gap:12px}
  .lj-rv-vant li{display:grid;grid-template-columns:50px 1fr;column-gap:14px;padding:18px}
  .lj-rv-vant .lj-rv-ic{grid-row:span 2}
  .lj-rv-vant strong{margin-top:2px}
  .lj-rv-faixa{margin-top:46px;padding:44px 0}
  .lj-rv-duas{grid-template-columns:1fr}
  .lj-rv-cartao{padding:22px 20px 12px}
  .lj-rv-sim{padding:24px 18px}
  .lj-rv-reais{max-width:none}
  .lj-rv-sim-res{padding:20px}
  .lj-rv-perguntas summary{font-size:15px}
  .lj-rv-final{margin-top:50px;padding:46px 0}
  .lj-rv-final h2{font-size:26px}
}


/* ══ QUERIDINHOS DA LUCK (página inicial) — no jeito da Wepink ══════════
   Título grande, rosa, minúsculo. No celular os cartões passam de lado com o
   próximo aparecendo na beirada; do tablet para cima, os 4 lado a lado. */
.lj-qd{padding:56px 0 64px}
.lj-qd-tit{max-width:calc(var(--lj-largura) + 2 * var(--lj-lateral));margin:0 auto 34px;padding:0 var(--lj-lateral);
  text-align:center;color:var(--lj-rosa);font:700 52px/1.02 var(--lj-fonte);letter-spacing:-.025em;text-transform:lowercase}
.lj-qd-trilho{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;
  max-width:calc(var(--lj-largura) + 2 * var(--lj-lateral));margin:0 auto;padding:0 var(--lj-lateral)}
.lj-qd-card{display:flex;flex-direction:column;min-width:0}
.lj-qd-foto{border-radius:14px}
.lj-qd-nome{margin-top:16px;font:700 17px/1.32 var(--lj-fonte);color:var(--lj-tinta);letter-spacing:-.005em}
.lj-qd-nome a:hover{color:var(--lj-rosa)}
.lj-qd-desc{margin-top:6px;font:400 14px/1.4 var(--lj-fonte);color:var(--lj-cinza)}
.lj-qd-de{display:block;margin-top:10px;font:500 14px/1.2 var(--lj-fonte);color:var(--lj-cinza-claro)}
.lj-qd-preco{margin-top:4px;display:flex;align-items:baseline;flex-wrap:wrap;gap:2px 7px}
.lj-qd-desc + .lj-qd-preco,.lj-qd-nome + .lj-qd-preco{margin-top:10px}
.lj-qd-preco strong{font:700 21px/1.2 var(--lj-fonte);color:var(--lj-tinta)}
.lj-qd-preco span{font:400 14px/1.2 var(--lj-fonte);color:#3d3d3d}
.lj-qd-mais{margin-top:40px}
/* "Comprar" no pé do cartão, alinhado entre os quatro (o cartão estica até a altura do maior) */
.lj-qd-item{display:flex}
.lj-qd-card{flex:1}
.lj-qd-comprar{margin-top:auto;width:100%;min-height:46px;border-radius:999px;font-size:15px}
.lj-qd-card > :nth-last-child(2){margin-bottom:16px}
@media (max-width:1023px){
  .lj-qd-tit{font-size:44px}
  /* tablet e celular: passa de lado, com o próximo aparecendo */
  .lj-qd-trilho{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding:0 var(--lj-lateral);
    overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;padding-bottom:4px}
  .lj-qd-trilho::-webkit-scrollbar{display:none}
  .lj-qd-item{flex:0 0 40%;scroll-snap-align:start}
}
@media (max-width:767px){
  .lj-qd{padding:36px 0 44px}
  .lj-qd-tit{font-size:40px;margin-bottom:26px}
  .lj-qd-item{flex-basis:100%}   /* uma peça por vez; as setinhas mostram que tem mais */
  .lj-qd-nome{font-size:16px;margin-top:14px}
  .lj-qd-desc{font-size:13px}
  .lj-qd-preco strong{font-size:19px}
  .lj-qd-preco span{font-size:13px}
  .lj-qd-mais{margin-top:30px}
  .lj-qd-comprar{min-height:44px;font-size:14.5px}
}
.lj-qd-trilho::after{content:'';flex:0 0 1px}


/* ══ CANTOS ARREDONDADOS — fotos e botão "Comprar" ══════════════════
   Todas as fotos de produto e os banners de categoria com o canto suave
   (como nos Queridinhos) e o "Comprar" redondinho no site todo. O carrossel
   do topo continua de ponta a ponta, reto. "isolation" segura o canto
   enquanto a foto dá o zoom ao passar o mouse (o Safari soltava). */
.lj-card-foto,.lj-foto-principal,.lj-banner-cat{border-radius:14px;isolation:isolate}
.lj-mini{border-radius:10px}
.lj-selo{border-radius:6px}
body.lj-ck .lj-ck-peca img,body.lj-ck .lj-ck-peca-sem{border-radius:10px}
.lj-card-comprar,.lj-btn-comprar{border-radius:999px}
.lj-qtd{border-radius:999px;overflow:hidden}
.lj-adicionado.visivel{border-radius:14px}
.lj-adicionado .lj-btn{border-radius:999px}
@media (max-width:767px){
  .lj-card-foto,.lj-banner-cat{border-radius:12px}
  /* no celular a foto do produto sai da beirada da tela, para o canto aparecer */
  .lj-galeria{margin:0}
  .lj-miniaturas{padding:0}
  .lj-mini{border-radius:8px}
}


/* ══ DESTAQUE DA SEMANA (página inicial, abaixo dos Queridinhos) ════════
   No jeito do "#destaque do mês" da Wepink: mais estreito que a vitrine e
   centralizado — não ocupa a tela toda —, com a foto e o quadro rosa lado a
   lado, cada um no seu cartão com sombra, e um respiro entre os dois. As
   fotos das peças são em pé (3:4), então a foto fica num quadro 4:5 (corta o
   mínimo) e dá a altura do bloco. No celular vira um cartão só: a foto em
   cima e o quadro rosa embaixo, centralizado. */
.lj-ds{padding:16px var(--lj-lateral) 80px}
.lj-ds-caixa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;max-width:920px;margin:0 auto}
.lj-ds-foto,.lj-ds-quadro{border-radius:14px;box-shadow:0 12px 34px rgba(17,17,17,.10)}
.lj-ds-foto{position:relative;display:block;aspect-ratio:4/5;background:var(--lj-fundo-cinza);overflow:hidden;isolation:isolate}
.lj-ds-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
@media (hover:hover){ .lj-ds-caixa:hover .lj-ds-foto img{transform:scale(1.03)} }
.lj-ds-quadro{background:var(--lj-rosa);color:#fff;display:flex;flex-direction:column;justify-content:center;
  align-items:flex-start;padding:48px 46px;min-width:0}
.lj-ds-tag{margin:0 0 20px;font:600 21px/1.2 var(--lj-fonte);letter-spacing:-.01em}
.lj-ds-nome{margin:0;font:700 28px/1.15 var(--lj-fonte);letter-spacing:-.02em;color:#fff;overflow-wrap:anywhere}
.lj-ds-nome a{color:inherit}
.lj-ds-frase{margin:16px 0 0;font:400 17px/1.45 var(--lj-fonte)}
.lj-ds-tams{margin:10px 0 0;font:400 14px/1.4 var(--lj-fonte);opacity:.85}
.lj-ds-preco{margin:26px 0 0;display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.lj-ds-preco s{flex-basis:100%;font:400 14px/1.2 var(--lj-fonte);opacity:.75}
.lj-ds-preco strong{font:700 24px/1.2 var(--lj-fonte)}
.lj-ds-preco span{font:400 15px/1.2 var(--lj-fonte);opacity:.9}
.lj-ds-btn{margin-top:28px;display:inline-flex;align-items:center;justify-content:center;min-width:210px;min-height:52px;
  padding:12px 30px;border:1.5px solid #fff;border-radius:999px;color:#fff;font:500 16px/1 var(--lj-fonte);
  transition:background-color .15s,color .15s}
.lj-ds-btn:hover{background:#fff;color:var(--lj-rosa)}
@media (max-width:1023px){
  .lj-ds-quadro{padding:34px 30px}
  .lj-ds-tag{font-size:18px;margin-bottom:14px}
  .lj-ds-nome{font-size:23px}
  .lj-ds-frase{font-size:15.5px}
  .lj-ds-btn{min-width:0;width:100%}
}
@media (max-width:767px){
  .lj-ds{padding-bottom:48px}
  .lj-ds-caixa{grid-template-columns:minmax(0,1fr);gap:0;border-radius:12px;overflow:hidden;isolation:isolate;
    box-shadow:0 12px 34px rgba(17,17,17,.10)}
  .lj-ds-foto,.lj-ds-quadro{border-radius:0;box-shadow:none}
  .lj-ds-quadro{padding:30px 22px 32px;align-items:center;text-align:center}
  .lj-ds-tag{font-size:17px;margin-bottom:12px}
  .lj-ds-nome{font-size:23px}
  .lj-ds-frase{margin-top:12px;font-size:16px}
  .lj-ds-preco{justify-content:center;margin-top:20px}
  .lj-ds-preco strong{font-size:22px}
  .lj-ds-btn{margin-top:22px}
}


/* ══ OS MAIS VENDIDOS (página inicial, abaixo do Destaque da semana) ════
   O mesmo cartão e o mesmo trilho dos Queridinhos (no computador, 4 por
   linha — as 8 peças em duas linhas; no celular, de lado). O selo dourado
   "mais vendido" fica no canto de cima da foto, à direita (à esquerda já
   ficam "Oferta" e "Esgotado"). */
.lj-mv{padding-top:24px}
.lj-mv .lj-qd-trilho{row-gap:44px}
.lj-mv-selo{position:absolute;top:10px;right:10px;z-index:1;width:64px;height:64px;border-radius:50%;
  display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;
  font:700 10.5px/1.05 var(--lj-fonte);letter-spacing:.01em;text-transform:lowercase;color:#4a3410;
  background:radial-gradient(circle at 32% 28%,#fff3c8 0,#e9c876 38%,#c9a043 72%,#a8781f 100%);
  box-shadow:0 2px 8px rgba(0,0,0,.18),inset 0 0 0 2px rgba(255,255,255,.35)}
.lj-mv-selo i{font-style:normal;font-size:8px;letter-spacing:1px;margin-bottom:2px}
@media (max-width:767px){
  .lj-mv{padding-top:12px}
  .lj-mv-selo{width:54px;height:54px;font-size:9.5px;top:8px;right:8px}
  .lj-mv-selo i{font-size:7px}
}

/* ══ INSTAGRAM ("siga @…", página inicial, antes do rodapé) ═════════════
   Título no jeito dos outros (grande, rosa, minúsculo, e é link para o
   perfil) e os 6 últimos posts em quadrados: no computador os 6 lado a
   lado, no celular 3 por linha. Ícone de álbum/vídeo no canto, como no app. */
.lj-ig{max-width:calc(var(--lj-largura) + 2 * var(--lj-lateral));margin:0 auto;padding:24px var(--lj-lateral) 72px}
.lj-ig-tit{margin:0 0 30px;text-align:center;color:var(--lj-rosa);font:700 52px/1.02 var(--lj-fonte);
  letter-spacing:-.025em;text-transform:lowercase;overflow-wrap:anywhere}
.lj-ig-tit a{color:inherit}
.lj-ig-tit a:hover{opacity:.85}
.lj-ig-grade{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
.lj-ig-post{position:relative;display:block;aspect-ratio:1/1;border-radius:12px;overflow:hidden;isolation:isolate;
  background:var(--lj-fundo-cinza)}
.lj-ig-post img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .3s}
@media (hover:hover){ .lj-ig-post:hover img{transform:scale(1.04);filter:brightness(.92)} }
.lj-ig-ic{position:absolute;top:8px;right:8px;color:#fff;filter:drop-shadow(0 1px 2px rgba(0,0,0,.45));display:flex}
@media (max-width:1023px){ .lj-ig-tit{font-size:44px} .lj-ig-grade{grid-template-columns:repeat(3,minmax(0,1fr))} }
@media (max-width:767px){
  .lj-ig{padding-bottom:48px}
  .lj-ig-tit{font-size:36px;margin-bottom:22px}
  .lj-ig-grade{gap:6px}
  .lj-ig-post{border-radius:8px}
  .lj-ig-ic svg{width:17px;height:17px}
}


/* ══ SETINHAS DAS VITRINES QUE PASSAM DE LADO (Queridinhos, Mais vendidos) ══
   Criadas pelo loja.js só quando a vitrine rola (celular e tablet). Ficam
   sobre a foto, na altura do meio dela (--lj-seta-y), dentro da beirada do
   cartão. A da esquerda some na primeira peça; a da direita, na última. */
.lj-qd-palco{position:relative}
.lj-qd-seta{display:none;position:absolute;top:var(--lj-seta-y,40%);transform:translateY(-50%);z-index:2;
  width:42px;height:42px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.94);color:var(--lj-tinta);
  box-shadow:0 2px 10px rgba(0,0,0,.18);cursor:pointer;place-items:center;transition:opacity .2s}
.lj-qd-seta-ant{left:calc(var(--lj-lateral) + 10px)}
.lj-qd-seta-prox{right:calc(var(--lj-lateral) + 10px)}
.lj-qd-palco.rola .lj-qd-seta{display:grid}
.lj-qd-palco.no-inicio .lj-qd-seta-ant,.lj-qd-palco.no-fim .lj-qd-seta-prox{opacity:0;pointer-events:none}
.lj-qd-seta:active{transform:translateY(-50%) scale(.94)}


/* ══ PÁGINAS INSTITUCIONAIS (html/loja/institucional.php) ═════════════
   Quem Somos, Como Comprar, Perguntas Frequentes, Trocas e Devoluções, Guia
   de Medidas e Política de Privacidade. A mesma cara da "Seja uma
   Revendedora": olho rosa, título com uma palavra em rosa, cartões
   arredondados e a chamada rosa no fim. Coluna estreita, boa para ler. */
.lj-in{--in-rosa-fundo:#FFF2F8;--in-rosa-borda:#F8D3E6;
  background:linear-gradient(180deg,var(--in-rosa-fundo) 0,#fff 380px)}
.lj-in-largura{max-width:calc(960px + 2 * var(--lj-lateral));margin:0 auto;padding:0 var(--lj-lateral)}
.lj-in a:not(.lj-btn){color:var(--lj-rosa);text-decoration:underline;text-underline-offset:2px}

/* abertura */
.lj-in-abre{text-align:center;padding:30px 0 40px}
.lj-in-trilha{font-size:13px;color:var(--lj-cinza);margin-bottom:26px}
.lj-in-trilha a:not(.lj-btn){color:var(--lj-cinza);text-decoration:none}
.lj-in-trilha a:hover{color:var(--lj-tinta)}
.lj-in-olho{display:inline-block;padding:5px 12px;border-radius:999px;background:#fff;border:1px solid var(--in-rosa-borda);
  color:var(--lj-rosa);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase}
.lj-in-abre h1{margin:18px auto 0;max-width:760px;font-size:42px;line-height:1.1;font-weight:700;color:var(--lj-tinta);letter-spacing:-.02em}
.lj-in-abre h1 span{color:var(--lj-rosa)}
.lj-in-abre p{margin:16px auto 0;max-width:620px;font-size:16.5px;line-height:1.6;color:#3c3c3c}

/* ícone num quadradinho rosado */
.lj-in-ic{flex-shrink:0;width:50px;height:50px;border-radius:14px;display:inline-grid;place-items:center;
  background:var(--in-rosa-fundo);color:var(--lj-rosa)}

/* números */
.lj-in-nums{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:24px 8px;background:#fff;
  border:1px solid var(--lj-borda);border-radius:18px;box-shadow:0 8px 26px rgba(17,17,17,.05)}
.lj-in-nums li{text-align:center;padding:4px 10px;border-left:1px solid var(--lj-borda)}
.lj-in-nums li:first-child{border-left:0}
.lj-in-nums b{display:block;font-size:30px;font-weight:700;color:var(--lj-rosa);letter-spacing:-.02em;line-height:1.15}
.lj-in-nums span{display:block;margin-top:6px;font-size:13.5px;color:var(--lj-cinza)}
.lj-in-nums-rv b{font-size:26px;text-wrap:balance}

/* texto corrido */
.lj-in-texto{max-width:760px;margin:44px auto 0}
.lj-in-texto p{margin-top:16px;font-size:16px;line-height:1.75;color:#3c3c3c}
.lj-in-texto p:first-child{margin-top:0}
.lj-in-texto b{font-weight:500;color:var(--lj-tinta)}
.lj-in-frase{margin-top:28px!important;padding:6px 0 6px 20px;border-left:3px solid var(--lj-rosa);
  font-size:18px!important;font-weight:500;line-height:1.55!important;color:var(--lj-tinta)!important}

/* a loja física */
.lj-in-loja{display:flex;gap:18px;align-items:flex-start;max-width:760px;margin:44px auto 0;padding:24px 26px;
  border:1px solid var(--in-rosa-borda);border-radius:18px;background:var(--in-rosa-fundo)}
.lj-in-loja h2{font-size:18px;font-weight:600;color:var(--lj-tinta);margin-bottom:6px}
.lj-in-loja p{font-size:15px;line-height:1.6;color:#3c3c3c}
.lj-in-loja-links{margin-top:10px!important;font-weight:500}

/* blocos com título */
.lj-in-bloco{margin-top:52px}
.lj-in-bloco > h2,.lj-in-faq > h2{display:flex;align-items:center;gap:12px;font-size:22px;font-weight:600;color:var(--lj-tinta)}
.lj-in-bloco > h2 .lj-in-ic,.lj-in-faq > h2 .lj-in-ic{width:40px;height:40px;border-radius:12px}
.lj-in-sub{margin-top:6px;font-size:15px;color:var(--lj-cinza)}

/* passo a passo numerado */
.lj-in-passos{counter-reset:inp;display:grid;gap:14px;margin-top:22px}
.lj-in-abre + .lj-in-passos{margin-top:0}
.lj-in-passos li{counter-increment:inp;position:relative;padding:20px 22px 20px 80px;background:#fff;
  border:1px solid var(--lj-borda);border-radius:16px}
.lj-in-passos li::before{content:counter(inp);position:absolute;left:22px;top:18px;width:40px;height:40px;border-radius:50%;
  display:grid;place-items:center;background:var(--lj-rosa);color:#fff;font-size:16px;font-weight:600;
  box-shadow:0 6px 16px rgba(232,72,158,.25)}
.lj-in-passos b{display:block;font-size:16.5px;font-weight:600;color:var(--lj-tinta)}
.lj-in-passos p{margin-top:5px;font-size:14.5px;line-height:1.6;color:var(--lj-cinza)}
.lj-in-passos p b{display:inline;font-size:inherit;font-weight:600;color:var(--lj-tinta)}

/* cartões (frete, pagamento) */
.lj-in-cartoes{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:22px}
.lj-in-cartoes li{display:flex;flex-direction:column;align-items:flex-start;padding:24px 22px;background:#fff;
  border:1px solid var(--lj-borda);border-radius:16px;transition:border-color .2s,box-shadow .2s}
.lj-in-cartoes li:hover{border-color:var(--in-rosa-borda);box-shadow:0 8px 24px rgba(232,72,158,.08)}
.lj-in-cartoes b{margin-top:16px;font-size:16.5px;font-weight:600;color:var(--lj-tinta)}
.lj-in-cartoes strong{margin-top:4px;font-size:24px;font-weight:700;color:var(--lj-rosa);letter-spacing:-.01em}
.lj-in-cartoes small{margin-top:6px;font-size:14px;line-height:1.55;color:var(--lj-cinza)}

/* duas caixas lado a lado (trocas) */
.lj-in-duas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:22px}
.lj-in-caixa{padding:22px;background:#fff;border:1px solid var(--lj-borda);border-radius:16px}
.lj-in-caixa b{display:block;font-size:16px;font-weight:600;color:var(--lj-tinta)}
.lj-in-caixa p{margin-top:6px;font-size:14.5px;line-height:1.6;color:var(--lj-cinza)}
.lj-in-alerta{display:flex;gap:14px;align-items:flex-start;margin-top:16px;padding:16px 18px;border-radius:14px;
  background:#FFF7E6;border:1px solid #F3DDB0;font-size:14.5px;line-height:1.6;color:#5b4512}
.lj-in-alerta .lj-in-ic{width:34px;height:34px;border-radius:10px;background:#FDEBC4;color:#A8781F}
.lj-in-alerta b{font-weight:600}

/* perguntas */
.lj-in-faq{margin-top:44px}
.lj-in-nums + .lj-in-faq{margin-top:48px}
.lj-in-faq details{border-bottom:1px solid var(--lj-borda)}
.lj-in-faq > h2 + details{margin-top:10px}
.lj-in-faq summary{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:17px 2px;cursor:pointer;
  list-style:none;font-size:16px;font-weight:500;color:var(--lj-tinta)}
.lj-in-faq summary::-webkit-details-marker{display:none}
.lj-in-faq summary svg{flex-shrink:0;transition:transform .2s;color:var(--lj-cinza)}
.lj-in-faq details[open] summary svg{transform:rotate(180deg);color:var(--lj-rosa)}
.lj-in-faq details[open] summary{color:var(--lj-rosa)}
.lj-in-faq details p{padding:0 2px 18px;font-size:15px;line-height:1.65;color:var(--lj-cinza)}

/* guia de medidas (a tabela é imagem) */
.lj-in-guia{margin:0 auto;max-width:900px}
.lj-in-guia img{width:100%;height:auto;margin:0 auto;border-radius:18px;border:1px solid var(--lj-borda);background:#fff}

/* política (texto jurídico, mais compacto) */
.lj-in-politica{margin-top:0}
.lj-in-politica h2{margin-top:34px;font-size:19px;font-weight:600;color:var(--lj-tinta)}
.lj-in-politica h2:first-child{margin-top:0}
.lj-in-politica h2 + p,.lj-in-politica h2 + ul{margin-top:10px}
.lj-in-politica ul{margin-top:10px}
.lj-in-politica li{position:relative;padding-left:20px;margin-top:8px;font-size:15.5px;line-height:1.7;color:#3c3c3c}
.lj-in-politica li::before{content:'';position:absolute;left:3px;top:.72em;width:6px;height:6px;border-radius:50%;background:var(--lj-rosa)}
.lj-in-politica:last-child{padding-bottom:72px}

/* chamada final, rosa */
.lj-in-chamada{margin:60px 0 72px;padding:46px 28px;border-radius:22px;background:var(--lj-rosa);color:#fff;text-align:center}
.lj-in-chamada h2{font-size:28px;font-weight:700;letter-spacing:-.01em}
.lj-in-chamada p{margin-top:8px;font-size:16px;opacity:.92}
.lj-in-botoes{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px}
.lj-in-btn{min-height:50px;padding:12px 26px;font-size:15px;border-radius:999px}
.lj-in-btn-branco{background:#fff;color:var(--lj-rosa)!important;border-color:#fff}
.lj-in-btn-vazado{background:transparent;color:#fff!important;border-color:rgba(255,255,255,.85)}
.lj-in-btn-vazado:hover{background:rgba(255,255,255,.12);filter:none}

@media (max-width:767px){
  .lj-in{background:linear-gradient(180deg,var(--in-rosa-fundo) 0,#fff 300px)}
  .lj-in-abre{padding:18px 0 28px}
  .lj-in-trilha{margin-bottom:18px}
  .lj-in-abre h1{font-size:30px}
  .lj-in-abre p{font-size:15.5px}
  .lj-in-nums{grid-auto-flow:row;grid-template-columns:1fr 1fr;row-gap:18px;padding:20px 4px}
  .lj-in-nums li:nth-child(odd){border-left:0}
  .lj-in-nums b{font-size:26px}
  .lj-in-nums-rv b{font-size:22px;min-height:2.3em}
  .lj-in-texto{margin-top:32px}
  .lj-in-texto p{font-size:15.5px}
  .lj-in-loja{flex-direction:column;gap:14px;padding:20px}
  .lj-in-bloco{margin-top:40px}
  .lj-in-bloco > h2,.lj-in-faq > h2{font-size:19px}
  .lj-in-passos li{padding:18px 16px 18px 66px}
  .lj-in-passos li::before{left:16px;top:16px;width:36px;height:36px;font-size:15px}
  .lj-in-duas{grid-template-columns:1fr}
  .lj-in-faq summary{font-size:15.5px}
  .lj-in-guia img{border-radius:12px}
  .lj-in-chamada{margin:44px 0 52px;padding:36px 18px;border-radius:18px}
  .lj-in-chamada h2{font-size:23px}
  .lj-in-btn{width:100%}
}


/* ══ COMPRA RÁPIDA — o "+ 🛒" ao lado do Comprar e a janelinha ═════════
   O botão abre (loja.js) uma janela só com o tamanho e a quantidade.
   Computador: no meio da tela. Celular: sobe de baixo, como uma gaveta. */
.lj-card-acoes{margin-top:auto;display:flex;gap:8px;align-items:stretch}
.lj-card-acoes > .lj-card-comprar,.lj-card-acoes > .lj-qd-comprar{margin-top:0;flex:1;width:auto;min-width:0}
.lj-rapido-btn{flex:0 0 auto;width:58px;padding:0;display:inline-flex;align-items:center;justify-content:center;gap:1px;
  border:1.5px solid var(--lj-rosa);border-radius:999px;background:#fff;color:var(--lj-rosa);cursor:pointer;
  transition:background-color .15s,color .15s}
.lj-rapido-btn b{font:600 18px/1 var(--lj-fonte);margin-top:-2px}
.lj-rapido-btn:hover{background:var(--lj-rosa);color:#fff}
@media (max-width:767px){
  .lj-card-acoes{gap:6px}
  .lj-rapido-btn{width:48px}
  .lj-rapido-btn b{font-size:16px}
  .lj-rapido-btn svg{width:18px;height:18px}
}

.lj-rp-veu{position:fixed;inset:0;z-index:80;background:rgba(0,0,0,.45);opacity:0;transition:opacity .2s}
.lj-rp-veu.aberto{opacity:1}
.lj-rp-veu[hidden],.lj-rp[hidden]{display:none}
.lj-rp{position:fixed;z-index:81;left:50%;top:50%;width:min(440px,calc(100vw - 32px));max-height:calc(100vh - 40px);overflow:auto;
  padding:22px 22px 20px;background:#fff;color:var(--lj-tinta);font-family:var(--lj-fonte);border-radius:20px;
  box-shadow:0 24px 70px rgba(0,0,0,.22);opacity:0;transform:translate(-50%,-46%) scale(.97);
  transition:opacity .2s ease,transform .2s ease;overscroll-behavior:contain}
.lj-rp.aberta{opacity:1;transform:translate(-50%,-50%)}
.lj-rp *{box-sizing:border-box}
.lj-rp-fechar{position:absolute;top:10px;right:10px;width:40px;height:40px;padding:0;border:0;border-radius:50%;background:none;
  color:var(--lj-tinta);cursor:pointer;display:grid;place-items:center}
.lj-rp-fechar:hover{background:var(--lj-fundo-cinza)}
.lj-rp-cab{display:flex;align-items:center;gap:14px;padding-right:38px;margin-bottom:20px}
.lj-rp-cab img{width:72px;height:90px;object-fit:cover;border-radius:12px;background:#f3eef0;flex-shrink:0}
.lj-rp-nome{font:600 16px/1.35 var(--lj-fonte);color:var(--lj-tinta)}
.lj-rp-preco{margin-top:6px;font:700 19px/1.2 var(--lj-fonte);color:var(--lj-tinta)}
.lj-rp-preco s{font-size:13.5px;font-weight:400;color:var(--lj-cinza-claro);margin-right:4px}
.lj-rp-opcao{margin-bottom:18px}
.lj-rp-opcao.pedindo .lj-opcao-rotulo{color:var(--lj-rosa)}
.lj-rp-opcao.pedindo .lj-op:not(.off){border-color:var(--lj-rosa);animation:lj-pede .8s ease 2}
.lj-rp .lj-op{border-radius:10px}
.lj-rp-compra{display:flex;gap:10px;margin-top:4px}
.lj-rp-compra .lj-qtd{height:50px}
.lj-rp-add{flex:1;min-height:50px;border-radius:999px;font-size:15px}
.lj-rp-ver{display:inline-block;margin-top:14px;font-size:14px;color:var(--lj-cinza);text-decoration:underline;text-underline-offset:2px}
.lj-rp-ver:hover{color:var(--lj-tinta)}
.lj-rp-carregando{padding:22px 0 10px;text-align:center;color:var(--lj-cinza);font-size:14.5px}
.lj-rp-erro{color:var(--lj-cinza);font-size:14.5px;margin-bottom:14px}
.lj-rp-miolo > .lj-rp-add{display:flex;width:100%}
@media (max-width:767px){
  .lj-rp{left:0;right:0;top:auto;bottom:0;width:100%;max-height:88vh;border-radius:20px 20px 0 0;
    padding:20px 16px calc(18px + env(safe-area-inset-bottom));opacity:1;transform:translateY(100%);transition:transform .25s ease}
  .lj-rp.aberta{transform:none}
  .lj-rp-compra .lj-qtd button{width:38px}
  .lj-rp-compra .lj-qtd input{width:40px}
}
@media (prefers-reduced-motion:reduce){ .lj-rp,.lj-rp-veu{transition:none} }
@media print{ .lj-rp,.lj-rp-veu,.lj-rapido-btn{display:none!important} }

/* O mesmo motivo do reels.css: letra menor que 16px num campo faz o iPhone
   aproximar a página e não desfazer depois. A grade de quantidades da loja é
   justamente onde a cliente mais digita. */
@media (max-width:820px){
  .lj-gp-campo{font-size:16px}
}