/* Loja online — modelos de visual NOVOS e ajustes por modelo (Admin → Loja: Conteúdo → Tela inicial e visual).
   REGRA: aqui só existe posição, tamanho, formato e espaço. NUNCA cor própria: as cores vêm de Aparência (--lj-navy / --lj-lime / --mt-*).
   (neutros claros/escuros de apoio — branco, cinza de borda, verde/vermelho de "em estoque/esgotado" — não são cor da marca.)
   Os ajustes chegam como atributos no <body> (data-o-*) e como --lj-cols; ver helpers/loja_helper.php (lojaOptionDefs). */

body.lj { --lj-rc: 16px; --lj-gap: 18px; --lj-c: var(--lj-cols, 4); --lj-head-h: 0px; }
html { scroll-padding-top: calc(var(--lj-head-h) + 12px); }

/* =============== AJUSTES QUE VALEM PARA QUALQUER MODELO =============== */
/* cabeçalho fixo? */
html body.lj[data-o-menu-fixo="nao"] .lj-head { position: static; }
/* cantos dos cartões e fotos */
html body.lj[data-o-cantos="reto"]    { --lj-rc: 0px; }
html body.lj[data-o-cantos="suave"]   { --lj-rc: 8px; }
html body.lj[data-o-cantos="redondo"] { --lj-rc: 26px; }
html body.lj:not([data-o-cantos="auto"])[data-o-cantos] :is(.lj-card, .lj-hero, .lj-img, .lj-subtile, .lj-subtile .ph, .lj-blogsec, .lj-post, .lj-lock, .lj-det, .lj-side, .lj-flt, .lj-wa-sheet, .lj-tbl-wrap, .lj-deplist, .lj-tile.cartao, .lj-cta a) { border-radius: var(--lj-rc); }

/* barra de atalhos do celular */
.lj-bnav, .lj-buybar { display: none; }
@media (max-width: 760px) {
  .lj-bnav { display: grid; grid-auto-flow: column; grid-auto-columns: 1fr; position: fixed; left: 0; right: 0; bottom: 0; z-index: 85; background: #fff; border-top: 1px solid #e3e9f2; box-shadow: 0 -6px 20px rgba(15,23,42,.08); padding-bottom: env(safe-area-inset-bottom); }
  .lj-bnav a, .lj-bnav button { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 2px; padding: 8px 2px 7px; border: none; background: none; font-size: .66rem; font-weight: 800; color: #475569; text-decoration: none; cursor: pointer; position: relative; min-height: 54px; }
  .lj-bnav a span, .lj-bnav button span { font-size: 1.25rem; line-height: 1; }
  .lj-bnav a.on { color: var(--lj-navy); }
  .lj-bnav b { position: absolute; top: 4px; left: 55%; min-width: 17px; height: 17px; padding: 0 4px; border-radius: 999px; background: var(--lj-lime); color: var(--lj-navy); font-size: .66rem; line-height: 17px; text-align: center; }
  body.lj[data-o-barra-inferior="sim"] { padding-bottom: calc(60px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-inferior="sim"] .lj-wa-fix { bottom: calc(70px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-inferior="sim"] .lj-top-btn { bottom: calc(134px + env(safe-area-inset-bottom)); }
  /* botão de ação fixo na página do produto */
  .lj-buybar { display: flex; gap: 8px; position: fixed; left: 0; right: 0; bottom: 0; z-index: 86; padding: 10px 12px calc(10px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #e3e9f2; box-shadow: 0 -6px 20px rgba(15,23,42,.10); }
  .lj-buybar .lj-btn { flex: 1; justify-content: center; padding: 13px 10px; font-size: .92rem; }
  body.lj[data-o-barra-compra="sim"].lj-t-produto { padding-bottom: calc(76px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-compra="sim"].lj-t-produto .lj-wa-fix { bottom: calc(86px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-compra="sim"].lj-t-produto .lj-top-btn { bottom: calc(150px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-inferior="sim"].lj-t-produto .lj-buybar { bottom: calc(54px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-inferior="sim"][data-o-barra-compra="sim"].lj-t-produto { padding-bottom: calc(130px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-inferior="sim"][data-o-barra-compra="sim"].lj-t-produto .lj-wa-fix { bottom: calc(142px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-inferior="sim"][data-o-barra-compra="sim"].lj-t-produto .lj-top-btn { bottom: calc(206px + env(safe-area-inset-bottom)); }
}

/* =============== AJUSTES DE CARTÃO (modelos de grade novos) =============== */
html body.lj[data-o-foto="retrato"] .lj-img  { aspect-ratio: 4 / 5; }
html body.lj[data-o-foto="paisagem"] .lj-img { aspect-ratio: 4 / 3; }
html body.lj[data-o-moldura="plano"] .lj-card  { border-color: transparent; box-shadow: none; background: transparent; }
html body.lj[data-o-moldura="sombra"] .lj-card { border-color: transparent; box-shadow: 0 6px 22px rgba(15,23,42,.10); }
html body.lj[data-o-codigo="nao"] .lj-info .cod { display: none; }

/* colunas dos modelos de grade (--lj-c = produtos por linha efetivos) */
html body.lj[data-o-colunas] .lj-grid { grid-template-columns: repeat(var(--lj-c), minmax(0, 1fr)); gap: var(--lj-gap); }
@media (min-width: 1000px) { html body.lj[data-o-colunas] .lj-rail > .lj-card { flex-basis: calc((100% - (var(--lj-c) - 1) * 18px) / var(--lj-c)); } }
@media (min-width: 700px) and (max-width: 999px) { body.lj[data-o-colunas] { --lj-c: 3; } }
@media (max-width: 699px) { body.lj[data-o-colunas] { --lj-c: 2; } html body.lj[data-o-colunas] .lj-grid { gap: 10px; } }
html body.lj .lj-grid > .lj-card { min-width: 0; }

/* =============== 1) DEPARTAMENTOS =============== */
html body.lj-tpl-departamentos .lj-search { max-width: 780px; }
html body.lj-tpl-departamentos .lj-nav-in { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
html body.lj-tpl-departamentos .lj-nav-in::-webkit-scrollbar { display: none; }
html body.lj-tpl-departamentos .lj-nav-item { flex: 0 0 auto; }
html body.lj-tpl-departamentos .lj-drop { display: none; }
.lj-dept-btn { display: flex; align-items: center; gap: 8px; height: 100%; border: none; background: var(--lj-lime); color: var(--lj-navy); font-weight: 900; font-size: .85rem; letter-spacing: .03em; text-transform: uppercase; padding: 0 18px; min-height: 46px; cursor: pointer; white-space: nowrap; }
.lj-dept-btn[aria-expanded="true"] { filter: brightness(1.08); }
.lj-dept-panel { position: absolute; left: 0; right: 0; top: 100%; z-index: 95; background: #fff; box-shadow: 0 28px 60px rgba(15,23,42,.28); max-height: min(70vh, 560px); overflow: auto; }
.lj-dept-panel[hidden] { display: none; }
.lj-dept-panel .in { max-width: 1720px; margin: 0 auto; padding: 22px 28px 26px; display: grid; grid-template-columns: repeat(auto-fill, minmax(210px, 1fr)); gap: 20px 30px; }
.lj-dept-panel .col a { display: block; padding: 5px 0; font-size: .88rem; color: #334155; text-decoration: none; transition: color .15s, padding-left .15s; }
.lj-dept-panel .col a:hover { color: var(--lj-navy); padding-left: 4px; }
.lj-dept-panel .col a.t { font-weight: 900; color: var(--lj-navy); font-size: .96rem; margin-bottom: 5px; padding-bottom: 7px; border-bottom: 2px solid var(--lj-lime); }
.lj-dept-panel .col a.more { color: var(--lj-navy); font-weight: 800; font-size: .82rem; }
/* banner com a lista de departamentos ao lado */
.lj-dephero { display: grid; grid-template-columns: 250px minmax(0, 1fr); gap: 16px; align-items: stretch; margin-bottom: 22px; }
.lj-deplist { background: #fff; border-radius: var(--lj-rc); box-shadow: 0 2px 12px rgba(15,23,42,.07); padding: 12px 0; position: relative; }
.lj-deplist > strong { display: block; padding: 0 16px 8px; font-size: .74rem; letter-spacing: .1em; text-transform: uppercase; color: #64748b; }
.lj-deplist ul { list-style: none; margin: 0; padding: 0; }
.lj-deplist li { position: relative; }
.lj-deplist li:nth-child(n+9) { display: none; }
.lj-deplist li > a { display: flex; justify-content: space-between; align-items: center; gap: 8px; padding: 9px 16px; text-decoration: none; font-weight: 700; font-size: .9rem; color: var(--lj-ink); transition: background .15s, color .15s; }
.lj-deplist li > a i { font-style: normal; color: #94a3b8; font-size: 1.2rem; line-height: 1; }
.lj-deplist li:hover > a, .lj-deplist li:focus-within > a { background: #eef3ff; color: var(--lj-navy); }
.lj-deplist .fly { position: absolute; left: calc(100% - 4px); top: -4px; min-width: 260px; background: #fff; border-radius: 12px; box-shadow: 0 24px 50px rgba(15,23,42,.22); padding: 10px; display: none; z-index: 40; columns: 2; column-gap: 8px; }
.lj-deplist li:hover .fly, .lj-deplist li:focus-within .fly { display: block; }
.lj-deplist .fly a { display: block; padding: 7px 10px; border-radius: 8px; font-size: .86rem; color: #334155; text-decoration: none; break-inside: avoid; }
.lj-deplist .fly a:hover { background: #eef3ff; color: var(--lj-navy); }
.lj-deplist .fly a.all { font-weight: 900; color: var(--lj-navy); column-span: all; }
.lj-dephero-main { min-width: 0; }
.lj-dephero-main .lj-hero { margin: 0; max-width: none; height: 100%; }
.lj-dephero-main .lj-hero img { height: 100%; min-height: 300px; object-fit: cover; }
/* atalhos de categoria */
html body.lj-tpl-departamentos .lj-tile .c { display: none; }
html body.lj-tpl-departamentos[data-o-cat-formato="quadrado"] .lj-tile .ph { border-radius: 22px; }
html body.lj-tpl-departamentos[data-o-cat-formato="cartao"] .lj-tile { background: #fff; border-radius: var(--lj-rc); padding: 16px 10px 12px; box-shadow: 0 2px 12px rgba(15,23,42,.07); max-width: 170px; }
html body.lj-tpl-departamentos[data-o-cat-formato="cartao"] .lj-tile .ph { border-radius: 14px; box-shadow: none; width: 96px; height: 96px; }
html body.lj-tpl-departamentos[data-o-cat-formato="cartao"] .lj-tile .c { display: block; font-size: .74rem; color: #64748b; font-weight: 700; margin-top: -6px; }
html body.lj-tpl-departamentos .lj-sec h2::after { width: 100%; height: 2px; background: #e3e9f2; }
html body.lj-tpl-departamentos .lj-sec { align-items: center; }
/* subcategorias como etiquetas (também usado em outros modelos) */
.lj-chips2 { display: flex; gap: 8px; overflow-x: auto; padding: 4px 2px 14px; margin: 0 0 4px; scrollbar-width: none; }
.lj-chips2::-webkit-scrollbar { display: none; }
.lj-chips2 a { flex: 0 0 auto; padding: 8px 16px; border-radius: 999px; background: #fff; border: 1.5px solid #dbe5f0; font-weight: 800; font-size: .84rem; text-decoration: none; color: #334155; transition: background .15s, color .15s, border-color .15s; }
.lj-chips2 a:hover { border-color: var(--lj-navy); color: var(--lj-navy); }
.lj-chips2 a.on { background: var(--lj-navy); color: #fff; border-color: var(--lj-navy); }
@media (max-width: 999px) { .lj-dephero { display: block; } .lj-deplist { display: none; } .lj-dephero-main .lj-hero img { min-height: 0; } }
@media (max-width: 760px) {
  .lj-nav-in { overflow-x: visible; }
  html body.lj-tpl-departamentos .lj-nav-in { flex-wrap: wrap; overflow: visible; }
  .lj-dept-btn { width: 100%; justify-content: flex-start; min-height: 48px; }
  .lj-dept-panel { position: static; box-shadow: none; max-height: none; background: rgba(255,255,255,.07); }
  .lj-dept-panel .in { padding: 8px 14px 14px; grid-template-columns: 1fr; gap: 6px; }
  .lj-dept-panel .col a { color: #fff; } .lj-dept-panel .col a.t { color: var(--lj-lime); border-bottom-color: rgba(255,255,255,.2); }
  .lj-dept-panel .col a.more { color: var(--lj-lime); }
}

/* =============== 2) CARDÁPIO POR CATEGORIA =============== */
html body.lj-tpl-cardapio[data-o-abas-fixas="sim"] .lj-head { position: static; }
html body.lj-tpl-cardapio .lj-nav-in { flex-wrap: nowrap; overflow-x: auto; scrollbar-width: none; }
html body.lj-tpl-cardapio .lj-nav-in::-webkit-scrollbar { display: none; }
html body.lj-tpl-cardapio .lj-nav-item { flex: 0 0 auto; }
html body.lj-tpl-cardapio .lj-drop { display: none; }
.lj-tabs { margin: 0 0 14px; background: var(--lj-soft); z-index: 60; }
.lj-tabs.fixa { position: sticky; top: var(--lj-head-h); box-shadow: 0 1px 0 rgba(15,23,42,.06); margin-left: -18px; margin-right: -18px; padding: 0 18px; }
.lj-tabs-in { display: flex; gap: 8px; overflow-x: auto; padding: 10px 2px; scrollbar-width: none; scroll-behavior: smooth; }
.lj-tabs-in::-webkit-scrollbar { display: none; }
.lj-tabs a { flex: 0 0 auto; padding: 9px 17px; border-radius: 999px; background: #fff; border: 1.5px solid #dbe5f0; font-weight: 800; font-size: .86rem; text-decoration: none; color: #334155; white-space: nowrap; transition: background .2s, color .2s, border-color .2s; }
.lj-tabs a:hover { border-color: var(--lj-navy); color: var(--lj-navy); }
.lj-tabs a.on { background: var(--lj-navy); color: #fff; border-color: var(--lj-navy); }
.lj-cardsec { margin: 4px 0 28px; scroll-margin-top: calc(var(--lj-head-h) + 70px); }
.lj-cardsec-h { display: flex; align-items: baseline; justify-content: space-between; gap: 12px; margin: 16px 0 12px; }
.lj-cardsec-h h2 { margin: 0; font-size: 1.3rem; font-weight: 900; }
.lj-cardsec-h h2 small { font-size: .78rem; font-weight: 700; color: #64748b; margin-left: 6px; }
.lj-cardsec-h .more { font-weight: 800; font-size: .84rem; color: var(--lj-navy); text-decoration: none; white-space: nowrap; }
.lj-cardsec-all { display: block; text-align: center; margin: 12px 0 0; padding: 12px; border-radius: 12px; border: 1.5px dashed #b8c9ee; color: var(--lj-navy); font-weight: 800; font-size: .88rem; text-decoration: none; background: rgba(255,255,255,.6); }
.lj-cardsec-all:hover { background: #fff; }
/* cartão horizontal: texto de um lado, foto do outro */
html body.lj-tpl-cardapio .lj-grid { grid-template-columns: repeat(var(--lj-c), minmax(0, 1fr)); gap: 12px; }
html body.lj-tpl-cardapio .lj-grid > .lj-card { display: grid; grid-template-columns: minmax(0, 1fr) 118px; grid-template-areas: "info img" "cta img"; column-gap: 12px; align-items: start; padding: 12px; border-radius: var(--lj-rc); }
html body.lj-tpl-cardapio[data-o-foto-lado="esquerda"] .lj-grid > .lj-card { grid-template-columns: 118px minmax(0, 1fr); grid-template-areas: "img info" "img cta"; }
html body.lj-tpl-cardapio .lj-grid > .lj-card:hover { transform: translateY(-2px); }
html body.lj-tpl-cardapio .lj-grid .lj-card-main { display: contents; }
html body.lj-tpl-cardapio .lj-grid .lj-img { grid-area: img; width: 118px; height: 118px; aspect-ratio: auto; border-radius: calc(var(--lj-rc) * .7); border: 1px solid #eef1f6; }
html body.lj-tpl-cardapio .lj-grid .lj-img img { inset: 6px; width: calc(100% - 12px); height: calc(100% - 12px); }
html body.lj-tpl-cardapio .lj-grid .lj-img .lj-badge { top: 4px; left: 4px; font-size: .6rem; padding: 3px 7px; }
html body.lj-tpl-cardapio .lj-grid .lj-info { grid-area: info; text-align: left; padding: 0; gap: 3px; min-width: 0; }
html body.lj-tpl-cardapio .lj-grid .lj-info .nome { min-height: 0; -webkit-line-clamp: 2; font-size: .98rem; }
html body.lj-tpl-cardapio .lj-grid .lj-cta { grid-area: cta; padding: 0; align-self: end; display: flex; gap: 6px; flex-wrap: wrap; margin-top: 8px; }
html body.lj-tpl-cardapio .lj-grid .lj-cta a { padding: 8px 12px; font-size: .78rem; }
html body.lj-tpl-cardapio .lj-grid .lj-cta .b { border-color: #25D366; }
@media (min-width: 700px) and (max-width: 999px) { html body.lj-tpl-cardapio .lj-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 699px) {
  html body.lj-tpl-cardapio .lj-grid { grid-template-columns: 1fr; gap: 10px; }
  html body.lj-tpl-cardapio .lj-grid > .lj-card { grid-template-columns: minmax(0, 1fr) 104px; padding: 10px; }
  html body.lj-tpl-cardapio[data-o-foto-lado="esquerda"] .lj-grid > .lj-card { grid-template-columns: 104px minmax(0, 1fr); }
  html body.lj-tpl-cardapio .lj-grid .lj-img { width: 104px; height: 104px; }
  .lj-tabs.fixa { margin-left: -12px; margin-right: -12px; padding: 0 12px; }
}

/* =============== 3) LOJA COM FILTROS =============== */
html body.lj-tpl-filtros .lj-search { max-width: 760px; }
.lj-lay-flt { display: grid; grid-template-columns: 270px minmax(0, 1fr); gap: 24px; align-items: start; }
html body.lj-tpl-filtros[data-o-painel="gaveta"] .lj-lay-flt { grid-template-columns: minmax(0, 1fr); }
.lj-flt { background: #fff; border-radius: var(--lj-rc); box-shadow: 0 2px 12px rgba(15,23,42,.07); position: sticky; top: calc(var(--lj-head-h) + 14px); max-height: calc(100vh - var(--lj-head-h) - 28px); overflow: auto; overscroll-behavior: contain; }
.lj-flt-h { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 16px 18px 8px; position: sticky; top: 0; background: #fff; z-index: 2; }
.lj-flt-h strong { font-size: 1rem; font-weight: 900; }
.lj-flt-h .clr, .lj-flt-chips .clr { font-size: .8rem; font-weight: 800; color: var(--lj-navy); text-decoration: underline; margin-left: auto; }
.lj-flt-x, .lj-flt-f { display: none; }
.lj-flt-x { width: 36px; height: 36px; border-radius: 50%; border: none; background: var(--lj-soft); font-size: 1.4rem; line-height: 1; cursor: pointer; color: var(--lj-navy); }
.lj-flt .g { padding: 4px 18px 6px; border-top: 1px solid #eef1f6; }
.lj-flt details.g > summary { list-style: none; cursor: pointer; padding: 12px 0; font-weight: 900; font-size: .9rem; display: flex; justify-content: space-between; align-items: center; }
.lj-flt details.g > summary::-webkit-details-marker { display: none; }
.lj-flt details.g > summary::after { content: '+'; font-size: 1.2rem; color: var(--lj-navy); }
.lj-flt details.g[open] > summary::after { content: '−'; }
.lj-flt details.g > summary b { color: var(--lj-lime); margin-left: 4px; }
.lj-flt .opts { display: flex; flex-direction: column; padding-bottom: 12px; max-height: 260px; overflow: auto; }
.lj-flt .opts a { display: flex; align-items: center; gap: 8px; padding: 7px 8px; border-radius: 9px; font-size: .88rem; text-decoration: none; color: #334155; transition: background .15s; }
.lj-flt .opts a:hover { background: #eef3ff; color: var(--lj-navy); }
.lj-flt .opts a small { margin-left: auto; color: #94a3b8; font-weight: 700; font-size: .74rem; }
.lj-flt .opts a.on { background: #eef3ff; color: var(--lj-navy); font-weight: 900; }
.lj-flt .opts a i { font-style: normal; color: var(--lj-navy); font-weight: 900; }
.lj-flt .opts a.sub { padding-left: 22px; font-size: .84rem; }
.lj-flt .opts.tams { flex-direction: row; flex-wrap: wrap; gap: 6px; max-height: none; }
.lj-flt .opts.tams a { border: 1.5px solid #dbe5f0; border-radius: 999px; padding: 6px 12px; }
.lj-flt .opts.tams a.on { border-color: var(--lj-navy); }
.lj-flt .opts.tams a small { display: none; }
.lj-flt .g.sw a { display: flex; align-items: center; gap: 10px; padding: 12px 0; text-decoration: none; color: #334155; font-weight: 800; font-size: .9rem; }
.lj-flt .g.sw .knob { width: 40px; height: 22px; border-radius: 999px; background: #cbd5e1; position: relative; transition: background .2s; flex: 0 0 auto; }
.lj-flt .g.sw .knob::after { content: ''; position: absolute; left: 3px; top: 3px; width: 16px; height: 16px; border-radius: 50%; background: #fff; transition: transform .2s; }
.lj-flt .g.sw a.on .knob { background: var(--lj-navy); } .lj-flt .g.sw a.on .knob::after { transform: translateX(18px); }
.lj-flt .g.sw small { margin-left: auto; color: #94a3b8; font-weight: 700; }
.lj-flt-bar { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; margin: 0 0 12px; }
.lj-flt-bar .ct { color: #64748b; font-size: .9rem; } .lj-flt-bar .ct b { color: var(--lj-ink); }
.lj-flt-bar .ord { margin-left: auto; }
.lj-flt-bar .ord label { display: flex; align-items: center; gap: 8px; font-weight: 800; font-size: .84rem; color: #475569; }
.lj-flt-bar .ord select { padding: 9px 12px; border: 1.5px solid #dbe5f0; border-radius: 10px; background: #fff; font-weight: 700; font-size: .86rem; max-width: 52vw; }
.lj-flt-open { display: none; padding: 10px 16px; }
.lj-flt-open b { background: var(--lj-lime); color: var(--lj-navy); border-radius: 999px; padding: 1px 8px; font-size: .74rem; }
html body.lj-tpl-filtros[data-o-painel="gaveta"] .lj-flt-open { display: inline-flex; }
.lj-flt-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 14px; align-items: center; }
.lj-flt-chips a { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: 999px; background: #fff; border: 1.5px solid var(--lj-navy); color: var(--lj-navy); font-size: .8rem; font-weight: 700; text-decoration: none; }
.lj-flt-chips a i { font-style: normal; font-size: 1rem; line-height: 1; }
.lj-flt-chips a.clr { border: none; background: none; text-decoration: underline; padding: 6px 4px; margin-left: 0; }
/* gaveta: painel fora da tela que desliza da esquerda — sempre no celular (<900px) e, no computador, quando "Gaveta" for a escolha */
.lj-flt-bg { display: block; position: fixed; inset: 0; z-index: 129; background: rgba(15,23,42,.5); opacity: 0; pointer-events: none; transition: opacity .25s; }
body.lj-flt-on .lj-flt-bg { opacity: 1; pointer-events: auto; }
@media (max-width: 899px) {
  .lj-lay-flt { grid-template-columns: minmax(0, 1fr); }
  .lj-flt-open { display: inline-flex; align-items: center; gap: 6px; }
  html body.lj-tpl-filtros .lj-flt { position: fixed; top: 0; bottom: 0; left: 0; width: min(360px, 92vw); max-height: none; border-radius: 0 var(--lj-rc) var(--lj-rc) 0; transform: translateX(-104%); transition: transform .28s cubic-bezier(.2,.8,.2,1); z-index: 130; display: flex; flex-direction: column; overflow: auto; }
  html body.lj-tpl-filtros .lj-flt .lj-flt-x { display: inline-flex; align-items: center; justify-content: center; }
  html body.lj-tpl-filtros .lj-flt .lj-flt-f { display: block; position: sticky; bottom: 0; padding: 12px 16px calc(12px + env(safe-area-inset-bottom)); background: #fff; border-top: 1px solid #eef1f6; margin-top: auto; }
  html body.lj-tpl-filtros .lj-flt .lj-flt-f .lj-btn { width: 100%; justify-content: center; }
}
html body.lj-tpl-filtros[data-o-painel="gaveta"] .lj-flt { position: fixed; top: 0; bottom: 0; left: 0; width: min(380px, 92vw); max-height: none; border-radius: 0 var(--lj-rc) var(--lj-rc) 0; transform: translateX(-104%); transition: transform .28s cubic-bezier(.2,.8,.2,1); z-index: 130; display: flex; flex-direction: column; overflow: auto; }
html body.lj-tpl-filtros[data-o-painel="gaveta"] .lj-flt .lj-flt-x { display: inline-flex; align-items: center; justify-content: center; }
html body.lj-tpl-filtros[data-o-painel="gaveta"] .lj-flt .lj-flt-f { display: block; position: sticky; bottom: 0; padding: 12px 16px; background: #fff; border-top: 1px solid #eef1f6; margin-top: auto; }
html body.lj-tpl-filtros[data-o-painel="gaveta"] .lj-flt .lj-flt-f .lj-btn { width: 100%; justify-content: center; }
html body.lj-tpl-filtros.lj-flt-on .lj-flt { transform: none; }
@media (min-width: 900px) and (max-width: 1199px) { body.lj-tpl-filtros[data-o-painel="lateral"][data-o-colunas="4"], body.lj-tpl-filtros[data-o-painel="lateral"][data-o-colunas="5"], body.lj-tpl-filtros[data-o-painel="lateral"][data-o-colunas="6"] { --lj-c: 3; } }
@media (min-width: 1200px) and (max-width: 1499px) { body.lj-tpl-filtros[data-o-painel="lateral"][data-o-colunas="5"], body.lj-tpl-filtros[data-o-painel="lateral"][data-o-colunas="6"] { --lj-c: 4; } }

/* =============== 4) PORTAL DE CATEGORIAS =============== */
body.lj-tpl-portal { --lj-tc: var(--lj-tiles, 3); }
html body.lj-tpl-portal[data-o-tiles-cols="2"] { --lj-tc: 2; } html body.lj-tpl-portal[data-o-tiles-cols="3"] { --lj-tc: 3; } html body.lj-tpl-portal[data-o-tiles-cols="4"] { --lj-tc: 4; }
html body.lj-tpl-portal { --lj-ta: 4 / 3; }
html body.lj-tpl-portal[data-o-tiles-prop="quadrado"] { --lj-ta: 1 / 1; } html body.lj-tpl-portal[data-o-tiles-prop="retrato"] { --lj-ta: 3 / 4; }
html body.lj-tpl-portal .lj-rail.lj-tiles, .lj-subtiles { display: grid; grid-template-columns: repeat(var(--lj-tc), minmax(0, 1fr)); gap: 16px; overflow: visible; padding: 6px 0 18px; margin: 0; }
html body.lj-tpl-portal .lj-rail.lj-tiles > :first-child, html body.lj-tpl-portal .lj-rail.lj-tiles > :last-child { margin: 0; }
html body.lj-tpl-portal .lj-tile, .lj-subtile { position: relative; display: block; width: auto; max-width: none; flex: none; aspect-ratio: var(--lj-ta); border-radius: var(--lj-rc); overflow: hidden; background: var(--lj-navy); text-decoration: none; transition: transform .3s, box-shadow .3s; box-shadow: 0 4px 16px rgba(15,23,42,.10); }
html body.lj-tpl-portal .lj-tile:hover, .lj-subtile:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(15,23,42,.22); }
html body.lj-tpl-portal .lj-tile .ph, .lj-subtile .ph { position: absolute; inset: 0; width: 100%; height: 100%; border-radius: 0; box-shadow: none; background: transparent; display: block; }
html body.lj-tpl-portal .lj-tile:hover .ph { transform: none; box-shadow: none; }
html body.lj-tpl-portal .lj-tile .ph img, .lj-subtile .ph img { width: 100%; height: 100%; object-fit: cover; mix-blend-mode: normal; transition: transform .6s; }
html body.lj-tpl-portal .lj-tile:hover .ph img, .lj-subtile:hover .ph img { transform: scale(1.07); }
html body.lj-tpl-portal .lj-tile span.n, .lj-subtile .n { position: absolute; left: 0; right: 0; bottom: 0; padding: 48px 16px 28px; background: linear-gradient(transparent, rgba(15,23,42,.78)); color: #fff; font-weight: 900; font-size: 1.15rem; text-align: left; line-height: 1.15; }
html body.lj-tpl-portal .lj-tile .c, .lj-subtile .c { position: absolute; left: 16px; bottom: 10px; color: rgba(255,255,255,.85); font-size: .76rem; font-weight: 700; }
html body.lj-tpl-portal[data-o-contagem="nao"] .lj-tile .c, html body.lj-tpl-portal[data-o-contagem="nao"] .lj-subtile .c { display: none; }
html body.lj-tpl-portal[data-o-contagem="nao"] .lj-tile span.n, html body.lj-tpl-portal[data-o-contagem="nao"] .lj-subtile .n { padding-bottom: 14px; }
.lj-subtiles { --lj-ta: 16 / 10; grid-template-columns: repeat(auto-fill, minmax(190px, 1fr)); margin-bottom: 8px; }
html body.lj-tpl-portal .lj-sec h2 { font-size: 1.7rem; }
html body.lj-tpl-portal .lj-h1 { font-size: 2.1rem; }
html body.lj-tpl-portal .lj-grid { gap: 22px; }
@media (max-width: 760px) {
  html body.lj-tpl-portal .lj-rail.lj-tiles, .lj-subtiles { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
  html body.lj-tpl-portal .lj-tile span.n, .lj-subtile .n { font-size: .95rem; padding: 36px 12px 24px; } html body.lj-tpl-portal .lj-tile .c, .lj-subtile .c { left: 12px; bottom: 8px; font-size: .7rem; }
  html body.lj-tpl-portal .lj-h1 { font-size: 1.6rem; }
}

/* =============== 5) PEDIDO RÁPIDO (TABELA) =============== */
html body.lj-tpl-tabela .lj-wrap { max-width: 1500px; }
.lj-tbl-wrap { background: #fff; border-radius: var(--lj-rc); box-shadow: 0 2px 14px rgba(15,23,42,.07); overflow: clip; }
.lj-tbl-tools { display: flex; align-items: center; gap: 12px; padding: 12px 14px; border-bottom: 1px solid #eef1f6; position: sticky; top: var(--lj-head-h); background: #fff; z-index: 20; }
.lj-tbl-tools input { flex: 1; max-width: 460px; padding: 11px 16px; border: 2px solid #e2e8f0; border-radius: 999px; font-size: .92rem; }
.lj-tbl-tools input:focus { outline: none; border-color: var(--lj-navy); box-shadow: 0 0 0 4px rgba(30,58,123,.10); }
.lj-tbl-tools .n { color: #64748b; font-size: .84rem; font-weight: 700; margin-left: auto; white-space: nowrap; }
.lj-tbl { width: 100%; border-collapse: collapse; }
.lj-tbl thead th { position: sticky; top: calc(var(--lj-head-h) + 58px); background: #f8fafc; z-index: 10; text-align: left; font-size: .72rem; letter-spacing: .07em; text-transform: uppercase; color: #64748b; font-weight: 900; padding: 10px 12px; border-bottom: 2px solid #e3e9f2; white-space: nowrap; }
.lj-tbl thead th button { border: none; background: none; font: inherit; letter-spacing: inherit; text-transform: inherit; color: inherit; cursor: pointer; padding: 0; }
.lj-tbl thead th button::after { content: ' ↕'; opacity: .45; }
.lj-tbl thead th button.asc::after { content: ' ↑'; opacity: 1; color: var(--lj-navy); } .lj-tbl thead th button.desc::after { content: ' ↓'; opacity: 1; color: var(--lj-navy); }
.lj-tbl thead th.a { text-align: right; }
.lj-tbl td { padding: 10px 12px; border-bottom: 1px solid #eef1f6; vertical-align: middle; font-size: .9rem; }
.lj-tbl tbody tr { transition: background .12s; }
.lj-tbl tbody tr:hover { background: #eef3ff; }
html body.lj-tpl-tabela[data-o-zebra="sim"] .lj-tbl tbody tr:nth-child(even) { background: #f8fafc; }
html body.lj-tpl-tabela[data-o-zebra="sim"] .lj-tbl tbody tr:nth-child(even):hover { background: #eef3ff; }
.lj-tbl td.f { width: 76px; } .lj-tbl td.f img, .lj-tbl td.f .nf { width: 56px; height: 56px; object-fit: contain; border-radius: 8px; background: #fff; border: 1px solid #eef1f6; display: flex; align-items: center; justify-content: center; color: #94a3b8; }
html body.lj-tpl-tabela[data-o-foto-tabela="nao"] .lj-tbl .f { display: none; }
.lj-tbl td.c { font-weight: 800; font-size: .78rem; color: #64748b; white-space: nowrap; letter-spacing: .03em; }
.lj-tbl td.n a { font-weight: 800; text-decoration: none; color: var(--lj-ink); } .lj-tbl td.n a:hover { color: var(--lj-navy); text-decoration: underline; }
.lj-tbl td.n small { display: block; color: #64748b; font-size: .76rem; margin-top: 2px; }
.lj-tbl td.v { color: #64748b; font-size: .84rem; white-space: nowrap; }
.lj-tbl .dot { display: inline-flex; align-items: center; gap: 6px; font-size: .8rem; font-weight: 700; color: #334155; white-space: nowrap; }
.lj-tbl .dot::before { content: ''; width: 9px; height: 9px; border-radius: 50%; background: #16a34a; }
.lj-tbl .dot.no::before { background: #ef4444; } .lj-tbl .dot.no { color: #991b1b; }
.lj-tbl td.p { font-weight: 900; color: var(--lj-navy); white-space: nowrap; }
.lj-tbl td.a { text-align: right; white-space: nowrap; }
.lj-tbl td.a.lj-cta { display: table-cell; padding: 8px 12px; }
.lj-tbl td.a a { display: inline-flex; width: auto; padding: 8px 12px; font-size: .78rem; margin: 2px 0 2px 6px; vertical-align: middle; }
.lj-tbl td.a .lj-cardbuy { display: inline-block; vertical-align: middle; }
html body.lj-tpl-tabela[data-o-densidade="compacta"] .lj-tbl td { padding: 5px 10px; }
html body.lj-tpl-tabela[data-o-densidade="compacta"] .lj-tbl td.f img, html body.lj-tpl-tabela[data-o-densidade="compacta"] .lj-tbl td.f .nf { width: 38px; height: 38px; }
html body.lj-tpl-tabela[data-o-densidade="compacta"] .lj-tbl td.f { width: 54px; }
.lj-tbl tr.sel td { background: #eef3ff; }
.lj-tbl-empty { padding: 26px; text-align: center; color: #64748b; margin: 0; }
html body.lj-tpl-tabela .lj-rail > .lj-card { min-width: 190px; }
@media (max-width: 899px) { .lj-tbl td.v, .lj-tbl thead th.v { display: none; } }
@media (max-width: 699px) {
  .lj-tbl thead { display: none; }
  .lj-tbl, .lj-tbl tbody, .lj-tbl tr, .lj-tbl td { display: block; }
  .lj-tbl tr { display: grid; grid-template-columns: 68px minmax(0, 1fr); grid-template-areas: "f n" "f c" "f e" "a a"; gap: 2px 12px; padding: 12px; border-bottom: 1px solid #eef1f6; }
  .lj-tbl td { border: none; padding: 0; }
  .lj-tbl td.f { grid-area: f; width: auto; } .lj-tbl td.f img, .lj-tbl td.f .nf { width: 68px; height: 68px; }
  .lj-tbl td.n { grid-area: n; } .lj-tbl td.c { grid-area: c; } .lj-tbl td.e { grid-area: e; } .lj-tbl td.p { grid-area: e; justify-self: end; }
  .lj-tbl td.a, .lj-tbl td.a.lj-cta { grid-area: a; text-align: left; display: flex; gap: 8px; flex-wrap: wrap; padding-top: 8px; }
  .lj-tbl td.a a { flex: 1; justify-content: center; margin: 0; padding: 10px 8px; }
  .lj-tbl-tools { top: var(--lj-head-h); } .lj-tbl-tools .n { display: none; }
  html body.lj-tpl-tabela[data-o-foto-tabela="nao"] .lj-tbl tr { grid-template-columns: minmax(0, 1fr); grid-template-areas: "n" "c" "e" "a"; }
}

/* =============== 6) MURAL =============== */
html body.lj-tpl-mural { --lj-mg: 14px; }
html body.lj-tpl-mural[data-o-espaco="compacto"] { --lj-mg: 6px; } html body.lj-tpl-mural[data-o-espaco="amplo"] { --lj-mg: 24px; }
html body.lj-tpl-mural .lj-nav { background: transparent; }
html body.lj-tpl-mural .lj-nav-in { flex-wrap: nowrap; overflow-x: auto; gap: 8px; padding-top: 10px; padding-bottom: 10px; scrollbar-width: none; }
html body.lj-tpl-mural .lj-nav-in::-webkit-scrollbar { display: none; }
html body.lj-tpl-mural .lj-nav-item { flex: 0 0 auto; }
html body.lj-tpl-mural .lj-nav-item > a { background: #fff; color: var(--lj-ink); border: 1.5px solid #dbe5f0; border-radius: 999px; padding: 8px 16px; text-transform: none; letter-spacing: 0; font-size: .86rem; }
html body.lj-tpl-mural .lj-nav-item > a::after { display: none; }
html body.lj-tpl-mural .lj-nav-item > a:hover, html body.lj-tpl-mural .lj-nav-item > a.on { background: var(--lj-navy); color: #fff; border-color: var(--lj-navy); }
html body.lj-tpl-mural .lj-nav-item.blog > a { margin: 0; background: var(--lj-lime); color: var(--lj-navy); border-color: var(--lj-lime); }
html body.lj-tpl-mural .lj-drop { display: none; }
html body.lj-tpl-mural .lj-grid { display: block; column-count: var(--lj-c); column-gap: var(--lj-mg); }
html body.lj-tpl-mural .lj-grid > .lj-card { display: block; position: relative; break-inside: avoid; margin: 0 0 var(--lj-mg); border: none; border-radius: var(--lj-rc); background: transparent; box-shadow: none; overflow: hidden; }
html body.lj-tpl-mural .lj-grid > .lj-card:hover { transform: none; box-shadow: 0 16px 34px rgba(15,23,42,.2); }
html body.lj-tpl-mural .lj-grid .lj-card-main { display: block; position: relative; }
html body.lj-tpl-mural .lj-grid .lj-img { border-radius: var(--lj-rc); aspect-ratio: 4 / 5; background: #fff; }
html body.lj-tpl-mural .lj-grid .lj-img img { inset: 0; width: 100%; height: 100%; object-fit: cover; }
html body.lj-tpl-mural[data-o-alturas="irregular"] .lj-grid > .lj-card:nth-child(7n+1) .lj-img { aspect-ratio: 4 / 5.4; }
html body.lj-tpl-mural[data-o-alturas="irregular"] .lj-grid > .lj-card:nth-child(7n+2) .lj-img { aspect-ratio: 1 / 1; }
html body.lj-tpl-mural[data-o-alturas="irregular"] .lj-grid > .lj-card:nth-child(7n+3) .lj-img { aspect-ratio: 3 / 4; }
html body.lj-tpl-mural[data-o-alturas="irregular"] .lj-grid > .lj-card:nth-child(7n+4) .lj-img { aspect-ratio: 5 / 4; }
html body.lj-tpl-mural[data-o-alturas="irregular"] .lj-grid > .lj-card:nth-child(7n+5) .lj-img { aspect-ratio: 4 / 5; }
html body.lj-tpl-mural[data-o-alturas="irregular"] .lj-grid > .lj-card:nth-child(7n+6) .lj-img { aspect-ratio: 1 / 1.25; }
html body.lj-tpl-mural[data-o-alturas="irregular"] .lj-grid > .lj-card:nth-child(7n+7) .lj-img { aspect-ratio: 6 / 5; }
html body.lj-tpl-mural .lj-grid .lj-info { position: absolute; left: 0; right: 0; bottom: 0; padding: 40px 14px 12px; background: linear-gradient(transparent, rgba(15,23,42,.78)); text-align: left; transition: opacity .25s; gap: 2px; }
html body.lj-tpl-mural .lj-grid .lj-info .nome { color: #fff; min-height: 0; -webkit-line-clamp: 2; font-size: .92rem; }
html body.lj-tpl-mural .lj-grid .lj-info .cod, html body.lj-tpl-mural .lj-grid .lj-info .var { display: none; }
html body.lj-tpl-mural .lj-grid .lj-info .lj-price { color: var(--lj-lime); margin: 0; font-size: 1rem; }
html body.lj-tpl-mural .lj-grid .lj-cta { padding: 0; display: block; }
html body.lj-tpl-mural .lj-grid .lj-cta > a { display: none; }
html body.lj-tpl-mural .lj-grid .lj-cardbuy { padding: 8px 10px; background: #fff; }
@media (hover: hover) and (min-width: 761px) {
  html body.lj-tpl-mural[data-o-legenda="hover"] .lj-grid .lj-info { opacity: 0; }
  html body.lj-tpl-mural[data-o-legenda="hover"] .lj-grid > .lj-card:hover .lj-info { opacity: 1; }
}
html body.lj-tpl-mural .lj-grid .lj-badge { top: 10px; left: 10px; }
@media (max-width: 699px) { html body.lj-tpl-mural { --lj-mg: 8px; } html body.lj-tpl-mural .lj-grid .lj-info { padding: 30px 10px 8px; } html body.lj-tpl-mural .lj-grid .lj-info .nome { font-size: .8rem; } }
@media (min-width: 700px) and (max-width: 999px) { html body.lj-tpl-mural .lj-grid { column-count: 3; } }
@media (max-width: 699px) { html body.lj-tpl-mural .lj-grid { column-count: 2; } }

/* sem barra lateral de categorias: o conteúdo ocupa tudo */
.lj-lay.lj-nosb { display: block; }
.lj-main-col { min-width: 0; }
.lj-dephero-main .lj-hero .b, .lj-dephero-main .lj-hero picture { height: 100%; }
/* portal: a foto mostra o produto inteiro (as capas de categoria são fotos de produto), com o nome sobre a faixa escura embaixo */
html body.lj-tpl-portal .lj-tile .ph:not(:empty), .lj-subtile .ph:not(:empty) { background: #fff; }
html body.lj-tpl-portal .lj-tile .ph img, .lj-subtile .ph img { object-fit: contain; padding: 12px 12px 58px; }
html body.lj-tpl-portal[data-o-contagem="nao"] .lj-tile .ph img, html body.lj-tpl-portal[data-o-contagem="nao"] .lj-subtile .ph img { padding-bottom: 48px; }
/* com a barra de atalhos ou o botão fixo do produto, o botão redondo do WhatsApp sai (a barra já tem WhatsApp) */
@media (max-width: 760px) {
  body.lj[data-o-barra-inferior="sim"] .lj-wa-fix, body.lj[data-o-barra-compra="sim"].lj-t-produto .lj-wa-fix { display: none; }
  body.lj[data-o-barra-inferior="sim"] .lj-top-btn { bottom: calc(70px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-compra="sim"].lj-t-produto .lj-top-btn { bottom: calc(86px + env(safe-area-inset-bottom)); }
  body.lj[data-o-barra-inferior="sim"][data-o-barra-compra="sim"].lj-t-produto .lj-top-btn { bottom: calc(142px + env(safe-area-inset-bottom)); }
}
@media (max-width: 560px) {
  .lj-flt-bar { gap: 8px; }
  .lj-flt-bar .ct { order: 3; flex-basis: 100%; font-size: .82rem; }
  .lj-flt-bar .ord { margin-left: auto; }
  .lj-flt-bar .ord label { font-size: 0; }
  .lj-flt-bar .ord select { font-size: .86rem; max-width: 56vw; }
}
/* menu suspenso do último item de menu abre para a esquerda (não passa da borda da tela e não cria rolagem lateral em tablet) */
@media (min-width: 761px) { .lj-nav-item.rt .lj-drop { left: auto; right: 0; } }
/* tabela em tablet: os botões da ação ficam um sobre o outro (a linha não passa da tela) */
@media (min-width: 700px) and (max-width: 1099px) {
  .lj-tbl td.a, .lj-tbl td.a.lj-cta { white-space: normal; width: 190px; }
  .lj-tbl td.a a { display: flex; justify-content: center; width: 100%; margin: 3px 0; }
  .lj-tbl td.a .lj-cardbuy { display: block; }
}

/* ---- Logo em destaque (opção "Tamanho do logo"): só no computador; no celular o logo continua pequeno. Sem cor própria. ---- */
@media (min-width: 901px) {
  html body.lj[data-o-logo="grande"] .lj-logo .lg, html body.lj[data-o-logo="destaque"] .lj-logo .lg { width: auto; height: auto; border-radius: 0; overflow: visible; transition: none; }
  html body.lj[data-o-logo="grande"] .lj-logo:hover .lg, html body.lj[data-o-logo="destaque"] .lj-logo:hover .lg { transform: none; }
  html body.lj[data-o-logo="grande"] .lj-logo .lg.has-img img { width: auto; height: auto; max-width: 210px; max-height: 76px; transition: max-height .25s ease; }
  html body.lj[data-o-logo="destaque"] .lj-logo .lg.has-img img { width: auto; height: auto; max-width: 300px; max-height: 118px; transition: max-height .25s ease; }
  html body.lj[data-o-logo="grande"] .lj-logo .lg:not(.has-img) { width: 66px; height: 66px; border-radius: 16px; }
  html body.lj[data-o-logo="destaque"] .lj-logo .lg:not(.has-img) { width: 92px; height: 92px; border-radius: 22px; }
  html body.lj[data-o-logo="destaque"] .lj-logo .lg:not(.has-img) svg { width: 46px; height: 46px; }
  html body.lj[data-o-logo="grande"] .lj-logo .lg:not(.has-img) svg { width: 34px; height: 34px; }
  /* o logo da empresa já traz o nome: o texto ao lado fica só para leitores de tela */
  html body.lj[data-o-logo="grande"] .lj-logo .lg.has-img + span, html body.lj[data-o-logo="destaque"] .lj-logo .lg.has-img + span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
  /* ao rolar o cabeçalho fixo encolhe o logo (senão ocuparia ~130 px da tela o tempo todo) */
  html body.lj[data-o-logo="grande"] .lj-head.sc .lj-logo .lg.has-img img, html body.lj[data-o-logo="destaque"] .lj-head.sc .lj-logo .lg.has-img img { max-height: 46px; }
  html body.lj[data-o-logo="grande"] .lj-head.sc .lj-logo .lg:not(.has-img), html body.lj[data-o-logo="destaque"] .lj-head.sc .lj-logo .lg:not(.has-img) { width: 44px; height: 44px; border-radius: 12px; }
  html body.lj[data-o-logo="destaque"] .lj-head-in { padding-top: 16px; padding-bottom: 16px; }
}

/* ---- Botão de entrar: ícone de pessoa + palavra "Entrar" (no celular antes era só uma chave) ---- */
.lj-btn.lj-acct { gap: 9px; padding: 8px 16px 8px 12px; line-height: 1.1; }
.lj-btn.lj-acct .ic { font-size: 1.25rem; line-height: 1; }
.lj-btn.lj-acct .tx { display: inline-flex; flex-direction: column; text-align: left; }
.lj-btn.lj-acct .tx b { font-size: .92rem; font-weight: 900; }
.lj-btn.lj-acct .tx small { font-size: .68rem; font-weight: 700; opacity: .8; margin-top: 2px; }
@media (max-width: 760px) {
  .lj-actions .lj-btn.lj-acct span.tx { display: inline-flex; }
  .lj-actions .lj-btn.lj-acct { padding: 8px 13px 8px 10px; }
  .lj-actions .lj-btn.lj-acct .tx small { display: none; }
}
@media (max-width: 760px) {   /* celular: burger | logo+nome (encurta com …) | Entrar — tudo na 1ª linha; a busca fica na 2ª */
  html body.lj .lj-head-in .lj-logo { flex: 1 1 0%; min-width: 0; }   /* base 0: senão a quebra de linha conta o nome inteiro e o Entrar desce */
  html body.lj .lj-head-in .lj-logo > span:last-child { overflow: hidden; text-overflow: ellipsis; min-width: 0; }
  html body.lj .lj-head-in .lj-actions { margin-left: 0; flex: 0 0 auto; }
}