/* two_cols.css — força exatamente 2 colunas na lista de produtos Coloque este arquivo DEPOIS do seu style.css no . */ .container .grid, .container .product-grid, .container .cards, .container .list-products, .container .products, .container .itens, .container .items { display: grid !important; grid-template-columns: repeat(2, minmax(420px, 1fr)) !important; gap: 24px !important; } /* cada card ocupa 100% da célula */ .container .grid > *, .container .product-grid > *, .container .cards > *, .container .list-products > *, .container .products > *, .container .itens > *, .container .items > * { width: 100% !important; max-width: none !important; margin: 0 !important; } /* Em telas menores volta para 1 coluna (responsivo) */ @media (max-width: 1000px) { .container .grid, .container .product-grid, .container .cards, .container .list-products, .container .products, .container .itens, .container .items { grid-template-columns: 1fr !important; } }