.grid{display:grid;width:100%}.grid--catalog{gap:12px;grid-template-columns:repeat(4,1fr)}.grid--blog{gap:12px;grid-template-columns:repeat(2,1fr)}@media (max-width:768px){.grid--catalog{gap:8px;grid-template-columns:repeat(3,1fr)}.grid--blog{gap:8px}}@media (max-width:600px){.grid--catalog{gap:3px;grid-template-columns:repeat(2,1fr)}.grid--blog{gap:8px;grid-template-columns:repeat(1,1fr)}}