/* Dla mobilnych - 1 kolumna wycentrowana */
@media (max-width: 768px) {
  .views-row {
    grid-template-columns: 1fr;
    justify-items: center;
    max-width: 400px;
    margin: 0 auto;
  }
  
  .views-col.col-2 {
    width: 100% !important;
    max-width: 300px;
    margin: 0 auto 20px auto;
  }
}

/* Dla bardzo małych ekranów */
@media (max-width: 480px) {
  .views-row {
    padding: 10px;
    max-width: 100%;
  }
  
  .views-col.col-2 {
    max-width: 280px;
    padding: 15px;
  }
}