.product-categories-section {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.product-categories-section .categories-grid {
  display: grid;
  width: 100%;
  grid-template-columns: 1fr 1fr;
  gap: 0.2rem;
}

@media (width >= 1200px) {
  .product-categories-section .categories-grid {
    display: grid;
    width: 100%;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.2rem;
  }
}