.service-page { background: #f4f1ea; }
.service-page__breadcrumb { display: flex; flex-wrap: wrap; gap: 9px; padding: 23px max(32px, calc((100vw - 1240px) / 2)); border-bottom: 1px solid #d4cec3; color: #746e66; font-size: 12px; font-weight: 700; letter-spacing: .055em; text-transform: uppercase; }
.service-page__breadcrumb a { color: #cf5f20; text-decoration: none; }
.service-page .service { min-height: 0; padding-top: 64px; }
.service-page .service h1 { margin: 0 0 23px; color: #1c1b1a; font-size: clamp(27px, 2.8vw, 43px); line-height: .98; letter-spacing: -.055em; }
.service-page__appointment { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 28px; padding: 44px max(32px, calc((100vw - 1240px) / 2)); background: #f47528; color: #fff; }
.service-page__appointment p { width: 100%; margin: 0; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; }
.service-page__appointment h2 { flex: 1 1 340px; margin: 0; color: #fff; font-size: clamp(29px, 3vw, 42px); letter-spacing: -.05em; }
.service-page__appointment .nav-cta { background: #1c1b1a; color: #fff; }
.service-page__appointment .nav-cta:hover, .service-page__appointment .nav-cta:focus-visible { background: #fff; color: #f47528; }
@media (max-width: 560px) { .service-page__breadcrumb { padding: 18px 22px; } .service-page .service { padding-top: 50px; } .service-page__appointment { padding: 34px 22px; } }