/* Loja Júlia Pescados — identidade própria: laranja #ffa40e e #f28A00 sobre fundo creme, texto em marrom-escuro.
   Mobile primeiro; a grade e o banner ganham colunas a partir de 720px e 1040px. */
:root {
  --lj-laranja: #ffa40e;
  --lj-laranja-forte: #f28a00;
  --lj-laranja-escuro: #d97700;
  --lj-marrom: #7a3b00;
  --lj-tinta: #2b1a0a;
  --lj-suave: #6b5640;
  --lj-creme: #fff7ea;
  --lj-papel: #ffffff;
  --lj-linha: #f0dcc0;
  --lj-azul: #0b3a6e;
  --lj-ok: #1d7a43;
  --lj-perigo: #b3261e;
  --lj-raio: 14px;
  --lj-sombra: 0 2px 10px rgba(122, 59, 0, .12);
  /* receitas.html reaproveita o tema antigo: aqui ele ganha a paleta da Júlia */
  --lata: #b85c00; --lata-escuro: #7a3b00; --lata-claro: #ffe2bd; --ouro: #ffa40e; --creme: #fff7ea; --papel: #fffdf8;
}
body.lj { margin: 0; background: var(--lj-creme); color: var(--lj-tinta); font-family: 'Hanken Grotesk', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; font-size: 16px; line-height: 1.5; padding-bottom: env(safe-area-inset-bottom); }
body.lj.trava { overflow: hidden; }
body.lj.com-barra { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
.lj h1, .lj h2, .lj h3 { font-family: 'Barlow Condensed', 'Arial Narrow', sans-serif; font-weight: 700; line-height: 1.05; margin: 0; text-wrap: balance; letter-spacing: .01em; }
:where(.lj) button { font: inherit; cursor: pointer; color: inherit; }
:where(.lj) :is(input, select, textarea) { font: inherit; color: inherit; }
.lj :focus-visible { outline: 3px solid var(--lj-azul); outline-offset: 2px; border-radius: 6px; }
.lj [hidden] { display: none !important; }
.lj .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.lj ::selection { background: var(--lj-laranja); color: var(--lj-tinta); }

/* botões */
.lj-btn { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; padding: 10px 20px; border: 2px solid var(--lj-laranja-forte); border-radius: 12px; background: var(--lj-laranja-forte); color: var(--lj-tinta); font-weight: 800; font-size: 16px; line-height: 1.1; text-decoration: none; transition: background .15s, transform .15s; }
.lj-btn:hover { background: var(--lj-laranja); border-color: var(--lj-laranja); }
.lj-btn:active { transform: scale(.98); }
.lj-btn.linha { background: transparent; color: var(--lj-marrom); border-color: var(--lj-marrom); }
.lj-btn.linha:hover { background: var(--lj-marrom); color: #fff; border-color: var(--lj-marrom); }
.lj-btn.grande { min-height: 52px; font-size: 18px; padding: 12px 24px; }
.lj-btn.pequeno { min-height: 38px; padding: 6px 12px; font-size: 14px; }
.lj-btn.bloco { display: flex; width: 100%; }
.lj-btn[disabled] { opacity: .5; cursor: not-allowed; transform: none; }
.lj-link { background: none; border: 0; padding: 4px 0; color: var(--lj-marrom); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.lj-link.peq { font-size: 13px; } .lj-link.claro { color: #fff; }

/* aviso de ambiente e topo */
.lj-demo { background: var(--lj-tinta); color: #ffe9c4; font-size: 12.5px; padding: 6px 12px; text-align: center; }
.lj-topo { position: sticky; top: 0; z-index: 30; display: flex; align-items: center; gap: 10px; padding: 8px 14px; background: var(--lj-laranja); color: var(--lj-tinta); box-shadow: 0 2px 0 rgba(122, 59, 0, .18); }
.lj-marca { display: inline-flex; align-items: center; gap: 9px; color: inherit; text-decoration: none; }
.lj-marca img { width: 44px; height: 44px; border-radius: 50%; background: #fff; flex: none; }
.lj-marca span { display: flex; flex-direction: column; line-height: 1; }
.lj-marca b { font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: 24px; letter-spacing: -.01em; }
.lj-marca small { font-family: 'Barlow Condensed', sans-serif; font-weight: 700; font-size: 12px; letter-spacing: .38em; text-transform: uppercase; margin-top: 3px; }
.lj-status { margin-left: auto; display: inline-flex; align-items: center; gap: 7px; min-height: 34px; padding: 4px 11px; border: 0; border-radius: 99px; background: rgba(255, 255, 255, .85); font-size: 13px; font-weight: 700; }
.lj-status i { width: 9px; height: 9px; border-radius: 50%; background: var(--lj-ok); box-shadow: 0 0 0 3px rgba(29, 122, 67, .25); }
.lj-status.fechado i { background: var(--lj-perigo); box-shadow: 0 0 0 3px rgba(179, 38, 30, .22); }
.lj-nav { display: none; }
.lj-carrinho { position: relative; flex: none; width: 46px; height: 46px; border-radius: 50%; border: 2px solid var(--lj-tinta); background: var(--lj-tinta); color: #fff; display: grid; place-items: center; transition: transform .2s; }
.lj-carrinho span { position: absolute; top: -6px; right: -6px; min-width: 22px; height: 22px; padding: 0 5px; border-radius: 99px; background: #fff; color: var(--lj-tinta); border: 2px solid var(--lj-tinta); font-size: 12px; font-weight: 800; display: grid; place-items: center; }
.lj-carrinho.pulso { animation: lj-pulso .45s ease; }
@keyframes lj-pulso { 30% { transform: scale(1.18); } }
.lj-aviso-fechada { background: #fff1c9; color: #4d3300; border-bottom: 2px solid #e9b44c; padding: 10px 16px; font-size: 14.5px; text-align: center; }

/* banner */
.lj-banner { display: grid; gap: 22px; padding: 26px 16px 30px; background: linear-gradient(160deg, var(--lj-laranja) 0%, var(--lj-laranja-forte) 100%); color: var(--lj-tinta); }
.lj-selo { display: inline-block; padding: 3px 12px; border-radius: 99px; background: var(--lj-tinta); color: #ffe9c4; font-size: 12.5px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.lj-banner h1 { font-family: 'Alfa Slab One', Georgia, serif; font-weight: 400; font-size: clamp(28px, 7.4vw, 50px); line-height: 1.08; margin: 12px 0 10px; letter-spacing: -.01em; }
.lj-banner p { margin: 0 0 18px; font-size: 16.5px; max-width: 52ch; }
.lj-banner-acoes { display: flex; gap: 10px; flex-wrap: wrap; }
.lj-banner .lj-btn { background: var(--lj-tinta); border-color: var(--lj-tinta); color: #fff; }
.lj-banner .lj-btn:hover { background: #4a2b10; border-color: #4a2b10; }
.lj-banner .lj-btn.linha { background: transparent; color: var(--lj-tinta); }
.lj-banner .lj-btn.linha:hover { background: var(--lj-tinta); color: #fff; }
.lj-banner-fotos { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; }
.lj-banner-fotos span { aspect-ratio: 1; border-radius: var(--lj-raio); background: #f4dcc0 center / cover; border: 3px solid #fff; box-shadow: var(--lj-sombra); }
.lj-banner-fotos span:nth-child(odd) { transform: rotate(-1.4deg); } .lj-banner-fotos span:nth-child(even) { transform: rotate(1.4deg); }

.lj-fatos { display: grid; background: var(--lj-papel); border-bottom: 1px solid var(--lj-linha); }
.lj-fatos div { padding: 12px 16px; border-bottom: 1px solid var(--lj-linha); display: flex; flex-direction: column; line-height: 1.25; }
.lj-fatos div:last-child { border-bottom: 0; }
.lj-fatos b { font-weight: 800; color: var(--lj-marrom); } .lj-fatos span { font-size: 14px; color: var(--lj-suave); }

/* seções */
.lj-secao-cab { padding: 0 16px; margin-bottom: 14px; }
.lj-secao-cab h2 { font-size: clamp(28px, 6vw, 38px); color: var(--lj-marrom); text-transform: uppercase; }
.lj-secao-cab p { margin: 4px 0 0; color: var(--lj-suave); font-size: 14.5px; }
.lj-vitrine { padding: 26px 0 4px; }
.lj-trilho { display: flex; gap: 12px; overflow-x: auto; padding: 4px 16px 14px; scroll-snap-type: x proximity; scrollbar-width: thin; }
.lj-trilho .lj-card { flex: 0 0 min(72vw, 270px); scroll-snap-align: start; }
.lj-catalogo { padding: 26px 0 30px; max-width: 1380px; margin: 0 auto; }

/* recompra */
.lj-recompra { margin: 18px 16px 0; padding: 16px; border-radius: var(--lj-raio); background: var(--lj-papel); border: 2px dashed var(--lj-laranja-forte); display: grid; gap: 10px; }
.lj-recompra h2 { font-size: 24px; color: var(--lj-marrom); text-transform: uppercase; }
.lj-recompra p { margin: 2px 0 0; color: var(--lj-suave); font-size: 14.5px; }
.lj-recompra-form { display: grid; grid-template-columns: 1fr auto; gap: 8px; }
.lj-recompra-form input { min-width: 0; min-height: 44px; border: 2px solid var(--lj-linha); border-radius: 12px; padding: 8px 12px; background: #fff; }
.lj-recompra-form input:focus { border-color: var(--lj-laranja-forte); outline: none; box-shadow: 0 0 0 3px rgba(255, 164, 14, .35); }
.lj-recompra-res:empty { display: none; }
.lj-recompra-card { background: var(--lj-creme); border-radius: 12px; padding: 12px 14px; display: grid; gap: 8px; }
.lj-recompra-card ul { margin: 0; padding-left: 18px; font-size: 14.5px; } .lj-recompra-card em { color: var(--lj-perigo); font-style: normal; font-weight: 700; }
.lj-recompra-res .lj-erro { margin: 0; }

/* busca, filtros */
.lj-controles { display: grid; gap: 8px; padding: 0 16px; }
.lj-busca { position: relative; }
.lj-busca svg { position: absolute; left: 13px; top: 50%; transform: translateY(-50%); color: var(--lj-suave); pointer-events: none; }
.lj-busca input { width: 100%; min-height: 48px; border: 2px solid var(--lj-linha); border-radius: 14px; background: #fff; padding: 8px 14px 8px 42px; }
.lj-busca input:focus, .lj-ordem select:focus { border-color: var(--lj-laranja-forte); outline: none; box-shadow: 0 0 0 3px rgba(255, 164, 14, .35); }
.lj-ordem select { width: 100%; min-height: 44px; border: 2px solid var(--lj-linha); border-radius: 12px; background: #fff; padding: 6px 10px; }
.lj-cats { display: flex; gap: 8px; overflow-x: auto; padding: 14px 16px 6px; scrollbar-width: none; }
.lj-cats::-webkit-scrollbar { display: none; }
.lj-cat { flex: none; min-height: 40px; padding: 6px 15px; border: 2px solid var(--lj-linha); border-radius: 99px; background: #fff; font-weight: 700; font-size: 14.5px; white-space: nowrap; }
.lj-cat:hover { border-color: var(--lj-laranja-forte); }
.lj-cat.ativa { background: var(--lj-laranja); border-color: var(--lj-laranja-forte); color: var(--lj-tinta); }
.lj-cat.promo { border-color: var(--lj-perigo); color: var(--lj-perigo); } .lj-cat.promo.ativa { background: var(--lj-perigo); color: #fff; }

/* cartões */
.lj-grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 12px 16px 0; }
.lj-card { background: var(--lj-papel); border-radius: var(--lj-raio); box-shadow: var(--lj-sombra); border: 1px solid var(--lj-linha); display: flex; flex-direction: column; overflow: hidden; }
.lj-card.esgotado .lj-foto { filter: grayscale(.8); opacity: .7; }
.lj-foto { position: relative; aspect-ratio: 4 / 3; background: #f4dcc0 center / cover; }
.lj-tag { position: absolute; top: 8px; left: 8px; padding: 2px 9px; border-radius: 99px; background: var(--lj-laranja); color: var(--lj-tinta); font-size: 11.5px; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; }
.lj-tag.promo { background: var(--lj-perigo); color: #fff; }
.lj-tag.verde { top: auto; bottom: 8px; background: var(--lj-ok); color: #fff; }
.lj-card-corpo { padding: 10px 11px 12px; display: flex; flex-direction: column; gap: 4px; flex: 1; }
.lj-card h3 { font-size: 19px; line-height: 1.1; color: var(--lj-tinta); min-height: 2.2em; }
.lj-un { margin: 0; font-size: 12.5px; font-weight: 700; color: var(--lj-marrom); background: #ffecc9; border-radius: 6px; padding: 1px 8px; align-self: flex-start; }
.lj-det { font-size: 13.5px; color: var(--lj-suave); }
.lj-det summary { cursor: pointer; font-weight: 700; color: var(--lj-azul); padding: 4px 0; min-height: 28px; }
.lj-det p { margin: 4px 0 0; } .lj-dica { margin: 4px 0 0; } .lj-peso { color: var(--lj-marrom); }
.lj-inclui { margin: 4px 0 0; padding-left: 18px; }
.lj-card-rodape { margin-top: auto; padding-top: 8px; display: grid; gap: 8px; }
.lj-preco { display: flex; align-items: baseline; gap: 5px; flex-wrap: wrap; line-height: 1.1; }
.lj-preco b { font-size: 20px; font-weight: 800; color: var(--lj-marrom); font-variant-numeric: tabular-nums; }
.lj-preco s { font-size: 13px; color: var(--lj-suave); } .lj-preco small { font-size: 13px; color: var(--lj-suave); font-weight: 600; }
.lj-ctrl .lj-btn { width: 100%; }
.lj-esgotado { display: block; text-align: center; padding: 9px; border-radius: 12px; background: #eee3d2; color: var(--lj-suave); font-weight: 800; }
.lj-qtd { display: inline-flex; align-items: center; justify-content: space-between; border: 2px solid var(--lj-laranja-forte); border-radius: 12px; background: #fff; width: 100%; max-width: 200px; }
.lj-qtd button { width: 44px; height: 44px; border: 0; background: none; font-size: 24px; font-weight: 800; color: var(--lj-marrom); border-radius: 10px; }
.lj-qtd button:hover { background: #ffe5b8; }
.lj-qtd output { flex: 1; text-align: center; font-weight: 800; font-size: 15px; font-variant-numeric: tabular-nums; }
.lj-vazio { grid-column: 1 / -1; text-align: center; color: var(--lj-suave); padding: 36px 8px; }

/* quem somos, entrega */
.lj-sobre { padding: 34px 16px; background: var(--lj-papel); border-top: 1px solid var(--lj-linha); }
.lj-sobre h2 { font-size: 30px; color: var(--lj-marrom); text-transform: uppercase; margin-bottom: 10px; }
.lj-sobre p { margin: 0; max-width: 62ch; color: var(--lj-suave); font-size: 16.5px; }
.lj-entrega { padding: 34px 16px; background: var(--lj-marrom); color: #ffecd0; display: grid; gap: 20px; }
.lj-entrega h2 { font-size: 32px; color: var(--lj-laranja); text-transform: uppercase; margin-bottom: 8px; }
.lj-entrega p { margin: 0 0 12px; max-width: 52ch; }
.lj-horarios { margin: 0 0 12px; display: grid; gap: 6px; }
.lj-horarios div { display: flex; justify-content: space-between; gap: 12px; padding: 8px 12px; border-radius: 10px; background: rgba(255, 255, 255, .1); }
.lj-horarios dt { font-weight: 700; } .lj-horarios dd { margin: 0; }
.lj-minimo-info { font-weight: 700; color: var(--lj-laranja); }
.lj-taxas { display: grid; grid-template-columns: 1fr; gap: 0 28px; align-content: start; }
.lj-taxa { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px dotted rgba(255, 236, 208, .35); }
.lj-taxa b { color: var(--lj-laranja); font-variant-numeric: tabular-nums; }
.lj-rodape { padding: 28px 16px 36px; background: var(--lj-laranja); color: var(--lj-tinta); display: grid; gap: 12px; }
.lj-rodape address { font-style: normal; display: grid; gap: 4px; }
.lj-rodape a { color: inherit; font-weight: 700; }
.lj-peq { margin: 8px 0 0; font-size: 12.5px; }

/* barra do carrinho (celular) */
.lj-barra { position: fixed; left: 0; right: 0; bottom: 0; z-index: 35; padding: 10px 14px calc(10px + env(safe-area-inset-bottom)); background: linear-gradient(transparent, rgba(255, 247, 234, .96) 30%); }
.lj-barra button { width: 100%; min-height: 54px; display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 8px 18px; border: 0; border-radius: 16px; background: var(--lj-tinta); color: #fff; font-size: 16px; box-shadow: 0 6px 20px rgba(43, 26, 10, .35); }
.lj-barra b { color: var(--lj-laranja); } .lj-barra span { font-weight: 700; font-variant-numeric: tabular-nums; }

/* gaveta do carrinho: folha que sobe no celular, painel lateral no computador */
.lj-veu { position: fixed; inset: 0; z-index: 40; background: rgba(43, 26, 10, .6); }
.lj-gaveta { position: fixed; z-index: 50; left: 0; right: 0; bottom: 0; top: 4vh; background: var(--lj-creme); border-radius: 22px 22px 0 0; display: flex; flex-direction: column; transform: translateY(105%); transition: transform .35s cubic-bezier(.16, 1, .3, 1); box-shadow: 0 -10px 40px rgba(43, 26, 10, .3); visibility: hidden; }
.lj-gaveta.aberta { transform: none; visibility: visible; }
.lj-gaveta-cab { display: flex; justify-content: space-between; align-items: center; padding: 14px 18px; background: var(--lj-laranja); color: var(--lj-tinta); border-radius: 22px 22px 0 0; }
.lj-gaveta-cab h2 { font-size: 26px; text-transform: uppercase; }
.lj-fechar { width: 42px; height: 42px; border-radius: 50%; border: 2px solid var(--lj-tinta); background: transparent; font-size: 26px; line-height: 1; }
.lj-gaveta-corpo { overflow-y: auto; padding: 16px 16px 28px; flex: 1; display: grid; gap: 16px; align-content: start; overscroll-behavior: contain; }
.lj-vazio-carrinho { text-align: center; padding: 48px 8px; display: grid; gap: 14px; justify-items: center; color: var(--lj-suave); }
.lj-itens { list-style: none; margin: 0; padding: 0; display: grid; gap: 12px; }
.lj-item { background: #fff; border: 1px solid var(--lj-linha); border-radius: 14px; padding: 10px; display: grid; grid-template-columns: 56px 1fr auto; gap: 4px 10px; align-items: start; }
.lj-mini { width: 56px; height: 56px; border-radius: 10px; background: #f4dcc0 center / cover; }
.lj-item-info { display: grid; gap: 4px; min-width: 0; }
.lj-item-info b { font-size: 15px; line-height: 1.2; } .lj-item-info small { color: var(--lj-suave); }
.lj-item .lj-qtd { max-width: 170px; } .lj-item .lj-qtd button { width: 40px; height: 40px; }
.lj-item-total { text-align: right; display: grid; gap: 6px; justify-items: end; } .lj-item-total b { font-variant-numeric: tabular-nums; }
.lj-peso-aviso { grid-column: 1 / -1; margin: 0; font-size: 12.5px; color: var(--lj-marrom); background: #fff1d6; border-radius: 8px; padding: 6px 10px; }
.lj-nota { grid-column: 1 / -1; } .lj-nota input { width: 100%; min-height: 42px; border: 2px solid var(--lj-linha); border-radius: 10px; padding: 6px 10px; }
.lj-bloco { display: grid; gap: 10px; }
.lj-bloco h3 { font-size: 20px; text-transform: uppercase; color: var(--lj-marrom); border-bottom: 2px solid var(--lj-laranja); padding-bottom: 3px; }
.lj-opcoes { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; } .lj-opcoes.tres { grid-template-columns: repeat(3, 1fr); }
.lj-opcao { min-height: 46px; padding: 8px 6px; border: 2px solid var(--lj-linha); border-radius: 12px; background: #fff; font-weight: 800; font-size: 14.5px; }
.lj-opcao.ativa { background: var(--lj-laranja); border-color: var(--lj-laranja-forte); }
.lj-campo { display: grid; gap: 4px; }
.lj-campo label { font-size: 13.5px; font-weight: 800; color: var(--lj-marrom); }
.lj-campo input, .lj-campo select, .lj-campo textarea { width: 100%; min-height: 46px; border: 2px solid var(--lj-linha); border-radius: 12px; padding: 8px 12px; background: #fff; }
.lj-campo input:focus, .lj-campo select:focus, .lj-campo textarea:focus, .lj-nota input:focus { border-color: var(--lj-laranja-forte); outline: none; box-shadow: 0 0 0 3px rgba(255, 164, 14, .35); }
.lj-duas { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; }
.lj-resumo { background: #fff; border: 2px solid var(--lj-laranja-forte); border-radius: 14px; padding: 12px 14px; display: grid; gap: 6px; font-size: 15px; }
.lj-resumo div { display: flex; justify-content: space-between; gap: 10px; } .lj-resumo b { font-variant-numeric: tabular-nums; }
.lj-resumo .total { font-size: 20px; border-top: 1px dashed var(--lj-laranja-forte); padding-top: 8px; margin-top: 2px; color: var(--lj-marrom); }
.lj-minimo { display: grid; gap: 6px; padding: 10px 12px; border-radius: 12px; background: #fff1d6; border: 1px solid #e9b44c; }
.lj-minimo.ok { background: #dcf1e3; border-color: #7fc496; }
.lj-minimo-txt { font-size: 14px; }
.lj-barra-min { height: 8px; border-radius: 99px; background: rgba(0, 0, 0, .1); overflow: hidden; } .lj-barra-min i { display: block; height: 100%; background: var(--lj-laranja-forte); transition: width .3s; }
.lj-minimo.ok .lj-barra-min i { background: var(--lj-ok); }
.lj-dica { font-size: 13.5px; color: var(--lj-suave); margin: 0; } .lj-dica.centro { text-align: center; }
.lj-erro { color: var(--lj-perigo); font-weight: 700; font-size: 14px; } .lj-erro:empty { display: none; }
.lj-aviso { border-radius: 12px; padding: 10px 14px; font-size: 14.5px; margin: 0; background: #fff1c9; border: 1px solid #e9b44c; color: #4d3300; }
.lj-aviso.ok { background: #dcf1e3; border-color: #7fc496; color: #0f4a28; } .lj-aviso.rosa { background: #f6d6e3; border-color: #d894b0; color: #5c1433; }
.lj-toast { position: fixed; left: 14px; right: 14px; top: 68px; z-index: 90; pointer-events: none; background: var(--lj-tinta); color: #fff; padding: 12px 16px; border-radius: 12px; font-size: 14.5px; text-align: center; box-shadow: 0 6px 20px rgba(0, 0, 0, .3); }

/* janelas (pedido enviado, lote fresco, atacado) */
.lj-modal { position: fixed; inset: 0; z-index: 60; background: rgba(43, 26, 10, .65); display: grid; align-items: end; justify-items: center; }
.lj-modal-caixa { background: var(--lj-creme); border-radius: 22px 22px 0 0; width: min(560px, 100%); max-height: 92vh; overflow-y: auto; }
.lj-ex-corpo { padding: 16px; display: grid; gap: 12px; } .lj-ex-corpo p { margin: 0; }
.lj-resumo-lista { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
.lj-resumo-lista li { display: flex; justify-content: space-between; gap: 10px; padding: 8px 0; border-bottom: 1px dotted var(--lj-linha); }
.lj-resumo-lista small { display: block; color: var(--lj-suave); }
.lj-atacado { background: var(--lj-azul); color: #fff; padding: 16px; } .lj-atacado h2 { font-size: 26px; color: var(--lj-laranja); margin: 6px 0 2px; } .lj-atacado p { margin: 0; }
.lj-atacado-cab { display: flex; justify-content: space-between; gap: 12px; align-items: flex-start; }

@media (min-width: 720px) {
  .lj-nav { display: flex; align-items: center; gap: 22px; margin-left: 8px; }
  .lj-nav a, .lj-nav .lj-link { color: var(--lj-tinta); font-weight: 800; font-size: 15px; text-decoration: none; background: none; border: 0; padding: 6px 2px; }
  .lj-nav a:hover, .lj-nav .lj-link:hover { text-decoration: underline; text-underline-offset: 4px; }
  .lj-status { margin-left: auto; } .lj-nav { order: 1; } .lj-carrinho { order: 2; }
  .lj-topo { padding: 10px clamp(16px, 4vw, 56px); }
  .lj-banner-fotos { grid-template-columns: 1fr 1fr; } .lj-banner-fotos span { aspect-ratio: 4 / 3; }
  .lj-banner { grid-template-columns: 1.1fr .9fr; align-items: center; padding: 48px clamp(16px, 5vw, 72px); gap: 40px; }
  .lj-fatos { grid-template-columns: repeat(3, 1fr); }
  .lj-fatos div { border-bottom: 0; border-right: 1px solid var(--lj-linha); padding: 16px clamp(16px, 3vw, 40px); } .lj-fatos div:last-child { border-right: 0; }
  .lj-secao-cab, .lj-controles { padding-left: clamp(16px, 4vw, 56px); padding-right: clamp(16px, 4vw, 56px); }
  .lj-controles { grid-template-columns: 1fr 220px; }
  .lj-cats { padding-left: clamp(16px, 4vw, 56px); padding-right: clamp(16px, 4vw, 56px); flex-wrap: wrap; }
  .lj-grade { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; padding: 16px clamp(16px, 4vw, 56px) 0; }
  .lj-trilho { padding-left: clamp(16px, 4vw, 56px); } .lj-trilho .lj-card { flex-basis: 270px; }
  .lj-recompra { margin: 22px clamp(16px, 4vw, 56px) 0; grid-template-columns: 1fr minmax(260px, 1fr); align-items: center; } .lj-recompra-res { grid-column: 1 / -1; }
  .lj-card h3 { font-size: 21px; }
  .lj-sobre, .lj-entrega, .lj-rodape { padding-left: clamp(16px, 5vw, 72px); padding-right: clamp(16px, 5vw, 72px); }
  .lj-entrega { grid-template-columns: 1fr 1.2fr; gap: 48px; } .lj-taxas { grid-template-columns: 1fr 1fr; }
  .lj-barra { left: auto; right: 24px; bottom: 20px; width: 360px; padding: 0; background: none; } body.lj.com-barra { padding-bottom: 0; }
  .lj-gaveta { left: auto; top: 0; width: min(480px, 100%); border-radius: 0; transform: translateX(105%); } .lj-gaveta-cab { border-radius: 0; }
  .lj-modal { align-items: center; } .lj-modal-caixa { border-radius: 22px; }
  .lj-toast { left: auto; right: 24px; width: 380px; top: 76px; }
}
@media (min-width: 1040px) { .lj-grade { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
@media (max-width: 359px) { .lj-marca small { letter-spacing: .2em; } .lj-opcoes.tres { grid-template-columns: 1fr; } }
@media (prefers-reduced-motion: reduce) { .lj-gaveta, .lj-carrinho, .lj-barra-min i { transition: none; } .lj-carrinho.pulso { animation: none; } }
.lj-nota-lei { font-size: 12.5px; color: var(--lj-suave); }

/* página de Política de Privacidade */
.lj-politica { max-width: 760px; margin: 0 auto; line-height: 1.55; }
.lj-politica h1 { margin: 0 0 4px; }
.lj-politica h2 { margin: 24px 0 6px; font-size: 1.15rem; }
.lj-politica ul { margin: 6px 0; padding-left: 22px; } .lj-politica li { margin: 3px 0; }
.lj-aceite { font-size: 13px; color: var(--lj-suave); text-align: center; margin: 8px 0 0; } .lj-aceite a { color: inherit; font-weight: 700; }

/* kits com escolha (tipo de filé, sabor das bolinhas) */
.lj-escolhas { display: grid; gap: 6px; margin: 8px 0 2px; }
.lj-escolha { display: grid; grid-template-columns: 76px 1fr; align-items: center; gap: 8px; font-size: .85rem; }
.lj-escolha span { font-weight: 600; }
.lj-escolha select { min-height: 40px; padding: 0 8px; border: 1px solid #d8c9b6; border-radius: 8px; background: #fff; font: inherit; }
.lj-sabores { display: block; color: #7a5a2c; }
.lj-foto.arte { aspect-ratio: 4 / 5; background-position: top center; }