/* Страницы услуг используют существующие цвета и типографику Fotolad. */
.legal-header,.legal-main,.legal-footer { width:min(100% - 40px,1120px); }
.breadcrumbs { margin-bottom:var(--space-10); font-size:var(--size-label); color:var(--color-textSecondary); }
.service-hero { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-12); align-items:center; }
.service-hero h1 { font-size:clamp(36px,5vw,60px); }
.service-lead { font-size:var(--size-body); color:var(--color-textSecondary); }
.service-price { font-size:var(--size-cardHeading); font-weight:var(--weight-sansSemibold); }
.service-caption { color:var(--color-textSecondary); font-size:var(--size-metadata); }
.service-cta { display:inline-flex; justify-content:center; align-items:center; min-height:var(--space-12); padding:var(--space-3) var(--space-6); margin-top:var(--space-6); border-radius:var(--radius-button); background:var(--color-accentCoral); color:var(--color-textOnAccent); text-decoration:none; font-weight:var(--weight-sansSemibold); text-align:center; }
.service-cta:hover { background:var(--color-accentCoralDark); }
a:focus-visible,summary:focus-visible { outline:3px solid var(--color-accentCoralDark); outline-offset:4px; }
.service-pictures { display:grid; grid-template-columns:1fr 1fr; gap:var(--space-2); }
.service-pictures--single { grid-template-columns:1fr; }
.service-pictures figure { margin:0; position:relative; }
.service-pictures img { display:block; width:100%; height:auto; aspect-ratio:1/1.1; object-fit:cover; border-radius:var(--radius-photo); background:var(--color-surfaceWarm); }
.service-pictures figcaption { position:absolute; left:var(--space-3); bottom:var(--space-3); padding:var(--space-1) var(--space-2); background:var(--color-overlayDark); color:var(--color-textOnAccent); border-radius:var(--radius-badge); font-size:var(--size-metadata); }
.service-copy { max-width:800px; margin:var(--space-16) auto 0; }
.service-copy h2 { line-height:1.2; }
.service-steps { padding-left:var(--space-6); }
.service-steps li { margin-top:var(--space-3); }
details { padding-block:var(--space-4); border-bottom:var(--border-hairline); }
summary { cursor:pointer; font-weight:var(--weight-sansSemibold); padding-block:var(--space-2); }
.service-order { margin-top:var(--space-12); padding:var(--space-8); background:var(--color-surfaceWarm); border-radius:var(--radius-card); }
.service-order h2 { margin-top:0; }
.related-services li { margin-top:var(--space-3); }
.skip-link { position:absolute; left:var(--space-4); top:-100px; padding:var(--space-3); background:var(--color-surface); z-index:20; }
.skip-link:focus { top:var(--space-3); }
@media(max-width:700px) {
 .service-hero { grid-template-columns:1fr; gap:var(--space-8); }
 .service-copy { margin-top:var(--space-10); }
 .service-order { padding:var(--space-5); }
 .service-cta { width:100%; }
 .legal-header { flex-direction:row; align-items:center; }
 .breadcrumbs { margin-bottom:var(--space-6); }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } }
