.services-container { 
  max-width: 1280px; 
  margin: 60px auto 90px; 
  padding: 0 25px; 
}

.services-detail-grid { 
  display: grid; 
  grid-template-columns: repeat(3, 1fr); 
  gap: 30px; 
}

.service-detail-card {
  background: white; 
  border: 1px solid var(--border); 
  border-radius: 18px;
  overflow: hidden; 
  box-shadow: var(--shadow-sm); 
  transition: var(--transition);
  display: flex; 
  flex-direction: column;
}

.service-detail-card:hover { 
  transform: translateY(-8px); 
  box-shadow: var(--shadow-lg); 
  border-color: var(--royal-blue); 
}

/* GAMBAR SERVICE */
.service-img-box {
  width: 100%;
  height: 220px;
  overflow: hidden;
  background-color: #e2e8f0;
}

.service-img-box img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: var(--transition);
}

.service-detail-card:hover .service-img-box img {
  transform: scale(1.05);
}

/* KANDUNGAN TAJUK & BUTTON */
.service-card-body {
  padding: 24px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  flex-grow: 1;
  gap: 20px;
}

.service-card-body h3 { 
  font-size: 20px; 
  font-weight: 700; 
  color: var(--primary);
  line-height: 1.3;
}

/* BUTANG WHATSAPP */
.service-card-body .btn-whatsapp {
  width: 100%;
  justify-content: center;
  padding: 13px;
  font-size: 15px;
  border-radius: 10px;
}

/* RESPONSIVE DESIGN */
@media (max-width: 992px) {
  .services-detail-grid { 
    grid-template-columns: repeat(2, 1fr); 
  }
}

@media (max-width: 600px) {
  .services-detail-grid { 
    grid-template-columns: 1fr; 
  }
}