/* Coleção (/colecao). Faixa, painéis, filtros e cartões vêm de base.css e casca.css. */
.pg-colecao__grade { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--e3); }
@media (min-width: 720px) { .pg-colecao__grade { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 1000px) { .pg-colecao__grade { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.pg-colecao__aviso { color: var(--suave); }
.pg-colecao__esgotado { display: block; }