

/* Start:/reabilitation-new/assets/css/reabilitation.css?179129256429188*/
@charset "UTF-8";
:root {
  --ink:#12291F;
  --ink-2:#4E605A;
  --green:#2D9D69;
  --green-dk:#1F7A50;
  --teal:#4FBFBD;
  --sand:#C6AA82;
  --mist:#EFF6F2;
  --paper:#FFFFFF;
  --line:#DCE7E1;
  --s4:4px;
  --s8:8px;
  --s12:12px;
  --s16:16px;
  --s20:20px;
  --s24:24px;
  --s32:32px;
  --s36:36px;
  --s40:40px;
  --s56:56px;
  --shadow-1:rgba(18,41,31,.06) 0 4px 4px 0;
  --shadow-2:rgba(18,41,31,.10) 0 4px 30px 0;
  --display:'Onest',system-ui,sans-serif;
  --body:'Golos Text',system-ui,sans-serif;
}

.reabilitation-page img {
  max-width: 100%;
  display: block;
}
.reabilitation-page a {
  color: var(--green);
  text-decoration: none;
}
.reabilitation-page h1, .reabilitation-page h2, .reabilitation-page h3, .reabilitation-page h4 {
  font-family: var(--display);
  margin: 0;
  letter-spacing: -0.02em;
  line-height: 1.12;
}
.reabilitation-page h2 {
  font-size: clamp(28px, 3.4vw, 44px);
  font-weight: 700;
}
.reabilitation-page h3 {
  font-size: clamp(20px, 2vw, 26px);
  font-weight: 600;
  line-height: 1.25;
}
.reabilitation-page p {
  margin: 0;
}
.reabilitation-page .wrap {
  width: min(1220px, 100% - 40px);
  margin-inline: auto;
}
.reabilitation-page section {
  padding: clamp(56px, 7vw, 104px) 0;
}
.reabilitation-page .sec-mist {
  background: var(--mist);
}
.reabilitation-page .reabilitation-page section {
  padding: clamp(56px, 7vw, 104px) 0;
}
.reabilitation-page {
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.reabilitation-page .eyebrow {
  display: flex;
  align-items: center;
  gap: var(--s12);
  font-family: var(--body);
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--green);
  margin-bottom: var(--s20);
}
.reabilitation-page .eyebrow svg {
  flex: none;
  overflow: visible;
}
.reabilitation-page .trace {
  fill: none;
  stroke: var(--teal);
  stroke-width: 1.6;
  stroke-linecap: round;
}
.reabilitation-page .node {
  fill: var(--green);
}
.reabilitation-page .lede {
  max-width: 62ch;
  color: var(--ink-2);
  font-size: clamp(16px, 1.3vw, 18px);
  margin-top: var(--s16);
}
.reabilitation-page .sec-head {
  max-width: 880px;
  margin-bottom: clamp(32px, 4vw, 56px);
}
.reabilitation-page {
  /* ————— buttons ————— */
}
.reabilitation-page .btn {
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-family: var(--body);
  font-weight: 600;
  font-size: 16px;
  padding: 16px 32px;
  border-radius: 50px;
  border: 1.5px solid transparent;
  cursor: pointer;
  transition: transform 0.18s ease, background 0.18s ease, color 0.18s ease;
}
.reabilitation-page .btn:focus-visible {
  outline: 3px solid var(--teal);
  outline-offset: 3px;
}
.reabilitation-page .btn-primary {
  background: var(--green);
  color: #fff;
}
.reabilitation-page .btn-primary:hover {
  background: var(--green-dk);
  transform: translateY(-2px);
}
.reabilitation-page .btn-ghost {
  border-color: var(--line);
  color: var(--ink);
  background: transparent;
}
.reabilitation-page .btn-ghost:hover {
  border-color: var(--green);
  color: var(--green);
}
.reabilitation-page .btn-sand {
  background: var(--sand);
  color: #2A2013;
}
.reabilitation-page .btn-sand:hover {
  filter: brightness(0.95);
  transform: translateY(-2px);
}
.reabilitation-page .hdr {
  display: flex;
  align-items: center;
  gap: var(--s24);
  padding: 14px 0;
}
.reabilitation-page .logo {
  font-family: var(--display);
  font-weight: 800;
  font-size: 20px;
  letter-spacing: 0.08em;
  color: var(--green);
}
.reabilitation-page .logo span {
  display: block;
  font-size: 9px;
  letter-spacing: 0.34em;
  color: var(--ink-2);
  font-weight: 600;
}
.reabilitation-page nav {
  display: flex;
  gap: var(--s20);
  margin-left: auto;
  flex-wrap: wrap;
}
.reabilitation-page nav a {
  font-size: 13px;
  font-weight: 500;
  color: var(--ink-2);
  letter-spacing: 0.02em;
}
.reabilitation-page nav a:hover {
  color: var(--green);
}
.reabilitation-page .hdr-phone {
  font-family: var(--display);
  font-weight: 700;
  font-size: 15px;
  color: var(--ink);
  white-space: nowrap;
}
.reabilitation-page .burger {
  display: none;
  margin-left: auto;
  width: 46px;
  height: 46px;
  border: 1.5px solid var(--line);
  border-radius: 50%;
  background: #fff;
  cursor: pointer;
  position: relative;
}
.reabilitation-page .burger span, .reabilitation-page .burger::before, .reabilitation-page .burger::after {
  content: "";
  position: absolute;
  left: 13px;
  width: 20px;
  height: 2px;
  border-radius: 2px;
  background: var(--ink);
  transition: 0.22s;
}
.reabilitation-page .burger::before {
  top: 16px;
}
.reabilitation-page .burger span {
  top: 22px;
}
.reabilitation-page .burger::after {
  top: 28px;
}
.reabilitation-page .burger[aria-expanded=true]::before {
  top: 22px;
  transform: rotate(45deg);
}
.reabilitation-page .burger[aria-expanded=true]::after {
  top: 22px;
  transform: rotate(-45deg);
}
.reabilitation-page .burger[aria-expanded=true] span {
  opacity: 0;
}
.reabilitation-page .burger:focus-visible {
  outline: 3px solid var(--teal);
  outline-offset: 3px;
}
@media (max-width: 900px) {
  .reabilitation-page .burger {
    display: block;
    order: 3;
  }
  .reabilitation-page .hdr-phone {
    order: 2;
    font-size: 14px;
  }
  .reabilitation-page .hdr {
    gap: var(--s12);
  }
  .reabilitation-page nav {
    position: absolute;
    left: 0;
    right: 0;
    top: 100%;
    background: #fff;
    border-bottom: 1px solid var(--line);
    flex-direction: column;
    gap: 0;
    padding: var(--s8) 20px var(--s20);
    margin: 0;
    box-shadow: var(--shadow-2);
  }
  .reabilitation-page nav:not(.open) {
    display: none;
  }
  .reabilitation-page nav a {
    padding: 14px 0;
    font-size: 16px;
    border-bottom: 1px solid var(--line);
  }
  .reabilitation-page nav a:last-child {
    border-bottom: 0;
  }
  .reabilitation-page header .hdr {
    position: relative;
  }
}
.reabilitation-page {
  /* ————— hero ————— */
}
.reabilitation-page .hero {
  position: relative;
  overflow: hidden;
  background: linear-gradient(160deg, #F4FAF7 0%, #E6F2EC 55%, #DDEEEC 100%);
  padding: clamp(56px, 8vw, 96px) 0 0;
}
.reabilitation-page .hero-grid {
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 0 var(--s40);
  align-items: center;
}
.reabilitation-page .hero-copy {
  grid-column: 1;
  grid-row: 1;
}
.reabilitation-page .hero-art {
  grid-column: 2;
  grid-row: 1/span 2;
  align-self: center;
}
.reabilitation-page .hero-facts {
  grid-column: 1;
  grid-row: 2;
}
.reabilitation-page .hero h1 {
  font-size: clamp(34px, 4.6vw, 60px);
  font-weight: 800;
  max-width: 15ch;
}
.reabilitation-page .hero .lede {
  font-size: clamp(16px, 1.35vw, 19px);
  color: #38493F;
  max-width: 46ch;
}
.reabilitation-page .hero-cta {
  display: flex;
  gap: var(--s16);
  flex-wrap: wrap;
  margin-top: var(--s32);
}
.reabilitation-page .hero-facts {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--s24);
  margin-top: var(--s40);
  padding-top: var(--s24);
  border-top: 1px solid rgba(18, 41, 31, 0.12);
}
.reabilitation-page .fact b {
  display: block;
  font-family: var(--display);
  font-size: 30px;
  font-weight: 700;
  color: var(--green-dk);
  line-height: 1;
}
.reabilitation-page .fact span {
  font-size: 13px;
  color: var(--ink-2);
}
.reabilitation-page .hero-art {
  position: relative;
  aspect-ratio: 1/1.02;
  border-radius: 32px;
  overflow: hidden;
  margin: 0;
  background: linear-gradient(200deg, #2D9D69 0%, #238E68 45%, #4FBFBD 100%);
  box-shadow: var(--shadow-2);
}
.reabilitation-page .hero-art .slot {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  text-align: center;
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  padding: 24px;
}
.reabilitation-page .hero-art figcaption {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  color: #fff;
  font-size: 13px;
  padding: 44px 24px 20px;
  background: linear-gradient(transparent, rgba(10, 40, 28, 0.72));
}
.reabilitation-page .hero-art svg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.reabilitation-page .gait {
  fill: none;
  stroke: rgba(255, 255, 255, 0.75);
  stroke-width: 2;
  stroke-linecap: round;
}
.reabilitation-page .gait-dot {
  fill: #fff;
}
.reabilitation-page .hero-wave {
  display: block;
  width: 100%;
  height: auto;
  margin-top: -2px;
}
@media (max-width: 880px) {
  .reabilitation-page .hero-grid {
    grid-template-columns: 1fr;
    gap: var(--s32);
  }
  .reabilitation-page .hero-copy, .reabilitation-page .hero-art, .reabilitation-page .hero-facts {
    grid-column: 1;
  }
  .reabilitation-page .hero-copy {
    grid-row: 1;
  }
  .reabilitation-page .hero-art {
    grid-row: 2;
    aspect-ratio: 4/3;
  }
  .reabilitation-page .hero-facts {
    grid-row: 3;
    grid-template-columns: 1fr 1fr;
    gap: var(--s16);
    margin-top: 0;
  }
  .reabilitation-page .fact b {
    font-size: 24px;
  }
}
@media (max-width: 420px) {
  .reabilitation-page .hero-facts {
    grid-template-columns: 1fr;
  }
}
.reabilitation-page {
  /* ————— video ————— */
}
.reabilitation-page .video {
  position: relative;
  border-radius: 32px;
  overflow: hidden;
  aspect-ratio: 16/8;
  background: linear-gradient(140deg, #1A3B2C, #12291F 60%, #1F5346);
  display: grid;
  place-items: center;
  box-shadow: var(--shadow-2);
}
.reabilitation-page .video.sm {
  aspect-ratio: 16/10;
  border-radius: 24px;
}
.reabilitation-page .video::after {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(60% 70% at 30% 20%, rgba(79, 191, 189, 0.28), transparent 70%);
}
.reabilitation-page .play {
  position: relative;
  z-index: 2;
  width: 86px;
  height: 86px;
  border-radius: 50%;
  border: 0;
  cursor: pointer;
  background: #fff;
  display: grid;
  place-items: center;
  box-shadow: var(--shadow-1);
  transition: transform 0.2s;
}
.reabilitation-page .play:hover {
  transform: scale(1.07);
}
.reabilitation-page .play::before {
  content: "";
  width: 0;
  height: 0;
  margin-left: 6px;
  border-left: 20px solid var(--green);
  border-top: 13px solid transparent;
  border-bottom: 13px solid transparent;
}
.reabilitation-page .video .vcap {
  position: absolute;
  z-index: 2;
  left: 24px;
  bottom: 22px;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
}
.reabilitation-page .video.sm .play {
  width: 62px;
  height: 62px;
}
.reabilitation-page .video.sm .play::before {
  border-left-width: 15px;
  border-top-width: 10px;
  border-bottom-width: 10px;
}
.reabilitation-page {
  /* ————— photo slot ————— */
}
.reabilitation-page .shot {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}
.reabilitation-page .video > .shot {
  filter: brightness(0.72) saturate(1.05);
}
.reabilitation-page .method .thumb > .shot {
  filter: brightness(0.94);
}
.reabilitation-page .member > .shot {
  z-index: 0;
}
.reabilitation-page .hero-art > .shot {
  z-index: 0;
}
.reabilitation-page .hero-art svg {
  z-index: 1;
}
.reabilitation-page .photo .slot {
  position: relative;
  z-index: 1;
}
.reabilitation-page .photo {
  margin: 0;
  position: relative;
  border-radius: 24px;
  overflow: hidden;
  aspect-ratio: 16/10;
  display: grid;
  place-items: center;
  background: linear-gradient(150deg, #DDE9E3, #C8D9D0 60%, #C6AA82);
}
.reabilitation-page .uniq {
  margin: var(--s20) 0 0;
  padding-left: 22px;
  color: var(--ink-2);
  font-size: 15px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 12px var(--s32);
}
@media (max-width: 660px) {
  .reabilitation-page .uniq {
    grid-template-columns: 1fr;
  }
}
.reabilitation-page .photo .slot {
  font-size: 13px;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: #5C6E66;
  text-align: center;
  padding: 20px;
}
.reabilitation-page {
  /* ————— cards ————— */
}
.reabilitation-page .grid {
  display: grid;
  gap: var(--s24);
}
.reabilitation-page .g3 {
  grid-template-columns: repeat(3, 1fr);
}
.reabilitation-page .g2 {
  grid-template-columns: repeat(2, 1fr);
}
@media (max-width: 980px) {
  .reabilitation-page .g3 {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 660px) {
  .reabilitation-page .g3, .reabilitation-page .g2 {
    grid-template-columns: 1fr;
  }
}
.reabilitation-page .card {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 24px;
  padding: var(--s32);
  transition: box-shadow 0.22s ease, transform 0.22s ease, border-color 0.22s;
}
.reabilitation-page .card:hover {
  box-shadow: var(--shadow-2);
  transform: translateY(-3px);
  border-color: transparent;
}
.reabilitation-page .card h3 {
  margin-bottom: var(--s12);
}
.reabilitation-page .card p {
  color: var(--ink-2);
  font-size: 15px;
}
.reabilitation-page .icon {
  width: 52px;
  height: 52px;
  border-radius: 16px;
  display: grid;
  place-items: center;
  margin-bottom: var(--s20);
  background: var(--mist);
}
.reabilitation-page .icon svg {
  width: 26px;
  height: 26px;
  fill: none;
  stroke: var(--green);
  stroke-width: 1.7;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.reabilitation-page {
  /* ————— compare table ————— */
}
.reabilitation-page .compare {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid var(--line);
  border-radius: 24px;
  overflow: hidden;
  background: #fff;
}
.reabilitation-page .compare > div {
  padding: var(--s32);
}
.reabilitation-page .compare .col-old {
  background: #F7F8F7;
  border-right: 1px solid var(--line);
}
.reabilitation-page .compare h4 {
  font-size: 15px;
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  margin-bottom: var(--s20);
}
.reabilitation-page .col-old h4 {
  color: var(--ink-2);
}
.reabilitation-page .col-new h4 {
  color: var(--green);
}
.reabilitation-page .compare ul {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid;
  gap: 14px;
}
.reabilitation-page .compare li {
  font-size: 15px;
  padding-left: 26px;
  position: relative;
  color: var(--ink-2);
}
.reabilitation-page .compare li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 5px;
  width: 12px;
  height: 12px;
  border-radius: 50%;
  background: #AEBCB5;
  box-shadow: 0 0 0 4px rgba(174, 188, 181, 0.2);
}
.reabilitation-page .col-new li {
  color: var(--ink);
}
.reabilitation-page .col-new li::before {
  background: var(--green);
  box-shadow: 0 0 0 4px rgba(45, 157, 105, 0.14);
}
@media (max-width: 660px) {
  .reabilitation-page .compare {
    grid-template-columns: 1fr;
  }
  .reabilitation-page .compare .col-old {
    border-right: 0;
    border-bottom: 1px solid var(--line);
  }
}
.reabilitation-page .quote-sci {
  margin-top: var(--s24);
  padding: var(--s24);
  border-radius: 20px;
  background: var(--mist);
  font-size: 15px;
  color: var(--ink-2);
  border-left: 3px solid var(--teal);
}
.reabilitation-page {
  /* ————— expert ————— */
}
.reabilitation-page .expert {
  display: grid;
  grid-template-columns: 0.85fr 1.15fr;
  gap: clamp(24px, 4vw, 56px);
  align-items: center;
}
.reabilitation-page .portrait {
  border-radius: 32px;
  aspect-ratio: 4/5;
  overflow: hidden;
  position: relative;
  background: linear-gradient(180deg, #DDE9E3, #C6AA82);
  box-shadow: var(--shadow-2);
}
.reabilitation-page .portrait figcaption {
  position: absolute;
  inset: auto 0 0 0;
  padding: 18px 22px;
  color: #fff;
  font-size: 13px;
  background: linear-gradient(transparent, rgba(18, 41, 31, 0.65));
}
.reabilitation-page .expert blockquote {
  margin: var(--s24) 0 0;
  padding: 0 0 0 var(--s24);
  border-left: 3px solid var(--sand);
  font-size: clamp(17px, 1.5vw, 20px);
  line-height: 1.5;
  font-family: var(--display);
  font-weight: 400;
}
.reabilitation-page .regalia {
  display: grid;
  gap: 6px;
  margin-top: var(--s16);
  color: var(--ink-2);
  font-size: 15px;
}
@media (max-width: 880px) {
  .reabilitation-page .expert {
    grid-template-columns: 1fr;
  }
}
.reabilitation-page {
  /* ————— tabs ————— */
}
.reabilitation-page .tabs {
  display: flex;
  gap: var(--s8);
  flex-wrap: wrap;
  margin-bottom: var(--s32);
}
.reabilitation-page .tab {
  font-family: var(--body);
  font-size: 15px;
  font-weight: 600;
  padding: 14px 26px;
  border-radius: 50px;
  border: 1.5px solid var(--line);
  background: #fff;
  color: var(--ink-2);
  cursor: pointer;
  transition: 0.2s;
}
.reabilitation-page .tab:hover {
  border-color: var(--green);
  color: var(--green);
}
.reabilitation-page .tab[aria-selected=true] {
  background: var(--green);
  border-color: var(--green);
  color: #fff;
}
.reabilitation-page .tab:focus-visible {
  outline: 3px solid var(--teal);
  outline-offset: 3px;
}
.reabilitation-page .panel[hidden] {
  display: none;
}
.reabilitation-page .panel {
  display: grid;
  grid-template-columns: 1.1fr 0.9fr;
  gap: var(--s40);
  align-items: center;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 32px;
  padding: clamp(24px, 3.5vw, 44px);
}
@media (max-width: 880px) {
  .reabilitation-page .panel {
    grid-template-columns: 1fr;
  }
}
.reabilitation-page .taglist {
  display: flex;
  gap: var(--s8);
  flex-wrap: wrap;
  margin-top: var(--s20);
}
.reabilitation-page .tag {
  font-size: 13px;
  font-weight: 500;
  padding: 8px 16px;
  border-radius: 50px;
  background: var(--mist);
  color: var(--green-dk);
}
.reabilitation-page {
  /* ————— method cards ————— */
}
.reabilitation-page .method {
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 24px;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: 0.22s;
}
.reabilitation-page .method:hover {
  box-shadow: var(--shadow-2);
  transform: translateY(-3px);
}
.reabilitation-page .method .thumb {
  aspect-ratio: 16/10;
  position: relative;
  display: grid;
  place-items: center;
  background: linear-gradient(140deg, #1F5346, #12291F);
}
.reabilitation-page .method .thumb.water {
  background: linear-gradient(140deg, #2E8C99, #12414A);
}
.reabilitation-page .method .thumb.air {
  background: linear-gradient(140deg, #3F8C5E, #1B4430);
}
.reabilitation-page .method .thumb.sand {
  background: linear-gradient(140deg, #C6AA82, #8A7350);
}
.reabilitation-page .method .thumb .play {
  width: 56px;
  height: 56px;
}
.reabilitation-page .method .thumb .play::before {
  border-left-width: 14px;
  border-top-width: 9px;
  border-bottom-width: 9px;
}
.reabilitation-page .method .body {
  padding: var(--s24);
  display: flex;
  flex-direction: column;
  gap: 10px;
  flex: 1;
}
.reabilitation-page .env {
  align-self: flex-start;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  text-transform: uppercase;
  color: var(--green-dk);
  background: var(--mist);
  padding: 6px 12px;
  border-radius: 50px;
}
.reabilitation-page .method h3 {
  font-size: 19px;
}
.reabilitation-page .method p {
  font-size: 14px;
  color: var(--ink-2);
}
.reabilitation-page {
  /* ————— program banner ————— */
}
.reabilitation-page .program {
  border-radius: 32px;
  overflow: hidden;
  background: linear-gradient(120deg, #1F7A50, #2D9D69 55%, #4FBFBD);
  color: #fff;
  padding: clamp(32px, 5vw, 64px);
  position: relative;
}
.reabilitation-page .program svg.bg {
  position: absolute;
  right: -40px;
  top: -40px;
  width: 420px;
  height: 420px;
  opacity: 0.22;
}
.reabilitation-page .program h2 {
  color: #fff;
  max-width: 16ch;
}
.reabilitation-page .program p {
  max-width: 56ch;
  margin-top: var(--s16);
  opacity: 0.94;
}
.reabilitation-page .program .btn {
  margin-top: var(--s32);
}
.reabilitation-page .pill-row {
  display: flex;
  gap: var(--s8);
  flex-wrap: wrap;
  margin-top: var(--s24);
}
.reabilitation-page .pill {
  font-size: 13px;
  padding: 8px 16px;
  border-radius: 50px;
  background: rgba(255, 255, 255, 0.18);
  color: #fff;
}
.reabilitation-page {
  /* ————— kids ————— */
}
.reabilitation-page .kids {
  background: linear-gradient(150deg, #FFFDF8, #F3F8F1);
}
.reabilitation-page {
  /* ————— team ————— */
}
.reabilitation-page .team {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: var(--s20);
}
@media (max-width: 980px) {
  .reabilitation-page .team {
    grid-template-columns: repeat(2, 1fr);
  }
}
.reabilitation-page .member {
  border-radius: 24px;
  overflow: hidden;
  position: relative;
  aspect-ratio: 3/4;
  background: linear-gradient(180deg, #DFEAE4, #BFD3C9);
  cursor: pointer;
}
.reabilitation-page .member:nth-child(even) {
  background: linear-gradient(180deg, #E7E0D2, #CBB894);
}
.reabilitation-page .member .meta {
  position: absolute;
  inset: auto 0 0 0;
  padding: 20px 18px;
  background: linear-gradient(transparent, rgba(18, 41, 31, 0.78));
  color: #fff;
}
.reabilitation-page .member .meta b {
  font-family: var(--display);
  font-size: 17px;
  display: block;
}
.reabilitation-page .member .meta .slot-name {
  opacity: 0.62;
  font-weight: 500;
  border-bottom: 1px dashed rgba(255, 255, 255, 0.5);
  display: block;
  width: fit-content;
  padding-bottom: 2px;
  margin-bottom: 2px;
}
.reabilitation-page .member .meta span {
  font-size: 12.5px;
  opacity: 0.85;
}
.reabilitation-page .member .hov {
  position: absolute;
  inset: 0;
  display: grid;
  place-items: center;
  background: rgba(18, 41, 31, 0.5);
  opacity: 0;
  transition: 0.25s;
}
.reabilitation-page .member:hover .hov, .reabilitation-page .member:focus-within .hov {
  opacity: 1;
}
.reabilitation-page .member .hov .play {
  width: 58px;
  height: 58px;
}
.reabilitation-page .member .hov .play::before {
  border-left-width: 15px;
  border-top-width: 10px;
  border-bottom-width: 10px;
}
.reabilitation-page {
  /* ————— accordion ————— */
}
.reabilitation-page .acc {
  border-top: 1px solid var(--line);
}
.reabilitation-page .acc details {
  border-bottom: 1px solid var(--line);
}
.reabilitation-page .acc summary {
  list-style: none;
  cursor: pointer;
  padding: 22px 0;
  display: flex;
  gap: var(--s16);
  align-items: center;
  font-family: var(--display);
  font-size: clamp(17px, 1.5vw, 20px);
  font-weight: 500;
}
.reabilitation-page .acc summary::-webkit-details-marker {
  display: none;
}
.reabilitation-page .acc summary:focus-visible {
  outline: 3px solid var(--teal);
  outline-offset: 4px;
  border-radius: 8px;
}
.reabilitation-page .acc .plus {
  margin-left: auto;
  flex: none;
  width: 34px;
  height: 34px;
  border-radius: 50%;
  border: 1.5px solid var(--line);
  display: grid;
  place-items: center;
  position: relative;
  transition: 0.2s;
}
.reabilitation-page .acc .plus::before, .reabilitation-page .acc .plus::after {
  content: "";
  position: absolute;
  background: var(--green);
  border-radius: 2px;
}
.reabilitation-page .acc .plus::before {
  width: 13px;
  height: 1.8px;
}
.reabilitation-page .acc .plus::after {
  width: 1.8px;
  height: 13px;
  transition: transform 0.2s;
}
.reabilitation-page .acc details[open] .plus {
  background: var(--green);
  border-color: var(--green);
}
.reabilitation-page .acc details[open] .plus::before, .reabilitation-page .acc details[open] .plus::after {
  background: #fff;
}
.reabilitation-page .acc details[open] .plus::after {
  transform: scaleY(0);
}
.reabilitation-page .acc .answer {
  padding: 0 0 24px;
  color: var(--ink-2);
  max-width: 78ch;
}
.reabilitation-page .conds {
  display: flex;
  flex-wrap: wrap;
  gap: var(--s12);
}
.reabilitation-page .cond {
  padding: 14px 22px;
  border-radius: 50px;
  border: 1.5px solid var(--line);
  background: #fff;
  font-size: 15px;
  transition: 0.2s;
}
.reabilitation-page .cond:hover {
  border-color: var(--green);
  color: var(--green-dk);
}
.reabilitation-page {
  /* ————— form ————— */
}
.reabilitation-page .form-wrap {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: clamp(24px, 4vw, 56px);
  align-items: start;
  background: #fff;
  border-radius: 32px;
  padding: clamp(28px, 4vw, 56px);
  box-shadow: var(--shadow-2);
}
@media (max-width: 880px) {
  .reabilitation-page .form-wrap {
    grid-template-columns: 1fr;
  }
}
.reabilitation-page .terms {
  list-style: none;
  margin: var(--s32) 0 0;
  padding: var(--s24) 0 0;
  display: grid;
  gap: var(--s16);
  border-top: 1px solid var(--line);
}
.reabilitation-page .terms b {
  font-family: var(--display);
  font-size: 17px;
  color: var(--green-dk);
  display: block;
}
.reabilitation-page .terms span {
  font-size: 14px;
  color: var(--ink-2);
}
.reabilitation-page .fields {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s16);
}
@media (max-width: 560px) {
  .reabilitation-page .fields {
    grid-template-columns: 1fr;
  }
}
.reabilitation-page .field {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.reabilitation-page .field.full {
  grid-column: 1/-1;
}
.reabilitation-page .field label {
  font-size: 13px;
  color: var(--ink-2);
  font-weight: 500;
}
.reabilitation-page .field input, .reabilitation-page .field select, .reabilitation-page .field textarea {
  font-family: var(--body);
  font-size: 16px;
  color: var(--ink);
  background: #F7F9F8;
  border: 1.5px solid transparent;
  border-radius: 8px;
  padding: 14px 16px;
  width: 100%;
}
.reabilitation-page .field textarea {
  min-height: 96px;
  resize: vertical;
}
.reabilitation-page .field input:focus, .reabilitation-page .field select:focus, .reabilitation-page .field textarea:focus {
  outline: none;
  border-color: var(--green);
  background: #fff;
}
.reabilitation-page .consent {
  font-size: 12.5px;
  color: var(--ink-2);
  max-width: 52ch;
}
.reabilitation-page .consent-row {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-top: var(--s24);
  cursor: pointer;
}
.reabilitation-page .consent-row input {
  width: 20px;
  height: 20px;
  flex: none;
  accent-color: var(--green);
  margin-top: 1px;
}
.reabilitation-page {
  /* ————— footer ————— */
}
.reabilitation-page footer {
  background: var(--ink);
  color: #CFDDD6;
  padding: var(--s56) 0 var(--s32);
}
.reabilitation-page footer a {
  color: #CFDDD6;
}
.reabilitation-page footer a:hover {
  color: #fff;
}
.reabilitation-page .foot {
  display: grid;
  grid-template-columns: 1.4fr 1fr 1fr;
  gap: var(--s32);
}
@media (max-width: 760px) {
  .reabilitation-page .foot {
    grid-template-columns: 1fr;
  }
}
.reabilitation-page .foot h4 {
  font-size: 13px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: #7E948B;
  margin-bottom: var(--s16);
  font-family: var(--body);
  font-weight: 600;
}
.reabilitation-page .foot ul {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  gap: 10px;
  font-size: 15px;
}
.reabilitation-page .foot .tel {
  font-family: var(--display);
  font-size: 22px;
  font-weight: 700;
  color: #fff;
  display: block;
  margin-bottom: 8px;
}
.reabilitation-page .copy {
  margin-top: var(--s40);
  padding-top: var(--s24);
  border-top: 1px solid rgba(255, 255, 255, 0.12);
  font-size: 13px;
  color: #7E948B;
}
.reabilitation-page {
  /* reveal */
}
.reabilitation-page .reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reabilitation-page .reveal.in {
  opacity: 1;
  transform: none;
}
@media (prefers-reduced-motion: reduce) {
  .reabilitation-page * {
    animation: none !important;
    transition: none !important;
  }
  .reabilitation-page .reveal {
    opacity: 1;
    transform: none;
  }
  .reabilitation-page html {
    scroll-behavior: auto;
  }
}/*# sourceMappingURL=reabilitation.css.map */

.reabilitation-page .video::after { pointer-events: none; }
.reabilitation-page .video.is-playing::after,
.reabilitation-page .video.is-playing .vcap { display: none; }


.reabilitation-page section.programs-specials-section {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding: clamp(56px, 7vw, 104px) 0;
}

/* Блок «Специализированные направления лечения» */
.reabilitation-page .programs-specials-section .container {
    width: min(1220px, 100% - 40px);
    max-width: none;
    margin-inline: auto;
    padding-left: 0;
    padding-right: 0;
}

.reabilitation-page .programs-specials-section .section-title,
.reabilitation-page .programs-specials-section .section-title a {
    font-family: var(--display);
    font-size: clamp(28px, 3.4vw, 44px);
    font-weight: 700;
    line-height: 1.12;
    letter-spacing: -0.02em;
    color: var(--ink);
    text-align: left;
    text-transform: none;
}

.reabilitation-page .programs-specials-section .section-title {
    max-width: 880px;
    margin: 0;
}

.reabilitation-page .programs-specials-section .section-description {
    max-width: 62ch;
    margin: var(--s16) 0 clamp(32px, 4vw, 56px);
    color: var(--ink-2);
    font-size: clamp(16px, 1.3vw, 18px);
    text-align: left;
}
/* End */
/* /reabilitation-new/assets/css/reabilitation.css?179129256429188 */
