/*
 * LGK Facilities — style.css
 */

.lgk-facilities {
  padding: var(--lgk-space-7) 0;
  background-color: transparent;
}

.lgk-facilities__grid {
  display: grid;
  gap: var(--lgk-space-4);
}

.lgk-facilities__grid--cols-2 { grid-template-columns: repeat(2, 1fr); }
.lgk-facilities__grid--cols-3 { grid-template-columns: repeat(3, 1fr); }
.lgk-facilities__grid--cols-4 { grid-template-columns: repeat(4, 1fr); }

.lgk-facilities__item {
  border-radius: var(--lgk-radius-md);
  overflow: hidden;
  aspect-ratio: 4 / 3;
}

.lgk-facilities__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform var(--lgk-transition);
}

.lgk-facilities__item:hover .lgk-facilities__image {
  transform: scale(1.04);
}

.lgk-facilities__placeholder {
  width: 100%;
  height: 100%;
  background-color: var(--lgk-blue-100);
  border-radius: var(--lgk-radius-md);
}

/* ── Responsive ──────────────────────────────────────────────────────────── */
@media (max-width: 1024px) {
  .lgk-facilities__grid--cols-4 { grid-template-columns: repeat(3, 1fr); }
}

@media (max-width: 768px) {
  .lgk-facilities__grid--cols-3,
  .lgk-facilities__grid--cols-4 { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 480px) {
  .lgk-facilities__grid--cols-2,
  .lgk-facilities__grid--cols-3,
  .lgk-facilities__grid--cols-4 { grid-template-columns: 1fr; }
}