/* Services page specific styles */

/* Hero */
#services-hero {
  position: relative;
  background: radial-gradient(800px 400px at 100% -10%, rgba(224,26,58,0.08), transparent 40%), var(--color-surface);
  border-bottom: 1px solid var(--color-border);
}
.hero-grid {
  grid-template-columns: 1.2fr 1fr;
  align-items: center;
  gap: var(--space-10);
}
.hero-copy p { max-width: 62ch; }
.hero-cta { display: flex; gap: var(--space-4); margin-top: var(--space-5); }
.hero-highlights { margin-top: var(--space-5); color: var(--color-text-muted); }
.hero-media img { border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }

/* Category grid */
.categories-grid .category-card h3 { margin-bottom: var(--space-2); }
.category-link { text-decoration: none; color: var(--color-text); }
.category-link:hover { color: var(--color-primary-400); }

/* Descriptions */
.descriptions-grid .service-card header p.muted { margin-top: -4px; }
.service-card ul { margin-block: var(--space-4); }
.service-card footer { margin-top: var(--space-5); }

/* Testimonials */
#testimonials { border-top: 1px solid var(--color-border); border-bottom: 1px solid var(--color-border); }
.testimonial-card blockquote { font-size: var(--text-lg); line-height: var(--leading-relaxed); }
.testimonial-card figcaption { margin-top: var(--space-4); color: var(--color-text-muted); }

/* Case studies */
.case-studies-wrap .case-studies-header { margin-bottom: var(--space-6); }
.case-card dl { margin: 0; }
.case-card dl div { display: grid; grid-template-columns: 80px 1fr; gap: var(--space-4); padding: 6px 0; border-bottom: 1px dashed var(--color-border); }
.case-card dl div:last-child { border-bottom: 0; }
.case-visual img { border-radius: var(--radius-lg); }

/* Process */
.process-steps { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-6); counter-reset: step; list-style: none; padding: 0; }
.process-steps .card h3 { margin-bottom: var(--space-2); }

/* Packages */
.packages-grid .package-card .price { font-size: var(--text-xl); color: var(--color-silver); margin-top: 2px; }
.package-featured { outline: 2px solid color-mix(in oklab, var(--color-primary), #ffffff 10%); box-shadow: var(--shadow-lg); position: relative; }
.package-featured .badge { position: absolute; top: 14px; right: 14px; }
.packages-grid .package-card ul { margin-block: var(--space-4); }
.small-print { margin-top: var(--space-5); }

/* CTA Contact */
#cta-contact .cta-buttons { margin-top: var(--space-4); }
#cta-contact .contact-form .form-row { margin-bottom: var(--space-5); }
#cta-contact .contact-form .form-actions { display: flex; align-items: center; gap: var(--space-4); }
#cta-contact .form-status { margin-top: var(--space-4); min-height: 1.2em; }
.cta-visual img { border-radius: var(--radius-lg); box-shadow: var(--shadow-md); margin-top: var(--space-6); }

/* Responsive */
@media (max-width: 1100px) {
  .hero-grid { grid-template-columns: 1fr; }
  .hero-media { order: -1; }
}
@media (max-width: 900px) {
  .categories-grid, .descriptions-grid, .packages-grid { grid-template-columns: 1fr; }
  .process-steps { grid-template-columns: 1fr; }
}
