.service-breadcrumbs { padding-block: var(--space-2); border-bottom: 1px solid var(--color-border); background: var(--color-surface); }
.service-breadcrumbs__list { display: flex; flex-wrap: wrap; gap: 0.5rem; align-items: center; color: var(--color-text-muted); font-size: var(--font-size-small); list-style: none; }
.service-breadcrumbs__item:not(:last-child)::after { margin-left: 0.5rem; content: "→"; }
.service-breadcrumbs__link:hover { color: var(--color-primary-dark); }

.service-detail-hero { position: relative; isolation: isolate; overflow: hidden; padding-block: clamp(3rem, 7vw, 6rem); }
.service-detail-hero__grid { display: grid; grid-template-columns: minmax(0, 0.9fr) minmax(20rem, 1.1fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; }
.service-detail-hero__icon { width: 4.5rem; height: 4.5rem; margin-bottom: var(--space-3); object-fit: contain; }
.service-detail-hero__lead { margin-top: var(--space-3); color: var(--color-text); }
.service-detail-hero__phone { display: inline-block; margin-top: var(--space-3); color: var(--color-primary-dark); font-size: clamp(1.25rem, 2vw, 1.75rem); font-weight: 700; }
.service-detail-hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-top: var(--space-2); }
.service-detail-hero__media { overflow: hidden; aspect-ratio: 4 / 3; border-radius: var(--radius-lg); background: var(--color-background-alt); box-shadow: var(--shadow-md); }
.service-detail-hero__image { width: 100%; height: 100%; object-fit: cover; }
.service-detail-hero__media--empty { display: grid; place-items: center; padding: var(--space-3); color: var(--color-text-muted); text-align: center; }

.service-detail-content__layout { display: grid; grid-template-columns: minmax(0, 52rem); justify-content: center; }
.service-detail-content__article { padding: clamp(1.5rem, 4vw, 3.5rem); border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); box-shadow: var(--shadow-sm); }
.service-detail-content__article > * + * { margin-top: var(--space-2); }
.service-detail-content__article h2 { margin-top: var(--space-5); font-size: clamp(1.5rem, 2.5vw, 2rem); }
.service-detail-content__article h2:first-child { margin-top: 0; }
.service-detail-content__article ul,
.service-detail-content__article ol { display: grid; gap: 0.625rem; padding-left: 1.5rem; }

@media (max-width: 48rem) {
  .service-detail-hero__grid { grid-template-columns: minmax(0, 1fr); }
  .service-detail-hero__media { width: 100%; border-radius: var(--radius-md); }
}

@media (max-width: 30rem) {
  .service-detail-content__article { padding: var(--space-3); }
  .service-detail-hero__actions { flex-direction: column; }
}