/* Services pages */
.service-detail { padding: var(--section-py) 0; }
.service-detail__content { max-width: 720px; }
.service-detail__content h3 {
  font-size: var(--fs-h3); font-weight: 600; margin: 2rem 0 0.75rem;
}
.service-detail__content p {
  font-size: var(--fs-body); color: var(--c-text-muted); line-height: var(--lh-body);
  margin-bottom: 1rem;
}
.service-detail__sidebar {
  position: sticky; top: 6rem;
}
.service-detail__layout {
  display: grid; grid-template-columns: 1fr 320px; gap: 3rem; align-items: start;
}
.service-price-card {
  padding: 1.5rem; border-radius: var(--r-lg);
  background: var(--c-glass); border: 1px solid var(--c-border);
}
.service-price-card__price {
  font-family: var(--f-mono); font-size: clamp(1.5rem,3vw,2rem); font-weight: 700;
  color: var(--c-accent); margin-bottom: 0.25rem;
}
.service-price-card__period { font-size: var(--fs-caption); color: var(--c-text-dim); margin-bottom: 1.25rem; }
.service-features { margin-bottom: 1.5rem; }
.service-features li {
  font-size: var(--fs-small); color: var(--c-text-muted); line-height: 1.6;
  padding: 0.3rem 0; padding-left: 1rem; position: relative;
}
.service-features li::before {
  content: ''; position: absolute; left: 0; top: 0.65rem;
  width: 4px; height: 4px; border-radius: 50%; background: var(--c-accent); opacity: 0.5;
}
@media (max-width:768px) {
  .service-detail__layout { grid-template-columns: 1fr; }
  .service-detail__sidebar { position: static; }
}
