/* Default, mobile first: 1 ανά σειρά */
.rpg-grid {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 16px !important;
  margin-bottom: 10% !important;
}

/* Tablet: 2 ανά σειρά */
@media (min-width: 768px) {
  .rpg-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}

/* Desktop: 3 ανά σειρά */
@media (min-width: 1024px) {
  .rpg-grid {
    grid-template-columns: repeat(3, 1fr) !important;
  }
}

.rpg-item img {
  width: 100% !important;
  height: auto !important;
  display: block !important;
}