/* Order Online (PCGBUR-4, Fase 2c): pedido direto em destaque, lojas com marketplaces como secundários. */
.pcg-direto__lista { list-style: none; margin: 0 0 clamp(32px, 4vw, 48px); padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 4vw, 56px); }
/* icone ao lado do titulo, nao em cima (PCGBUR-23): mesmo arranjo no desktop e no celular */
.pcg-direto__item { display: grid; grid-template-columns: 64px minmax(0, 1fr); column-gap: 18px; row-gap: 6px; align-content: start; }
.pcg-direto__item img { grid-row: 1 / span 2; width: 64px; height: 64px; object-fit: contain; }
.pcg-direto__item h3 { font: 400 clamp(1.5rem, 2vw, 1.875rem)/1 var(--f-display); text-transform: uppercase; letter-spacing: .015em; }
.pcg-direto__item p { color: var(--texto-2); max-width: 32ch; }
.pcg-direto__cta { align-items: center; justify-content: center; gap: 12px 28px; }

.pcg-lojas__grade { grid-template-columns: repeat(auto-fit, minmax(min(320px, 100%), 1fr)); max-width: 56rem; margin-inline: auto; }
.pcg-lojas .pcg-cartao { background: var(--fundo); }

@media (max-width: 899.98px) {
  .pcg-direto__lista { grid-template-columns: minmax(0, 1fr); gap: 28px; }
  .pcg-direto__cta .pcg-btn { flex: 1 1 100%; }
  .pcg-lojas .pcg-cartao__corpo { justify-items: center; text-align: center; }
  .pcg-lojas .pcg-cartao__corpo > .pcg-btn, .pcg-lojas .pcg-cartao__corpo > .pcg-pendente { justify-self: center; }
}