/* T032: opções do catálogo, sem alterar o Original do tema ou os Destaques. */
#loja-visualizacao[hidden],#loja-visualizacao [hidden] { display:none; }
#loja-visualizacao { display:flex; align-items:flex-end; flex-wrap:wrap; gap:10px; margin:0 0 16px; }
#loja-visualizacao label { display:grid; gap:5px; min-width:0; flex:1 1 160px; max-width:240px; color:var(--muted); font:inherit; font-size:12px; }
#loja-visualizacao select,#loja-visualizacao button { min-height:44px; max-width:100%; padding:9px 12px; border:1px solid var(--linha); border-radius:var(--raio-menor,10px); color:var(--txt); background:var(--card); font:inherit; font-size:14px; }
#loja-visualizacao select { width:100%; }
#loja-visualizacao button { cursor:pointer; text-align:left; }
#loja-visualizacao :focus-visible { outline:2px solid var(--acc); outline-offset:2px; }
#loja-grade[data-formato="confortavel"],#loja-grade[data-formato="compacto"] { grid-template-columns:repeat(var(--catalogo-colunas,1),minmax(0,1fr)); gap:12px; }
#loja-grade[data-formato="lista"] { grid-template-columns:minmax(0,1fr); gap:12px; }
#loja-grade[data-formato]:not([data-formato="tema"])>.lj-item { grid-column:auto; grid-row:auto; min-width:0; }
#loja-grade[data-formato]:not([data-formato="tema"]) .lj-detalhe { min-height:44px; min-width:0; }
#loja-grade[data-formato]:not([data-formato="tema"]) .lj-foto { object-fit:contain; }
#loja-grade[data-formato]:not([data-formato="tema"]) .lj-txt { min-width:0; }
#loja-grade[data-formato]:not([data-formato="tema"]) .lj-nome { overflow-wrap:anywhere; }
#loja-grade[data-formato]:not([data-formato="tema"]) .lj-preco { overflow-wrap:anywhere; white-space:normal; }
#loja-grade[data-formato]:not([data-formato="tema"]) .lj-add { min-height:44px; min-width:44px; }
#loja-grade[data-formato="compacto"] .lj-txt { padding:10px 10px 4px; }
#loja-grade[data-formato="compacto"] .lj-preco { font-size:clamp(15px,3.8vw,20px); }
#loja-grade[data-formato="confortavel"] .lj-txt { padding:14px 14px 6px; }
#loja-grade[data-formato="lista"]>.lj-item { display:grid; grid-template-columns:minmax(0,1fr); padding:8px; }
#loja-grade[data-formato="lista"] .lj-detalhe { display:grid; grid-template-columns:clamp(72px,24vw,112px) minmax(0,1fr); align-items:center; gap:12px; }
#loja-grade[data-formato="lista"] .lj-foto { width:100%; aspect-ratio:1; border-radius:var(--raio-menor,10px); }
#loja-grade[data-formato="lista"] .lj-txt { padding:4px 4px 4px 0; }
#loja-grade[data-formato="lista"]>.lj-item>.lj-add { width:auto; justify-self:end; margin:8px 4px 4px; }
#loja-grade[data-formato]:not([data-formato="tema"])>.loja-vazia { grid-column:1 / -1; }
@media(max-width:399px) {
  #loja-visualizacao label { flex-basis:125px; }
  #loja-visualizacao select,#loja-visualizacao button { padding:9px 8px; font-size:13px; }
  #loja-grade[data-formato="lista"] .lj-detalhe { gap:8px; }
}