/* Páginas internas (catálogo, produto, textos) da V2: reaproveitam os componentes de estilo.css
   com as letras e cores da identidade (Big Shoulders + IBM Plex + creme/vinho). */
:root {
  --creme: #f3eee3;
  --creme-2: #e9e2d2;
  --areia: #cfc5b1;
  --vinho: #4a0e18;
  --vinho-escuro: #32080f;
  --tinta: #16120f;
  --mudo: #6f665c;
  --serifa: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --cond: "Big Shoulders Display", "Arial Narrow", sans-serif;
  --texto: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}
body { font-family: var(--texto); background: var(--creme); }
.largura { width: min(1200px, 100% - 32px); }
.titulo-pagina, .titulo-secao, .pdp__nome, .texto-longo h1, .texto-longo h2 {
  font-family: var(--titulo); font-weight: 900; text-transform: uppercase; line-height: 1; letter-spacing: .005em; }
.pdp__nome { color: var(--tinta); }
.prod__por, .pdp__por, .oferta-loja__preco strong { font-weight: 800; }
.rotulo, .prod__marca, .filtros summary, .prod__tag { font-family: var(--mono); font-weight: 500; letter-spacing: .08em; }
.btn { font-weight: 800; letter-spacing: .06em; border-radius: 4px; }

/* busca no topo (catálogo e produto) */
.topo__busca { padding: 0 0 14px; }
.topo__busca .busca { max-width: 640px; margin: 0; }
@media (max-width: 760px) { .topo__busca .busca { max-width: none; } }

/* catálogo no celular: filtros recolhidos atrás de um botão */
.filtros__abrir { display: none; }
@media (max-width: 860px) {
  .filtros__abrir { display: flex; justify-content: space-between; align-items: center; width: 100%; margin-bottom: 16px;
    background: var(--tinta); color: var(--creme); border: 0; border-radius: 4px; padding: 14px 18px;
    font: 800 1.05rem var(--titulo); text-transform: uppercase; letter-spacing: .06em; cursor: pointer; }
  .filtros { display: none; }
  .filtros.aberto { display: grid; }
}