body:not([data-page="home"]) {
  --internal-side: 60px;
  font-size: 14px;
  line-height: 1.42;
}

body:not([data-page="home"]) main { overflow: hidden; }
body:not([data-page="home"]) .page-shell { width: min(1320px, calc(100% - (var(--internal-side) * 2))); }
body:not([data-page="home"]) h1,
body:not([data-page="home"]) h2,
body:not([data-page="home"]) h3 { font-weight: 600; }
body:not([data-page="home"]) h1,
body:not([data-page="home"]) h2 { font-size: 52px; line-height: 1; letter-spacing: -.04em; }
body:not([data-page="home"]) .muted-title { color: #c0c1cc; }
body:not([data-page="home"]) .breadcrumbs { gap: 0; margin: 0; font-size: 14px; }
body:not([data-page="home"]) .breadcrumbs a::after { margin-inline: 4px; content: '/'; }
body:not([data-page="home"]) .breadcrumbs span { color: var(--blue); }


body:not([data-page="home"]) > .site-header {
  position: relative;
  z-index: 50;
  display: grid;
  width: 100%;
  height: 85px;
  grid-template-columns: 141px 170px minmax(500px, 1fr) max-content 160px;
  gap: 20px;
  padding: 0 max(var(--internal-side), calc((100% - 1320px) / 2));
  border: 0;
  background: #fff;
}
body:not([data-page="home"]) .site-header .brand { width: 141px; height: 56px; }
body:not([data-page="home"]) .header-address { display: block; margin: 0; font-size: 12px; line-height: 1.3; }
body:not([data-page="home"]) .desktop-nav {
  left: auto;
  gap: 25px;
  justify-self: center;
  font-size: 14px;
  text-transform: uppercase;
  white-space: nowrap;
}
body:not([data-page="home"]) .header-phone {
  margin: 0;
  font-family: var(--font-body);
  font-size: 16px;
  text-transform: uppercase;
  white-space: nowrap;
}
body:not([data-page="home"]) .header-appointment {
  width: 160px;
  height: 44px;
  justify-content: center;
  margin: 0;
  padding: 0;
  color: var(--text);
  background: transparent;
  border: 1px solid #c4c4c1;
  font-size: 14px;
}
body:not([data-page="home"]) .header-appointment .button__arrow { display: none; }
body:not([data-page="home"]) .desktop-nav a.is-current { color: inherit; text-decoration: none; }


body:not([data-page="home"]) .section-heading--figma {
  position: absolute;
  inset: 0;
  margin: 0;
  border-top: 1px solid #eaeaea;
}
body:not([data-page="home"]) .section-heading--figma .section-kicker,
body:not([data-page="home"]) .section-heading--figma .section-number {
  position: absolute;
  top: 20px;
  margin: 0;
  color: #5f5f5f;
  font-size: 14px;
  letter-spacing: -.04em;
}
body:not([data-page="home"]) .section-heading--figma .section-number { right: 0; }
body:not([data-page="home"]) .section-heading--figma h2 { position: absolute; top: 94px; left: 0; margin: 0; }

body:not([data-page="home"]) main > .contacts {
  position: relative;
  height: 907px;
  min-height: 907px;
  padding: 60px 0 0;
  background: #fafafa;
}
body:not([data-page="home"]) main > .contacts > .page-shell { position: relative; height: 847px; }
body:not([data-page="home"]) main > .contacts .contacts-card {
  position: absolute;
  top: 207px;
  left: 0;
  display: grid;
  width: 100%;
  min-height: 580px;
  grid-template-columns: 427px 1fr;
  border: 0;
}
body:not([data-page="home"]) .contacts-card__info { position: relative; display: block; min-height: 580px; padding: 20px; background: #fff; }
body:not([data-page="home"]) .contacts-card__info .brand { position: absolute; top: 20px; left: 20px; width: 203px; height: 82px; margin: 0; }
body:not([data-page="home"]) .contacts-card__label { position: absolute; top: 148px; left: 20px; color: rgba(95,95,95,.6); font-size: 12px; }
body:not([data-page="home"]) .contacts-card__info > p { position: absolute; top: 181px; left: 20px; width: 282px; margin: 0; color: #232742; font-family: var(--font-display); font-size: 20px; font-weight: 600; line-height: 1; }
body:not([data-page="home"]) .contacts-card__info > a:not(.brand) { position: absolute; top: 243px; left: 15px; margin: 0; color: #232742; font-family: var(--font-display); font-size: 20px; font-weight: 600; }
body:not([data-page="home"]) .contacts-card__social-label { position: absolute; top: 304px; left: 20px; color: rgba(95,95,95,.6); font-size: 12px; }
body:not([data-page="home"]) .contacts-card__info .social-list { position: absolute; top: 336px; left: 20px; margin: 0; }
body:not([data-page="home"]) .contacts-card__info .button { position: absolute; right: 20px; bottom: 20px; left: 20px; width: auto; height: 60px; margin: 0; font-size: 16px; }
body:not([data-page="home"]) .contacts-card__map { position: relative; height: 580px; }
body:not([data-page="home"]) .contacts-card__map-image,
body:not([data-page="home"]) .contacts-card__map-image img { display: block; width: 100%; height: 100%; }
body:not([data-page="home"]) .contacts-card__map-image img { object-fit: cover; object-position: center; }
body:not([data-page="home"]) .map-pin { display: none; }
body:not([data-page="home"]) .map-pin-image { position: absolute; top: 243px; left: 356px; width: 46px; height: 61px; }
body:not([data-page="home"]) .map-pin-image img { width: 100%; height: 100%; }
body:not([data-page="home"]) .social-list { display: flex; gap: 10px; }
body:not([data-page="home"]) .social-list a { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #010f77; }


body:not([data-page="home"]) .site-footer { position: relative; height: 422px; min-height: 422px; padding: 0; background: #c4c4c2; }
body:not([data-page="home"]) .site-footer .footer-grid { position: relative; display: block; width: min(1320px, calc(100% - 120px)); height: 422px; }
body:not([data-page="home"]) .site-footer .footer-column { position: absolute; display: flex; gap: 15px; font-size: 14px; line-height: 1.15; }
body:not([data-page="home"]) .site-footer .footer-label { margin: 0 0 10px !important; color: rgba(48,48,48,.6); font-size: 12px; }
body:not([data-page="home"]) .site-footer .footer-contact { top: 60px; left: 0; width: 215px; }
body:not([data-page="home"]) .site-footer .footer-phone { font-size: 14px; font-weight: 700; }
body:not([data-page="home"]) .site-footer .footer-contact > p:last-child { width: 215px; line-height: 1.25; }
body:not([data-page="home"]) .site-footer .footer-column:nth-child(2) { top: 60px; left: 330px; width: 120px; }
body:not([data-page="home"]) .site-footer .footer-column--second-nav { top: 95px; left: 512px; width: 120px; }
body:not([data-page="home"]) .site-footer .footer-column--second-nav .footer-label { display: none; }
body:not([data-page="home"]) .site-footer .footer-info { top: 60px; left: 670px; width: 260px; }
body:not([data-page="home"]) .site-footer .footer-management { top: 60px; right: 0; width: 315px; }
body:not([data-page="home"]) .site-footer .footer-management p { margin: 0 0 10px; font-size: 12px; }
body:not([data-page="home"]) .site-footer .footer-management .button { width: 315px; height: 44px; min-height: 44px; margin: 0; font-size: 14px; }
body:not([data-page="home"]) .site-footer .footer-social { position: absolute; top: 268px; left: 330px; }
body:not([data-page="home"]) .site-footer .footer-social .footer-label { margin-bottom: 20px !important; }
body:not([data-page="home"]) .site-footer .footer-payment { position: absolute; top: 268px; left: 670px; }
body:not([data-page="home"]) .site-footer .footer-payment .footer-label { margin-bottom: 19px !important; }
body:not([data-page="home"]) .site-footer .footer-payment img { width: 178px; height: 42px; object-fit: contain; }
body:not([data-page="home"]) .site-footer .footer-warning { position: absolute; top: 294px; right: 0; width: 316px; margin: 0; color: rgba(48,48,48,.6); font-size: 12px; line-height: 1.25; }
body:not([data-page="home"]) .site-footer .brand--footer { position: absolute; top: 268px; left: 0; width: 203px; height: 82px; margin: 0; }


body[data-page="promotions"] .promotions-page {
  position: relative;
  height: 660px;
  min-height: 660px;
  padding: 0;
  background: #fafafa;
}
body[data-page="promotions"] .promotions-page > .page-shell { position: relative; height: 100%; padding-top: 63px; }
body[data-page="promotions"] .promotions-page h1 { position: absolute; top: 117px; left: 0; width: 756px; margin: 0; }
body[data-page="promotions"] .promotions-page .promo-grid { position: absolute; top: 281px; left: 0; display: grid; width: 100%; grid-template-columns: repeat(3, 1fr); gap: 20px; }
body[data-page="promotions"] .promotions-page .promo-card { height: 320px; min-height: 320px; padding: 40px 30px; background: #fff; border: 0; }
body[data-page="promotions"] .promotions-page .promo-card > span { width: 300px; max-width: none; color: var(--blue); font-size: 20px; letter-spacing: -.02em; }
body[data-page="promotions"] .promotions-page .promo-card p { width: 300px; max-width: none; margin: 30px 0 0; color: rgba(48,48,48,.7); font-size: 14px; line-height: 1; }
body[data-page="promotions"] .promotions-page .promo-card .text-link { bottom: 104px; left: 30px; color: #303030; font-size: 14px; text-decoration: underline; }
body[data-page="promotions"] .promotions-page .promo-card img { right: 20px; bottom: 0; width: 290px; height: 180px; object-fit: contain; object-position: bottom; }
body[data-page="promotions"] .promotions-page .promo-card--blue { color: inherit; background: #fff; }


body[data-page="prices"] .price-catalog { position: relative; height: 844px; min-height: 844px; padding: 0; background: #fafafa; }
body[data-page="prices"] .price-catalog > .page-shell { position: relative; height: 100%; padding-top: 63px; }
body[data-page="prices"] .price-catalog > .page-shell > h1 { position: absolute; top: 117px; left: 0; width: 447px; margin: 0; }
body[data-page="prices"] .catalog-search { position: absolute; top: 255px; left: 0; display: block; width: 100%; height: 59px; margin: 0; }
body[data-page="prices"] .catalog-search label { height: 59px; min-height: 59px; padding: 0 60px 0 24px; background: transparent; }
body[data-page="prices"] .catalog-search label .section-kicker { display: none; }
body[data-page="prices"] .catalog-search input { width: 100%; height: 57px; font-size: 14px; }
body[data-page="prices"] .catalog-search .search-submit { position: absolute; top: 0; right: 0; display: grid; width: 59px; height: 59px; min-height: 0; padding: 0; place-items: center; color: #303030; background: transparent; border: 0; font-size: 0; }
body[data-page="prices"] .catalog-search .search-submit::before { width: 14px; height: 14px; border: 1.5px solid currentColor; border-radius: 50%; content: ''; }
body[data-page="prices"] .catalog-search .search-submit::after { position: absolute; width: 8px; height: 1.5px; margin: 13px 0 0 13px; background: currentColor; content: ''; transform: rotate(45deg); }
body[data-page="prices"] .catalog-search .form-status { position: absolute; top: 63px; left: 0; margin: 0; }
body[data-page="prices"] .price-layout { position: absolute; top: 365px; left: 0; display: grid; width: 100%; grid-template-columns: 315px 1fr; gap: 20px; }
body[data-page="prices"] .price-categories { height: 419px; padding: 5px; background: #fff; }
body[data-page="prices"] .price-categories .filter-button { height: 41px; min-height: 41px; padding: 0 15px; color: #5f5f5f; background: #f5f5f5; border: 0; font-family: var(--font-display); font-size: 16px; }
body[data-page="prices"] .price-categories .filter-button + .filter-button { margin-top: 5px; }
body[data-page="prices"] .price-categories .filter-button.is-active { color: #fff; background: var(--blue); }
body[data-page="prices"] .price-list { display: grid; border: 0; }
body[data-page="prices"] .price-row { min-height: 99px; grid-template-columns: minmax(0, 1fr) 120px 140px; gap: 20px; padding: 12px 20px; background: #fff; border: 0; border-bottom: 1px solid #eaeaea; }
body[data-page="prices"] .price-row h3 { font-size: 16px; }
body[data-page="prices"] .price-row p { font-size: 12px; }
body[data-page="prices"] .price-row strong { color: #303030; font-size: 16px; }
body[data-page="prices"] .price-row .button { width: 140px; height: 44px; min-height: 44px; padding: 0; color: #303030; background: #fff; border-color: #c4c4c1; font-size: 14px; }
body[data-page="prices"] .price-row .button__arrow { display: none; }
body[data-page="prices"] .price-about { position: relative; height: 584px; min-height: 584px; padding: 60px 0 0; background: #fff; }
body[data-page="prices"] .price-about > .page-shell { position: relative; height: 524px; border-top: 1px solid #eaeaea; }
body[data-page="prices"] .price-about .section-heading { position: static; margin: 0; }
body[data-page="prices"] .price-about .section-heading > div { display: contents; }
body[data-page="prices"] .price-about .section-kicker,
body[data-page="prices"] .price-about .section-number { position: absolute; top: 20px; margin: 0; color: #5f5f5f; font-size: 14px; }
body[data-page="prices"] .price-about .section-number { right: 0; }
body[data-page="prices"] .price-about h2 { position: absolute; top: 94px; left: 0; width: 678px; margin: 0; }
body[data-page="prices"] .price-about h2::first-line { color: #c0c1cc; }
body[data-page="prices"] .price-about .inner-hero__grid { position: absolute; inset: 0; display: block; }
body[data-page="prices"] .price-about .inner-hero__grid > div { position: absolute; top: 227px; left: 0; width: 658px; padding: 0; color: #7c7c7c; font-size: 14px; line-height: 1; }
body[data-page="prices"] .price-about .inner-hero__grid > div p { margin-bottom: 14px; }
body[data-page="prices"] .price-about .inner-hero__grid > img { position: absolute; top: 103px; right: 0; width: 544px; height: 360px; object-fit: cover; }


body[data-page="doctors"] .doctors-catalog { position: relative; height: 890px; min-height: 890px; padding: 0; background: #fafafa; }
body[data-page="doctors"] .doctors-catalog > .page-shell { position: relative; height: 100%; padding-top: 63px; }
body[data-page="doctors"] .doctors-catalog h1 { position: absolute; top: 117px; left: 0; width: 572px; margin: 0; }
body[data-page="doctors"] .doctor-search { position: absolute; top: 255px; left: 0; width: 100%; height: 59px; }
body[data-page="doctors"] .doctor-search input { width: 100%; height: 59px; padding: 0 60px 0 24px; background: transparent; border: 1px solid #c8c8c8; }
body[data-page="doctors"] .doctor-search::after { position: absolute; top: 18px; right: 20px; width: 14px; height: 14px; border: 1.5px solid #303030; border-radius: 50%; content: ''; }
body[data-page="doctors"] .doctor-search::before { position: absolute; z-index: 1; top: 34px; right: 16px; width: 8px; height: 1.5px; background: #303030; content: ''; transform: rotate(45deg); }
body[data-page="doctors"] .doctor-catalog-layout { position: absolute; top: 369px; left: 0; display: grid; width: 100%; grid-template-columns: 315px minmax(0, 1fr); gap: 20px; }
body[data-page="doctors"] .doctor-categories { display: flex; height: 465px; flex-direction: column; padding: 5px; background: #fff; }
body[data-page="doctors"] .doctor-categories .filter-button { height: 41px; min-height: 41px; padding: 0 15px; color: #5f5f5f; background: #f5f5f5; border: 0; font-family: var(--font-display); font-size: 16px; text-align: left; }
body[data-page="doctors"] .doctor-categories .filter-button + .filter-button { margin-top: 5px; }
body[data-page="doctors"] .doctor-categories .filter-button.is-active { color: #fff; background: var(--blue); }
body[data-page="doctors"] .doctor-catalog-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
body[data-page="doctors"] .doctor-catalog-card { position: relative; height: 411px; padding: 188px 25px 30px; background: #fff; }
body[data-page="doctors"] .doctor-catalog-card__head { position: absolute; top: 0; left: 0; display: grid; width: 100%; height: 168px; grid-template-columns: 157px 1fr; background: #eeeded; }
body[data-page="doctors"] .doctor-catalog-card__photo { height: 168px; overflow: hidden; }
body[data-page="doctors"] .doctor-catalog-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 22%; }
body[data-page="doctors"] .doctor-catalog-card__identity { padding: 36px 30px 20px; }
body[data-page="doctors"] .doctor-catalog-card h2 { width: 190px; margin: 0 0 15px; font-size: 20px; letter-spacing: -.02em; }
body[data-page="doctors"] .doctor-catalog-card__identity p { width: 220px; margin: 0; color: rgba(48,48,48,.7); font-size: 14px; line-height: 1; }
body[data-page="doctors"] .doctor-catalog-card > p { height: 126px; margin: 0; color: rgba(48,48,48,.7); font-size: 14px; line-height: 1; overflow: hidden; }
body[data-page="doctors"] .doctor-catalog-card .button { position: absolute; right: 25px; bottom: 30px; left: 25px; width: auto; height: 44px; min-height: 44px; padding: 0; color: #303030; background: #fff; border-color: #c4c4c1; font-size: 14px; }
body[data-page="doctors"] .doctor-catalog-card .button__arrow { display: none; }
body[data-page="doctors"] [data-filter-status] { position: absolute; top: 430px; left: 335px; margin: 0; }


body[data-page="works"] .works-catalog { position: relative; height: 851px; min-height: 851px; padding: 0; background: #fafafa; }
body[data-page="works"] .works-catalog > .page-shell { position: relative; height: 100%; padding-top: 63px; }
body[data-page="works"] .works-catalog h1 { position: absolute; top: 140px; left: 0; width: 859px; margin: 0; }
body[data-page="works"] .works-layout { position: absolute; top: 252px; left: 0; display: grid; width: 100%; grid-template-columns: 315px minmax(0, 1fr); gap: 20px; }
body[data-page="works"] .works-categories { display: flex; height: 419px; flex-direction: column; padding: 5px; background: #fff; }
body[data-page="works"] .works-categories .filter-button { height: 41px; min-height: 41px; padding: 0 15px; color: #5f5f5f; background: #f5f5f5; border: 0; font-family: var(--font-display); font-size: 16px; text-align: left; }
body[data-page="works"] .works-categories .filter-button + .filter-button { margin-top: 5px; }
body[data-page="works"] .works-categories .filter-button.is-active { color: #fff; background: var(--blue); }
body[data-page="works"] .works-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
body[data-page="works"] .work-case { position: relative; height: 539px; }
body[data-page="works"] .work-case__media { position: relative; width: 100%; height: 380px; background: #303030; overflow: hidden; }
body[data-page="works"] .work-case__media img { width: 100%; height: 100%; object-fit: cover; object-position: center 13%; }
body[data-page="works"] .work-case__media::after { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; background: #fff; content: ''; }
body[data-page="works"] .work-case__media span { position: absolute; z-index: 2; top: 20px; color: #fff; font-family: var(--font-display); font-size: 14px; }
body[data-page="works"] .work-case__media span:first-of-type { left: 20px; }
body[data-page="works"] .work-case__media span:nth-of-type(2) { right: 20px; }
body[data-page="works"] .work-case__media i { position: absolute; z-index: 3; top: 160px; left: calc(50% - 30px); display: grid; width: 60px; height: 60px; place-items: center; color: #303030; background: #fff; font-size: 24px; font-style: normal; }
body[data-page="works"] .work-case h2 { margin: 16px 0 0; font-size: 20px; letter-spacing: -.02em; }
body[data-page="works"] .work-case > p { margin: 16px 0 0; color: rgba(48,48,48,.7); font-size: 14px; }
body[data-page="works"] .work-case .button { position: absolute; bottom: 0; left: 0; width: 100%; height: 50px; min-height: 50px; padding: 0; color: #303030; background: transparent; border-color: #c4c4c1; font-size: 14px; }
body[data-page="works"] .works-catalog [data-filter-status] { position: absolute; right: 0; bottom: 14px; margin: 0; }

body[data-page="works"] .works-rating { position: relative; height: 969px; min-height: 969px; padding: 60px 0 0; color: #303030; background: #fff; }
body[data-page="works"] .works-rating > .page-shell { position: relative; height: 909px; }
body[data-page="works"] .works-rating .section-heading--figma h2 { width: 585px; }
body[data-page="works"] .works-rating .rating__intro { position: absolute; top: 135px; right: 0; width: 649px; margin: 0; color: #303030; font-size: 16px; }
body[data-page="works"] .works-rating figure { position: absolute; top: 249px; left: 0; width: 100%; height: 580px; margin: 0; overflow: hidden; }
body[data-page="works"] .works-rating figure > img { width: 100%; height: 100%; object-fit: cover; }
body[data-page="works"] .works-rating .rating-grid { position: absolute; top: 639px; left: 30px; display: grid; width: calc(100% - 60px); grid-template-columns: repeat(3, 1fr); gap: 20px; border: 0; }
body[data-page="works"] .works-rating .rating-grid a { position: relative; display: block; height: 160px; min-height: 160px; padding: 30px 30px 20px 110px; color: var(--blue); background: #fafafa; border: 0; }
body[data-page="works"] .works-rating .rating-grid img { position: absolute; top: 30px; left: 30px; width: 57px; height: 66px; object-fit: contain; }
body[data-page="works"] .works-rating .rating-grid span:not(.stars) { display: block; font-family: var(--font-display); font-size: 20px; }
body[data-page="works"] .works-rating .rating-grid strong { position: absolute; top: 33px; right: 30px; font-family: var(--font-display); font-size: 14px; font-weight: 400; opacity: .7; }
body[data-page="works"] .works-rating .rating-grid .stars { display: block; margin-top: 15px; color: var(--blue); font-size: 13px; letter-spacing: 5px; }


body[data-page="reviews"] .reviews-stories { position: relative; height: 794px; min-height: 794px; padding: 0; background: #fafafa; }
body[data-page="reviews"] .reviews-stories > .page-shell { position: relative; height: 100%; padding-top: 63px; }
body[data-page="reviews"] .reviews-stories .section-heading--figma { top: 139px; bottom: auto; height: 655px; }
body[data-page="reviews"] .reviews-stories .section-heading--figma h1 { position: absolute; top: 94px; left: 0; width: 598px; margin: 0; }
body[data-page="reviews"] .reviews-stories__intro { position: absolute; top: 368px; left: 0; width: 459px; margin: 0; font-size: 16px; }
body[data-page="reviews"] .review-feature { position: absolute; top: 234px; right: 0; display: grid; width: 650px; height: 500px; grid-template-columns: 280px 1fr; padding: 20px; color: #fff; background: var(--blue); }
body[data-page="reviews"] .review-feature__media { position: relative; width: 260px; height: 460px; padding: 0; background: #ddd; border: 0; overflow: hidden; }
body[data-page="reviews"] .review-feature__media img { width: 100%; height: 100%; object-fit: cover; }
body[data-page="reviews"] .review-feature__media > span { position: absolute; top: calc(50% - 30px); left: calc(50% - 30px); display: grid; width: 60px; height: 60px; place-items: center; color: var(--blue); background: #fff; }
body[data-page="reviews"] .review-feature__copy { padding: 40px 10px 20px 30px; }
body[data-page="reviews"] .review-feature__copy h2 { margin: 0 0 20px; color: #fff; font-size: 20px; letter-spacing: -.02em; }
body[data-page="reviews"] .review-feature__copy > p { width: 310px; margin: 0; color: rgba(255,255,255,.7); font-size: 14px; line-height: 1; }
body[data-page="reviews"] .review-feature__copy blockquote { position: absolute; right: 20px; bottom: 46px; width: 310px; margin: 0; font-size: 16px; line-height: 1; }
body[data-page="reviews"] .slider-control { position: absolute; top: 468px; left: 0; display: flex; align-items: center; gap: 20px; }
body[data-page="reviews"] .slider-control button { width: 60px; height: 60px; padding: 0; color: #303030; background: #fafafa; border: 0; font-size: 24px; }
body[data-page="reviews"] .slider-control span { color: #c4c4c1; font-family: var(--font-display); font-size: 14px; }
body[data-page="reviews"] .slider-control b { color: var(--blue); font-size: 24px; font-weight: 500; }

body[data-page="reviews"] .reviews-written { position: relative; height: 905px; min-height: 905px; padding: 60px 0 0; background: #fff; }
body[data-page="reviews"] .reviews-written > .page-shell { position: relative; height: 845px; }
body[data-page="reviews"] .reviews-written .section-heading--figma h2 { width: 709px; }
body[data-page="reviews"] .reviews-written__intro { position: absolute; top: 229px; left: 0; width: 459px; margin: 0; font-size: 16px; }
body[data-page="reviews"] .review-card-track { position: absolute; top: 329px; left: 0; display: grid; width: calc(100vw - 60px); grid-auto-columns: 538px; grid-auto-flow: column; gap: 20px; overflow: hidden; }
body[data-page="reviews"] .review-card { height: 311px; padding: 20px; background: #fafafa; }
body[data-page="reviews"] .review-card__head { display: grid; grid-template-columns: 119px 1fr; gap: 20px; }
body[data-page="reviews"] .review-card__head img { width: 119px; height: 133px; object-fit: cover; }
body[data-page="reviews"] .review-card__head h3 { margin: 0 0 20px; color: #232742; font-size: 20px; letter-spacing: -.02em; }
body[data-page="reviews"] .review-card__head p { width: 310px; margin: 0; color: rgba(35,39,66,.7); font-size: 14px; line-height: 1; }
body[data-page="reviews"] .review-card blockquote { margin: 35px 0 0; color: #232742; font-size: 16px; line-height: 1; }
body[data-page="reviews"] .slider-control--written { top: 205px; right: 0; left: auto; }
body[data-page="reviews"] .review-request { position: absolute; right: 0; bottom: 0; left: 0; display: grid; height: 145px; grid-template-columns: 66px 1fr 360px; gap: 30px; align-items: center; padding: 0 20px 0 10px; background: #fafafa; }
body[data-page="reviews"] .review-request > span { display: grid; width: 66px; height: 66px; place-items: center; color: #fff; background: var(--blue); font-size: 34px; }
body[data-page="reviews"] .review-request p { width: 687px; margin: 0; color: #232742; font-family: var(--font-display); font-size: 32px; font-weight: 600; line-height: 1; letter-spacing: -.02em; }
body[data-page="reviews"] .review-request em { color: #c0c1cc; font-style: normal; }
body[data-page="reviews"] .review-request .button { width: 360px; height: 60px; padding: 0; font-size: 16px; }

body[data-page="reviews"] .reviews-rating { position: relative; height: 1009px; min-height: 1009px; padding: 0; color: #303030; background: #fff; }
body[data-page="reviews"] .reviews-rating > .page-shell { position: relative; height: 100%; }
body[data-page="reviews"] .reviews-rating .section-heading--figma { top: 120px; bottom: auto; height: 889px; }
body[data-page="reviews"] .reviews-rating .section-heading--figma h2 { width: 585px; }
body[data-page="reviews"] .reviews-rating .rating__intro { position: absolute; top: 255px; right: 0; width: 649px; margin: 0; color: #303030; font-size: 16px; }
body[data-page="reviews"] .reviews-rating figure { position: absolute; top: 369px; left: 0; width: 100%; height: 580px; margin: 0; overflow: hidden; }
body[data-page="reviews"] .reviews-rating figure > img { width: 100%; height: 100%; object-fit: cover; }
body[data-page="reviews"] .reviews-rating .rating-grid { position: absolute; top: 759px; left: 30px; display: grid; width: calc(100% - 60px); grid-template-columns: repeat(3, 1fr); gap: 20px; border: 0; }
body[data-page="reviews"] .reviews-rating .rating-grid a { position: relative; display: block; height: 160px; min-height: 160px; padding: 30px 30px 20px 110px; color: var(--blue); background: #fafafa; border: 0; }
body[data-page="reviews"] .reviews-rating .rating-grid img { position: absolute; top: 30px; left: 30px; width: 57px; height: 66px; object-fit: contain; }
body[data-page="reviews"] .reviews-rating .rating-grid span:not(.stars) { display: block; font-family: var(--font-display); font-size: 20px; }
body[data-page="reviews"] .reviews-rating .rating-grid strong { position: absolute; top: 33px; right: 30px; font-family: var(--font-display); font-size: 14px; font-weight: 400; opacity: .7; }
body[data-page="reviews"] .reviews-rating .rating-grid .stars { display: block; margin-top: 15px; color: var(--blue); font-size: 13px; letter-spacing: 5px; }
body[data-page="reviews"] .reviews-rating .rating-grid small { position: absolute; bottom: -30px; left: 30px; color: #303030; font-family: var(--font-display); font-size: 14px; text-decoration: underline; }

body[data-page="reviews"] .review-appointment { position: relative; height: 595px; min-height: 595px; padding: 60px 0 0; color: #303030; background: #fafafa; }
body[data-page="reviews"] .review-appointment > .page-shell { position: relative; height: 535px; }
body[data-page="reviews"] .review-appointment .section-heading--figma h2 { width: 585px; }
body[data-page="reviews"] .review-appointment__intro { position: absolute; top: 167px; left: 0; width: 477px; margin: 0; font-size: 16px; }
body[data-page="reviews"] .review-appointment .contact-form { position: absolute; top: 264px; left: 0; display: grid; width: 762px; grid-template-columns: 375px 375px; gap: 12px; }
body[data-page="reviews"] .review-appointment .contact-form label:not(.form-consent) { position: relative; display: block; height: 60px; color: #303030; font-size: 12px; text-transform: none; }
body[data-page="reviews"] .review-appointment .contact-form label:not(.form-consent) > span { position: absolute; z-index: 2; top: 22px; left: 20px; }
body[data-page="reviews"] .review-appointment .contact-form input:not([type="checkbox"]) { width: 100%; height: 60px; padding: 0 20px; color: #303030; background: transparent; border: 1px solid #c4c4c1; }
body[data-page="reviews"] .review-appointment .form-consent { grid-column: 1/-1; display: flex; width: 505px; gap: 12px; margin-top: 13px; color: #303030; font-size: 12px; line-height: 1.25; }
body[data-page="reviews"] .review-appointment .form-consent input { width: 16px; height: 16px; }
body[data-page="reviews"] .review-appointment .contact-form .button { grid-column: 1/-1; width: 762px; height: 60px; margin-top: 8px; color: #fff; background: var(--blue); border-color: var(--blue); font-size: 16px; }
body[data-page="reviews"] .review-appointment .form-status { position: absolute; top: 236px; left: 0; color: #5f5f5f; }
body[data-page="reviews"] .review-appointment__media { position: absolute; top: 95px; right: 0; width: 538px; height: 380px; object-fit: cover; }


body[data-page="doctor"] .doctor-hero { position: relative; height: 621px; min-height: 621px; padding: 0; background: #fafafa; }
body[data-page="doctor"] .doctor-hero > .page-shell { position: relative; height: 100%; padding-top: 63px; }
body[data-page="doctor"] .doctor-hero__copy { position: absolute; top: 117px; left: 0; width: 572px; }
body[data-page="doctor"] .doctor-hero__copy h1 { margin: 0 0 30px; }
body[data-page="doctor"] .doctor-hero__copy p { margin: 0; font-family: var(--font-display); font-size: 20px; line-height: 1.5; }
body[data-page="doctor"] .doctor-hero__lead { position: absolute; top: 408px; left: 0; width: 538px; margin: 0; font-size: 16px; }
body[data-page="doctor"] .doctor-hero .button { position: absolute; top: 505px; left: 0; width: 360px; height: 60px; padding: 0; font-size: 16px; }
body[data-page="doctor"] .doctor-hero__portrait { position: absolute; top: 13px; right: 51px; width: 599px; height: 608px; object-fit: contain; object-position: center bottom; }

body[data-page="doctor"] .doctor-about { position: relative; height: 590px; min-height: 590px; padding: 60px 0 0; background: #fff; }
body[data-page="doctor"] .doctor-about > .page-shell { position: relative; height: 530px; }
body[data-page="doctor"] .doctor-about .section-heading--figma h2 { left: 670px; width: 487px; }
body[data-page="doctor"] .doctor-about__portrait { position: absolute; top: 20px; left: 4px; width: 503px; height: 509px; overflow: hidden; }
body[data-page="doctor"] .doctor-about__portrait img { width: 100%; height: 131.25%; object-fit: contain; transform: translateY(-18.76%); }
body[data-page="doctor"] .doctor-about__copy { position: absolute; top: 229px; left: 670px; width: 650px; }
body[data-page="doctor"] .doctor-about__copy p { margin: 0 0 22px; font-size: 16px; }
body[data-page="doctor"] .doctor-about__copy .button { width: 360px; height: 60px; margin-top: 7px; padding: 0; font-size: 16px; }

body[data-page="doctor"] .doctor-education { position: relative; height: 763px; min-height: 763px; padding: 60px 0 0; background: #fafafa; }
body[data-page="doctor"] .doctor-education > .page-shell { position: relative; height: 703px; }
body[data-page="doctor"] .doctor-education .section-heading--figma h2 { width: 487px; }
body[data-page="doctor"] .education-copy { position: absolute; top: 239px; left: 0; width: 538px; }
body[data-page="doctor"] .education-copy > div + div { margin-top: 20px; }
body[data-page="doctor"] .education-copy h3 { margin: 0 0 20px; color: var(--blue); font-size: 20px; }
body[data-page="doctor"] .education-copy ul { display: grid; gap: 20px; margin: 0; padding: 0; list-style: none; }
body[data-page="doctor"] .education-copy li { position: relative; padding-left: 23px; color: #7c7c7c; font-size: 14px; }
body[data-page="doctor"] .education-copy li::before { position: absolute; top: 0; bottom: 0; left: 0; width: 3px; max-height: 20px; background: var(--blue); content: ''; }
body[data-page="doctor"] .education-gallery { position: absolute; top: 239px; right: 0; display: grid; width: 710px; grid-auto-columns: 238px; grid-auto-flow: column; gap: 20px; overflow: hidden; }
body[data-page="doctor"] .education-gallery img { width: 238px; height: 349px; object-fit: cover; }
body[data-page="doctor"] .doctor-education .slider-control { position: absolute; top: 131px; right: 0; left: auto; }
body[data-page="doctor"] .slider-control { display: flex; align-items: center; gap: 20px; }
body[data-page="doctor"] .slider-control button { width: 60px; height: 60px; padding: 0; background: #fafafa; border: 0; font-size: 24px; }
body[data-page="doctor"] .slider-control span { color: #c4c4c1; font-family: var(--font-display); font-size: 14px; }
body[data-page="doctor"] .slider-control b { color: var(--blue); font-size: 24px; font-weight: 500; }

body[data-page="doctor"] .doctor-reviews { position: relative; height: 965px; min-height: 965px; padding: 60px 0 0; background: #fff; }
body[data-page="doctor"] .doctor-reviews > .page-shell { position: relative; height: 905px; }
body[data-page="doctor"] .doctor-reviews .section-heading--figma h2 { width: 709px; }
body[data-page="doctor"] .doctor-reviews__intro { position: absolute; top: 229px; left: 0; width: 459px; margin: 0; font-size: 16px; }
body[data-page="doctor"] .review-card-track { position: absolute; top: 329px; left: 0; display: grid; width: calc(100vw - 60px); grid-auto-columns: 538px; grid-auto-flow: column; gap: 20px; overflow: hidden; }
body[data-page="doctor"] .review-card { height: 311px; padding: 20px; background: #fafafa; }
body[data-page="doctor"] .review-card__head { display: grid; grid-template-columns: 119px 1fr; gap: 20px; }
body[data-page="doctor"] .review-card__head img { width: 119px; height: 133px; object-fit: cover; }
body[data-page="doctor"] .review-card__head h3 { margin: 0 0 20px; color: #232742; font-size: 20px; }
body[data-page="doctor"] .review-card__head p { width: 310px; margin: 0; color: rgba(35,39,66,.7); font-size: 14px; line-height: 1; }
body[data-page="doctor"] .review-card blockquote { margin: 35px 0 0; color: #232742; font-size: 16px; line-height: 1; }
body[data-page="doctor"] .doctor-reviews .slider-control { position: absolute; top: 205px; right: 0; }
body[data-page="doctor"] .review-request { position: absolute; right: 0; bottom: 60px; left: 0; display: grid; height: 145px; grid-template-columns: 66px 1fr 360px; gap: 30px; align-items: center; padding: 0 20px 0 10px; background: #fafafa; }
body[data-page="doctor"] .review-request > span { display: grid; width: 66px; height: 66px; place-items: center; color: #fff; background: var(--blue); font-size: 34px; }
body[data-page="doctor"] .review-request p { width: 687px; margin: 0; color: #232742; font-family: var(--font-display); font-size: 32px; font-weight: 600; line-height: 1; letter-spacing: -.02em; }
body[data-page="doctor"] .review-request em { color: #c0c1cc; font-style: normal; }
body[data-page="doctor"] .review-request .button { width: 360px; height: 60px; padding: 0; font-size: 16px; }

body[data-page="doctor"] .doctor-appointment { position: relative; height: 595px; min-height: 595px; padding: 60px 0 0; color: #303030; background: #fafafa; }
body[data-page="doctor"] .doctor-appointment > .page-shell { position: relative; height: 535px; }
body[data-page="doctor"] .doctor-appointment .section-heading--figma h2 { width: 585px; }
body[data-page="doctor"] .doctor-appointment__intro { position: absolute; top: 167px; left: 0; width: 477px; margin: 0; font-size: 16px; }
body[data-page="doctor"] .doctor-appointment .contact-form { position: absolute; top: 264px; left: 0; display: grid; width: 762px; grid-template-columns: 375px 375px; gap: 12px; }
body[data-page="doctor"] .doctor-appointment .contact-form label:not(.form-consent) { position: relative; display: block; height: 60px; color: #303030; font-size: 12px; text-transform: none; }
body[data-page="doctor"] .doctor-appointment .contact-form label:not(.form-consent) > span { position: absolute; z-index: 2; top: 22px; left: 20px; }
body[data-page="doctor"] .doctor-appointment .contact-form label:not(.form-consent):focus-within > span,
body[data-page="doctor"] .doctor-appointment .contact-form label:not(.form-consent):has(input:not(:placeholder-shown)) > span { opacity: 0; }
body[data-page="doctor"] .doctor-appointment .contact-form input:not([type="checkbox"]) { width: 100%; height: 60px; padding: 0 20px; color: #303030; background: transparent; border: 1px solid #c4c4c1; }
body[data-page="doctor"] .doctor-appointment .form-consent { grid-column: 1/-1; display: flex; width: 505px; gap: 12px; margin-top: 13px; color: #303030; font-size: 12px; line-height: 1.25; }
body[data-page="doctor"] .doctor-appointment .form-consent input { width: 16px; height: 16px; }
body[data-page="doctor"] .doctor-appointment .contact-form .button { --corner-color: #fff; --corner-inset: 10px; position: relative; grid-column: 1/-1; width: 762px; height: 60px; justify-content: center; margin-top: 8px; padding-inline: 24px; color: #fff; background: var(--blue); border-color: var(--blue); font-size: 16px; }
body[data-page="doctor"] .doctor-appointment .contact-form .button::before,
body[data-page="doctor"] .doctor-appointment .contact-form .button::after { position: absolute; width: 10px; height: 10px; background: transparent; pointer-events: none; content: ""; transform-origin: center; }
body[data-page="doctor"] .doctor-appointment .contact-form .button::before { top: calc(100% - var(--corner-inset) - 10px); left: var(--corner-inset); border-bottom: 2px solid var(--corner-color); border-left: 2px solid var(--corner-color); }
body[data-page="doctor"] .doctor-appointment .contact-form .button::after { top: var(--corner-inset); left: calc(100% - var(--corner-inset) - 10px); border-top: 2px solid var(--corner-color); border-right: 2px solid var(--corner-color); }
body[data-page="doctor"] .doctor-appointment .contact-form .button:hover,
body[data-page="doctor"] .doctor-appointment .contact-form .button:focus-visible { --corner-color: var(--blue); color: var(--blue); background: #fff; border-color: var(--blue); }
body[data-page="doctor"] .doctor-appointment .contact-form .button:hover::before,
body[data-page="doctor"] .doctor-appointment .contact-form .button:focus-visible::before { animation: service-corner-before-clockwise .58s cubic-bezier(.45, 0, .2, 1) both; }
body[data-page="doctor"] .doctor-appointment .contact-form .button:hover::after,
body[data-page="doctor"] .doctor-appointment .contact-form .button:focus-visible::after { animation: service-corner-after-clockwise .58s cubic-bezier(.45, 0, .2, 1) both; }
body[data-page="doctor"] .doctor-appointment .contact-form .button__arrow { display: none; }
body[data-page="doctor"] .doctor-appointment .form-status { position: absolute; top: 236px; left: 0; color: #5f5f5f; }
body[data-page="doctor"] .doctor-appointment__media { position: absolute; top: 95px; right: 0; width: 538px; height: 380px; object-fit: cover; }

@media (max-width: 1359px) and (min-width: 768px) {
  body:not([data-page="home"]) { --internal-side: 32px; }
  body:not([data-page="home"]) > .site-header { height: 76px; grid-template-columns: 141px 1fr max-content 48px; gap: 18px; padding-inline: var(--internal-side); }
  body:not([data-page="home"]) .site-header .brand { width: 130px; height: 52px; }
  body:not([data-page="home"]) .header-address,
  body:not([data-page="home"]) .desktop-nav { display: none; }
  body:not([data-page="home"]) .header-phone { display: block; justify-self: end; font-size: 14px; }
  body:not([data-page="home"]) .header-appointment { display: flex; }
  body:not([data-page="home"]) .menu-toggle { display: block; width: 48px; height: 44px; border: 1px solid #c4c4c1; }
  body:not([data-page="home"]) .site-footer { height: 620px; min-height: 620px; }
  body:not([data-page="home"]) .site-footer .footer-grid { width: calc(100% - 64px); height: 620px; }
  body:not([data-page="home"]) .site-footer .footer-contact { top: 50px; left: 0; }
  body:not([data-page="home"]) .site-footer .footer-column:nth-child(2) { top: 50px; left: 28%; }
  body:not([data-page="home"]) .site-footer .footer-column--second-nav { top: 85px; left: 43%; }
  body:not([data-page="home"]) .site-footer .footer-info { top: 50px; left: 58%; width: 30%; }
  body:not([data-page="home"]) .site-footer .footer-management { top: 260px; right: 0; width: 38%; }
  body:not([data-page="home"]) .site-footer .footer-management .button { width: 100%; }
  body:not([data-page="home"]) .site-footer .footer-social { top: 295px; left: 28%; }
  body:not([data-page="home"]) .site-footer .footer-payment { top: 440px; left: 28%; }
  body:not([data-page="home"]) .site-footer .footer-warning { top: 465px; right: 0; width: 38%; }
  body:not([data-page="home"]) .site-footer .brand--footer { top: 440px; left: 0; }
  body[data-page="doctors"] .doctor-catalog-card__head { grid-template-columns: 132px 1fr; }
  body[data-page="doctors"] .doctor-catalog-card__identity { padding-inline: 20px; }

  body[data-page="doctor"] .doctor-appointment { height: auto; min-height: 0; padding: 52px 0 72px; }
  body[data-page="doctor"] .doctor-appointment > .page-shell { position: relative; height: auto; }
  body[data-page="doctor"] .doctor-appointment .section-heading--figma { position: relative; inset: auto; height: 150px; }
  body[data-page="doctor"] .doctor-appointment .section-heading--figma h2 { top: 62px; left: 0; width: min(585px,100%); }
  body[data-page="doctor"] .doctor-appointment__intro { position: static; width: min(477px,60%); margin: 24px 0 34px; }
  body[data-page="doctor"] .doctor-appointment .contact-form { position: static; width: min(760px,60%); grid-template-columns: 1fr 1fr; }
  body[data-page="doctor"] .doctor-appointment .contact-form .button,
  body[data-page="doctor"] .doctor-appointment .form-consent { width: 100%; }
  body[data-page="doctor"] .doctor-appointment__media { top: auto; right: 0; bottom: 0; width: 36%; height: 360px; }
}

@media (min-width: 768px) and (max-width: 991px) {
  body[data-page="doctor"] .doctor-appointment__intro,
  body[data-page="doctor"] .doctor-appointment .contact-form { width: 100%; }
  body[data-page="doctor"] .doctor-appointment__media { position: static; width: 100%; height: 340px; margin-top: 40px; object-fit: cover; }
}

@media (max-width: 767px) {
  body:not([data-page="home"]) { --internal-side: 20px; font-size: 14px; }
  body:not([data-page="home"]) h1,
  body:not([data-page="home"]) h2 { font-size: 32px; }
  body:not([data-page="home"]) > .site-header { position: relative; display: block; height: 70px; padding: 0; }
  body:not([data-page="home"]) .site-header .brand { position: absolute; top: 14px; left: 20px; width: 121px; height: 48px; }
  body:not([data-page="home"]) .header-address,
  body:not([data-page="home"]) .desktop-nav,
  body:not([data-page="home"]) .header-phone { display: none; }
  body:not([data-page="home"]) .header-appointment { position: absolute; top: 16px; right: 74px; display: flex; width: 160px; height: 44px; font-size: 14px; }
  body:not([data-page="home"]) .menu-toggle { position: absolute; top: 16px; right: 20px; display: block; width: 44px; height: 44px; border: 1px solid #c4c4c1; }
  body:not([data-page="home"]) .menu-toggle span { background: #303030; }
  body:not([data-page="home"]) .breadcrumbs { font-size: 12px; }

  body:not([data-page="home"]) main > .contacts { height: 1021px; min-height: 1021px; padding-top: 40px; }
  body:not([data-page="home"]) main > .contacts > .page-shell { height: 981px; }
  body:not([data-page="home"]) .section-heading--figma .section-kicker,
  body:not([data-page="home"]) .section-heading--figma .section-number { top: 11px; font-size: 12px; }
  body:not([data-page="home"]) .section-heading--figma h2 { top: 58px; }
  body:not([data-page="home"]) main > .contacts .contacts-card { top: 120px; display: block; min-height: 0; }
  body:not([data-page="home"]) .contacts-card__info { width: 100%; height: 482px; min-height: 482px; }
  body:not([data-page="home"]) .contacts-card__info .brand { top: 20px; left: 20px; width: 165px; height: 66px; }
  body:not([data-page="home"]) .contacts-card__label { top: 111px; }
  body:not([data-page="home"]) .contacts-card__info > p { top: 144px; }
  body:not([data-page="home"]) .contacts-card__info > a:not(.brand) { top: 206px; left: 20px; }
  body:not([data-page="home"]) .contacts-card__social-label { top: 267px; }
  body:not([data-page="home"]) .contacts-card__info .social-list { top: 299px; }
  body:not([data-page="home"]) .contacts-card__info .button { bottom: 22px; }
  body:not([data-page="home"]) .contacts-card__map { width: 100%; height: 409px; }
  body:not([data-page="home"]) .contacts-card__map-image img { object-fit: cover; }
  body:not([data-page="home"]) .map-pin-image { top: 248px; left: 31%; width: 38px; height: 49px; }

  body:not([data-page="home"]) .site-footer { height: 848px; min-height: 848px; }
  body:not([data-page="home"]) .site-footer .footer-grid { width: calc(100% - 40px); height: 848px; }
  body:not([data-page="home"]) .site-footer .footer-column { font-size: 14px; }
  body:not([data-page="home"]) .site-footer .brand--footer { top: 36px; left: 0; width: 160px; height: 64px; }
  body:not([data-page="home"]) .site-footer .footer-contact { top: 134px; left: 0; width: 190px; }
  body:not([data-page="home"]) .site-footer .footer-contact .footer-label { margin-bottom: 5px !important; }
  body:not([data-page="home"]) .site-footer .footer-column:nth-child(2) { top: 275px; left: 0; width: 170px; }
  body:not([data-page="home"]) .site-footer .footer-column--second-nav { top: 440px; left: 0; width: 170px; }
  body:not([data-page="home"]) .site-footer .footer-column--second-nav a:nth-of-type(2) { display: none; }
  body:not([data-page="home"]) .site-footer .footer-info { top: 275px; right: 0; left: auto; width: 185px; }
  body:not([data-page="home"]) .site-footer .footer-info .footer-label { white-space: nowrap; }
  body:not([data-page="home"]) .site-footer .footer-management { top: 559px; right: auto; left: 0; width: 100%; }
  body:not([data-page="home"]) .site-footer .footer-management .button { width: 100%; }
  body:not([data-page="home"]) .site-footer .footer-social { top: 134px; right: 0; left: auto; }
  body:not([data-page="home"]) .site-footer .footer-payment { top: 695px; left: 0; }
  body:not([data-page="home"]) .site-footer .footer-payment img { position: absolute; top: 27px; left: -7px; width: 203px; max-width: none; height: 54px; object-fit: fill; clip-path: inset(5px 18px 7px 7px); }
  body:not([data-page="home"]) .site-footer .footer-warning { top: 789px; right: auto; left: 0; width: 316px; max-width: none; }

  body[data-page="promotions"] .promotions-page { height: auto; min-height: 0; padding: 38px 0 64px; }
  body[data-page="promotions"] .promotions-page > .page-shell { height: auto; padding: 0; }
  body[data-page="promotions"] .promotions-page h1 { position: static; width: 100%; margin: 48px 0 40px; }
  body[data-page="promotions"] .promotions-page .promo-grid { position: static; display: grid; width: 100%; grid-template-columns: 1fr; gap: 12px; }
  body[data-page="promotions"] .promotions-page .promo-card { height: 320px; }

  body[data-page="prices"] .price-catalog { height: auto; min-height: 0; padding: 38px 0 64px; }
  body[data-page="prices"] .price-catalog > .page-shell { height: auto; padding: 0; }
  body[data-page="prices"] .price-catalog > .page-shell > h1 { position: static; width: 100%; margin: 48px 0 36px; }
  body[data-page="prices"] .catalog-search,
  body[data-page="prices"] .price-layout { position: relative; inset: auto; }
  body[data-page="prices"] .catalog-search { margin-bottom: 28px; }
  body[data-page="prices"] .price-layout { display: block; }
  body[data-page="prices"] .price-categories { height: auto; flex-flow: row nowrap; padding: 0 0 10px; background: transparent; overflow-x: auto; }
  body[data-page="prices"] .price-categories .filter-button { flex: 0 0 auto; min-width: max-content; }
  body[data-page="prices"] .price-categories .filter-button + .filter-button { margin: 0 0 0 5px; }
  body[data-page="prices"] .price-row { min-height: 220px; grid-template-columns: 1fr; padding: 24px 20px; }
  body[data-page="prices"] .price-row .button { width: 100%; }
  body[data-page="prices"] .price-about { height: auto; min-height: 0; padding: 40px 0 64px; }
  body[data-page="prices"] .price-about > .page-shell { height: auto; padding-top: 100px; }
  body[data-page="prices"] .price-about h2 { top: 58px; width: 100%; }
  body[data-page="prices"] .price-about .inner-hero__grid { position: static; display: flex; flex-direction: column; gap: 32px; }
  body[data-page="prices"] .price-about .inner-hero__grid > div,
  body[data-page="prices"] .price-about .inner-hero__grid > img { position: static; width: 100%; }
  body[data-page="prices"] .price-about .inner-hero__grid > div { padding-top: 55px; line-height: 1.35; }
  body[data-page="prices"] .price-about .inner-hero__grid > img { height: 280px; }

  body[data-page="doctors"] .doctors-catalog { height: auto; min-height: 0; padding: 38px 0 64px; }
  body[data-page="doctors"] .doctors-catalog > .page-shell { height: auto; padding: 0; }
  body[data-page="doctors"] .doctors-catalog h1 { position: static; width: 100%; margin: 48px 0 36px; }
  body[data-page="doctors"] .doctor-search,
  body[data-page="doctors"] .doctor-catalog-layout { position: relative; inset: auto; }
  body[data-page="doctors"] .doctor-search { margin-bottom: 28px; }
  body[data-page="doctors"] .doctor-catalog-layout { display: block; }
  body[data-page="doctors"] .doctor-categories { height: auto; flex-flow: row nowrap; margin-bottom: 20px; padding: 0 0 10px; background: transparent; overflow-x: auto; }
  body[data-page="doctors"] .doctor-categories .filter-button { flex: 0 0 auto; min-width: max-content; }
  body[data-page="doctors"] .doctor-categories .filter-button + .filter-button { margin: 0 0 0 5px; }
  body[data-page="doctors"] .doctor-catalog-grid { grid-template-columns: 1fr; }
  body[data-page="doctors"] .doctor-catalog-card { height: auto; min-height: 500px; padding-top: 208px; }
  body[data-page="doctors"] .doctor-catalog-card__head { height: 188px; grid-template-columns: 42% 1fr; }
  body[data-page="doctors"] .doctor-catalog-card__photo { height: 188px; }
  body[data-page="doctors"] .doctor-catalog-card__identity { padding: 30px 20px; }
  body[data-page="doctors"] .doctor-catalog-card h2,
  body[data-page="doctors"] .doctor-catalog-card__identity p { width: 100%; }
  body[data-page="doctors"] .doctor-catalog-card > p { height: auto; padding-bottom: 80px; line-height: 1.3; }
  body[data-page="doctors"] [data-filter-status] { position: static; }

  body[data-page="works"] .works-catalog { height: auto; min-height: 0; padding: 38px 0 64px; }
  body[data-page="works"] .works-catalog > .page-shell { height: auto; padding: 0; }
  body[data-page="works"] .works-catalog h1 { position: static; width: 100%; margin: 48px 0 36px; }
  body[data-page="works"] .works-layout { position: static; display: block; }
  body[data-page="works"] .works-categories { height: auto; flex-flow: row nowrap; margin-bottom: 20px; padding: 0 0 10px; background: transparent; overflow-x: auto; }
  body[data-page="works"] .works-categories .filter-button { flex: 0 0 auto; min-width: max-content; }
  body[data-page="works"] .works-categories .filter-button + .filter-button { margin: 0 0 0 5px; }
  body[data-page="works"] .works-grid { grid-template-columns: 1fr; gap: 36px; }
  body[data-page="works"] .work-case { height: 535px; }
  body[data-page="works"] .work-case__media { height: 370px; }
  body[data-page="works"] .works-catalog [data-filter-status] { position: static; }
  body[data-page="works"] .works-rating { height: auto; min-height: 0; padding: 40px 0 64px; }
  body[data-page="works"] .works-rating > .page-shell { height: auto; padding-top: 130px; border-top: 1px solid #eaeaea; }
  body[data-page="works"] .works-rating .rating__intro,
  body[data-page="works"] .works-rating figure,
  body[data-page="works"] .works-rating .rating-grid { position: static; width: 100%; }
  body[data-page="works"] .works-rating .rating__intro { margin: 0 0 32px; }
  body[data-page="works"] .works-rating figure { height: 360px; }
  body[data-page="works"] .works-rating .rating-grid { grid-template-columns: 1fr; gap: 12px; margin-top: -12px; }
  body[data-page="works"] .works-rating .rating-grid a { height: 150px; min-height: 150px; }

  body[data-page="reviews"] .reviews-stories,
  body[data-page="reviews"] .reviews-written,
  body[data-page="reviews"] .reviews-rating,
  body[data-page="reviews"] .review-appointment { height: auto; min-height: 0; padding: 40px 0 64px; }
  body[data-page="reviews"] .reviews-stories > .page-shell,
  body[data-page="reviews"] .reviews-written > .page-shell,
  body[data-page="reviews"] .reviews-rating > .page-shell,
  body[data-page="reviews"] .review-appointment > .page-shell { height: auto; }
  body[data-page="reviews"] .reviews-stories .section-heading--figma,
  body[data-page="reviews"] .reviews-rating .section-heading--figma { position: relative; top: auto; height: 130px; margin-top: 40px; }
  body[data-page="reviews"] .reviews-stories .section-heading--figma h1,
  body[data-page="reviews"] .reviews-written .section-heading--figma h2,
  body[data-page="reviews"] .reviews-rating .section-heading--figma h2,
  body[data-page="reviews"] .review-appointment .section-heading--figma h2 { width: 100%; }
  body[data-page="reviews"] .reviews-stories__intro,
  body[data-page="reviews"] .review-feature,
  body[data-page="reviews"] .slider-control,
  body[data-page="reviews"] .reviews-written__intro,
  body[data-page="reviews"] .review-card-track,
  body[data-page="reviews"] .review-request,
  body[data-page="reviews"] .reviews-rating .rating__intro,
  body[data-page="reviews"] .reviews-rating figure,
  body[data-page="reviews"] .reviews-rating .rating-grid,
  body[data-page="reviews"] .review-appointment__intro,
  body[data-page="reviews"] .review-appointment .contact-form,
  body[data-page="reviews"] .review-appointment__media { position: static; width: 100%; }
  body[data-page="reviews"] .reviews-stories__intro,
  body[data-page="reviews"] .reviews-written__intro,
  body[data-page="reviews"] .reviews-rating .rating__intro,
  body[data-page="reviews"] .review-appointment__intro { margin: 24px 0 32px; }
  body[data-page="reviews"] .review-feature { display: block; height: auto; padding: 20px; }
  body[data-page="reviews"] .review-feature__media { width: 100%; height: 460px; }
  body[data-page="reviews"] .review-feature__copy { position: relative; min-height: 330px; padding: 30px 0 0; }
  body[data-page="reviews"] .review-feature__copy blockquote { position: static; width: 100%; margin-top: 80px; }
  body[data-page="reviews"] .slider-control { margin: 20px 0 0; }
  body[data-page="reviews"] .reviews-written > .page-shell,
  body[data-page="reviews"] .reviews-rating > .page-shell,
  body[data-page="reviews"] .review-appointment > .page-shell { padding-top: 130px; border-top: 1px solid #eaeaea; }
  body[data-page="reviews"] .review-card-track { width: calc(100vw - 20px); grid-auto-columns: 86vw; overflow-x: auto; scroll-snap-type: x mandatory; }
  body[data-page="reviews"] .review-card { height: 360px; scroll-snap-align: start; }
  body[data-page="reviews"] .review-card__head { grid-template-columns: 105px 1fr; }
  body[data-page="reviews"] .review-card__head img { width: 105px; height: 120px; }
  body[data-page="reviews"] .review-card__head p { width: 100%; }
  body[data-page="reviews"] .slider-control--written { display: none; }
  body[data-page="reviews"] .review-request { display: flex; height: auto; flex-wrap: wrap; gap: 24px; margin-top: 32px; padding: 24px 20px; }
  body[data-page="reviews"] .review-request p { width: calc(100% - 96px); font-size: 24px; }
  body[data-page="reviews"] .review-request .button { width: 100%; }
  body[data-page="reviews"] .reviews-rating figure { height: 360px; }
  body[data-page="reviews"] .reviews-rating .rating-grid { grid-template-columns: 1fr; gap: 12px; margin-top: -12px; }
  body[data-page="reviews"] .reviews-rating .rating-grid small { bottom: 18px; left: 110px; }
  body[data-page="reviews"] .review-appointment .contact-form { grid-template-columns: 1fr; }
  body[data-page="reviews"] .review-appointment .contact-form .button,
  body[data-page="reviews"] .review-appointment .form-consent { width: 100%; }
  body[data-page="reviews"] .review-appointment__media { height: 340px; margin-top: 40px; }

  body[data-page="doctor"] .doctor-hero,
  body[data-page="doctor"] .doctor-about,
  body[data-page="doctor"] .doctor-education,
  body[data-page="doctor"] .doctor-reviews,
  body[data-page="doctor"] .doctor-appointment { height: auto; min-height: 0; padding: 40px 0 64px; }
  body[data-page="doctor"] .doctor-hero > .page-shell,
  body[data-page="doctor"] .doctor-about > .page-shell,
  body[data-page="doctor"] .doctor-education > .page-shell,
  body[data-page="doctor"] .doctor-reviews > .page-shell,
  body[data-page="doctor"] .doctor-appointment > .page-shell { height: auto; }
  body[data-page="doctor"] .doctor-hero__copy,
  body[data-page="doctor"] .doctor-hero__lead,
  body[data-page="doctor"] .doctor-hero .button,
  body[data-page="doctor"] .doctor-hero__portrait,
  body[data-page="doctor"] .doctor-about__portrait,
  body[data-page="doctor"] .doctor-about__copy,
  body[data-page="doctor"] .education-copy,
  body[data-page="doctor"] .education-gallery,
  body[data-page="doctor"] .doctor-education .slider-control,
  body[data-page="doctor"] .doctor-reviews__intro,
  body[data-page="doctor"] .review-card-track,
  body[data-page="doctor"] .doctor-reviews .slider-control,
  body[data-page="doctor"] .review-request,
  body[data-page="doctor"] .doctor-appointment__intro,
  body[data-page="doctor"] .doctor-appointment .contact-form,
  body[data-page="doctor"] .doctor-appointment__media { position: static; width: 100%; }
  body[data-page="doctor"] .doctor-hero__copy { margin: 48px 0 28px; }
  body[data-page="doctor"] .doctor-hero__copy h1 { margin-bottom: 20px; }
  body[data-page="doctor"] .doctor-hero__lead { margin-bottom: 28px; }
  body[data-page="doctor"] .doctor-hero .button { width: 100%; }
  body[data-page="doctor"] .doctor-hero__portrait { height: 470px; margin-top: 24px; object-position: center bottom; }
  body[data-page="doctor"] .doctor-about > .page-shell,
  body[data-page="doctor"] .doctor-education > .page-shell,
  body[data-page="doctor"] .doctor-reviews > .page-shell,
  body[data-page="doctor"] .doctor-appointment > .page-shell { padding-top: 130px; border-top: 1px solid #eaeaea; }
  body[data-page="doctor"] .doctor-about .section-heading--figma h2 { left: 0; width: 100%; }
  body[data-page="doctor"] .doctor-about__portrait { height: 430px; }
  body[data-page="doctor"] .doctor-about__copy { margin-top: 30px; }
  body[data-page="doctor"] .doctor-about__copy .button { width: 100%; }
  body[data-page="doctor"] .education-copy { margin: 38px 0; }
  body[data-page="doctor"] .education-gallery { grid-auto-columns: 72vw; overflow-x: auto; scroll-snap-type: x mandatory; }
  body[data-page="doctor"] .education-gallery img { width: 72vw; scroll-snap-align: start; }
  body[data-page="doctor"] .doctor-education .slider-control { display: none; }
  body[data-page="doctor"] .doctor-reviews__intro,
  body[data-page="doctor"] .doctor-appointment__intro { margin: 24px 0 32px; }
  body[data-page="doctor"] .review-card-track { width: calc(100vw - 20px); grid-auto-columns: 86vw; overflow-x: auto; scroll-snap-type: x mandatory; }
  body[data-page="doctor"] .review-card { height: 360px; scroll-snap-align: start; }
  body[data-page="doctor"] .review-card__head { grid-template-columns: 105px 1fr; }
  body[data-page="doctor"] .review-card__head img { width: 105px; height: 120px; }
  body[data-page="doctor"] .review-card__head p { width: 100%; }
  body[data-page="doctor"] .doctor-reviews .slider-control { display: none; }
  body[data-page="doctor"] .review-request { display: flex; height: auto; flex-wrap: wrap; gap: 24px; margin-top: 32px; padding: 24px 20px; }
  body[data-page="doctor"] .review-request p { width: calc(100% - 96px); font-size: 24px; }
  body[data-page="doctor"] .review-request .button { width: 100%; }
  body[data-page="doctor"] .doctor-appointment .contact-form { grid-template-columns: 1fr; }
  body[data-page="doctor"] .doctor-appointment .contact-form .button,
  body[data-page="doctor"] .doctor-appointment .form-consent { width: 100%; }
  body[data-page="doctor"] .doctor-appointment__media { height: 340px; margin-top: 40px; }
}

@media (max-width: 410px) {
  body:not([data-page="home"]) .header-appointment { right: 68px; width: 150px; }
  body:not([data-page="home"]) .menu-toggle { right: 14px; }
  body:not([data-page="home"]) .site-header .brand { left: 14px; width: 110px; }
}

@media (max-width: 340px) {
  body:not([data-page="home"]) .header-appointment { display: none; }
  body:not([data-page="home"]) .contacts-card__info > p { width: calc(100% - 40px); }
  body:not([data-page="home"]) .site-footer .footer-warning { width: 100%; }
  body[data-page="promotions"] .promotions-page .promo-card p { width: calc(100% - 20px); max-width: 100%; }
  body[data-page="doctor"] .doctor-education .section-heading--figma h2,
  body[data-page="doctor"] .doctor-reviews .section-heading--figma h2,
  body[data-page="reviews"] .section-heading--figma h2 { width: 100%; }
  body[data-page="reviews"] .review-feature__copy > p { width: 100%; }
}


body[data-page="services"] :where(.button,.header-appointment) {
  --corner-color: #fff;
  --corner-hover-color: var(--blue);
  --corner-inset: -1px;
  position: relative;
}
body[data-page="services"] :where(.button) {
  justify-content: center;
  padding-inline: 24px;
}
body[data-page="services"] .button::before,
body[data-page="services"] .header-appointment::before,
body[data-page="services"] .button::after,
body[data-page="services"] .header-appointment::after {
  position: absolute;
  width: 10px;
  height: 10px;
  background: transparent;
  pointer-events: none;
  content: "";
  transform-origin: center;
}
body[data-page="services"] .button::before,
body[data-page="services"] .header-appointment::before {
  top: calc(100% - var(--corner-inset) - 10px);
  left: var(--corner-inset);
  border-bottom: 2px solid var(--corner-color);
  border-left: 2px solid var(--corner-color);
}
body[data-page="services"] .button::after,
body[data-page="services"] .header-appointment::after {
  top: var(--corner-inset);
  left: calc(100% - var(--corner-inset) - 10px);
  border-top: 2px solid var(--corner-color);
  border-right: 2px solid var(--corner-color);
}
body[data-page="services"] .service-hero .button,
body[data-page="services"] .service-price-callout .button,
body[data-page="services"] .contacts-card__info .button { --corner-inset: 10px; }
body[data-page="services"] .header-appointment {
  --corner-color: var(--blue);
  --corner-hover-color: #fff;
  font-weight: 500;
}
body[data-page="services"] .desktop-nav { left: -28px; }
body[data-page="services"] .service-hero {
  --service-hero-photo-overlay: linear-gradient(to right, rgba(255,255,255,.8) 0%, rgba(255,255,255,.2) 60.799%, rgba(255,255,255,.2) 100%);
}
body[data-page="services"] .service-price-callout .button,
body[data-page="services"] .modal .contact-form .button {
  --corner-color: var(--blue);
  --corner-hover-color: #fff;
}
body[data-page="services"] .button:hover,
body[data-page="services"] .button:focus-visible {
  --corner-color: var(--corner-hover-color);
  color: var(--blue);
  background: #fff;
  border-color: var(--blue);
}
body[data-page="services"] .service-price-callout .button:hover,
body[data-page="services"] .service-price-callout .button:focus-visible,
body[data-page="services"] .modal .contact-form .button:hover,
body[data-page="services"] .modal .contact-form .button:focus-visible {
  color: #fff;
  background: transparent;
  border-color: #fff;
}
body[data-page="services"] .header-appointment:hover,
body[data-page="services"] .header-appointment:focus-visible {
  --corner-color: #fff;
  color: #fff;
  background: var(--blue);
}
body[data-page="services"] .button:hover::before,
body[data-page="services"] .button:focus-visible::before,
body[data-page="services"] .header-appointment:hover::before,
body[data-page="services"] .header-appointment:focus-visible::before {
  animation: service-corner-before-clockwise .58s cubic-bezier(.45, 0, .2, 1) both;
}
body[data-page="services"] .button:hover::after,
body[data-page="services"] .button:focus-visible::after,
body[data-page="services"] .header-appointment:hover::after,
body[data-page="services"] .header-appointment:focus-visible::after {
  animation: service-corner-after-clockwise .58s cubic-bezier(.45, 0, .2, 1) both;
}
body[data-page="services"] .button__arrow { display: none; }

@keyframes service-corner-before-clockwise {
  0% { top: calc(100% - var(--corner-inset) - 10px); left: var(--corner-inset); transform: rotate(0); }
  50% { top: var(--corner-inset); left: var(--corner-inset); transform: rotate(90deg); }
  100% { top: var(--corner-inset); left: calc(100% - var(--corner-inset) - 10px); transform: rotate(180deg); }
}
@keyframes service-corner-after-clockwise {
  0% { top: var(--corner-inset); left: calc(100% - var(--corner-inset) - 10px); transform: rotate(0); }
  50% { top: calc(100% - var(--corner-inset) - 10px); left: calc(100% - var(--corner-inset) - 10px); transform: rotate(90deg); }
  100% { top: calc(100% - var(--corner-inset) - 10px); left: var(--corner-inset); transform: rotate(180deg); }
}

body[data-page="services"] .service-feature-grid { gap: 18px; border: 0; }
body[data-page="services"] .service-feature-grid .feature-card {
  position: relative;
  min-height: 300px;
  padding: 30px;
  background: #fafafa;
  border: 0;
  overflow: hidden;
}
body[data-page="services"] .service-feature-grid .feature-card picture {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  width: 90px;
  height: 90px;
  overflow: hidden;
}
body[data-page="services"] .service-feature-grid .feature-card__thumb {
  position: absolute;
  inset: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  object-fit: cover;
}
body[data-page="services"] .service-feature-grid .feature-card:nth-child(2) .feature-card__thumb { object-fit: fill; }
body[data-page="services"] .service-feature-grid .feature-card::after {
  position: absolute;
  z-index: 1;
  top: 0;
  right: 2px;
  width: 100px;
  height: 100px;
  background:
    linear-gradient(#fff, #fff) left top / 10px 100% no-repeat,
    linear-gradient(#fff, #fff) left bottom / 100% 10px no-repeat;
  content: "";
  pointer-events: none;
}
body[data-page="services"] .service-feature-grid .feature-card::before {
  position: absolute;
  z-index: 2;
  top: 102px;
  right: 102px;
  width: 10px;
  height: 10px;
  border-bottom: 2px solid #c4c4c1;
  border-left: 2px solid #c4c4c1;
  content: "";
}
body[data-page="services"] .service-feature-grid .feature-card h3 {
  max-width: calc(100% - 70px);
  margin: 0;
  color: var(--blue);
  line-height: 1;
}
body[data-page="services"] .service-feature-grid .feature-card p {
  position: absolute;
  right: 30px;
  bottom: 50px;
  left: 30px;
  width: auto;
  margin: 0;
  color: #7c7c7c;
  font-size: 14px;
  line-height: 1;
}
body[data-page="services"] .service-stage-list article { position: relative; }
body[data-page="services"] .service-stage-list h3 { color: var(--blue); }
body[data-page="services"] .service-stage-list article > img {
  position: absolute;
  top: 20px;
  left: 20px;
  width: 113px;
  height: 113px;
  object-fit: cover;
}
body[data-page="services"] .service-stage-list article:nth-child(2) > img {
  object-fit: fill;
  clip-path: inset(0 0 0 0);
}
body[data-page="services"] .service-stage-list article > span {
  position: absolute;
  top: 20px;
  right: 20px;
}
body[data-page="services"] .service-stage-list article > div { min-width: 0; }

body[data-page="services"] .certificate-carousel {
  overflow: hidden;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
body[data-page="services"] .certificate-carousel.is-dragging { cursor: grabbing; }
body[data-page="services"] .certificate-track { display: flex; width: max-content; gap: 20px; will-change: transform; }
body[data-page="services"] .certificate-track img { flex: 0 0 238px; width: 238px; height: 349px; object-fit: cover; }
body[data-page="services"] .slider-nav--certificates { display: flex; align-items: center; gap: 20px; }
body[data-page="services"] .slider-nav--certificates button {
  position: relative;
  width: 60px;
  height: 60px;
  padding: 0;
  color: var(--blue);
  background: #fafafa;
  border: 0;
  font-size: 0;
}
body[data-page="services"] .slider-nav--certificates button::before {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 9px;
  height: 9px;
  border-bottom: 1.5px solid var(--blue);
  border-left: 1.5px solid var(--blue);
  content: '';
  transform: translate(-35%,-50%) rotate(45deg);
}
body[data-page="services"] .slider-nav--certificates button:last-child::before { transform: translate(-65%,-50%) rotate(225deg); }
body[data-page="services"] .slider-nav--certificates button:hover,
body[data-page="services"] .slider-nav--certificates button:focus-visible { background: var(--blue); }
body[data-page="services"] .slider-nav--certificates button:hover::before,
body[data-page="services"] .slider-nav--certificates button:focus-visible::before { border-color: #fff; }
body[data-page="services"] .slider-nav--certificates span { color: #c4c4c1; font-family: var(--font-display); white-space: nowrap; }
body[data-page="services"] .slider-nav--certificates b { color: var(--blue); font-size: 24px; font-weight: 500; }

body[data-page="services"] .service-stages-title--mobile,
body[data-page="services"] .doctor-role--mobile { display: none; }


@media (min-width: 1360px) {
  body[data-page="services"] main > section,
  body[data-page="about"] main > section { position: relative; padding: 60px 0 0; overflow: hidden; }
  body[data-page="services"] main > section > .page-shell,
  body[data-page="about"] main > section > .page-shell { position: relative; height: calc(100% - 60px); }

  body[data-page="services"] .service-hero,
  body[data-page="about"] .about-hero { height: 715px; min-height: 715px; padding: 0; background: #fafafa; }
  body[data-page="services"] .service-hero > .page-shell,
  body[data-page="about"] .about-hero > .page-shell { height: 100%; }
  body[data-page="services"] .service-hero::after,
  body[data-page="about"] .about-hero::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, #fafafa 0, rgba(250,250,250,.98) 23%, rgba(250,250,250,.7) 40%, transparent 72%); pointer-events: none; content: ''; }
  body[data-page="services"] .service-hero::after { inset: -85px 0 auto; height: 800px; }
  body[data-page="services"] .service-hero::after { background: var(--service-hero-photo-overlay); }
  body[data-page="services"] .service-hero .breadcrumbs,
  body[data-page="about"] .about-hero .breadcrumbs { position: absolute; z-index: 3; top: 63px; left: 0; }
  body[data-page="services"] .service-hero .inner-hero__grid,
  body[data-page="about"] .about-hero .inner-hero__grid { position: absolute; inset: 0; display: block; }
  body[data-page="services"] .service-hero .inner-hero__grid > div,
  body[data-page="about"] .about-hero .inner-hero__grid > div { position: static; padding: 0; }
  body[data-page="services"] .service-hero h1,
  body[data-page="about"] .about-hero h1 { position: absolute; z-index: 3; top: 117px; left: 0; width: 820px; margin: 0; font-size: 64px; text-transform: uppercase; }
  body[data-page="services"] .service-hero h1 { color: #303030; }
  body[data-page="services"] .service-hero .inner-hero__grid > div > p:not(.service-hero__price) { position: absolute; z-index: 3; top: 213px; left: 0; width: 538px; margin: 0; font-size: 16px; }
  body[data-page="services"] .service-hero__price { position: absolute; z-index: 3; top: 511px; left: 0; margin: 0; color: #303030; font-size: 32px; }
  body[data-page="services"] .service-hero .button { position: absolute; z-index: 3; top: 585px; left: 0; width: 360px; height: 60px; padding: 0; font-size: 16px; }
  body[data-page="services"] .service-hero .inner-hero__grid > img,
  body[data-page="about"] .about-hero .inner-hero__grid > img { position: absolute; z-index: 0; top: 0; left: 50%; width: 100vw; max-width: none; height: 715px; object-fit: cover; transform: translateX(-50%); }
  body[data-page="services"] .service-hero .inner-hero__grid > img { top: -85px; height: 800px; object-fit: fill; object-position: center bottom; }
  body[data-page="about"] .about-hero h1 { width: 870px; }
  body[data-page="about"] .about-hero .inner-hero__grid > div > p { position: absolute; z-index: 3; top: 597px; left: 0; width: 625px; margin: 0; font-size: 16px; }

  body[data-page="services"] main > .about-intro { height: 772px; min-height: 772px; background: #fff; }
  body[data-page="services"] main > .about-intro .section-heading--figma h2 { width: 760px; }
  body[data-page="services"] main > .about-intro .section-intro { position: absolute; top: 227px; left: 0; width: 700px; margin: 0; font-size: 20px; line-height: 1.15; }
  body[data-page="services"] .service-feature-grid { position: absolute; top: 352px; left: 0; display: grid; width: 100%; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; border: 0; }
  body[data-page="services"] .service-feature-grid .feature-card { height: 300px; min-height: 300px; padding: 40px 30px 30px; color: #303030; background: #fafafa; border: 0; }
  body[data-page="services"] .service-feature-grid .feature-card h3 { width: 272px; max-width: calc(100% - 70px); margin: 0; font-size: 20px; }
  body[data-page="services"] .service-feature-grid .feature-card:nth-child(2) h3 { width: 185px; }
  body[data-page="services"] .service-feature-grid .feature-card:nth-child(3) h3 { width: 305px; }
  body[data-page="services"] .service-feature-grid .feature-card p { right: 30px; bottom: 50px; left: 30px; width: auto; }
  body[data-page="services"] .service-feature-grid .feature-card picture { right: 2px; }

  body[data-page="services"] .service-stages { height: 1145px; min-height: 1145px; background: #fff; }
  body[data-page="services"] .service-stage-visual { position: absolute; top: 207px; left: 0; width: 100%; height: 818px; overflow: hidden; }
  body[data-page="services"] .service-stage-visual > img { width: 100%; height: 100%; object-fit: cover; object-position: center 39.2%; }
  body[data-page="services"] .service-stage-list { position: absolute; top: 10px; bottom: 10px; left: 10px; display: grid; width: 572px; grid-template-rows: repeat(4,1fr); gap: 10px; }
  body[data-page="services"] .service-stage-list article { display: block; padding: 20px 20px 20px 165px; background: #fafafa; }
  body[data-page="services"] .service-stage-list article > span { color: var(--blue); font-family: var(--font-display); font-size: 14px; }
  body[data-page="services"] .service-stage-list h3 { margin: 0 0 12px; font-size: 20px; }
  body[data-page="services"] .service-stage-list p { width: 300px; margin: 0; color: rgba(48,48,48,.7); font-size: 14px; line-height: 1; }

  body[data-page="services"] main > .cases { height: 1011px; min-height: 1011px; background: #fafafa; }
  body[data-page="about"] main > .cases { height: 1011px; min-height: 1011px; background: #fff; }

  body[data-page="services"] .service-prices { height: 714px; min-height: 714px; padding: 60px 0 0; background: #fff; }
  body[data-page="services"] .service-prices .section-heading--figma h2 { width: 863px; max-width: none; }
  body[data-page="services"] .service-pricing-layout { position: absolute; top: 189px; left: 0; display: grid; width: 100%; grid-template-columns: minmax(0,873px) minmax(0,427px); gap: 20px; }
  body[data-page="services"] .service-price-list article { display: grid; height: 99px; min-height: 99px; grid-template-columns: 1fr 110px; gap: 20px; align-items: start; padding: 30px; background: #fafafa; border-bottom: 1px solid #c8c8c8; }
  body[data-page="services"] .service-price-list article:last-child { height: 108px; min-height: 108px; border-bottom: 0; }
  body[data-page="services"] .service-price-list h3 { margin: 0 0 14px; color: var(--blue); font-size: 20px; }
  body[data-page="services"] .service-price-list p { margin: 0; color: rgba(48,48,48,.7); font-size: 14px; line-height: 1; }
  body[data-page="services"] .service-price-list strong { justify-self: end; font-family: var(--font-display); font-size: 20px; font-weight: 500; }
  body[data-page="services"] .service-price-callout { position: relative; display: block; height: 405px; padding: 0; color: #fff; background: var(--blue); }
  body[data-page="services"] .service-price-callout__mark { position: absolute; top: 20px; left: 20px; display: grid; width: 66px; height: 66px; place-items: center; color: var(--blue); background: #fff; font-family: var(--font-display); font-size: 34px; }
  body[data-page="services"] .service-price-callout__mark img { width: 36px; height: 36px; }
  body[data-page="services"] .service-price-callout h3 { position: absolute; top: 29px; left: 126px; width: 234px; margin: 0; color: #fff; font-size: 24px; font-weight: 500; letter-spacing: -.48px; line-height: 1; white-space: nowrap; }
  body[data-page="services"] .service-price-callout p { position: absolute; top: 252px; left: 20px; width: 367px; margin: 0; color: #fff; font-size: 14px; line-height: 1; }
  body[data-page="services"] .service-price-callout .button { position: absolute; right: 20px; bottom: 20px; left: 20px; width: auto; height: 60px; justify-content: center; margin: 0; padding: 0; color: #303030; background: #fff; border-color: #fff; font-size: 16px; }

  body[data-page="about"] main > .doctors { height: 1165px; min-height: 1165px; background: #fff; }
  body[data-page="about"] main > .doctors .section-intro { position: absolute; top: 229px; left: 0; width: 558px; margin: 0; font-size: 16px; }
  .featured-doctor-grid { position: absolute; top: 335px; left: 0; display: grid; width: 100%; grid-template-columns: repeat(2,650px); gap: 20px; }
  .featured-doctor-card { position: relative; height: 345px; background: #fafafa; overflow: hidden; }
  .featured-doctor-card__head { display: block; }
  .featured-doctor-card .doctor-card__photo { position: absolute; top: 0; left: 0; width: 271px; height: 345px; background: #eeeded; overflow: hidden; }
  .featured-doctor-card .doctor-card__photo img { position: absolute; max-width: none; object-fit: fill; }
  .featured-doctor-card:nth-child(1) .doctor-card__photo img { top: -12.56%; left: -25.04%; width: 139.16%; height: 145.75%; }
  .featured-doctor-card:nth-child(2) .doctor-card__photo img { top: -28.31%; left: -25.39%; width: 159.01%; height: 166.54%; }
  .featured-doctor-card:nth-child(3) .doctor-card__photo img { inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
  .featured-doctor-card:nth-child(4) .doctor-card__photo img { top: -7.37%; left: -25.02%; width: 141.72%; height: 148.43%; }
  .featured-doctor-card__head > div:last-child { position: absolute; top: 25px; left: 295px; width: 345px; }
  .featured-doctor-card h3 { margin: 0 0 15px; color: #232742; font-size: 20px; }
  .featured-doctor-card__head p { margin: 0; color: rgba(48,48,48,.7); font-size: 14px; }
  .featured-doctor-card > p { position: absolute; top: 108px; left: 295px; width: 345px; height: 140px; margin: 0; color: rgba(48,48,48,.7); font-size: 14px; line-height: 1; overflow: hidden; }
  .featured-doctor-card .button { position: absolute; bottom: 25px; left: 292px; width: 220px; height: 44px; min-height: 44px; justify-content: center; padding: 0; color: #303030; background: transparent; border-color: #c4c4c1; font-size: 14px; }
  body[data-page="about"] main > .doctors .section-action { position: absolute; top: 244px; right: 0; width: 220px; height: 44px; min-height: 44px; margin: 0; padding: 0; font-size: 14px; }

  body[data-page="services"] .licenses { height: 564px; min-height: 564px; padding: 60px 0 0; background: #fff; }
  body[data-page="about"] .licenses { height: 564px; min-height: 564px; padding: 60px 0 0; background: #fafafa; }
  body[data-page="services"] .licenses .section-heading--figma h2,
  body[data-page="about"] .licenses .section-heading--figma h2 { width: 510px; }
  body[data-page="services"] .licenses .section-intro,
  body[data-page="about"] .licenses .section-intro { position: absolute; top: 239px; left: 0; width: 538px; margin: 0; font-size: 16px; }
  body[data-page="services"] .certificate-carousel { position: absolute; top: 94px; left: 558px; width: 762px; height: 349px; }
  body[data-page="services"] .certificate-track { position: static; gap: 24px; }
  body[data-page="services"] .slider-nav--certificates { position: absolute; top: 384px; left: 0; }

  body[data-page="about"] main > .about-intro { height: 879px; min-height: 879px; background: #fff; }
  body[data-page="about"] main > .about-intro .section-heading--figma h2 { width: 650px; }
  body[data-page="about"] main > .about-intro .section-intro { position: absolute; top: 104px; right: 0; width: 650px; margin: 0; font-size: 16px; }
  body[data-page="about"] .about-stats { position: absolute; top: 326px; left: 0; display: grid; width: 100%; grid-template-columns: repeat(4,1fr); gap: 20px; }
  body[data-page="about"] .about-stats > div { display: flex; height: 83px; flex-direction: column; justify-content: space-between; border-bottom: 1px solid var(--blue); }
  body[data-page="about"] .about-stats strong { color: var(--blue); font-family: var(--font-display); font-size: 36px; font-weight: 500; }
  body[data-page="about"] .about-stats span { padding-bottom: 8px; color: #5f5f5f; font-size: 12px; }
  body[data-page="about"] main > .about-intro .feature-grid { position: absolute; top: 449px; left: 0; width: 100%; }
  body[data-page="about"] main > .about-intro .feature-card { height: 310px; min-height: 310px; padding: 22px 20px; color: #303030; background-color: #fff; background-position: right top; background-repeat: no-repeat; background-size: 112px 112px; }
  body[data-page="about"] main > .about-intro .feature-card:nth-child(1) { background-image: linear-gradient(90deg,#fff 36%,rgba(255,255,255,.12)),url('../media/home-desktop/imgRectangle54.png'); }
  body[data-page="about"] main > .about-intro .feature-card:nth-child(2) { background-image: linear-gradient(90deg,#fff 36%,rgba(255,255,255,.12)),url('../media/home-desktop/imgRectangle61.png'); }
  body[data-page="about"] main > .about-intro .feature-card:nth-child(3) { background-image: linear-gradient(90deg,#fff 36%,rgba(255,255,255,.12)),url('../media/home-desktop/imgRectangle55.png'); }
  body[data-page="about"] main > .about-intro .feature-card:nth-child(4) { background-image: linear-gradient(90deg,#fff 36%,rgba(255,255,255,.12)),url('../media/home-desktop/imgRectangle56.png'); }
  body[data-page="about"] main > .about-intro .feature-card h3 { margin: 90px 0 18px; }

  body[data-page="about"] .about-history { height: 715px; min-height: 715px; background: #fafafa; }
  body[data-page="about"] .about-history__content { position: absolute; inset: 0; }
  body[data-page="about"] .about-history__copy { position: absolute; top: 229px; left: 0; width: 538px; }
  body[data-page="about"] .about-history__copy p { margin: 0 0 20px; font-size: 14px; }
  body[data-page="about"] .about-history__copy ul { display: grid; gap: 11px; margin: 0; padding: 0; color: #5f5f5f; list-style: none; }
  body[data-page="about"] .about-history__copy li { position: relative; padding-left: 20px; }
  body[data-page="about"] .about-history__copy li::before { position: absolute; top: .55em; left: 0; width: 7px; height: 7px; background: var(--blue); content: ''; transform: rotate(45deg); }
  body[data-page="about"] .about-history__copy .button { width: 360px; height: 60px; margin-top: 28px; }
  body[data-page="about"] .about-history__year { position: absolute; top: 277px; left: 448px; margin: 0; font-size: 52px; }
  body[data-page="about"] .about-history__year + span { position: absolute; top: 335px; left: 448px; width: 90px; }
  body[data-page="about"] .about-history__collage { position: absolute; top: 94px; right: 0; display: grid; width: 690px; height: 500px; grid-template-columns: 335px 335px; grid-template-rows: 240px 240px; gap: 20px; }
  body[data-page="about"] .about-history__collage img { width: 100%; height: 100%; object-fit: cover; }
  body[data-page="about"] .about-history__collage img:nth-child(3) { grid-column: 2; grid-row: 1 / 3; }

  body[data-page="about"] .equipment { height: 989px; min-height: 989px; padding: 60px 0 0; background: #fff; }
  body[data-page="about"] .equipment .section-heading--figma h2 { width: 680px; }
  body[data-page="about"] .equipment-grid { position: absolute; top: 249px; left: 0; display: block; width: 100%; height: 620px; border: 0; }
  body[data-page="about"] .equipment-card { position: absolute; padding: 40px 30px; background: #fafafa; border: 0; overflow: hidden; }
  body[data-page="about"] .equipment-card:nth-child(1) { top: 0; left: 0; width: 650px; height: 280px; }
  body[data-page="about"] .equipment-card:nth-child(2) { top: 0; left: 670px; width: 650px; height: 280px; }
  body[data-page="about"] .equipment-card:nth-child(3) { top: 300px; left: 0; width: 427px; height: 320px; }
  body[data-page="about"] .equipment-card:nth-child(4) { top: 300px; left: 447px; width: 427px; height: 320px; }
  body[data-page="about"] .equipment-card:nth-child(5) { top: 300px; left: 893px; width: 427px; height: 320px; }
  body[data-page="about"] .equipment-card h3 { position: relative; z-index: 2; width: 300px; margin: 0 0 30px; color: var(--blue); font-size: 20px; }
  body[data-page="about"] .equipment-card p { position: relative; z-index: 2; width: 300px; margin: 0; color: rgba(48,48,48,.7); font-size: 14px; }
  body[data-page="about"] .equipment-card img { position: absolute; right: 0; bottom: 0; width: 48%; max-width: none; height: 100%; object-fit: contain; object-position: right bottom; }
  body[data-page="about"] .equipment-card:not(.equipment-card--wide) img { width: 72%; height: 66%; }

  body[data-page="about"] .about-gallery { height: 1751px; min-height: 1751px; padding: 60px 0 0; background: #fafafa; }
  body[data-page="about"] .about-gallery .gallery-grid { position: absolute; top: 207px; left: 0; display: block; width: 100%; height: 1631px; }
  body[data-page="about"] .about-gallery .gallery-grid figure { position: absolute; width: 315px; min-height: 0; margin: 0; padding: 0; border: 0; overflow: hidden; }
  body[data-page="about"] .about-gallery .gallery-grid img { width: 100%; height: 100%; object-fit: cover; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(1) { top: 0; left: 670px; height: 210px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(2) { top: 722px; left: 670px; height: 210px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(3) { top: 0; left: 335px; height: 472px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(4) { top: 722px; left: 335px; height: 472px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(5) { top: 230px; left: 0; height: 472px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(6) { top: 952px; left: 0; height: 472px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(7) { top: 230px; left: 670px; height: 472px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(8) { top: 952px; left: 670px; height: 472px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(9) { top: 0; left: 1005px; height: 472px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(10) { top: 722px; left: 1005px; height: 472px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(11) { top: 0; left: 0; height: 210px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(12) { top: 722px; left: 0; height: 210px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(13) { top: 492px; left: 335px; height: 210px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(14) { top: 1214px; left: 335px; height: 210px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(15) { top: 492px; left: 1005px; height: 210px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(16) { top: 1214px; left: 1005px; height: 210px; }

  body[data-page="about"] .about-appointment { height: 595px; min-height: 595px; padding: 60px 0 0; color: #303030; background: #fafafa; }
  body[data-page="about"] .about-appointment > .page-shell { position: relative; height: 535px; }
  body[data-page="about"] .about-appointment__intro { position: absolute; top: 167px; left: 0; width: 477px; margin: 0; font-size: 16px; }
  body[data-page="about"] .about-appointment .contact-form { position: absolute; top: 264px; left: 0; display: grid; width: 762px; grid-template-columns: 375px 375px; gap: 12px; }
  body[data-page="about"] .about-appointment .contact-form label:not(.form-consent) { position: relative; display: block; height: 60px; color: #303030; font-size: 12px; text-transform: none; }
  body[data-page="about"] .about-appointment .contact-form label:not(.form-consent) > span { position: absolute; z-index: 2; top: 22px; left: 20px; }
  body[data-page="about"] .about-appointment .contact-form input:not([type="checkbox"]) { width: 100%; height: 60px; padding: 0 20px; color: #303030; background: transparent; border: 1px solid #c4c4c1; }
  body[data-page="about"] .about-appointment .form-consent { grid-column: 1/-1; display: flex; width: 505px; gap: 12px; margin-top: 13px; color: #303030; font-size: 12px; line-height: 1.25; }
  body[data-page="about"] .about-appointment .form-consent input { width: 16px; height: 16px; }
  body[data-page="about"] .about-appointment .contact-form .button { grid-column: 1/-1; width: 762px; height: 60px; margin-top: 8px; font-size: 16px; }
  body[data-page="about"] .about-appointment .form-status { position: absolute; top: 236px; left: 0; color: #5f5f5f; }
  body[data-page="about"] .about-appointment__media { position: absolute; top: 95px; right: 0; width: 538px; height: 380px; object-fit: cover; }
}

@media (max-width: 1359px) {
  body[data-page="services"] main > section:not(.contacts),
  body[data-page="about"] main > section:not(.contacts) { height: auto; min-height: 0; padding: 52px 0 72px; overflow: hidden; }
  body[data-page="services"] .service-stages { background: #fff; }
  body[data-page="services"] main > section.cases { padding-bottom: 92px; background: #fafafa; }
  body[data-page="services"] main > section.service-prices { background: #fff; }
  body[data-page="services"] main > section:not(.contacts) > .page-shell,
  body[data-page="about"] main > section:not(.contacts) > .page-shell { height: auto; }
  body[data-page="services"] .section-heading--figma,
  body[data-page="about"] .section-heading--figma { position: relative; inset: auto; height: 150px; margin: 0; }
  body[data-page="services"] .section-heading--figma h2,
  body[data-page="about"] .section-heading--figma h2 { top: 62px; width: min(780px,100%); }
  body[data-page="services"] .section-heading--figma .section-kicker,
  body[data-page="services"] .section-heading--figma .section-number,
  body[data-page="about"] .section-heading--figma .section-kicker,
  body[data-page="about"] .section-heading--figma .section-number { top: 14px; }

  body[data-page="services"] .service-hero,
  body[data-page="about"] .about-hero { position: relative; min-height: 680px; padding: 0; background: #fafafa; }
  body[data-page="services"] .service-hero::after,
  body[data-page="about"] .about-hero::after { position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg,#fafafa 0,rgba(250,250,250,.85) 42%,transparent 85%); content: ''; }
  body[data-page="services"] .service-hero .page-shell,
  body[data-page="about"] .about-hero .page-shell { position: relative; z-index: 2; min-height: 680px; }
  
  body[data-page="services"] .service-hero .page-shell { z-index: auto; }
  body[data-page="services"] .service-hero .inner-hero__grid,
  body[data-page="about"] .about-hero .inner-hero__grid { display: block; }
  body[data-page="services"] .service-hero .inner-hero__grid > div,
  body[data-page="about"] .about-hero .inner-hero__grid > div { position: relative; z-index: 2; width: 60%; padding-top: 76px; }
  body[data-page="services"] .service-hero h1,
  body[data-page="about"] .about-hero h1 { margin: 0 0 28px; text-transform: uppercase; }
  body[data-page="services"] .service-hero .inner-hero__grid > img,
  body[data-page="about"] .about-hero .inner-hero__grid > img { position: absolute; z-index: 0; inset: 0 0 0 35%; width: 65%; max-width: none; height: 100%; object-fit: cover; }
  body[data-page="services"] .service-hero__price { margin-top: 80px; }
  body[data-page="services"] .service-hero .button { width: 320px; height: 56px; }
  body[data-page="about"] .about-hero .inner-hero__grid > div { width: 70%; }
  body[data-page="about"] .about-hero .inner-hero__grid > div > p { margin-top: 270px; }

  body[data-page="services"] main > .about-intro .section-intro,
  body[data-page="services"] .licenses .section-intro,
  body[data-page="about"] main > .about-intro .section-intro,
  body[data-page="about"] .licenses .section-intro { width: min(650px,100%); margin: 24px 0 36px; }
  body[data-page="services"] .service-feature-grid { grid-template-columns: repeat(3,1fr); }
  body[data-page="services"] .service-feature-grid .feature-card { min-height: 300px; }
  body[data-page="services"] .service-stage-visual { position: relative; min-height: 720px; margin-top: 40px; overflow: hidden; }
  body[data-page="services"] .service-stage-visual > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
  body[data-page="services"] .service-stage-list { position: relative; display: grid; width: min(560px,calc(100% - 24px)); gap: 10px; padding: 12px; }
  body[data-page="services"] .service-stage-list article { display: block; min-height: 155px; padding: 20px 20px 20px 153px; background: rgba(250,250,250,.96); }
  body[data-page="services"] .service-stage-list h3 { margin: 0 0 10px; }
  body[data-page="services"] .service-stage-list p { width: auto; margin: 0; line-height: 1.2; }
  body[data-page="services"] .service-pricing-layout { display: grid; grid-template-columns: minmax(0,2fr) 320px; gap: 18px; margin-top: 36px; }
  body[data-page="services"] .service-price-list article { display: grid; min-height: 108px; grid-template-columns: 1fr 100px; gap: 12px; align-items: center; padding: 16px; background: #fafafa; border-bottom: 1px solid #eaeaea; }
  body[data-page="services"] .service-price-list h3,
  body[data-page="services"] .service-price-list p { margin: 0 0 6px; }
  body[data-page="services"] .service-price-list .button { justify-content: center; padding: 0; color: #303030; background: #fff; border-color: #c4c4c1; }
  body[data-page="services"] .service-price-callout { position: relative; display: block; min-height: 360px; padding: 0; color: #fff; background: var(--blue); }
  body[data-page="services"] .service-price-callout__mark { position: absolute; top: 24px; left: 24px; display: grid; width: 66px; height: 66px; place-items: center; color: var(--blue); background: #fff; }
  body[data-page="services"] .service-price-callout__mark img { width: 36px; height: 36px; }
  body[data-page="services"] .service-price-callout h3 { position: absolute; top: 32px; right: 24px; left: 110px; margin: 0; color: #fff; font-size: 24px; }
  body[data-page="services"] .service-price-callout p { position: absolute; right: 24px; bottom: 108px; left: 24px; margin: 0; color: #fff; font-size: 14px; line-height: 1; }
  body[data-page="services"] .service-price-callout .button { position: absolute; right: 24px; bottom: 24px; left: 24px; width: auto; height: 60px; justify-content: center; margin: 0; padding: 0; color: #303030; background: #fff; border-color: #fff; }
  body[data-page="services"] .certificate-carousel { width: 100%; margin-top: 34px; }
  body[data-page="services"] .certificate-track { margin: 0; overflow: visible; }
  body[data-page="services"] .certificate-track img { scroll-snap-align: start; }
  body[data-page="services"] .slider-nav--certificates { margin-top: 20px; }

  body[data-page="about"] .about-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 18px; margin: 34px 0; }
  body[data-page="about"] .about-stats > div { display: flex; min-height: 86px; flex-direction: column; border-bottom: 1px solid var(--blue); }
  body[data-page="about"] .about-stats strong { color: var(--blue); font-size: 34px; }
  body[data-page="about"] .about-stats span { margin-top: auto; padding-bottom: 8px; color: #5f5f5f; font-size: 12px; }
  body[data-page="about"] .about-history__content { display: grid; grid-template-columns: 1fr 1.2fr; gap: 38px; margin-top: 34px; }
  body[data-page="about"] .about-history__copy ul { padding-left: 20px; }
  body[data-page="about"] .about-history__year { display: block; margin-top: 30px; }
  body[data-page="about"] .about-history__collage { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: repeat(2,220px); gap: 14px; }
  body[data-page="about"] .about-history__collage img { width: 100%; height: 100%; object-fit: cover; }
  body[data-page="about"] .about-history__collage img:nth-child(3) { grid-column: 2; grid-row: 1/3; }
  .featured-doctor-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 18px; margin-top: 36px; }
  .featured-doctor-card { position: relative; min-height: 345px; padding: 0 20px 74px 48%; background: #fafafa; overflow: hidden; }
  .featured-doctor-card__head { display: block; }
  .featured-doctor-card .doctor-card__photo { position: absolute; top: 0; bottom: 0; left: 0; width: 44%; height: 100%; background: #eeeded; }
  .featured-doctor-card .doctor-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 18%; }
  .featured-doctor-card h3 { margin: 28px 0 14px; font-size: 20px; }
  .featured-doctor-card__head p,
  .featured-doctor-card > p { color: rgba(48,48,48,.7); font-size: 14px; line-height: 1.25; }
  .featured-doctor-card > p { max-height: 106px; overflow: hidden; }
  .featured-doctor-card .button { position: absolute; right: 20px; bottom: 20px; left: 48%; height: 44px; min-height: 44px; justify-content: center; padding: 0; color: #303030; background: transparent; border-color: #c4c4c1; }
  body[data-page="about"] main > .doctors .section-action { width: 260px; margin-top: 34px; }
  body[data-page="about"] .equipment-grid { display: grid; grid-template-columns: repeat(6,1fr); grid-template-rows: 280px 300px; margin-top: 36px; border: 0; }
  body[data-page="about"] .equipment-card { position: relative; min-height: 0; background: #fafafa; border: 1px solid #eaeaea; }
  body[data-page="about"] .equipment-card--wide { grid-column: span 3; }
  body[data-page="about"] .equipment-card:not(.equipment-card--wide) { grid-column: span 2; }
  body[data-page="about"] .about-gallery .gallery-grid { display: grid; grid-template-columns: repeat(4,1fr); grid-auto-rows: 260px; gap: 14px; margin-top: 34px; }
  body[data-page="about"] .about-gallery .gallery-grid figure { height: auto; margin: 0; }
  body[data-page="about"] .about-gallery .gallery-grid img { width: 100%; height: 100%; object-fit: cover; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(2),
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(9) { grid-column: span 2; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(6) { grid-row: span 2; }
  body[data-page="about"] .about-appointment { color: #303030; background: #fafafa; }
  body[data-page="about"] .about-appointment__intro { width: min(480px,100%); margin: 20px 0 34px; }
  body[data-page="about"] .about-appointment .contact-form { display: grid; width: min(760px,60%); grid-template-columns: 1fr 1fr; gap: 12px; }
  body[data-page="about"] .about-appointment .contact-form label:not(.form-consent) { position: relative; height: 58px; }
  body[data-page="about"] .about-appointment .contact-form label:not(.form-consent) span { position: absolute; top: 20px; left: 18px; }
  body[data-page="about"] .about-appointment .contact-form input:not([type="checkbox"]) { width: 100%; height: 58px; padding: 0 18px; border: 1px solid #c4c4c1; }
  body[data-page="about"] .about-appointment .form-consent,
  body[data-page="about"] .about-appointment .contact-form .button { grid-column: 1/-1; }
  body[data-page="about"] .about-appointment__media { position: absolute; right: 0; bottom: 72px; width: 36%; height: 360px; object-fit: cover; }
}

@media (min-width: 1360px) and (max-width: 1439px) {
  body:not([data-page="home"]) { --internal-side: calc((100vw - 1320px) / 2); }
}


@media (min-width: 768px) and (max-width: 1359px) {
  body[data-page="services"] main > section.service-hero {
    height: clamp(544px, calc(28.934vw + 321.79px), 715px);
    min-height: 0;
    padding: 0;
  }
  body[data-page="services"] main > section.service-hero > .page-shell { min-height: 0; height: 100%; }
  body[data-page="services"] .service-hero::after {
    background: var(--service-hero-photo-overlay);
  }
  body[data-page="services"] .service-hero .inner-hero__grid > div { position: static; width: auto; padding: 0; }
  body[data-page="services"] .service-hero .inner-hero__grid > img {
    top: calc(1.6892vw - 107.97px);
    left: calc(77.5338vw - 1054.46px - var(--internal-side));
    width: calc(1612.70px - 18.5811vw);
    max-width: none;
    height: calc(38.8514vw + 271.71px);
    object-fit: fill;
    object-position: center bottom;
    transform: none;
  }
  body[data-page="services"] .service-hero .breadcrumbs { position: absolute; z-index: 3; top: 63px; left: 0; }
  body[data-page="services"] .service-hero h1 {
    position: absolute;
    z-index: 3;
    top: calc(4.907vw + 50.32px);
    left: 0;
    width: min(820px, 68%);
    margin: 0;
    font-size: clamp(34px, calc(5.076vw - 4.98px), 64px);
  }
  body[data-page="services"] .service-hero .inner-hero__grid > div > p:not(.service-hero__price) {
    position: absolute;
    z-index: 3;
    top: calc(11.675vw + 54.34px);
    left: 0;
    width: min(538px, 48%);
    margin: 0;
    font-size: clamp(14px, calc(.3378vw + 11.405px), 16px);
  }
  body[data-page="services"] .service-hero__price {
    position: absolute;
    z-index: 3;
    top: calc(16.723vw + 283.6px);
    left: 0;
    margin: 0;
    font-size: clamp(24px, calc(1.3514vw + 13.622px), 32px);
  }
  body[data-page="services"] .service-hero .button {
    position: absolute;
    z-index: 3;
    top: calc(21.658vw + 290.7px);
    left: 0;
    width: clamp(360px, calc(1150.23px - 58.2064vw), calc(100% - 40px));
    height: 60px;
  }
  body[data-page="services"] main > .about-intro .section-intro {
    width: min(700px, 100%);
    font-size: 20px;
    line-height: 1.15;
  }
  body[data-page="services"] .service-feature-grid .feature-card {
    min-height: 250px;
    padding: 30px 24px 24px;
  }
  body[data-page="services"] .service-feature-grid .feature-card h3 { max-width: calc(100% - 80px); }
  body[data-page="services"] .service-feature-grid .feature-card:nth-child(1) h3 { width: 272px; }
  body[data-page="services"] .service-feature-grid .feature-card:nth-child(2) h3 { width: 185px; }
  body[data-page="services"] .service-feature-grid .feature-card:nth-child(3) h3 { width: 305px; }
  body[data-page="services"] .service-feature-grid .feature-card p { right: 24px; bottom: 24px; left: 24px; }
}

@media (min-width: 768px) and (max-width: 991px) {
  body[data-page="services"] .service-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="services"] .service-feature-grid .feature-card:nth-child(3) { grid-column: 1 / -1; }
  body[data-page="services"] .service-pricing-layout { grid-template-columns: 1fr; }
  body[data-page="services"] .service-price-callout { min-height: 300px; }
}

@media (max-width: 767px) {
  body[data-page="services"] main > section:not(.contacts),
  body[data-page="about"] main > section:not(.contacts) { padding: 40px 0 56px; }
  body[data-page="services"] main > section.cases { padding-bottom: 56px; }
  body[data-page="services"] .section-heading--figma,
  body[data-page="about"] .section-heading--figma { height: 132px; }
  body[data-page="services"] .section-heading--figma h2,
  body[data-page="about"] .section-heading--figma h2 { top: 58px; }
  body[data-page="services"] .service-hero,
  body[data-page="about"] .about-hero { min-height: 720px; padding: 0; }
  body[data-page="services"] main > section.service-hero { min-height: 544px; padding: 0; }
  body[data-page="services"] .service-hero::after,
  body[data-page="about"] .about-hero::after { background: linear-gradient(180deg,#fafafa 0,rgba(250,250,250,.92) 43%,rgba(250,250,250,.15) 75%); }
  body[data-page="services"] .service-hero::after { background: var(--service-hero-photo-overlay); }
  body[data-page="services"] .service-hero .page-shell,
  body[data-page="about"] .about-hero .page-shell { min-height: 720px; }
  body[data-page="services"] .service-hero .page-shell { min-height: 544px; }
  body[data-page="services"] .service-hero .inner-hero__grid > div,
  body[data-page="about"] .about-hero .inner-hero__grid > div { width: 100%; padding-top: 46px; }
  body[data-page="services"] .service-hero .inner-hero__grid > div { position: static; padding: 0; }
  body[data-page="services"] .service-hero .breadcrumbs { position: absolute; z-index: 3; top: 49px; left: 0; }
  body[data-page="services"] .service-hero h1 { position: absolute; z-index: 3; top: 88px; left: 0; margin: 0; }
  body[data-page="services"] .service-hero .inner-hero__grid > div > p:not(.service-hero__price) { position: absolute; z-index: 3; top: 144px; left: 4px; width: 100%; margin: 0; line-height: 1.2; }
  body[data-page="services"] .service-hero__price { position: absolute; z-index: 3; top: 407px; left: 0; margin: 0; }
  body[data-page="services"] .service-hero .button { position: absolute; z-index: 3; right: 0; bottom: 27px; left: 0; height: 60px; }
  body[data-page="services"] .service-hero h1,
  body[data-page="about"] .about-hero h1 { font-size: 34px; }
  body[data-page="services"] .service-hero .inner-hero__grid > img,
  body[data-page="about"] .about-hero .inner-hero__grid > img { inset: auto -20px 0 -20px; width: calc(100% + 40px); height: 390px; }
  body[data-page="services"] .service-hero .inner-hero__grid > img {
    top: -95px;
    right: auto;
    bottom: auto;
    left: -257px;
    width: 823px;
    max-width: none;
    height: 570px;
    object-fit: fill;
    object-position: center bottom;
    transform: none;
  }
  body[data-page="services"] .service-hero__price { top: 412px; margin-top: 0; font-size: 24px; line-height: 1; }
  body[data-page="services"] .service-hero .button { width: 100%; }
  body[data-page="about"] .about-hero .inner-hero__grid > div { width: 100%; }
  body[data-page="about"] .about-hero .inner-hero__grid > div > p { margin-top: 0; }
  body[data-page="services"] main > .about-intro .section-heading--figma { height: 154px; }
  body[data-page="services"] main > .about-intro .section-heading--figma h2 { width: min(350px,100%); }
  body[data-page="services"] main > .about-intro .section-heading--figma h2 br { display: none; }
  body[data-page="services"] main > .about-intro .section-intro { margin: 20px 0 35px; line-height: 1; }
  body[data-page="services"] .service-feature-grid { grid-template-columns: 1fr; gap: 10px; }
  body[data-page="services"] .service-feature-grid .feature-card { min-height: 227px; padding: 20px; background: #fafafa; }
  body[data-page="services"] .service-feature-grid .feature-card picture { right: 0; width: 85px; height: 85px; }
  body[data-page="services"] .service-feature-grid .feature-card::after { right: 0; width: 95px; height: 95px; }
  body[data-page="services"] .service-feature-grid .feature-card::before { top: 88px; right: 87px; }
  body[data-page="services"] .service-feature-grid .feature-card h3 { width: 278px; max-width: calc(100% - 65px); font-size: 20px; }
  body[data-page="services"] .service-feature-grid .feature-card:first-child h3 { width: 251px; }
  body[data-page="services"] .service-feature-grid .feature-card p { top: auto; right: 20px; bottom: 20px; left: 20px; font-size: 14px; }
  body[data-page="services"] .service-feature-grid .feature-card:nth-child(3) .feature-card__thumb { inset: 0; width: 100%; object-fit: cover; object-position: 81.6% 50%; }
  body[data-page="services"] .service-stages-title--desktop { display: none; }
  body[data-page="services"] .service-stages-title--mobile { display: inline; }
  body[data-page="services"] .service-stages .section-heading--figma { height: 122px; }
  body[data-page="services"] .service-stage-visual { display: flex; min-height: 0; flex-direction: column; margin-top: 30px; overflow: visible; }
  body[data-page="services"] .service-stage-visual > img { position: static; order: 2; width: 100%; height: clamp(303px,98.37vw,520px); margin-top: 10px; object-fit: cover; }
  body[data-page="services"] .service-stage-list { position: static; order: 1; width: 100%; padding: 0; gap: 11px; }
  body[data-page="services"] .service-stage-list article { min-height: 151px; padding: 30px 20px; background: #fafafa; }
  body[data-page="services"] .service-stage-list article > img { display: none; }
  body[data-page="services"] .service-stage-list article > span { top: 18px; right: 18px; }
  body[data-page="services"] .service-pricing-layout { grid-template-columns: 1fr; }
  body[data-page="services"] .service-pricing-layout { gap: 20px; margin-top: 30px; }
  body[data-page="services"] .service-price-list { padding: 20px; background: #fafafa; }
  body[data-page="services"] .service-price-list article { display: block; height: 119px; min-height: 119px; padding: 0; background: transparent; }
  body[data-page="services"] .service-price-list h3 { margin: 0 0 10px; }
  body[data-page="services"] .service-price-list p { margin: 0; line-height: 1; }
  body[data-page="services"] .service-price-list strong { display: block; margin-top: 18px; }
  body[data-page="services"] .service-price-list article .button { grid-column: 1/-1; width: 100%; }
  body[data-page="services"] .service-price-callout { height: 273px; min-height: 273px; }
  body[data-page="services"] .service-price-callout__mark { top: 20px; left: 20px; }
  body[data-page="services"] .service-price-callout h3 { top: 29px; left: 106px; }
  body[data-page="services"] .service-price-callout p { right: 20px; bottom: auto; left: 20px; top: 125px; }
  body[data-page="services"] .service-price-callout .button { right: 20px; bottom: 20px; left: 20px; }
  body[data-page="about"] main > .doctors .doctor-grid { grid-template-columns: 1fr; gap: 34px; }
  .featured-doctor-grid { grid-template-columns: 1fr; gap: 10px; }
  .featured-doctor-card .button { right: 20px; left: 20px; width: auto; }
  body[data-page="about"] main > .doctors .section-action { width: 100%; }
  body[data-page="services"] .certificate-track img { flex-basis: min(238px,72vw); width: min(238px,72vw); }

  body[data-page="about"] .about-stats { grid-template-columns: 1fr 1fr; }
  body[data-page="about"] main > .about-intro .feature-grid { grid-template-columns: 1fr; }
  body[data-page="about"] .about-history__content { grid-template-columns: 1fr; }
  body[data-page="about"] .about-history__copy .button { width: 100%; }
  body[data-page="about"] .about-history__collage { grid-template-rows: repeat(2,170px); }
  body[data-page="about"] .equipment-grid { grid-template-columns: 1fr; grid-template-rows: repeat(5,300px); }
  body[data-page="about"] .equipment-card--wide,
  body[data-page="about"] .equipment-card:not(.equipment-card--wide) { grid-column: auto; }
  body[data-page="about"] .about-gallery .gallery-grid { grid-template-columns: repeat(2,1fr); grid-auto-rows: 220px; gap: 10px; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(2),
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(9) { grid-column: auto; }
  body[data-page="about"] .about-gallery .gallery-grid figure:nth-child(6) { grid-row: auto; }
  body[data-page="about"] .about-appointment .contact-form { width: 100%; grid-template-columns: 1fr; }
  body[data-page="about"] .about-appointment .form-consent,
  body[data-page="about"] .about-appointment .contact-form .button { grid-column: auto; width: 100%; }
  body[data-page="about"] .about-appointment__media { position: static; width: 100%; height: 340px; margin-top: 36px; }
}

@media (min-width: 600px) and (max-width: 767px) {
  body[data-page="services"] .service-feature-grid,
  body[data-page="services"] .service-stage-list { grid-template-columns: repeat(2,minmax(0,1fr)); }
  body[data-page="services"] .service-feature-grid .feature-card:nth-child(3) { grid-column: 1 / -1; }
}


body[data-page="services"] .service-hero {
  --service-hero-header-height: 70px;
  --service-hero-image-page-top: clamp(-25px, calc(2.47525vw - 35.6436px), 0px);
  --service-hero-image-center-offset: clamp(-55.5px, calc(5.49505vw - 79.1317px), 0px);
  --service-hero-image-width: max(100vw, clamp(917px, calc(51.78218vw + 694.3366px), 1440px));
  --service-hero-image-height: clamp(570px, calc(22.77228vw + 472.0792px), 800px);
  --service-hero-fill-page-top: clamp(-20px, calc(1.9802vw - 28.5149px), 0px);
  --service-hero-fill-height: max(
    clamp(640px, calc(15.84158vw + 571.8812px), 800px),
    calc(100% + var(--service-hero-header-height) - var(--service-hero-fill-page-top))
  );
  position: relative;
  overflow: hidden;
}
body[data-page="services"] .service-hero::before {
  position: absolute;
  z-index: 0;
  top: calc(-1 * var(--service-hero-header-height) + var(--service-hero-fill-page-top));
  left: calc(50% + var(--service-hero-image-center-offset));
  width: var(--service-hero-image-width);
  height: var(--service-hero-fill-height);
  background: url('../media/service/diagnostics-hero.webp') center / 100% 100% no-repeat;
  pointer-events: none;
  content: '';
  transform: translateX(-50%);
}
body[data-page="services"] .service-hero::after {
  position: absolute;
  z-index: 1;
  top: calc(-1 * var(--service-hero-header-height));
  left: 0;
  width: 100%;
  height: calc(100% + var(--service-hero-header-height));
  background: var(--service-hero-photo-overlay);
  pointer-events: none;
  content: '';
}
body[data-page="services"] .service-hero > .page-shell {
  position: relative;
  height: 100%;
}
body[data-page="services"] .service-hero .inner-hero__grid {
  position: absolute;
  inset: 0;
  display: block;
}
body[data-page="services"] .service-hero .inner-hero__grid > img {
  position: absolute;
  z-index: 0;
  top: calc(
    -1 * var(--service-hero-header-height)
    + var(--service-hero-image-page-top)
  );
  right: auto;
  bottom: auto;
  left: calc(
    50%
    + var(--service-hero-image-center-offset)
  );
  width: var(--service-hero-image-width);
  max-width: none;
  height: var(--service-hero-image-height);
  object-fit: fill;
  object-position: center bottom;
  transform: translateX(-50%);
}
body[data-page="services"] .service-hero .breadcrumbs {
  color: #303030;
  line-height: normal;
}
body[data-page="services"] .service-hero h1 {
  color: #303030;
  font-weight: 500;
}
body[data-page="services"] .service-hero .inner-hero__grid > div > p:not(.service-hero__price) {
  max-width: none;
}
body[data-page="services"] .service-hero__price {
  color: #303030;
  font-weight: 500;
}
body[data-page="services"] .service-hero .button { font-size: 16px; }

@media (min-width: 768px) and (max-width: 1359px) {
  body[data-page="services"] .service-hero { --service-hero-header-height: 76px; }
}

@media (min-width: 1360px) {
  body[data-page="services"] .service-hero { --service-hero-header-height: 85px; }
  body[data-page="services"] .service-hero .inner-hero__grid > div > p:not(.service-hero__price) {
    width: 538px;
    line-height: 20px;
  }
  body[data-page="services"] .service-hero__price {
    top: 513px;
    line-height: 1;
  }
}

@media (min-width: 768px) {
  body[data-page="services"] .service-feature-grid .feature-card:nth-child(3) .feature-card__thumb {
    top: 0;
    right: -6.22px;
    left: auto;
    width: 134.97px;
    height: 90px;
    object-fit: fill;
    clip-path: inset(0 8.22px 0 36.75px);
  }
}

@media (max-width: 767px) {
  body[data-page="services"] .service-hero .breadcrumbs {
    top: 52px;
    left: 4px;
    font-size: 14px;
  }
  body[data-page="services"] .service-hero h1 { top: 89px; }
}


body[data-page="services"] .work-carousel {
  --carousel-peek: 60px;
  position: relative;
  width: 100%;
  margin-top: 36px;
  overflow: visible;
  cursor: grab;
  touch-action: pan-y;
  user-select: none;
}
body[data-page="services"] .work-carousel.is-dragging { cursor: grabbing; }
body[data-page="services"] .cases .work-grid {
  display: flex;
  width: auto;
  gap: 20px;
  border: 0;
  will-change: transform;
}
body[data-page="services"] .cases .work-card {
  flex: 0 0 calc((100% + 60px) / 3);
  width: auto;
  height: auto;
  min-height: 0;
  padding: 0;
  border: 0;
}
body[data-page="services"] .cases .work-card__image {
  --before-after-position: 50%;
  width: auto;
  height: auto;
  aspect-ratio: 46 / 54;
  margin: 0 0 20px;
  background: linear-gradient(148.846deg, rgb(35,35,35) 19.268%, rgb(65,65,65) 53.502%, rgb(150,150,150) 98.811%);
  touch-action: auto;
}
body[data-page="services"] .cases .work-card__image::after {
  left: var(--before-after-position);
  width: 1px;
  background: rgba(255,255,255,.85);
}
body[data-page="services"] .before-after__layer,
body[data-page="services"] .cases .work-card__image picture { position: absolute; inset: 0; width: 100%; height: 100%; }
body[data-page="services"] .before-after__layer--after { clip-path: inset(0 0 0 var(--before-after-position)); }
body[data-page="services"] .cases .work-card__image img { position: absolute; inset: 0; width: 100%; height: 100%; max-width: none; object-fit: cover; }
body[data-page="services"] .before-after__range {
  position: absolute;
  z-index: 5;
  inset: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  opacity: 0;
  cursor: ew-resize;
  pointer-events: none;
}
body[data-page="services"] .work-card__drag {
  position: absolute;
  z-index: 6;
  top: 50%;
  left: var(--before-after-position);
  display: grid;
  width: 60px;
  height: 60px;
  place-items: center;
  color: #010f77;
  background: #fff;
  font-size: 24px;
  font-style: normal;
  transform: translate(-50%, -50%);
  pointer-events: auto;
  cursor: ew-resize;
  touch-action: none;
}
body[data-page="services"] .before-after__range:focus-visible + .work-card__drag { outline: 2px solid #4961ff; outline-offset: 3px; }
body[data-page="services"] .cases .work-card__image span { color: #fff; font-size: 14px; text-transform: none; }
body[data-page="services"] .cases .work-card__image span:nth-of-type(1) { left: 20px; }
body[data-page="services"] .cases .work-card__image span:nth-of-type(2) { right: 20px; left: auto; }
body[data-page="services"] .cases .work-card h3,
body[data-page="services"] .cases .work-card > p { margin-right: 0; margin-left: 0; }
body[data-page="services"] .cases .work-card h3 { min-height: 0; margin-top: 20px; margin-bottom: 0; font-size: 20px; line-height: 1; }
body[data-page="services"] .cases .work-card > p { margin-top: 10px; margin-bottom: 0; font-size: 14px; line-height: 1; }
body[data-page="services"] .cases .work-card > a {
  --corner-color: #010f77;
  --corner-inset: -1px;
  position: relative;
  width: 100%;
  height: 50px;
  justify-content: center;
  margin: 30px 0 0;
  color: #303030;
  background: transparent;
  border: 1px solid #c4c4c1;
  font-size: 14px;
}
body[data-page="services"] .cases .work-card > a::before,
body[data-page="services"] .cases .work-card > a::after {
  position: absolute;
  width: 10px;
  height: 10px;
  background: transparent;
  pointer-events: none;
  content: "";
  transform-origin: center;
}
body[data-page="services"] .cases .work-card > a::before {
  top: calc(100% - var(--corner-inset) - 10px);
  left: var(--corner-inset);
  border-bottom: 2px solid var(--corner-color);
  border-left: 2px solid var(--corner-color);
}
body[data-page="services"] .cases .work-card > a::after {
  top: var(--corner-inset);
  left: calc(100% - var(--corner-inset) - 10px);
  border-top: 2px solid var(--corner-color);
  border-right: 2px solid var(--corner-color);
}
body[data-page="services"] .cases .work-card > a:hover,
body[data-page="services"] .cases .work-card > a:focus-visible {
  --corner-color: #fff;
  color: #fff;
  background: #010f77;
  border-color: #010f77;
}
body[data-page="services"] .cases .work-card > a:hover::before,
body[data-page="services"] .cases .work-card > a:focus-visible::before { animation: service-corner-before-clockwise .58s cubic-bezier(.45, 0, .2, 1) both; }
body[data-page="services"] .cases .work-card > a:hover::after,
body[data-page="services"] .cases .work-card > a:focus-visible::after { animation: service-corner-after-clockwise .58s cubic-bezier(.45, 0, .2, 1) both; }
body[data-page="services"] .slider-nav--works { position: relative; z-index: 6; display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 20px; }
body[data-page="services"] .slider-nav--works > span { display: none; }
body[data-page="services"] .slider-nav--works button { position: relative; width: 40px; height: 40px; padding: 0; color: #010f77; background: #fff; border: 1px solid #c4c4c1; font-size: 0; }
body[data-page="services"] .slider-nav--works button::before { position: absolute; top: 50%; left: 50%; width: 9px; height: 9px; border-bottom: 1.5px solid #010f77; border-left: 1.5px solid #010f77; content: ""; transform: translate(-35%,-50%) rotate(45deg); }
body[data-page="services"] .slider-nav--works button:last-child::before { transform: translate(-65%,-50%) rotate(225deg); }
body[data-page="services"] .slider-nav--works button:hover,
body[data-page="services"] .slider-nav--works button:focus-visible { color: #fff; background: #010f77; }
body[data-page="services"] .slider-nav--works button:hover::before,
body[data-page="services"] .slider-nav--works button:focus-visible::before { border-color: #fff; }

@media (min-width: 1360px) {
  body[data-page="services"] .work-carousel { position: absolute; top: 197px; left: 0; z-index: 1; width: 100%; margin-top: 0; overflow: visible; }
  body[data-page="services"] .slider-nav--works { position: absolute; top: 95px; right: 0; margin-top: 0; }
}

@media (min-width: 768px) and (max-width: 1359px) {
  body[data-page="services"] main > section.cases { overflow: visible; }
  body[data-page="services"] .work-carousel { --carousel-peek: 50px; }
  body[data-page="services"] .cases .work-grid { gap: 16px; }
  body[data-page="services"] .cases .work-card { flex-basis: calc((100% + 60px) / 3); }
}

@media (max-width: 767px) {
  body[data-page="services"] main > section.cases { overflow: visible; }
  body[data-page="services"] .work-carousel { --carousel-peek: 30px; width: 100%; }
  body[data-page="services"] .cases .work-grid { gap: 10px; overflow: visible; }
  body[data-page="services"] .cases .work-card { flex-basis: min(390px, 100%); }
  body[data-page="services"] .cases .work-card__image { width: 100%; }
  body[data-page="services"] .cases .work-card__image span { top: 15px; }
  body[data-page="services"] .cases .work-card__image span:nth-of-type(1) { left: 15px; }
  body[data-page="services"] .cases .work-card__image span:nth-of-type(2) { right: 15px; }
  body[data-page="services"] .cases .work-card > a { margin-top: 25px; }
  body[data-page="services"] .slider-nav--works {
    z-index: 20;
    isolation: isolate;
    pointer-events: auto;
    touch-action: manipulation;
  }
  body[data-page="services"] .slider-nav--works button { width: 50px; height: 50px; pointer-events: auto; touch-action: manipulation; }
  body[data-page="services"] .slider-nav--works button::before { width: 11px; height: 11px; border-width: 0 0 2px 2px; }
  body[data-page="services"] .slider-nav--works button::after { position: absolute; inset: -4px; content: ""; }
}


body[data-page="services"] main > section.doctors--home {
  position: relative;
  height: 1165px;
  min-height: 1165px;
  padding: 0;
  background: #fff;
  overflow: hidden;
}
body[data-page="services"] main > section.doctors--home::before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  width: min(1320px, calc(100% - 120px));
  height: 1px;
  background: #eaeaea;
  content: "";
  transform: translateX(-50%);
}
body[data-page="services"] main > section.doctors--home > .page-shell { position: relative; height: 100%; }
body[data-page="services"] .doctors--home .section-heading--split { display: block; margin: 0; }
body[data-page="services"] .doctors--home .section-heading--split > div { display: contents; }
body[data-page="services"] .doctors--home .section-kicker,
body[data-page="services"] .doctors--home .section-number {
  position: absolute;
  top: 21px;
  margin: 0;
  color: #5f5f5f;
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
body[data-page="services"] .doctors--home .section-kicker { left: 0; }
body[data-page="services"] .doctors--home .section-number { right: 0; }
body[data-page="services"] .doctors--home .section-heading h2 {
  position: absolute;
  top: 95px;
  left: 0;
  width: 650px;
  max-width: none;
  margin: 0;
  color: #c0c1cc;
  font-size: 52px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.04em;
}
body[data-page="services"] .doctors--home .section-heading h2 > span { display: block; color: #232742; }
body[data-page="services"] .doctors--home .doctors__intro {
  position: absolute;
  top: 229px;
  left: 0;
  width: 555px;
  margin: 0;
  font-size: 16px;
  line-height: 1.35;
}
body[data-page="services"] .doctors--home .doctor-grid {
  position: absolute;
  top: 335px;
  left: 0;
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  grid-template-rows: repeat(2, 345px);
  gap: 20px;
  border: 0;
  background: transparent;
}
body[data-page="services"] .doctors--home .doctor-card {
  display: grid;
  min-height: 0;
  grid-template-columns: 277px minmax(0, 1fr);
  padding: 0;
  background: #fafafa;
}
body[data-page="services"] .doctors--home .doctor-card__photo {
  position: relative;
  width: 277px;
  height: 345px;
  margin: 0;
  background: #eeeded;
  overflow: hidden;
}
body[data-page="services"] .doctors--home .doctor-card__photo img { position: relative; width: 100%; height: 100%; max-width: none; object-fit: cover; object-position: center top; }
body[data-page="services"] .doctors--home .doctor-card:nth-child(1) .doctor-card__photo img { top: -12.5%; left: -25%; width: 139%; height: 146%; }
body[data-page="services"] .doctors--home .doctor-card:nth-child(2) .doctor-card__photo img { top: -20%; left: -25.39%; width: 159.01%; height: 166.54%; }
body[data-page="services"] .doctors--home .doctor-card:nth-child(3) .doctor-card__photo img { top: 0; left: 0; width: 100%; height: 100%; object-position: center bottom; }
body[data-page="services"] .doctors--home .doctor-card:nth-child(4) .doctor-card__photo img { top: -7.37%; left: -25.02%; width: 141.72%; height: 148.43%; }
body[data-page="services"] .doctors--home .doctor-card__body { display: flex; min-width: 0; flex-direction: column; padding: 25px 20px 20px; }
body[data-page="services"] .doctors--home .doctor-card h3 { min-height: 0; margin: 0 0 15px; color: #232742; font-size: 20px; }
body[data-page="services"] .doctors--home .doctor-card p { min-height: 0; margin: 0; color: rgba(48,48,48,.7); font-size: 14px; line-height: 1; }
body[data-page="services"] .doctors--home .doctor-role--mobile { display: none; }
body[data-page="services"] .doctors--home .doctor-card__bio { margin-top: 20px; }
body[data-page="services"] .doctors--home .doctor-card a {
  --corner-color: #010f77;
  --corner-inset: -1px;
  position: relative;
  display: grid;
  width: 220px;
  height: 44px;
  place-items: center;
  margin-top: auto;
  color: #303030;
  background: transparent;
  border: 1px solid #c4c4c1;
  font-size: 14px;
}
body[data-page="services"] .doctors--home .doctor-card a::before,
body[data-page="services"] .doctors--home .doctor-card a::after {
  position: absolute;
  width: 10px;
  height: 10px;
  background: transparent;
  pointer-events: none;
  content: "";
  transform-origin: center;
}
body[data-page="services"] .doctors--home .doctor-card a::before { top: calc(100% - var(--corner-inset) - 10px); left: var(--corner-inset); border-bottom: 2px solid var(--corner-color); border-left: 2px solid var(--corner-color); }
body[data-page="services"] .doctors--home .doctor-card a::after { top: var(--corner-inset); left: calc(100% - var(--corner-inset) - 10px); border-top: 2px solid var(--corner-color); border-right: 2px solid var(--corner-color); }
body[data-page="services"] .doctors--home .doctor-card a:hover,
body[data-page="services"] .doctors--home .doctor-card a:focus-visible { --corner-color: #fff; color: #fff; background: #010f77; border-color: #010f77; }
body[data-page="services"] .doctors--home .doctor-card a:hover::before,
body[data-page="services"] .doctors--home .doctor-card a:focus-visible::before { animation: service-corner-before-clockwise .58s cubic-bezier(.45, 0, .2, 1) both; }
body[data-page="services"] .doctors--home .doctor-card a:hover::after,
body[data-page="services"] .doctors--home .doctor-card a:focus-visible::after { animation: service-corner-after-clockwise .58s cubic-bezier(.45, 0, .2, 1) both; }
body[data-page="services"] .doctors--home .section-action {
  --corner-color: #010f77;
  --corner-inset: 10px;
  position: absolute;
  z-index: 6;
  top: 245px;
  right: 0;
  width: 220px;
  height: 44px;
  min-height: 44px;
  justify-content: center;
  margin: 0;
  padding: 0;
  font-size: 14px;
}

@media (min-width: 768px) and (max-width: 1359px) {
  body[data-page="services"] main > section.doctors--home { height: 1160px; min-height: 1160px; padding: 0; }
  body[data-page="services"] .doctors--home .section-heading h2 { top: 78px; width: min(820px, 80vw); font-size: clamp(40px, 4.2vw, 50px); }
  body[data-page="services"] .doctors--home .doctors__intro { top: calc(108px + clamp(80px, 8.4vw, 100px)); width: min(620px, 72vw); }
  body[data-page="services"] .doctors--home .doctor-grid { top: 275px; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: repeat(2, 345px); gap: 16px; }
  body[data-page="services"] .doctors--home .doctor-card { grid-template-columns: clamp(250px, calc(10.55vw + 127.6px), 271px) minmax(0, 1fr); }
  body[data-page="services"] .doctors--home .doctor-card__photo { width: 100%; height: 100%; }
  body[data-page="services"] .doctors--home .doctor-card__body { padding: 22px; }
  body[data-page="services"] .doctors--home .section-action { --corner-color: #fff; top: auto; right: auto; bottom: 60px; left: 50%; width: 340px; height: 60px; font-size: 16px; transform: translateX(-50%); }
  body[data-page="services"] .doctors--home .section-action:hover,
  body[data-page="services"] .doctors--home .section-action:focus-visible { --corner-color: #010f77; }
}

@media (min-width: 768px) and (max-width: 1159px) {
  body[data-page="services"] main > section.doctors--home { height: 1880px; min-height: 1880px; }
  body[data-page="services"] .doctors--home .doctor-grid { grid-template-columns: 1fr; grid-template-rows: repeat(4, 345px); }
  body[data-page="services"] .doctors--home .doctor-card { grid-template-columns: clamp(320px, calc(10.23vw + 241.45px), 360px) minmax(0, 1fr); }
}

@media (min-width: 1160px) and (max-width: 1249px) {
  body[data-page="services"] .doctors--home .doctor-card__bio { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 7; }
}

@media (min-width: 1250px) and (max-width: 1359px) {
  body[data-page="services"] .doctors--home .doctor-card__bio { display: -webkit-box; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 10; }
}

@media (max-width: 767px) {
  body[data-page="services"] main > section.doctors--home {
    --doctor-mobile-photo-height: clamp(321px, calc(9.5vw + 280px), 353px);
    height: clamp(1682px, calc(19vw + 1600px), 1746px);
    min-height: clamp(1682px, calc(19vw + 1600px), 1746px);
    margin-top: 80px;
    padding: 0;
    overflow: hidden;
  }
  body[data-page="services"] main > section.doctors--home::before { width: calc(100% - 40px); }
  body[data-page="services"] .doctors--home .section-kicker,
  body[data-page="services"] .doctors--home .section-number { top: 11px; font-size: 12px; }
  body[data-page="services"] .doctors--home .section-heading h2 { top: 58px; width: 100%; font-size: 32px; letter-spacing: -.04em; }
  body[data-page="services"] .doctors--home .doctors__intro { top: 152px; width: 100%; font-size: 14px; }
  body[data-page="services"] .doctors--home .doctor-grid { top: 255px; display: block; }
  body[data-page="services"] .doctors--home .doctor-card { display: none; height: calc(var(--doctor-mobile-photo-height) + 340px); grid-template-columns: 1fr; grid-template-rows: var(--doctor-mobile-photo-height) 340px; margin-bottom: 10px; }
  body[data-page="services"] .doctors--home .doctor-card:nth-child(-n+2) { display: grid; }
  body[data-page="services"] .doctors--home .doctor-card__photo { width: 100%; height: var(--doctor-mobile-photo-height); }
  body[data-page="services"] .doctors--home .doctor-card:nth-child(1) .doctor-card__photo img { position: absolute; top: clamp(-48.2px, calc(1.16vw - 53.2px), -44.3px); left: 44%; width: auto; height: clamp(502.8px, calc(3.53vw + 487.6px), 514.7px); object-fit: fill; transform: translateX(-50%); }
  body[data-page="services"] .doctors--home .doctor-card:nth-child(2) .doctor-card__photo img { position: absolute; top: clamp(-89.5px, calc(5.61vw - 113.6px), -70.6px); right: auto; bottom: auto; left: calc(50% + clamp(0px, calc(8.67vw - 37.3px), 29.2px)); width: auto; height: clamp(500px, calc(26.11vw + 387.7px), 588px); object-fit: fill; transform: translateX(-50%); }
  body[data-page="services"] .doctors--home .doctor-role--desktop { display: none; }
  body[data-page="services"] .doctors--home .doctor-role--mobile { display: inline; }
  body[data-page="services"] .doctors--home .doctor-card__body { padding: 20px; }
  body[data-page="services"] .doctors--home .doctor-card h3 { font-size: 20px; white-space: nowrap; }
  body[data-page="services"] .doctors--home .doctor-card p { font-size: 14px; }
  body[data-page="services"] .doctors--home .doctor-card a { width: 220px; }
  body[data-page="services"] .doctors--home .section-action { top: auto; right: 0; bottom: 0; left: 0; width: 100%; height: 60px; transform: none; }
}

@media (max-width: 340px) {
  body[data-page="services"] .doctors--home .doctor-card h3 { white-space: normal; }
}


@media (max-width: 1359px) {
  body[data-page="services"] main > section.service-rating { background: #fafafa; }
  body[data-page="services"] main > section.licenses { background: #fff; }
}


body[data-page="services"] main > section.service-rating--home,
body[data-page="services"] main > section.faq--home {
  position: relative;
  padding: 0;
  overflow: hidden;
}
body[data-page="services"] main > section.service-rating--home { height: 949px; min-height: 949px; color: #303030; background: #fafafa; }
body[data-page="services"] main > section.faq--home { height: auto; min-height: 799px; background: #fff; }
body[data-page="services"] main > section.service-rating--home > .page-shell { position: relative; height: 100%; }
body[data-page="services"] main > section.faq--home > .page-shell { position: relative; height: auto; min-height: 799px; padding-top: 259px; padding-bottom: 120px; }
body[data-page="services"] main > section.service-rating--home::before,
body[data-page="services"] main > section.faq--home::before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  width: min(1320px, calc(100% - 120px));
  height: 1px;
  background: #eaeaea;
  content: "";
  transform: translateX(-50%);
}
body[data-page="services"] .service-rating--home .section-heading,
body[data-page="services"] .faq--home .section-heading {
  position: absolute;
  z-index: 5;
  inset: 0;
  margin: 0;
  pointer-events: none;
}
body[data-page="services"] .service-rating--home .section-heading--split,
body[data-page="services"] .faq--home .section-heading--split { display: block; }
body[data-page="services"] .service-rating--home .section-heading--split > div,
body[data-page="services"] .faq--home .section-heading--split > div { display: contents; }
body[data-page="services"] .service-rating--home .section-kicker,
body[data-page="services"] .service-rating--home .section-number,
body[data-page="services"] .faq--home .section-kicker,
body[data-page="services"] .faq--home .section-number {
  position: absolute;
  top: 21px;
  margin: 0;
  color: #5f5f5f;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
body[data-page="services"] .service-rating--home .section-kicker,
body[data-page="services"] .faq--home .section-kicker { left: 0; }
body[data-page="services"] .service-rating--home .section-number,
body[data-page="services"] .faq--home .section-number { right: 0; }
body[data-page="services"] .service-rating--home .section-heading h2,
body[data-page="services"] .faq--home .section-heading h2 {
  position: absolute;
  top: 95px;
  left: 0;
  margin: 0;
  color: #c0c1cc;
  font-size: 52px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.04em;
}
body[data-page="services"] .service-rating--home .section-heading h2 { width: 650px; transform: scaleX(.9); transform-origin: left top; }
body[data-page="services"] .faq--home .section-heading h2 { width: 557px; }
body[data-page="services"] .service-rating--home .section-heading h2 > span,
body[data-page="services"] .faq--home .section-heading h2 > span { color: #232742; }
body[data-page="services"] .service-rating--home .section-heading h2 > span { display: block; }
body[data-page="services"] .service-rating--home .rating__intro { position: absolute; top: 135px; right: 0; width: 649px; margin: 0; color: #303030; font-size: 16px; line-height: 1.25; }
body[data-page="services"] .service-rating--home .rating-grid {
  position: absolute;
  top: 249px;
  left: 0;
  display: grid;
  width: 100%;
  height: 580px;
  grid-template-columns: repeat(3, 407px);
  gap: 20px;
  align-items: end;
  padding: 390px 30px 30px;
  background: url("../media/home-desktop/imgRectangle115.png") center / cover no-repeat;
  border: 0;
}
body[data-page="services"] .service-rating--home .rating-grid a { position: relative; display: block; width: 407px; height: 160px; min-height: 160px; padding: 0; color: #303030; background: #fafafa; border: 0; }
body[data-page="services"] .service-rating--home .rating-grid a::after { position: absolute; top: 20px; right: 20px; width: 10px; height: 10px; border-top: 2px solid #c4c4c1; border-right: 2px solid #c4c4c1; content: ""; }
body[data-page="services"] .service-rating--home .rating-grid a > img { position: absolute; top: 30px; left: 30px; width: 56px; height: 66px; object-fit: fill; }
body[data-page="services"] .service-rating--home .rating-grid a:nth-child(2) > img { height: 61px; }
body[data-page="services"] .service-rating--home .rating-grid a:nth-child(3) > img { height: 56px; }
body[data-page="services"] .service-rating--home .rating-grid a > span:not(.stars) { position: absolute; top: 30px; left: 110px; color: #010f77; font-family: var(--font-display); font-size: 20px; font-weight: 600; line-height: 1; }
body[data-page="services"] .service-rating--home .rating-grid strong { position: absolute; top: 31px; right: 30px; color: #010f77; font-size: 14px; font-weight: 600; }
body[data-page="services"] .service-rating--home .rating-grid .stars { position: absolute; top: 65px; left: 110px; display: flex; gap: 6px; }
body[data-page="services"] .service-rating--home .rating-grid .stars img { width: 16.87px; height: 15.75px; }
body[data-page="services"] .service-rating--home .rating-grid small { position: absolute; top: 103px; left: 110px; color: #303030; font-size: 12px; text-decoration: underline; }
body[data-page="services"] .faq--home .faq-list { position: static; display: block; width: auto; margin: 0; border: 0; }
body[data-page="services"] .faq--home .faq-item { margin-bottom: 10px; border: 0; background: #fafafa; }
body[data-page="services"] .faq--home .faq-item:last-child { margin-bottom: 0; }
body[data-page="services"] .faq--home .faq-item__button { min-height: 76px; padding-left: 26px; }
body[data-page="services"] .faq--home .faq-item__button span { color: #232742; font-family: var(--font-display); font-size: 20px; font-weight: 500; letter-spacing: -.02em; }
body[data-page="services"] .faq--home .faq-item__button b { width: 56px; height: 56px; margin-right: 10px; }
body[data-page="services"] .faq--home .faq-item__answer { background: #fafafa; }
body[data-page="services"] .faq--home .faq-item__answer p { padding-inline: 26px; }
body[data-page="services"] .faq--home .section-number { font-size: 0; }
body[data-page="services"] .faq--home .section-number::after { content: "08"; font-size: 14px; }

@media (min-width: 768px) {
  body[data-page="services"] .faq--home .section-heading h2 > span { display: block; }
}

@media (min-width: 768px) and (max-width: 1359px) {
  body[data-page="services"] main > section.service-rating--home {
    height: 970px;
    min-height: 970px;
    background: linear-gradient(to bottom, #fafafa calc(100% - 60px), #fff calc(100% - 60px));
    box-shadow: 0 -60px 0 0 #fafafa;
  }
  body[data-page="services"] main > section.faq--home { min-height: 780px; }
  body[data-page="services"] main > section.faq--home > .page-shell { min-height: 780px; padding-top: 235px; padding-bottom: 125px; }
  body[data-page="services"] main > section.service-rating--home::before,
  body[data-page="services"] main > section.faq--home::before { width: calc(100% - 64px); }
  body[data-page="services"] .service-rating--home .section-heading h2,
  body[data-page="services"] .faq--home .section-heading h2 { top: 78px; width: min(820px, 80vw); font-size: clamp(40px, 4.2vw, 50px); }
  body[data-page="services"] .service-rating--home .section-heading h2 { transform: none; }
  body[data-page="services"] .service-rating--home .rating__intro { top: 195px; right: auto; left: 0; width: min(650px, 75vw); }
  body[data-page="services"] .service-rating--home .rating-grid { top: 285px; height: 565px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 375px 20px 20px; }
  body[data-page="services"] .service-rating--home .rating-grid a { width: 100%; height: 170px; min-height: 170px; }
  body[data-page="services"] .service-rating--home .rating-grid a > img { left: 20px; }
  body[data-page="services"] .service-rating--home .rating-grid a > span:not(.stars),
  body[data-page="services"] .service-rating--home .rating-grid .stars,
  body[data-page="services"] .service-rating--home .rating-grid small { left: 92px; }
  body[data-page="services"] .service-rating--home .rating-grid strong { right: 20px; }
}

@media (min-width: 1360px) {
  body[data-page="services"] main > section.service-rating--home {
    background: linear-gradient(to bottom, #fafafa calc(100% - 60px), #fff calc(100% - 60px));
    box-shadow: 0 -60px 0 0 #fafafa;
  }
  body[data-page="services"] .service-rating--home .rating-grid strong { top: 33px; right: 40px; }
  body[data-page="services"] .service-rating--home .rating-grid small { font-size: 14px; }
}

@media (min-width: 1360px) and (max-width: 1439px) {
  body[data-page="services"] main > section.service-rating--home { height: 970px; min-height: 970px; }
  body[data-page="services"] .service-rating--home .rating__intro { top: 212px; right: auto; left: 0; width: min(650px, 75vw); }
  body[data-page="services"] .service-rating--home .rating-grid { top: 285px; height: 565px; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; padding: 375px 20px 20px; }
  body[data-page="services"] .service-rating--home .rating-grid a { width: 100%; height: 170px; min-height: 170px; }
  body[data-page="services"] .service-rating--home .rating-grid a > img { left: 20px; }
  body[data-page="services"] .service-rating--home .rating-grid a > span:not(.stars),
  body[data-page="services"] .service-rating--home .rating-grid .stars,
  body[data-page="services"] .service-rating--home .rating-grid small { left: 92px; }
  body[data-page="services"] .service-rating--home .rating-grid strong { top: 31px; right: 20px; }
}

@media (min-width: 768px) and (max-width: 999px) {
  body[data-page="services"] main > section.service-rating--home {
    height: 1126px;
    min-height: 1126px;
    background: linear-gradient(to bottom, #fafafa calc(100% - 40px), #fff calc(100% - 40px));
    box-shadow: 0 -40px 0 0 #fafafa;
  }
  body[data-page="services"] .service-rating--home .rating__intro { top: 182px; right: auto; left: 0; width: 100%; font-size: 14px; line-height: normal; }
  body[data-page="services"] .service-rating--home .rating-grid { top: 255px; display: block; height: 771px; padding: 0; background: none; }
  body[data-page="services"] .service-rating--home .rating-grid::after { position: absolute; top: 471px; left: 0; width: 100%; height: 300px; background: url("../media/home-mobile/imgRectangle115.png") center / cover no-repeat; content: ""; }
  body[data-page="services"] .service-rating--home .rating-grid a { position: absolute; left: 0; width: 100%; height: 147px; min-height: 147px; padding: 0; background: #fff; }
  body[data-page="services"] .service-rating--home .rating-grid a:nth-child(1) { top: 0; }
  body[data-page="services"] .service-rating--home .rating-grid a:nth-child(2) { top: 157px; }
  body[data-page="services"] .service-rating--home .rating-grid a:nth-child(3) { top: 314px; }
  body[data-page="services"] .service-rating--home .rating-grid a > img { top: 30px; left: 30px; width: 55px; }
  body[data-page="services"] .service-rating--home .rating-grid a > span:not(.stars) { top: 30px; left: 110px; }
  body[data-page="services"] .service-rating--home .rating-grid strong { top: 31px; right: 30px; }
  body[data-page="services"] .service-rating--home .rating-grid .stars { top: 65px; left: 110px; }
  body[data-page="services"] .service-rating--home .rating-grid .stars img { width: 18px; height: 18px; }
  body[data-page="services"] .service-rating--home .rating-grid small { top: 103px; left: 110px; }
}

@media (max-width: 767px) {
  body[data-page="services"] main > section.service-rating--home {
    height: 1126px;
    min-height: 1126px;
    margin-top: 80px;
    padding: 0;
    background: linear-gradient(to bottom, #fafafa calc(100% - 40px), #fff calc(100% - 40px));
    box-shadow: 0 -40px 0 0 #fafafa;
  }
  body[data-page="services"] main > section.faq--home { min-height: 540px; margin-top: 80px; padding: 0; }
  body[data-page="services"] main > section.faq--home > .page-shell { min-height: 540px; padding-top: 120px; padding-bottom: 0; }
  body[data-page="services"] main > section.service-rating--home::before,
  body[data-page="services"] main > section.faq--home::before { width: calc(100% - 40px); }
  body[data-page="services"] .service-rating--home .section-kicker,
  body[data-page="services"] .service-rating--home .section-number,
  body[data-page="services"] .faq--home .section-kicker,
  body[data-page="services"] .faq--home .section-number { top: 11px; font-size: 12px; }
  body[data-page="services"] .service-rating--home .section-heading h2,
  body[data-page="services"] .faq--home .section-heading h2 { top: 58px; width: 100%; font-size: 32px; letter-spacing: -.04em; }
  body[data-page="services"] .service-rating--home .section-heading h2 { transform: none; }
  body[data-page="services"] .service-rating--home .rating__intro { top: 152px; right: auto; left: 0; width: 100%; font-size: 14px; line-height: normal; }
  body[data-page="services"] .service-rating--home .rating-grid { top: 255px; display: block; height: 771px; padding: 0; background: none; }
  body[data-page="services"] .service-rating--home .rating-grid::after { position: absolute; top: 471px; left: 0; width: 100%; height: 300px; background: url("../media/home-mobile/imgRectangle115.png") center / cover no-repeat; content: ""; }
  body[data-page="services"] .service-rating--home .rating-grid a { position: absolute; left: 0; width: 100%; height: 147px; min-height: 147px; padding: 0; background: #fff; }
  body[data-page="services"] .service-rating--home .rating-grid a:nth-child(1) { top: 0; }
  body[data-page="services"] .service-rating--home .rating-grid a:nth-child(2) { top: 157px; }
  body[data-page="services"] .service-rating--home .rating-grid a:nth-child(3) { top: 314px; }
  body[data-page="services"] .service-rating--home .rating-grid a > img { top: 30px; left: 30px; width: 55px; }
  body[data-page="services"] .service-rating--home .rating-grid a > span:not(.stars) { top: 30px; left: 110px; }
  body[data-page="services"] .service-rating--home .rating-grid strong { top: 31px; right: 30px; }
  body[data-page="services"] .service-rating--home .rating-grid .stars { top: 65px; left: 110px; }
  body[data-page="services"] .service-rating--home .rating-grid .stars img { width: 18px; height: 18px; }
  body[data-page="services"] .service-rating--home .rating-grid small { top: 103px; left: 110px; }
  body[data-page="services"] .faq--home .section-heading h2 { width: 446px; transform: scaleX(.92); transform-origin: left top; }
  body[data-page="services"] .faq--home .faq-item { margin-bottom: 10px; }
  body[data-page="services"] .faq--home .faq-item__button { min-height: 76px; padding-left: 18px; }
  body[data-page="services"] .faq--home .faq-item__button span { font-size: 20px; }
  body[data-page="services"] .faq--home .faq-item__button b { width: 56px; height: 56px; margin-right: 10px; }
  body[data-page="services"] .faq--home .section-number::after { content: "08"; }
}

@media (max-width: 410px) {
  body[data-page="services"] .faq--home .section-heading h2 { width: 100%; font-size: 30px; transform: none; }
}


body[data-page="services"] main > section.contacts--home,
body[data-page="services"] main > section.promotions--home { position: relative; padding: 0; overflow: hidden; }
body[data-page="services"] main > section.contacts--home { height: 847px; min-height: 847px; background: #fafafa; }
body[data-page="services"] main > section.promotions--home { height: 689px; min-height: 689px; background: #fff; }
body[data-page="services"] main > section.contacts--home > .page-shell,
body[data-page="services"] main > section.promotions--home > .page-shell { position: relative; height: 100%; }
body[data-page="services"] main > section.contacts--home::before,
body[data-page="services"] main > section.promotions--home::before {
  position: absolute;
  z-index: 2;
  top: 0;
  left: 50%;
  width: min(1320px, calc(100% - 120px));
  height: 1px;
  background: #eaeaea;
  content: "";
  transform: translateX(-50%);
}
body[data-page="services"] .contacts--home .section-heading,
body[data-page="services"] .promotions--home .section-heading {
  position: absolute;
  z-index: 5;
  inset: 0;
  margin: 0;
  pointer-events: none;
}
body[data-page="services"] .contacts--home .section-heading--split,
body[data-page="services"] .promotions--home .section-heading--split { display: block; }
body[data-page="services"] .contacts--home .section-heading--split > div,
body[data-page="services"] .promotions--home .section-heading--split > div { display: contents; }
body[data-page="services"] .contacts--home .section-kicker,
body[data-page="services"] .contacts--home .section-number,
body[data-page="services"] .promotions--home .section-kicker,
body[data-page="services"] .promotions--home .section-number {
  position: absolute;
  top: 21px;
  margin: 0;
  color: #5f5f5f;
  font-family: var(--font-display);
  font-size: 14px;
  font-weight: 300;
  line-height: 1;
  letter-spacing: -.04em;
  text-transform: uppercase;
}
body[data-page="services"] .contacts--home .section-kicker,
body[data-page="services"] .promotions--home .section-kicker { left: 0; }
body[data-page="services"] .contacts--home .section-number,
body[data-page="services"] .promotions--home .section-number { right: 0; }
body[data-page="services"] .contacts--home .section-heading h2,
body[data-page="services"] .promotions--home .section-heading h2 {
  position: absolute;
  top: 95px;
  left: 0;
  margin: 0;
  color: #232742;
  font-size: 52px;
  font-weight: 600;
  line-height: 1;
  letter-spacing: -.04em;
}
body[data-page="services"] .contacts--home .section-heading h2 { width: 500px; }
body[data-page="services"] .promotions--home .section-heading h2 { width: 720px; color: #c0c1cc; }
body[data-page="services"] .promotions--home .section-heading h2 > span { color: #232742; }
body[data-page="services"] .contacts--home .contacts-card { position: absolute; top: 207px; left: 0; display: grid; width: 100%; min-height: 580px; grid-template-columns: 427px 1fr; border: 0; }
body[data-page="services"] .contacts--home .contacts-card__info { position: relative; display: block; min-height: 580px; padding: 20px; background: #fff; }
body[data-page="services"] .contacts--home .contacts-card__info::after { position: absolute; top: 20px; right: 20px; width: 10px; height: 10px; border-top: 2px solid #c4c4c1; border-right: 2px solid #c4c4c1; content: ""; }
body[data-page="services"] .contacts--home .contacts-card__info .brand { position: absolute; top: 20px; left: 20px; width: 203px; height: 82px; margin: 0; }
body[data-page="services"] .contacts--home .contacts-card__label { position: absolute; top: 148px; left: 20px; color: rgba(95,95,95,.6); font-size: 12px; }
body[data-page="services"] .contacts--home .contacts-card__info > p { position: absolute; top: 181px; left: 20px; width: 282px; margin: 0; color: #232742; font-family: var(--font-display); font-size: 20px; font-weight: 600; line-height: 1; }
body[data-page="services"] .contacts--home .contacts-card__info > a:not(.brand) { position: absolute; top: 243px; left: 15px; margin: 0; color: #232742; font-family: var(--font-display); font-size: 20px; font-weight: 600; }
body[data-page="services"] .contacts--home .contacts-card__social-label { position: absolute; top: 304px; left: 20px; color: rgba(95,95,95,.6); font-size: 12px; }
body[data-page="services"] .contacts--home .contacts-card__info .social-list { position: absolute; top: 336px; left: 20px; display: flex; gap: 10px; margin: 0; }
body[data-page="services"] .contacts--home .social-list a { display: grid; width: 40px; height: 40px; place-items: center; border-radius: 50%; background: #010f77; }
body[data-page="services"] .contacts--home .contacts-card__info .button { position: absolute; right: 20px; bottom: 20px; left: 20px; width: auto; height: 60px; margin: 0; font-size: 16px; }
body[data-page="services"] .contacts--home .contacts-card__map { position: relative; height: 580px; }
body[data-page="services"] .contacts--home .contacts-card__map-image,
body[data-page="services"] .contacts--home .contacts-card__map-image img { display: block; width: 100%; height: 100%; }
body[data-page="services"] .contacts--home .contacts-card__map-image img { object-fit: cover; object-position: center; }
body[data-page="services"] .contacts--home .map-pin { display: none; }
body[data-page="services"] .contacts--home .map-pin-image { position: absolute; top: 243px; left: 356px; width: 46px; height: 61px; }
body[data-page="services"] .contacts--home .map-pin-image img { width: 100%; height: 100%; }
body[data-page="services"] .promotions--home .promo-grid { position: absolute; top: 249px; left: 0; display: grid; width: 100%; grid-template-columns: repeat(3, 1fr); gap: 20px; }
body[data-page="services"] .promotions--home .promo-card { min-height: 320px; padding: 40px 30px; background: #fafafa; border: 0; }
body[data-page="services"] .promotions--home .promo-card > span { position: relative; z-index: 2; width: 300px; max-width: 80%; color: #010f77; font-family: var(--font-display); font-size: 20px; font-weight: 500; letter-spacing: -.02em; line-height: 1; }
body[data-page="services"] .promotions--home .promo-card > p { position: relative; z-index: 2; width: 300px; margin: 30px 0 0; color: rgba(48,48,48,.7); font-size: 14px; line-height: 1; }
body[data-page="services"] .promotions--home .promo-card > u { position: relative; z-index: 2; display: block; margin-top: 30px; color: #303030; font-family: var(--font-display); font-size: 14px; font-weight: 500; }
body[data-page="services"] .promotions--home .promo-card img { right: 0; bottom: 0; width: 290px; height: 180px; max-width: none; object-fit: cover; object-position: bottom; }
body[data-page="services"] .promotions--home .promo-card:nth-child(2) img { transform: scaleX(-1); }
body[data-page="services"] .promotions--home .promo-card::before { top: auto; right: auto; bottom: 20px; left: 20px; border-right: 0; border-left: 2px solid #c4c4c1; }
body[data-page="services"] .promotions--home .promo-card::after { position: absolute; z-index: 1; top: 20px; right: 20px; width: 10px; height: 10px; border-top: 2px solid #c4c4c1; border-right: 2px solid #c4c4c1; content: ""; }

@media (min-width: 768px) and (max-width: 1359px) {
  body[data-page="services"] main > section.contacts--home { height: 760px; min-height: 760px; }
  body[data-page="services"] main > section.promotions--home { height: 620px; min-height: 620px; }
  body[data-page="services"] main > section.contacts--home::before,
  body[data-page="services"] main > section.promotions--home::before { width: calc(100% - 64px); }
  body[data-page="services"] .contacts--home .section-heading h2,
  body[data-page="services"] .promotions--home .section-heading h2 { top: 78px; width: min(820px, 80vw); font-size: clamp(40px, 4.2vw, 50px); }
  body[data-page="services"] .contacts--home .contacts-card { top: 180px; min-height: 520px; grid-template-columns: 38% 62%; }
  body[data-page="services"] .contacts--home .contacts-card__info,
  body[data-page="services"] .contacts--home .contacts-card__map { height: 520px; min-height: 520px; }
  body[data-page="services"] .contacts--home .contacts-card__info .brand { width: 170px; height: 68px; }
  body[data-page="services"] .contacts--home .contacts-card__label { top: 120px; }
  body[data-page="services"] .contacts--home .contacts-card__info > p { top: 150px; width: calc(100% - 40px); }
  body[data-page="services"] .contacts--home .contacts-card__info > a:not(.brand) { top: 215px; }
  body[data-page="services"] .contacts--home .contacts-card__social-label { top: 270px; }
  body[data-page="services"] .contacts--home .contacts-card__info .social-list { top: 302px; }
  body[data-page="services"] .contacts--home .map-pin-image { top: 220px; left: 45%; }
  body[data-page="services"] .promotions--home .promo-grid { top: 210px; gap: 16px; }
  body[data-page="services"] .promotions--home .promo-card { min-height: 330px; padding: 30px 24px; }
  body[data-page="services"] .promotions--home .promo-card > span,
  body[data-page="services"] .promotions--home .promo-card > p { width: 90%; max-width: none; }
  body[data-page="services"] .promotions--home .promo-card img { width: min(75%, 290px); height: 50%; object-fit: contain; object-position: right bottom; }
  body[data-page="services"] .promotions--home .promo-card:nth-child(2) .promo-card__imgflip { position: absolute; right: 0; bottom: 0; display: block; width: min(75%, 290px); height: 50%; overflow: hidden; transform: scaleX(-1); }
  body[data-page="services"] .promotions--home .promo-card:nth-child(2) .promo-card__imgflip img { top: 0; right: 0; bottom: auto; left: auto; width: 100%; max-width: none; height: 100%; transform: none; }
}

@media (min-width: 1360px) {
  body[data-page="services"] .promotions--home .promo-card:nth-child(1) img { object-fit: fill; object-position: auto; }
  body[data-page="services"] .promotions--home .promo-card:nth-child(2) .promo-card__imgflip { position: absolute; top: auto; right: 1px; bottom: 0; left: auto; display: block; width: 290px; height: 180px; overflow: hidden; transform: scaleX(-1); }
  body[data-page="services"] .promotions--home .promo-card:nth-child(2) .promo-card__imgflip img { top: 13.8px; right: auto; bottom: auto; left: -89px; width: 356px; height: 199.3px; max-width: none; object-fit: fill; transform: none; }
  body[data-page="services"] .promotions--home .promo-card:nth-child(3) img { top: auto; right: 0; bottom: -81.9px; left: auto; width: 269.7px; height: 269.7px; object-fit: fill; clip-path: inset(0 0 81.9px 0); }
}

@media (max-width: 767px) {
  body[data-page="services"] main > section.contacts--home { height: 1061px; min-height: 1061px; margin-top: 80px; padding: 0; }
  body[data-page="services"] main > section.promotions--home { height: 1132px; min-height: 1132px; margin-top: 40px; padding: 0; }
  body[data-page="services"] main > section.contacts--home::before,
  body[data-page="services"] main > section.promotions--home::before { width: calc(100% - 40px); }
  body[data-page="services"] .contacts--home .section-kicker,
  body[data-page="services"] .contacts--home .section-number,
  body[data-page="services"] .promotions--home .section-kicker,
  body[data-page="services"] .promotions--home .section-number { top: 11px; font-size: 12px; }
  body[data-page="services"] .contacts--home .section-heading h2,
  body[data-page="services"] .promotions--home .section-heading h2 { top: 58px; width: 100%; font-size: 32px; letter-spacing: -.04em; }
  body[data-page="services"] .contacts--home .contacts-card { top: 120px; display: block; min-height: 0; line-height: 0; }
  body[data-page="services"] .contacts--home .contacts-card__info { width: 100%; height: 482px; min-height: 482px; padding: 20px; line-height: normal; }
  body[data-page="services"] .contacts--home .contacts-card__info .brand { top: 20px; left: 20px; width: 165px; height: 66px; margin: 0; }
  body[data-page="services"] .contacts--home .contacts-card__label { top: 111px; left: 20px; }
  body[data-page="services"] .contacts--home .contacts-card__info > p { top: 144px; left: 20px; width: 282px; }
  body[data-page="services"] .contacts--home .contacts-card__info > a:not(.brand) { top: 206px; left: 20px; }
  body[data-page="services"] .contacts--home .contacts-card__social-label { top: 267px; left: 20px; }
  body[data-page="services"] .contacts--home .contacts-card__info .social-list { top: 299px; left: 20px; }
  body[data-page="services"] .contacts--home .contacts-card__info .button { right: 20px; bottom: 22px; left: 20px; width: auto; height: 60px; }
  body[data-page="services"] .contacts--home .contacts-card__map { display: block; width: 100%; height: 409px; margin: 10px 0 0; }
  body[data-page="services"] .contacts--home .contacts-card__map-image img { object-fit: fill; object-position: center; }
  body[data-page="services"] .contacts--home .map-pin-image { top: 248px; left: 122px; width: 38px; height: 49px; }
  body[data-page="services"] .contacts--home .contacts-card__info .brand { -webkit-mask-image: url("../media/home-mobile/imgDentix2Page13Image4.png"); mask-image: url("../media/home-mobile/imgDentix2Page13Image4.png"); }
  body[data-page="services"] .promotions--home .promo-grid { top: 152px; left: 50%; width: min(100%, 390px); grid-template-columns: 1fr; gap: 10px; transform: translateX(-50%); }
  body[data-page="services"] .promotions--home .promo-card { min-height: 320px; padding: 30px 20px; }
  body[data-page="services"] .promotions--home .promo-card > span,
  body[data-page="services"] .promotions--home .promo-card > p { width: 300px; max-width: none; }
  body[data-page="services"] .promotions--home .promo-card img { right: auto; bottom: auto; object-fit: fill; }
  body[data-page="services"] .promotions--home .promo-card:nth-child(1) img { top: 140px; left: 77px; width: 290px; height: 180px; }
  body[data-page="services"] .promotions--home .promo-card:nth-child(2) .promo-card__imgflip { position: absolute; top: 140px; right: auto; bottom: auto; left: 100px; display: block; width: 290px; height: 180px; overflow: hidden; transform: scaleX(-1); }
  body[data-page="services"] .promotions--home .promo-card:nth-child(2) .promo-card__imgflip img { top: 13.8px; right: auto; bottom: auto; left: -89px; width: 356px; height: 199.3px; max-width: none; object-fit: fill; transform: none; }
  body[data-page="services"] .promotions--home .promo-card:nth-child(3) img { top: 132.2px; left: 120.4px; width: 269.7px; height: 269.7px; clip-path: inset(7.8px 0 81.9px 0); }
}

@media (max-width: 340px) {
  body[data-page="services"] .promotions--home .promo-card > span,
  body[data-page="services"] .promotions--home .promo-card > p { width: 100%; max-width: 100%; }
  body[data-page="services"] .contacts--home .contacts-card__info > p { width: calc(100% - 40px); }
}