/* ===== Cases Grid Layout ===== */
.cases-gallery .cases-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
}

.case-card {
  background: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  text-align: center;
  box-shadow: 0 4px 12px rgba(0,0,0,0.06);
}

.case-image img {
  width: 100%;
  height: auto;
  display: block;
}

.case-info {
  padding: 12px 10px;
}

.case-location {
  display: block;
  font-size: 13px;
  color: #888;
  margin-bottom: 6px;
}

.case-title {
  font-size: 15px;
  line-height: 1.4;
  color: #222;
}

/* ===== Responsive ===== */
@media (max-width: 1024px) {
  .cases-gallery .cases-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 576px) {
  .cases-gallery .cases-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 12px; 
  }

  .case-title {
    font-size: 13px;
    line-height: 1.3;
  }

  .case-location {
    font-size: 12px;
  }
}