/* ESPAÇAMENTO DESKTOP - GRID COMPACTO */
/* Reduz espaçamento entre cards desktop */

@media screen and (min-width: 769px) {
  /* Grid principal */
  .grid,
  .products__grid,
  #grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)) !important;
    gap: 8px !important;
    padding: 12px !important;
    margin: 0 auto !important;
    max-width: 1400px !important;
  }

  /* Ajustar containers de produtos */
  article[data-product-id] {
    margin: 0 !important;
    justify-self: center !important;
  }

  /* Container principal */
  main, #produtos {
    padding: 0 !important;
  }
}

/* Para telas grandes */
@media screen and (min-width: 1200px) {
  .grid,
  .products__grid,
  #grid {
    gap: 12px !important;
    padding: 16px !important;
  }
}