/* Single Service Page Styles */

.service-overview {
  display: grid; grid-template-columns: 1fr 380px; gap: var(--space-2xl);
  padding-block: var(--space-3xl);
}
.service-content h2 { font-size: var(--text-2xl); margin-top: var(--space-xl); margin-bottom: var(--space-sm); }
.service-content ul { padding-left: var(--space-lg); }
.service-content ul li { margin-bottom: var(--space-xs); color: var(--color-neutral-600); }

.service-sidebar { position: sticky; top: 100px; }
.service-sidebar__card {
  background: #fff; border-radius: var(--radius-lg); box-shadow: var(--shadow-lg);
  border: 1px solid var(--color-neutral-100); padding: var(--space-xl); margin-bottom: var(--space-lg);
}
.service-sidebar__price {
  font-size: var(--text-2xl); font-weight: 800; color: var(--color-primary);
}
.service-sidebar__price span { font-size: var(--text-sm); font-weight: 400; color: var(--color-neutral-500); }
.service-sidebar__detail {
  display: flex; justify-content: space-between; padding: var(--space-xs) 0;
  border-bottom: 1px solid var(--color-neutral-100); font-size: var(--text-sm);
}
.service-sidebar__detail:last-child { border-bottom: none; }
.service-sidebar__detail-label { color: var(--color-neutral-500); }
.service-sidebar__detail-value { font-weight: 600; }

.service-features { padding-block: var(--space-3xl); background: var(--color-neutral-50); }
.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-lg); }
.feature-card {
  background: #fff; padding: var(--space-xl); border-radius: var(--radius-lg);
  border: 1px solid var(--color-neutral-100);
}
.feature-card__icon {
  width: 48px; height: 48px; display: flex; align-items: center; justify-content: center;
  background: var(--color-primary-light); color: var(--color-primary);
  border-radius: var(--radius-md); margin-bottom: var(--space-md);
}
.feature-card__title { font-size: var(--text-md); font-weight: 700; margin-bottom: var(--space-xs); }
.feature-card__desc { font-size: var(--text-sm); color: var(--color-neutral-500); line-height: 1.6; }

.related-services { padding-block: var(--space-3xl); }

@media (max-width: 1024px) {
  .service-overview { grid-template-columns: 1fr; }
  .service-sidebar { position: static; }
  .feature-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  .feature-grid { grid-template-columns: 1fr; }
}