/* Страницы услуг (tools/build-pages.mjs). Токены, шрифт, .button, .site-header и .footer — из стилей главной */
.service-header{height:74px;display:flex;align-items:center;gap:28px}
.service-nav{display:flex;gap:24px;margin-right:auto;font-weight:700;font-size:.92rem}
.service-nav a,.service-breadcrumbs a,.service-related a,.service-contacts a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}
.service-nav a{text-decoration:none}
.service-nav a:hover,.service-breadcrumbs a:hover,.service-related a:hover,.service-contacts a:hover{color:var(--orange-dark)}
.service-header-actions{display:flex;align-items:center;gap:18px}
.service-phone{font-weight:800;white-space:nowrap;color:inherit;text-decoration:none}

.service-main{padding:28px 0 80px}
.service-breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px;color:var(--muted);font-size:.88rem}
.service-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:48px;align-items:center;padding-bottom:56px;border-bottom:1px solid var(--line)}
.service-copy h1{max-width:none;margin:0 0 20px;font-size:clamp(2.2rem,4vw,3.4rem);line-height:1.02}
.service-lead{max-width:58ch;margin:0 0 12px;font-size:1.15rem;line-height:1.5}
.service-meta{margin:0 0 28px;color:var(--muted);font-size:.95rem}
.service-actions{display:flex;flex-wrap:wrap;gap:12px}
/* Фото показываем целиком, без обрезки: у каталога есть и вертикальные, и горизонтальные снимки */
.service-cover{margin:0;display:flex;justify-content:center}
.service-cover img{display:block;width:auto;max-width:100%;height:auto;max-height:min(620px,72vh);border-radius:14px;background:var(--paper-deep)}
.service-price-block{max-width:720px}

.service-block{padding-top:48px}
.service-block h2{margin:0 0 18px;font-size:clamp(1.5rem,2.4vw,2rem);line-height:1.1}
.service-block p{max-width:62ch;margin:0 0 14px;line-height:1.6}
.service-prices{width:100%;border-collapse:collapse;font-size:.98rem}
.service-prices th,.service-prices td{padding:12px 0;border-bottom:1px solid var(--line);vertical-align:top}
.service-prices th{padding-right:16px;text-align:left;font-weight:500;font-size:inherit;letter-spacing:0;text-transform:none;color:var(--ink)}
.service-prices td{text-align:right;font-weight:800;white-space:nowrap}
.service-note{margin-top:14px!important;color:var(--muted);font-size:.9rem}

.service-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;align-items:start}
.service-gallery img{display:block;width:100%;height:auto;border-radius:10px;background:var(--paper-deep)}
.service-steps{max-width:62ch;margin:0;padding-left:1.3em;line-height:1.6}
.service-steps li+li{margin-top:8px}
.service-contacts dl{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin:0}
.service-contacts dt{margin-bottom:4px;color:var(--muted);font-size:.88rem}
.service-contacts dd{margin:0;font-weight:700;line-height:1.5}
.service-related ul{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none}
.service-related a{display:inline-flex;min-height:44px;align-items:center;padding:8px 16px;border:1px solid var(--line);border-radius:9px;background:var(--surface);text-decoration:none;font-weight:700}
.service-related a:hover{border-color:var(--orange)}
.service-footer{padding:32px 0}
.service-footer p{margin:0 0 6px;font-size:.9rem}
.service-footer a{color:inherit}

@media (max-width:900px){
  .service-nav,.service-phone{display:none}
  .service-header{justify-content:space-between}
  .service-hero{grid-template-columns:1fr;gap:28px}
  .service-hero{padding-bottom:36px}
  .service-block{padding-top:36px}
}
.service-header .brand{white-space:nowrap;flex-shrink:0}
@media (max-width:520px){
  .service-header{gap:12px}
  .service-header-actions .button{min-height:42px;padding:9px 12px;font-size:.8rem}
  .service-actions .button{width:100%}
  .service-gallery img{height:220px}
  .service-prices{font-size:.92rem}
}