html, body { height: 100%; margin: 0; }
body { display: flex; flex-direction: column; font-family: system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; color: #222; background: #fff; }
.filtros { display: flex; flex-wrap: wrap; gap: 12px; padding: 4px 2px 0; margin: 0; }
.campo { display: flex; flex-direction: column; gap: 4px; flex: 1 1 180px; min-width: 0; }
.campo-endereco { flex: 2 1 240px; }
.filtros[hidden], .campo[hidden] { display: none; }
.campo label { font-size: 13px; color: #555; }
.campo select, .campo input { width: 100%; box-sizing: border-box; padding: 8px 12px; border: 1px solid #d0d0d0; border-radius: 4px; background: #fff; font: inherit; font-size: 14px; }
.campo select:focus, .campo input:focus { outline: 2px solid #222; outline-offset: 1px; }
.total { margin: 10px 2px 8px; font-size: 13px; color: #555; }
.conteudo { flex: 1; min-height: 0; display: grid; grid-template-columns: 1fr; gap: 16px; }
.conteudo.com-mapa { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); }
.mapa { min-height: 240px; border-radius: 8px; background: #eef1f4; }
.mapa[hidden] { display: none; }
.lojas { list-style: none; margin: 0; padding: 0 4px 0 0; overflow-y: auto; display: grid; grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)); gap: 16px; align-content: start; }
.com-mapa .lojas { grid-template-columns: 1fr; }
.loja { border: 1px solid #e3e3e3; border-radius: 8px; padding: 16px; background: #fff; }
.loja.em-foco { border-color: #222; }
.loja-nome { margin: 0 0 8px; font-size: 18px; }
.loja-endereco { margin: 0 0 8px; color: #555; font-size: 14px; }
.loja-telefones { margin: 0 0 8px; font-size: 14px; }
.loja-telefones a { display: inline-block; margin-right: 12px; color: inherit; }
.loja-horarios { list-style: none; padding: 0; margin: 8px 0; font-size: 13px; color: #555; }
.selo { display: inline-block; font-size: 12px; padding: 2px 8px; border-radius: 10px; background: #eef6ee; color: #2e7d32; margin: 0 6px 8px 0; }
.loja-acoes { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin-top: 8px; }
.loja-como-chegar { display: inline-block; padding: 8px 16px; border-radius: 4px; background: #222; color: #fff; text-decoration: none; font-size: 14px; }
.loja-ver-mapa { padding: 0; border: 0; background: none; color: inherit; font: inherit; font-size: 14px; font-weight: 600; text-decoration: underline; cursor: pointer; }
.mensagem { margin: 24px 0; text-align: center; color: #555; }
.mensagem[hidden] { display: none; }
.st-popup-imagem { display: block; width: 100%; height: 120px; object-fit: cover; border-radius: 6px; margin-bottom: 8px; background: #eef1f4; }
.st-popup-nome { margin: 0 0 4px; font-size: 14px; font-weight: 700; }
.st-popup-linha { margin: 0 0 4px; font-size: 12px; color: #444; }
.st-popup-link { font-size: 12px; font-weight: 600; }
@media (max-width: 768px) {
    .conteudo.com-mapa { grid-template-columns: 1fr; grid-template-rows: 260px minmax(0, 1fr); }
    .mapa { min-height: 0; }
}