/* =========================
   DEPARTEMEN SECTION
========================= */
.departemen-section {
  padding: 80px 20px;
  min-height: 50vh;
  background: #efe3c2;
  text-align: center;
  overflow: hidden;
}

/* TITLE */
.departemen-title {
  font-size: 2.2rem;
  color: #123524;
}

.departemen-subtitle {
  color: #3e7b27;
  margin-bottom: 40px;
}

/* SLIDER WRAPPER */
.departemen-slider {
  max-width: 1200px;
  margin: auto;
  overflow: hidden;
}

/* TRACK */
.departemen-track {
  display: flex;
  gap: 24px;
  transition: transform 0.6s ease;
  cursor: grab;
  user-select: none;
}

.departemen-track.dragging {
  cursor: grabbing;
}

/* CARD */
.departemen-card {
  min-width: 220px;
  padding: 24px;
  background: #ffffff;
  color: #123524;
  text-decoration: none;
  border-radius: 22px;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.12);
  transition: transform 0.3s ease;
}

.departemen-card:hover {
  transform: translateY(-8px);
}

/* IMAGE */
.departemen-card img {
  width: 100%;
  height: 140px;
  object-fit: contain;
  margin-bottom: 14px;
}

/* RESPONSIVE */
@media (max-width: 768px) {
  .departemen-card {
    min-width: 180px;
  }
}