/* Start:/bitrix/templates/mastersluh_new/css/kids.css?179224365080365*/
@font-face {
    font-family: "Caveat";
    src: url("/bitrix/templates/mastersluh_new/font/Caveat-Bold-Cyrillic.woff2") format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: "Caveat Brush";
    src: url("/bitrix/templates/mastersluh_new/font/CaveatBrush-Regular.woff2") format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}


.kids-page .kids-page__container {
    width: 100%;
    max-width: 1440px;
    padding-right: 40px;
    padding-left: 40px;
}

.kids-page .kids-hero {
    padding: 40px 0;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-hero__banner {
    display: grid;
    /* Плавно увеличиваем высоту баннера от 500 до 600px вместе с шириной окна. */
    height: clamp(500px, calc(24vw + 254px), 600px);
    min-width: 0;
    grid-template-columns: 458px minmax(0, 1fr);
    gap: 20px;
    overflow: hidden;
    border-radius: 40px;
    background: linear-gradient(180deg, #BAD7FF 0%, #EFF9FB 100%);
}

.kids-page .kids-hero__content {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 80px;
    padding: 60px 39px;
    text-align: center;
}

.kids-page .kids-hero__copy {
    display: flex;
    width: min(100%, 380px);
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.kids-page .kids-hero__title {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -0.5px;
    text-align: center;
}

.kids-page .kids-hero__description {
    width: min(100%, 380px);
    color: var(--Color-Dark-Primary-dark, #1C294A);
    text-align: center;
}

.kids-page .kids-hero__button {
    display: inline-flex;
    width: 360px;
    min-width: 0;
    height: 72px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 17px 29px;
    border: 1px solid var(--Color-Blue-Accent, #035CB2);
    border-radius: 20px;
    background: var(--Color-Blue-Accent, #035CB2);
    color: var(--Color-Light-White, #FFFFFF);
    text-align: center;
    text-decoration: none;
}

.kids-page .kids-hero__button:hover {
    border-color: var(--Color-Blue-Hover, #0065C7);
    background: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-hero__button:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

.kids-page .kids-hero__media {
    min-width: 0;
    height: 100%;
    overflow: hidden;
}

.kids-page .kids-hero__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.kids-page .kids-audiences {
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-audiences__container {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 64px;
    padding: 80px 40px;
}

.kids-page .kids-audiences__intro {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    padding: 0 40px;
}

.kids-page .kids-audiences__title {
    min-width: 0;
    padding-right: 20px;
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 60px;
    font-weight: 700;
    line-height: 52px;
    letter-spacing: -2px;
}

.kids-page .kids-audiences__description {
    min-width: 0;
    padding-top: 12px;
    padding-left: 20px;
    color: var(--Color-Dark-Secondary-dark, #515E7E);
}

.kids-page .kids-audiences__list {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.kids-page .kids-audiences__card {
    position: relative;
    min-width: 0;
    aspect-ratio: 11 / 14;
    overflow: hidden;
    border-radius: 28px;
    background: #5EB1FF;
}

.kids-page .kids-audiences__card::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: linear-gradient(
        180deg,
        #BCD8FF 0%,
        rgba(241, 244, 249, 0) 34.615%
    );
    content: "";
    pointer-events: none;
}

.kids-page .kids-audiences__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kids-page .kids-audiences__card-title {
    position: absolute;
    z-index: 2;
    top: 40px;
    right: 40px;
    left: 40px;
    color: var(--Color-Blue-Accent, #035CB2);
}

.kids-page .kids-audiences__card-title abbr {
    text-decoration: none;
}

.kids-page .kids-rehabilitation {
    padding: 40px 0 80px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-rehabilitation__intro {
    display: flex;
    width: min(100%, 819px);
    flex-direction: column;
    align-items: center;
    gap: 32px;
    margin: 0 auto;
    padding: 60px 0;
    text-align: center;
}

.kids-page .kids-rehabilitation__title {
    width: min(100%, 625px);
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-rehabilitation__description {
    display: flex;
    width: min(100%, 592px);
    flex-direction: column;
    gap: 28px;
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.kids-page .kids-rehabilitation__description strong {
    color: var(--Color-Blue-Accent, #035CB2);
    font-weight: 600;
}

.kids-page .kids-rehabilitation__panel {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    overflow: hidden;
    border-radius: 40px;
    background: linear-gradient(151.88deg, #F1F4F9 1.24%, #BDD9FF 98.9%);
}

.kids-page .kids-rehabilitation__background {
    position: absolute;
    z-index: 0;
    max-width: none;
    pointer-events: none;
}

.kids-page .kids-rehabilitation__background--desktop {
    top: -166px;
    left: 48px;
    width: 1671px;
    height: 1308px;
}

.kids-page .kids-rehabilitation__background--tablet {
    display: none;
}

.kids-page .kids-rehabilitation__cards {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 60px 0 60px 60px;
    list-style: none;
}

.kids-page .kids-rehabilitation__card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 20px;
    padding: 24px;
    overflow: hidden;
    border-radius: 20px;
    background: var(--Color-Light-White, #FFFFFF);
    color: var(--Color-Dark-Primary-dark, #1C294A);
    backdrop-filter: blur(6px);
}

.kids-page .kids-rehabilitation__icon-box {
    display: flex;
    width: 128px;
    max-width: 100%;
    aspect-ratio: 1;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    overflow: hidden;
}

.kids-page .kids-rehabilitation__icon {
    display: block;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: contain;
}

.kids-page .kids-rehabilitation__card-title {
    display: flex;
    min-width: 0;
    min-height: 84px;
    flex: 1 1 auto;
    align-items: center;
    margin: 0;
}

.kids-page .kids-rehabilitation__card--link {
    padding: 0;
    background: var(--Color-Blue-Hover, #0065C7);
    color: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-rehabilitation__card-link {
    display: flex;
    width: 100%;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-end;
    justify-content: flex-end;
    gap: 20px;
    padding: 24px;
    color: inherit;
    text-decoration: none;
}

.kids-page .kids-rehabilitation__card--link .kids-rehabilitation__card-title {
    flex: 0 0 auto;
}

.kids-page .kids-rehabilitation__card--link:hover {
    background: var(--Color-Blue-Accent, #035CB2);
    color: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-rehabilitation__card-link:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: -5px;
}

.kids-page .kids-rehabilitation__link-icon {
    display: flex;
    width: 48px;
    height: 48px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    margin-bottom: auto;
    border-radius: 50%;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-rehabilitation__link-icon img {
    display: block;
    width: 24px;
    height: 24px;
}

.kids-page .kids-rehabilitation__bear {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    align-items: flex-end;
    padding-top: 40px;
}

.kids-page .kids-rehabilitation__bear-frame {
    width: 100%;
    aspect-ratio: 356 / 345;
    overflow: hidden;
}

.kids-page .kids-rehabilitation__bear-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center bottom;
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .kids-page .kids-rehabilitation__panel {
        grid-template-columns: minmax(570px, 1fr) minmax(0, 1fr);
    }
}

.kids-page .kids-formats {
    padding: 100px 0 60px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-formats__intro {
    display: flex;
    width: min(100%, 480px);
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin-right: auto;
    margin-left: auto;
    padding-bottom: 60px;
    text-align: center;
}

.kids-page .kids-formats__title {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-formats__description {
    color: var(--Color-Dark-Secondary-dark, #515E7E);
}

.kids-page .kids-formats__list {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.kids-page .kids-formats__card {
    position: relative;
    display: flex;
    min-width: 0;
    aspect-ratio: 11 / 12;
    align-items: flex-end;
    padding: 20px;
    overflow: hidden;
    border: 1px solid var(--Color-Light-Pale, #E8EEF3);
    border-radius: 40px;
    background: var(--Color-Light-Substrate, #F1F4F9);
}

.kids-page .kids-formats__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.kids-page .kids-formats__card-content {
    position: relative;
    z-index: 1;
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    padding: 24px;
    border-radius: 20px;
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
}

.kids-page .kids-formats__card-title {
    min-width: 0;
    margin: 0;
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.kids-page .kids-formats__button {
    display: inline-flex;
    min-height: 48px;
    align-items: center;
    justify-content: center;
    padding: 13px 29px;
    border: 1px solid var(--Color-Blue-Accent, #035CB2);
    border-radius: 100px;
    background: var(--Color-Blue-Accent, #035CB2);
    color: var(--Color-Light-White, #FFFFFF);
    text-align: center;
    text-decoration: none;
}

.kids-page .kids-formats__button:hover {
    border-color: var(--Color-Blue-Hover, #0065C7);
    background: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-formats__button:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

@media (min-width: 1024px) and (max-width: 1239px) {
    .kids-page .kids-formats__card {
        height: 400px;
        aspect-ratio: auto;
    }
}

.kids-page .kids-facts {
    padding: 120px 0;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-facts__container {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 48px;
}

.kids-page .kids-facts__intro {
    display: flex;
    width: min(100%, 625px);
    flex-direction: column;
    align-items: center;
    gap: 28px;
    margin: 0 auto;
    padding-bottom: 8px;
    text-align: center;
}

.kids-page .kids-facts__title {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-facts__description {
    color: var(--Color-Dark-Secondary-dark, #515E7E);
}

.kids-page .kids-facts__list {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    padding: 40px;
    border-radius: 40px;
    background: #88CB3E;
}

.kids-page .kids-facts__card {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.kids-page .kids-facts__image-box {
    position: relative;
    z-index: 1;
    display: flex;
    width: min(100%, 236px);
    padding: 0 32px;
    margin-bottom: -28px;
}

.kids-page .kids-facts__image {
    display: block;
    width: min(100%, 172px);
    height: auto;
    aspect-ratio: 1;
    object-fit: contain;
}

.kids-page .kids-facts__card-content {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 20px;
    padding: 48px 40px 40px;
    border-radius: 20px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-facts__heading {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 4px;
}

.kids-page .kids-facts__number {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat Brush", cursive;
    font-size: 80px;
    font-weight: 400;
    line-height: 64px;
    letter-spacing: -0.8px;
}

.kids-page .kids-facts__card-title,
.kids-page .kids-facts__card-text {
    margin: 0;
    color: var(--Color-Dark-Secondary-dark, #515E7E);
}

.kids-page .kids-oms {
    padding-bottom: 80px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-oms__intro {
    display: flex;
    width: min(100%, 625px);
    flex-direction: column;
    align-items: center;
    gap: 20px;
    margin: 0 auto;
    padding: 100px 0 60px;
    text-align: center;
}

.kids-page .kids-oms__title {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-oms__description {
    margin: 0;
    color: var(--Color-Dark-Secondary-dark, #515E7E);
}

.kids-page .kids-oms__panel {
    position: relative;
    display: grid;
    min-width: 0;
    grid-template-areas: "media checklist";
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    padding: 48px 40px 0;
    overflow: hidden;
    border-radius: 40px;
    background: linear-gradient(106deg, #F1F4F9 1.24%, #BDD9FF 98.9%);
}

.kids-page .kids-oms__background {
    position: absolute;
    z-index: 0;
    /* Масштабируем и смещаем декоративный SVG относительно панели, оставляя в кадре нужный фрагмент линии. */
    top: -13%;
    left: -17%;
    display: block;
    width: 64%;
    height: auto;
    max-width: none;
    pointer-events: none;
}

.kids-page .kids-oms__checklist {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    flex-direction: column;
    grid-area: checklist;
    gap: 28px;
    padding-bottom: 40px;
}

.kids-page .kids-oms__checklist-title {
    margin: 0;
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.kids-page .kids-oms__list {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 16px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.kids-page .kids-oms__item {
    display: flex;
    min-width: 0;
    align-items: center;
    gap: 20px;
    padding: 20px;
    border-radius: 12px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-oms__check {
    display: flex;
    width: 40px;
    aspect-ratio: 1;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    border-radius: 7px;
    background: #88CB3E;
}

.kids-page .kids-oms__check img {
    display: block;
    width: 60%;
    height: 60%;
}

.kids-page .kids-oms__item-text {
    min-width: 0;
    margin: 0;
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.kids-page .kids-oms__item-text strong {
    font-weight: 600;
}

.kids-page .kids-oms__button {
    display: inline-flex;
    width: 100%;
    min-height: 72px;
    align-items: center;
    justify-content: center;
    padding: 17px 29px;
    border: 1px solid var(--Color-Blue-Accent, #035CB2);
    border-radius: 20px;
    background: var(--Color-Blue-Accent, #035CB2);
    color: var(--Color-Light-White, #FFFFFF);
    text-align: center;
    text-decoration: none;
}

.kids-page .kids-oms__button:hover {
    border-color: var(--Color-Blue-Hover, #0065C7);
    background: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-oms__button:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

.kids-page .kids-oms__media {
    position: relative;
    z-index: 1;
    display: flex;
    min-width: 0;
    align-items: flex-end;
    justify-content: center;
    grid-area: media;
}

.kids-page .kids-oms__image-frame {
    height: 100%;
    max-width: 100%;
    aspect-ratio: 339 / 424;
}

.kids-page .kids-oms__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: contain;
    object-position: center bottom;
}

.kids-page .kids-programs {
    padding: 120px 0 80px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-programs__container {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 60px;
}

.kids-page .kids-programs__intro {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    padding: 0 40px;
}

.kids-page .kids-programs__title {
    min-width: 0;
    margin: 0;
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 56px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -2px;
}

.kids-page .kids-programs__description {
    min-width: 0;
    margin: 0;
    padding: 8px 0 0 20px;
    color: var(--Color-Dark-Secondary-dark, #515E7E);
}

.kids-page .kids-programs__panel {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 40px;
    padding: 40px;
    border-radius: 52px;
    background: var(--Color-Light-Substrate, #F1F4F9);
}

.kids-page .kids-programs__tabs {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    gap: 12px;
}

.kids-page .kids-programs__tab {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: center;
    padding: 21px 28px;
    border: 0;
    border-radius: 40px;
    background: var(--Color-Light-White, #FFFFFF);
    color: var(--Color-Blue-Accent, #035CB2);
    cursor: pointer;
    font-family: inherit;
    text-align: center;
}

.kids-page .kids-programs__tab.active {
    background: var(--Color-Blue-Accent, #035CB2);
    color: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-programs__tab:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

.kids-page .kids-programs__content[hidden] {
    display: none;
}

.kids-page .kids-programs__list {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 24px 20px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.kids-page .kids-programs__card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 28px;
    padding: 28px;
    border: 1px solid var(--Color-Light-Pale, #E8EEF3);
    border-radius: 20px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-programs__card-main {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.kids-page .kids-programs__icon {
    display: block;
    width: 32px;
    max-width: 100%;
    aspect-ratio: 1;
    flex: 0 0 auto;
}

.kids-page .kids-programs__card-title {
    min-width: 0;
    margin: 0;
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.kids-page .kids-programs__more {
    color: var(--Color-Blue-Accent, #035CB2);
    text-decoration: none;
}

.kids-page .kids-programs__more:hover {
    color: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-programs__more:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

.kids-page .kids-online {
    padding: 120px 40px 20px;
    background: linear-gradient(-5.26deg, #FFFFFF 7.5%, #BDD9FF 92.63%);
}

.kids-page .kids-online__container {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 40px;
}

.kids-page .kids-online__content {
    display: flex;
    width: min(100%, 775px);
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 48px;
    text-align: center;
}

.kids-page .kids-online__heading {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 24px;
}

.kids-page .kids-online__title {
    margin: 0;
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-online__description {
    width: min(100%, 655px);
    margin: 0;
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.kids-page .kids-online__break--mobile {
    display: none;
}

.kids-page .kids-online__button {
    display: inline-flex;
    width: min(100%, 280px);
    min-height: 72px;
    align-items: center;
    justify-content: center;
    padding: 17px 32px;
    border: 1px solid var(--Color-Blue-Accent, #035CB2);
    border-radius: 16px;
    background: var(--Color-Blue-Accent, #035CB2);
    color: var(--Color-Light-White, #FFFFFF);
    text-align: center;
    text-decoration: none;
}

.kids-page .kids-online__button:hover {
    border-color: var(--Color-Blue-Hover, #0065C7);
    background: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-online__button:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

.kids-page .kids-online__media {
    width: min(100%, 1024px);
    min-width: 0;
    aspect-ratio: 1024 / 600;
    overflow: hidden;
}

.kids-page .kids-online__image {
    display: block;
    width: 100.1%;
    max-width: none;
    height: 114.33%;
    object-fit: fill;
    transform: translate(-0.05%, -14.19%);
}

@media (max-width: 1023px) {
    .kids-page .kids-hero__banner {
        display: flex;
        height: auto;
        flex-direction: column;
        align-items: center;
        gap: 20px;
        background: linear-gradient(
            180deg,
            #D2E6FE 53.405%,
            #E7F0F7 74.1%,
            #EFF9FB 100%
        );
    }

    .kids-page .kids-hero__content {
        width: min(100%, 458px);
        flex: 0 0 auto;
        justify-content: flex-start;
        gap: 40px;
        padding: 60px 39px 0;
    }

    .kids-page .kids-hero__copy {
        gap: 20px;
    }

    .kids-page .kids-hero__title {
        font-size: 56px;
        line-height: 48px;
    }

    .kids-page .kids-hero__button {
        height: 64px;
        border-radius: 16px;
    }

    .kids-page .kids-hero__media {
        width: 100%;
        height: auto;
        aspect-ratio: 1764 / 1200;
        flex: 0 0 auto;
    }

    .kids-page .kids-audiences__container {
        gap: 60px;
        padding: 60px 20px;
    }

    .kids-page .kids-audiences__intro {
        display: flex;
        flex-direction: column;
        gap: 28px;
        padding: 0;
        text-align: center;
    }

    .kids-page .kids-audiences__title {
        padding-right: 20px;
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-audiences__description {
        padding: 0;
    }

    .kids-page .kids-audiences__card {
        aspect-ratio: 229 / 300;
        border-radius: 20px;
    }

    .kids-page .kids-audiences__card-title {
        top: 24px;
        right: 24px;
        left: 24px;
        font-size: 18px;
        line-height: 26px;
    }

    .kids-page .kids-rehabilitation {
        padding-top: 60px;
    }

    .kids-page .kids-rehabilitation__intro {
        width: 100%;
        padding: 40px 0;
    }

    .kids-page .kids-rehabilitation__title {
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-rehabilitation__description {
        width: min(100%, 513px);
    }

    .kids-page .kids-rehabilitation__panel {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0;
        background: linear-gradient(168.79deg, #F1F4F9 1.24%, #BDD9FF 98.9%);
    }

    .kids-page .kids-rehabilitation__background--desktop {
        display: none;
    }

    .kids-page .kids-rehabilitation__background--tablet {
        display: block;
        top: -192px;
        left: -58px;
        width: 1917px;
        height: 1500px;
    }

    .kids-page .kids-rehabilitation__cards {
        width: 100%;
        padding: 40px;
    }

    .kids-page .kids-rehabilitation__icon-box {
        width: 100px;
    }

    .kids-page .kids-rehabilitation__card-title {
        min-height: 78px;
    }

    .kids-page .kids-rehabilitation__card:nth-child(3) .kids-rehabilitation__card-title {
        min-height: 52px;
    }

    .kids-page .kids-rehabilitation__bear {
        width: min(100%, 480px);
        padding: 0 40px;
    }

    .kids-page .kids-formats {
        padding: 60px 0;
    }

    .kids-page .kids-formats__intro {
        padding-bottom: 40px;
    }

    .kids-page .kids-formats__title {
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-formats__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kids-page .kids-formats__card {
        aspect-ratio: 667 / 840;
        border-radius: 20px;
    }

    .kids-page .kids-facts {
        padding: 60px 0;
    }

    .kids-page .kids-facts__container {
        gap: 0;
    }

    .kids-page .kids-facts__intro {
        width: min(100%, 511px);
        gap: 20px;
        padding-bottom: 40px;
    }

    .kids-page .kids-facts__title {
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-facts__list {
        grid-template-columns: minmax(0, 1fr);
    }

    .kids-page .kids-facts__card-content {
        padding: 40px 28px 28px;
    }

    .kids-page .kids-facts__number {
        font-size: 64px;
    }

    .kids-page .kids-oms {
        padding-bottom: 60px;
    }

    .kids-page .kids-oms__intro {
        width: min(100%, 509px);
        padding: 100px 0 48px;
    }

    .kids-page .kids-oms__title {
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-oms__panel {
        grid-template-areas:
            "checklist"
            "media";
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding: 40px 40px 0;
        background: linear-gradient(99deg, #F1F4F9 1.24%, #BDD9FF 98.9%);
    }

    .kids-page .kids-oms__background {
        /* На планшете увеличиваем SVG до 127% ширины панели и смещаем его для другого кадрирования. */
        top: -8%;
        left: -33%;
        width: 127%;
    }

    .kids-page .kids-oms__checklist {
        gap: 24px;
    }

    .kids-page .kids-oms__checklist-title {
        text-align: center;
    }

    .kids-page .kids-oms__item {
        padding: 16px;
        border-radius: 8px;
    }

    .kids-page .kids-oms__button {
        min-height: 64px;
        border-radius: 16px;
    }

    .kids-page .kids-oms__media {
        width: min(100%, 480px);
        justify-self: center;
        padding: 0 40px;
    }

    .kids-page .kids-oms__image-frame {
        width: 100%;
        height: auto;
    }

    .kids-page .kids-programs {
        padding: 100px 0 120px;
    }

    .kids-page .kids-programs__container {
        gap: 48px;
    }

    .kids-page .kids-programs__intro {
        display: flex;
        width: min(100%, 511px);
        flex-direction: column;
        align-items: center;
        align-self: center;
        gap: 20px;
        padding: 0;
        text-align: center;
    }

    .kids-page .kids-programs__title {
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-programs__description {
        padding: 0;
    }

    .kids-page .kids-programs__panel {
        gap: 32px;
        padding: 32px;
    }

    .kids-page .kids-programs__tabs {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .kids-page .kids-programs__tab {
        padding: 18px 20px;
    }

    .kids-page .kids-programs__list {
        grid-template-columns: minmax(0, 1fr);
        gap: 14px;
    }

    .kids-page .kids-programs__card {
        flex-direction: row;
        align-items: center;
        gap: 20px;
        padding: 24px;
    }

    .kids-page .kids-programs__card-main {
        flex-direction: row;
        align-items: center;
        gap: 16px;
    }

    .kids-page .kids-online {
        padding: 80px 40px 20px;
        background: linear-gradient(-7.02deg, #FFFFFF 7.5%, #BDD9FF 92.63%);
    }

    .kids-page .kids-online__container {
        gap: 20px;
    }

    .kids-page .kids-online__content {
        width: 100%;
        gap: 40px;
    }

    .kids-page .kids-online__heading {
        gap: 20px;
    }

    .kids-page .kids-online__title {
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-online__button {
        min-height: 64px;
        border-radius: 16px;
    }

    .kids-page .kids-online__media {
        width: 100%;
    }

}

@media (min-width: 767px) and (max-width: 1023px) {
    .kids-page .kids-audiences__intro {
        width: min(100%, 480px);
        margin-right: auto;
        margin-left: auto;
    }
}

@media (max-width: 766px) {
    .kids-page .kids-page__container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .kids-page .kids-hero {
        padding: 20px 0;
    }

    .kids-page .kids-hero__banner {
        gap: 28px;
        border-radius: 20px;
    }

    .kids-page .kids-hero__content {
        width: 100%;
        gap: 28px;
        padding: 40px 28px 0;
    }

    .kids-page .kids-hero__title {
        /* Плавно уменьшаем мобильный заголовок в пределах 36–40px. */
        font-size: clamp(36px, 11.111vw, 40px);
        /* Синхронно меняем межстрочный интервал в пределах 32–36px. */
        line-height: clamp(32px, 10vw, 36px);
    }

    .kids-page .kids-hero__button {
        width: 100%;
    }

    .kids-page .kids-audiences__container {
        gap: 40px;
    }

    .kids-page .kids-audiences__title {
        padding-right: 0;
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-audiences__list {
        grid-template-columns: minmax(0, 1fr);
    }

    .kids-page .kids-audiences__card {
        aspect-ratio: 4 / 5;
    }

    .kids-page .kids-audiences__card-title {
        top: 28px;
        right: 28px;
        left: 28px;
        font-size: 20px;
        line-height: 28px;
    }

    .kids-page .kids-rehabilitation {
        padding: 40px 0 60px;
    }

    .kids-page .kids-rehabilitation__intro {
        gap: 32px;
    }

    .kids-page .kids-rehabilitation__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-rehabilitation__description {
        width: 100%;
        gap: 26px;
    }

    .kids-page .kids-rehabilitation__panel {
        gap: 20px;
        border-radius: 20px;
        background: linear-gradient(175.82deg, #F1F4F9 1.24%, #BDD9FF 98.9%);
    }

    .kids-page .kids-rehabilitation__background--desktop {
        display: block;
        top: -166px;
        left: 48px;
        width: 1671px;
        height: 1308px;
    }

    .kids-page .kids-rehabilitation__background--tablet {
        display: none;
    }

    .kids-page .kids-rehabilitation__cards {
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
        padding: 28px;
    }

    .kids-page .kids-rehabilitation__card {
        gap: 16px;
        padding: 20px;
    }

    .kids-page .kids-rehabilitation__card--link {
        padding: 0;
    }

    .kids-page .kids-rehabilitation__icon-box {
        width: 80px;
    }

    .kids-page .kids-rehabilitation__card-title {
        min-height: 78px;
    }

    .kids-page .kids-rehabilitation__card:nth-child(3) .kids-rehabilitation__card-title {
        min-height: 52px;
    }

    .kids-page .kids-rehabilitation__card--link .kids-rehabilitation__link-icon {
        order: 1;
        margin-top: auto;
        margin-bottom: 0;
    }

    .kids-page .kids-rehabilitation__card-link {
        gap: 16px;
        padding: 20px;
    }

    .kids-page .kids-rehabilitation__bear {
        width: 100%;
        padding: 0 20px;
    }

    .kids-page .kids-formats__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-formats__list {
        grid-template-columns: minmax(0, 1fr);
    }

    .kids-page .kids-formats__card {
        aspect-ratio: 8 / 9;
    }

    .kids-page .kids-formats__card-content {
        gap: 28px;
        padding: 20px;
        border-radius: 16px;
    }

    .kids-page .kids-facts__intro {
        width: 100%;
    }

    .kids-page .kids-facts__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-facts__list {
        padding: 20px;
    }

    .kids-page .kids-facts__image-box {
        width: min(100%, 160px);
        padding: 0 20px;
    }

    .kids-page .kids-facts__image {
        width: min(100%, 120px);
    }

    .kids-page .kids-facts__card-content {
        padding: 40px 20px 20px;
        border-radius: 12px;
    }

    .kids-page .kids-oms__intro {
        width: 100%;
        padding: 60px 0 48px;
    }

    .kids-page .kids-oms__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-oms__panel {
        padding: 28px 24px 0;
        border-radius: 28px;
        background: linear-gradient(94deg, #F1F4F9 1.24%, #BDD9FF 98.9%);
    }

    .kids-page .kids-oms__background {
        /* На телефоне увеличиваем SVG до 272% ширины панели, чтобы сохранить видимый изгиб фоновой линии. */
        top: -7%;
        left: -71%;
        width: 272%;
    }

    .kids-page .kids-oms__checklist {
        padding-bottom: 32px;
    }

    .kids-page .kids-oms__item {
        gap: 16px;
    }

    .kids-page .kids-oms__check {
        width: 32px;
        border-radius: 4px;
    }

    .kids-page .kids-oms__check img {
        width: 62.5%;
        height: 62.5%;
    }

    .kids-page .kids-oms__media {
        width: 100%;
        padding: 0;
    }

    .kids-page .kids-programs {
        padding: 60px 0 80px;
    }

    .kids-page .kids-programs__intro {
        width: 100%;
    }

    .kids-page .kids-programs__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-programs__panel {
        padding: 24px;
        border-radius: 28px;
    }

    .kids-page .kids-programs__tabs {
        grid-template-columns: minmax(0, 1fr);
    }

    .kids-page .kids-programs__tab {
        width: 100%;
    }

    .kids-page .kids-programs__card {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
        padding: 20px;
    }

    .kids-page .kids-programs__card-main {
        flex-direction: column;
        align-items: flex-start;
        gap: 16px;
    }

    .kids-page .kids-online {
        padding: 60px 0 20px;
        background: linear-gradient(-11.37deg, #FFFFFF 7.5%, #BDD9FF 92.63%);
    }

    .kids-page .kids-online__container {
        gap: 40px;
    }

    .kids-page .kids-online__content {
        width: min(100%, 480px);
        gap: 40px;
        padding: 0 20px;
    }

    .kids-page .kids-online__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-online__description {
        width: 100%;
    }

    .kids-page .kids-online__break--wide {
        display: none;
    }

    .kids-page .kids-online__break--mobile {
        display: inline;
    }

    .kids-page .kids-online__button {
        width: min(100%, 280px);
    }

    .kids-page .kids-online__media {
        width: min(100%, 480px);
    }
}

.kids-page .kids-specialists {
    padding: 160px 0 120px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-specialists__container {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 60px;
}

.kids-page .kids-specialists__heading {
    display: flex;
    width: min(100%, 775px);
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 24px;
    text-align: center;
}

.kids-page .kids-specialists__title {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-specialists__description {
    width: min(100%, 655px);
    color: var(--Color-Dark-Secondary-dark, #515E7E);
    text-align: center;
}

.kids-page .kids-specialists__component {
    display: flex;
    width: 100%;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 48px;
}

.kids-page .kids-specialists__list {
    display: grid;
    width: 100%;
    min-width: 0;
    margin: 0;
    padding: 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 20px;
    list-style: none;
}

.kids-page .kids-specialists__card {
    display: flex;
    min-width: 0;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    overflow: hidden;
    border-radius: 28px;
    background: var(--Color-Light-Substrate, #F1F4F9);
}

.kids-page .kids-specialists__photo-link {
    display: block;
    width: 100%;
    min-width: 0;
    height: 260px;
    overflow: hidden;
    border-radius: 16px;
    background: var(--Color-Blue-Light-blue-3, #86B4E0);
}

.kids-page .kids-specialists__image {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    object-position: center top;
}

.kids-page .kids-specialists__info {
    display: flex;
    min-width: 0;
    min-height: 190px;
    flex: 1 1 auto;
    flex-direction: column;
    justify-content: space-between;
    gap: 24px;
    padding: 16px;
    border-radius: 16px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-specialists__copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: flex-start;
    gap: 4px;
}

.kids-page .kids-specialists__name {
    display: block;
    width: 100%;
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.kids-page .kids-specialists__name:hover {
    color: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-specialists__position {
    display: -webkit-box;
    max-height: 72px;
    overflow: hidden;
    color: var(--Color-Blue-Accent, #035CB2);
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.kids-page .kids-specialists__clinic {
    margin-top: 4px;
    color: var(--Color-Dark-Secondary-dark, #515E7E);
}

.kids-page .kids-specialists__actions {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    gap: 8px;
}

.kids-page .kids-specialists__appointment,
.kids-page .kids-specialists__details {
    display: inline-flex;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-style: solid;
    cursor: pointer;
}

.kids-page .kids-specialists__appointment {
    min-width: 0;
    flex: 1 1 auto;
    padding: 0 20px;
    border-width: 1px;
    border-color: var(--Color-Blue-Accent, #035CB2);
    border-radius: 8px;
    background: var(--Color-Blue-Accent, #035CB2);
    color: var(--Color-Light-White, #FFFFFF);
    text-decoration: none;
}

.kids-page .kids-specialists__details {
    width: 48px;
    flex: 0 0 48px;
    padding: 0;
    border-width: 1px;
    border-color: var(--Color-Light-Pale, #E8EEF3);
    border-radius: 12px;
    background: var(--Color-Light-White, #FFFFFF);
    color: var(--Color-Blue-Accent, #035CB2);
}

.kids-page .kids-specialists__appointment:hover {
    border-color: var(--Color-Blue-Hover, #0065C7);
    background: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-specialists__details:hover {
    border-color: var(--Color-Blue-Light-blue-4, #2F79C1);
    color: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-specialists__name:focus-visible,
.kids-page .kids-specialists__photo-link:focus-visible,
.kids-page .kids-specialists__appointment:focus-visible,
.kids-page .kids-specialists__details:focus-visible,
.kids-page .kids-specialists__load-more:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

.kids-page .kids-specialists__load-more {
    display: inline-flex;
    width: min(100%, 440px);
    height: 64px;
    flex: 0 0 auto;
    align-items: center;
    justify-content: center;
    padding: 0 24px;
    border: 1px solid var(--Color-Light-Pale, #E8EEF3);
    border-radius: 12px;
    background: var(--Color-Light-White, #FFFFFF);
    color: var(--Color-Blue-Accent, #035CB2);
    cursor: pointer;
}

.kids-page .kids-specialists__load-more:hover {
    border-color: var(--Color-Blue-Light-blue-4, #2F79C1);
    background: var(--Color-Blue-Light-blue-1, #F0F7FF);
}

.kids-page .kids-specialists__load-more:disabled {
    cursor: wait;
    opacity: 0.65;
}

.kids-page .kids-specialists__component .load-more-block {
    display: flex;
    justify-content: center;
}

.kids-page .kids-specialists__empty {
    width: 100%;
    padding: 40px 0;
    color: var(--Color-Dark-Primary-dark, #1C294A);
    text-align: center;
}

@media (min-width: 1024px) and (max-width: 1440px) {
    .kids-page .kids-specialists__list {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 1440px) {
    .kids-page .kids-specialists__photo-link {
        height: auto;
        aspect-ratio: 1;
    }
}

@media (max-width: 1023px) {
    .kids-page .kids-specialists__heading {
        width: min(100%, 647px);
    }

    .kids-page .kids-specialists__title {
        font-size: 48px;
        line-height: 40px;
        letter-spacing: -1.5px;
    }

    .kids-page .kids-specialists__description {
        width: min(100%, 511px);
    }

    .kids-page .kids-specialists__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

}

@media (max-width: 766px) {
    .kids-page .kids-specialists {
        padding: 80px 0 60px;
    }

    .kids-page .kids-specialists__container {
        gap: 48px;
    }

    .kids-page .kids-specialists__heading {
        width: 100%;
        gap: 24px;
    }

    .kids-page .kids-specialists__title {
        font-size: 36px;
        line-height: 32px;
        letter-spacing: -0.5px;
    }

    .kids-page .kids-specialists__description {
        width: 100%;
    }

    .kids-page .kids-specialists__component {
        gap: 24px;
    }

    .kids-page .kids-specialists__list {
        display: block;
        overflow: hidden;
    }

    .kids-page .kids-specialists__list .slick-track {
        display: flex;
        align-items: stretch;
    }

    .kids-page .kids-specialists__card {
        height: auto;
        flex: none;
    }

    .kids-page .kids-specialists__component .load-more-block {
        display: none;
    }

    .kids-page .kids-specialists__list .slick-dots {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin: 24px 0 0;
        padding: 0;
        list-style: none;
    }

    .kids-page .kids-specialists__list .slick-dots li {
        width: 20px;
        height: 20px;
        margin: 0;
    }

    .kids-page .kids-specialists__list .slick-dots button {
        width: 20px;
        height: 20px;
        padding: 4px;
        border: 0;
        border-radius: 50%;
        background: transparent;
        font-size: 0;
        cursor: pointer;
    }

    .kids-page .kids-specialists__list .slick-dots button::before {
        position: static;
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--Color-Light-Pale, #D9E1E9);
        content: "";
        opacity: 1;
    }

    .kids-page .kids-specialists__list .slick-dots .slick-active button::before {
        background: var(--Color-Blue-Light-blue-3, #86B4E0);
    }

}

.kids-page .kids-reviews {
    position: relative;
    overflow: hidden;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-reviews__edge {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 80px;
    overflow: hidden;
    background-color: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-reviews__edge--top {
    background-image: url("/detyam/assets/group-shape.webp");
    background-position: left top;
    background-size: 1440px 80px;
    background-repeat: repeat-x;
}

.kids-page .kids-reviews__edge--bottom {
    background-image: url("/detyam/assets/cloud.webp");
    background-position: left top;
    background-size: 1440px 80px;
    background-repeat: repeat-x;
}

.kids-page .kids-reviews__body {
    position: relative;
    min-width: 0;
    padding: 200px 0 160px;
    background: linear-gradient(180deg, #BDD9FF 0%, #F1F4F9 100%);
}

.kids-page .kids-reviews__container {
    position: relative;
    z-index: 2;
    display: flex;
    min-width: 0;
    flex-direction: column;
    align-items: center;
    gap: 72px;
    padding-right: 20px;
    padding-left: 20px;
}

.kids-page .kids-reviews__title {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
    text-align: center;
}

.kids-page .kids-reviews__cloud,
.kids-page .kids-reviews__plane {
    position: absolute;
    z-index: 1;
    display: block;
    height: auto;
    max-width: none;
    pointer-events: none;
    user-select: none;
}

.kids-page .kids-reviews__cloud--left {
    top: -88px;
    left: -196px;
    width: 554px;
    aspect-ratio: 554 / 350;
    transform: scaleX(-1);
}

.kids-page .kids-reviews__cloud--right {
    top: 200px;
    /* Привязываем декоративное облако к центру окна и сдвигаем вправо на 351px. */
    left: calc(50% + 351px);
    width: 481px;
    aspect-ratio: 481 / 357;
}

.kids-page .kids-reviews__plane {
    top: -18px;
    right: -122px;
    width: 580px;
    aspect-ratio: 580 / 326;
}

.kids-page .kids-reviews__slider {
    width: 100%;
    min-width: 0;
    padding: 0 56px;
}

.kids-page .kids-reviews #reviews:not(.slick-initialized) {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.kids-page .kids-reviews #reviews .review-slide {
    display: flex;
    height: auto;
    flex: 1 0 0;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    margin: 0 10px;
    padding: 40px;
    border: 1px solid var(--Color-Light-Pale, #E8EEF3);
    border-radius: 8px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-reviews #reviews:not(.slick-initialized) .review-slide {
    margin: 0;
}

.kids-page .kids-reviews #reviews .slick-list {
    margin: 0 -10px;
}

.kids-page .kids-reviews #reviews .slick-track {
    display: flex;
}

.kids-page .kids-reviews #reviews .slick-slide {
    height: auto;
}

.kids-page .kids-reviews #reviews .review-slide .info {
    display: flex;
    flex-direction: column;
    row-gap: 32px;
}

.kids-page .kids-reviews #reviews .review-slide .title-block {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
}

.kids-page .kids-reviews #reviews .review-slide .title {
    color: var(--Color-Dark-Primary-dark, #1C294A);
}

.kids-page .kids-reviews #reviews .review-slide .rating-block {
    display: flex;
    align-items: center;
    column-gap: 8px;
}

.kids-page .kids-reviews #reviews .review-slide .rating-block img {
    padding-right: 8px;
    border-right: 1px solid var(--Color-Dark-Neutral, #D9E1E9);
}

.kids-page .kids-reviews #reviews .review-slide .date {
    color: var(--Color-Dark-Tertiary-dark, #697486);
}

.kids-page .kids-reviews #reviews .review-slide .text-block {
    display: flex;
    flex-direction: column;
    row-gap: 16px;
}

.kids-page .kids-reviews #reviews .review-slide .text-block p {
    display: -webkit-box;
    overflow: hidden;
    color: var(--Color-Dark-Secondary-dark, #515E7E);
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 5;
}

.kids-page .kids-reviews #reviews .review-slide .text-block a {
    color: var(--Color-Blue-Accent, #035CB2);
    text-overflow: ellipsis;
}

.kids-page .kids-reviews #reviews .review-slide .text-block a:hover {
    color: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-reviews .slider-arrow {
    position: absolute;
    top: 50%;
    z-index: 10;
    display: flex;
    width: 40px;
    height: 40px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
    transform: translateY(-50%);
}

.kids-page .kids-reviews .slider-arrow:hover svg path {
    stroke: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-reviews .doctor-prev {
    left: -56px;
}

.kids-page .kids-reviews .doctor-next {
    right: -56px;
}

.kids-page .kids-reviews .slider-arrow:focus-visible,
.kids-page .kids-reviews .js-open-review-popup:focus-visible,
.kids-page .kids-reviews .slick-dots button:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

@media (max-width: 1023px) {
    .kids-page .kids-reviews__container {
        gap: 60px;
    }

    .kids-page .kids-reviews__title {
        font-size: 48px;
        line-height: 40px;
        letter-spacing: -2px;
    }

    .kids-page .kids-reviews__cloud--left {
        top: -74px;
        left: -199px;
        width: 431px;
    }

    .kids-page .kids-reviews__cloud--right {
        top: 213px;
        left: auto;
        right: -210px;
        width: 414px;
    }

    .kids-page .kids-reviews__plane {
        top: -10px;
        right: -143px;
        width: 430px;
    }

    .kids-page .kids-reviews__slider {
        padding-right: 52px;
        padding-left: 52px;
    }

    .kids-page .kids-reviews #reviews:not(.slick-initialized) {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 12px;
    }

    .kids-page .kids-reviews #reviews .review-slide {
        margin: 0 6px;
        padding: 26px;
    }

    .kids-page .kids-reviews #reviews .slick-list {
        margin: 0 -6px;
    }

    .kids-page .kids-reviews .doctor-prev {
        left: -52px;
    }

    .kids-page .kids-reviews .doctor-next {
        right: -52px;
    }
}

@media (max-width: 766px) {
    .kids-page .kids-reviews__body {
        padding: 160px 0 100px;
    }

    .kids-page .kids-reviews__container {
        gap: 48px;
    }

    .kids-page .kids-reviews__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-reviews__cloud--left {
        top: -74px;
        left: -94px;
        width: 246px;
    }

    .kids-page .kids-reviews__cloud--right {
        top: 225px;
        right: -165px;
        width: 289px;
    }

    .kids-page .kids-reviews__plane {
        top: -22px;
        right: -123px;
        width: 356px;
    }

    .kids-page .kids-reviews__slider {
        padding: 0;
    }

    .kids-page .kids-reviews #reviews:not(.slick-initialized) {
        display: block;
    }

    .kids-page .kids-reviews #reviews:not(.slick-initialized) .review-slide:not(:first-child) {
        display: none;
    }

    .kids-page .kids-reviews #reviews .review-slide {
        margin: 0;
        padding: 26px;
    }

    .kids-page .kids-reviews #reviews .slick-list {
        margin: 0;
    }

    .kids-page .kids-reviews #reviews .review-slide .title-block {
        row-gap: 8px;
    }

    .kids-page .kids-reviews #reviews .slick-dots {
        position: static;
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 8px;
        margin: 24px 0 0;
        padding: 0;
        list-style: none;
    }

    .kids-page .kids-reviews #reviews .slick-dots li {
        width: 20px;
        height: 20px;
        margin: 0;
    }

    .kids-page .kids-reviews #reviews .slick-dots button {
        width: 20px;
        height: 20px;
        padding: 4px;
        border: 0;
        border-radius: 50%;
        background: transparent;
        font-size: 0;
        cursor: pointer;
    }

    .kids-page .kids-reviews #reviews .slick-dots button::before {
        position: static;
        display: block;
        width: 12px;
        height: 12px;
        border-radius: 50%;
        background: var(--Color-Light-Pale, #D9E1E9);
        content: "";
        opacity: 1;
    }

    .kids-page .kids-reviews #reviews .slick-dots .slick-active button::before {
        background: var(--Color-Blue-Light-blue-3, #86B4E0);
    }
}

.kids-page .kids-gallery {
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-gallery__container {
    display: grid;
    min-width: 0;
    grid-template-columns: 40px minmax(0, 1fr) 40px;
    grid-template-rows: auto auto;
    column-gap: 20px;
    row-gap: 60px;
    padding-top: 160px;
    padding-bottom: 0;
}

.kids-page .kids-gallery__intro {
    display: flex;
    width: min(100%, 670px);
    min-width: 0;
    grid-column: 1 / -1;
    flex-direction: column;
    align-items: center;
    justify-self: center;
    gap: 20px;
    text-align: center;
}

.kids-page .kids-gallery__title {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-gallery__description {
    color: var(--Color-Dark-Secondary-dark, #515E7E);
    text-align: center;
}

.kids-page .kids-gallery__media {
    min-width: 0;
    aspect-ratio: 1240 / 520;
    grid-column: 2;
    grid-row: 2;
    overflow: hidden;
}

.kids-page .kids-gallery__list {
    display: grid;
    width: 100%;
    height: 100%;
    min-width: 0;
    /* Делим доступные после gap 1220px в пропорции макета: 379px для вертикального и 841px для горизонтального фото. */
    grid-template-columns: minmax(0, 379fr) minmax(0, 841fr);
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.kids-page .kids-gallery__list.slick-initialized {
    display: block;
    width: 100%;
}

.kids-page .kids-gallery__list .slick-list,
.kids-page .kids-gallery__list .slick-track,
.kids-page .kids-gallery__list .slick-slide {
    height: 100%;
}

.kids-page .kids-gallery__list .slick-track {
    display: flex;
    align-items: stretch;
}

.kids-page .kids-gallery__item {
    min-width: 0;
    height: 100%;
    overflow: hidden;
    border-radius: 20px;
    background: var(--Color-Light-Pale, #E8EEF3);
}

.kids-page .kids-gallery__image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.kids-page .kids-gallery__controls {
    display: contents;
}

.kids-page .kids-gallery__button {
    display: inline-flex;
    width: 40px;
    height: 40px;
    align-items: center;
    align-self: center;
    justify-content: center;
    padding: 0;
    border: 0;
    background: transparent;
    cursor: pointer;
}

.kids-page .kids-gallery__button--prev {
    grid-column: 1;
    grid-row: 2;
}

.kids-page .kids-gallery__button--next {
    grid-column: 3;
    grid-row: 2;
}

.kids-page .kids-gallery__button--prev img {
    transform: rotate(180deg);
}

.kids-page .kids-gallery__button img {
    display: block;
    width: 40px;
    height: 40px;
}

.kids-page .kids-gallery__button:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

@media (max-width: 1023px) {
    .kids-page .kids-gallery__container {
        grid-template-columns: minmax(0, 1fr) auto;
        grid-template-rows: auto auto;
        grid-template-areas:
            "intro controls"
            "media media";
        column-gap: 20px;
        row-gap: 48px;
        padding-top: 160px;
        padding-bottom: 40px;
    }

    .kids-page .kids-gallery__intro {
        width: min(100%, 511px);
        grid-area: intro;
        align-items: flex-start;
        justify-self: start;
        text-align: left;
    }

    .kids-page .kids-gallery__title {
        font-size: 48px;
        line-height: 44px;
    }

    .kids-page .kids-gallery__description {
        text-align: left;
    }

    .kids-page .kids-gallery__media {
        aspect-ratio: 687 / 320;
        grid-area: media;
    }

    .kids-page .kids-gallery__list {
        /* На планшете сохраняем размеры макета: 245px и 422px из доступных после gap 667px. */
        grid-template-columns: minmax(0, 245fr) minmax(0, 422fr);
    }

    .kids-page .kids-gallery__item {
        border-radius: 12px;
    }

    .kids-page .kids-gallery__controls {
        display: flex;
        grid-area: controls;
        align-self: end;
        gap: 8px;
    }

    .kids-page .kids-gallery__button {
        width: 60px;
        height: 60px;
        border: 1px solid var(--Color-Blue-Accent, #035CB2);
        border-radius: 10px;
        background: var(--Color-Light-White, #FFFFFF);
    }

    .kids-page .kids-gallery__button:hover {
        border-color: var(--Color-Blue-Hover, #0065C7);
        background: var(--Color-Blue-Light-blue-1, #EDF7FF);
    }

    .kids-page .kids-gallery__button img {
        width: 28px;
        height: 28px;
        content: url("/detyam/assets/arrow-chevron-28.svg");
    }
}

@media (max-width: 766px) {
    .kids-page .kids-gallery__container {
        grid-template-columns: minmax(0, 1fr);
        grid-template-rows: auto auto auto;
        grid-template-areas:
            "intro"
            "media"
            "controls";
        row-gap: 40px;
        padding-top: 80px;
        padding-bottom: 0;
    }

    .kids-page .kids-gallery__intro {
        width: 100%;
        align-items: center;
        text-align: center;
    }

    .kids-page .kids-gallery__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-gallery__description {
        text-align: center;
    }

    .kids-page .kids-gallery__media {
        width: 100%;
        aspect-ratio: 8 / 7;
    }

    .kids-page .kids-gallery__list {
        height: 100%;
    }

    .kids-page .kids-gallery__list:not(.is-slick-ready) {
        width: 178.75%;
        /* До запуска слайдера показываем мобильные карточки в пропорции макета 236px к 320px. */
        grid-template-columns: minmax(0, 236fr) minmax(0, 320fr);
        /* Плавно меняем отступ между карточками от 12 до 16px. */
        gap: clamp(12px, 5vw, 16px);
    }

    .kids-page .kids-gallery__controls {
        justify-self: end;
        margin-top: -8px;
    }
}

.kids-page .kids-videos {
    position: relative;
    display: flex;
    min-width: 0;
    align-items: flex-end;
    /* Резервируем под фон верхнюю область высотой от 336 до 480px. */
    padding-top: clamp(336px, 33.333vw, 480px);
    padding-bottom: 120px;
    overflow: hidden;
}

.kids-page .kids-videos__background {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    max-width: none;
    height: 100%;
    object-fit: cover;
    object-position: center top;
    pointer-events: none;
}

.kids-page .kids-videos__container {
    position: relative;
    z-index: 1;
    display: grid;
    min-width: 0;
    gap: 40px;
}

.kids-page .kids-videos__heading {
    display: flex;
    min-width: 0;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    padding-left: 28px;
}

.kids-page .kids-videos__title {
    color: var(--Color-Light-White, #FFFFFF);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-videos__controls {
    display: flex;
    flex: 0 0 auto;
    gap: 8px;
}

.kids-page .kids-videos__control {
    display: inline-flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    padding: 0;
    border: 0;
    border-radius: 10px;
    background: var(--Color-Light-White, #FFFFFF);
    cursor: pointer;
    opacity: 1;
}

.kids-page .kids-videos__control--prev img {
    transform: rotate(180deg);
}

.kids-page .kids-videos__control img {
    display: block;
    width: 28px;
    height: 28px;
}

.kids-page .kids-videos__list {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 20px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.kids-page .kids-videos__list:not(.is-slick-ready) .kids-videos__card:nth-child(n + 3) {
    display: none;
}

.kids-page .kids-videos__list.slick-initialized {
    display: block;
    width: 100%;
}

.kids-page .kids-videos__list .slick-list {
    margin-right: -10px;
    margin-left: -10px;
}

.kids-page .kids-videos__list .slick-track {
    display: flex;
    align-items: stretch;
}

.kids-page .kids-videos__list .slick-slide {
    height: auto;
    margin-right: 10px;
    margin-left: 10px;
}

.kids-page .kids-videos__card {
    position: relative;
    display: flex;
    min-width: 0;
    aspect-ratio: 67 / 38;
    overflow: hidden;
    border-radius: 12px;
    background: rgba(4, 2, 23, 0.4);
}

.kids-page .kids-videos__card::after {
    position: absolute;
    z-index: 1;
    inset: 0;
    background: rgba(4, 2, 23, 0.4);
    content: "";
    pointer-events: none;
}

.kids-page .kids-videos__image {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.kids-page .kids-videos__card-link {
    position: relative;
    z-index: 2;
    display: flex;
    width: 100%;
    min-width: 0;
    height: 100%;
    align-items: flex-start;
    padding: 28px;
    border: 0;
    background: transparent;
    color: inherit;
    cursor: pointer;
    font: inherit;
    text-align: left;
    text-decoration: none;
}

.kids-page .kids-videos__play {
    position: absolute;
    top: 50%;
    left: 50%;
    display: inline-flex;
    width: 60px;
    height: 60px;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    background: var(--Color-Blue-Accent, #035CB2);
    transform: translate(-50%, -50%);
    transition: background-color 0.2s ease;
}

.kids-page .kids-videos__play img {
    display: block;
    width: 32px;
    height: 32px;
}

.kids-page .kids-videos__card-title {
    position: relative;
    z-index: 1;
    margin: 0;
    color: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-videos__card-link:hover .kids-videos__play {
    background: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-videos__control:focus-visible,
.kids-page .kids-videos__card-link:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

@media (max-width: 1023px) {
    .kids-page .kids-videos {
        /* На планшете верхняя область фона плавно меняется от 288 до 360px. */
        padding-top: clamp(288px, 46.94vw, 360px);
        padding-bottom: 80px;
    }

    .kids-page .kids-videos__container {
        gap: 32px;
    }

    .kids-page .kids-videos__heading {
        align-items: center;
        padding-left: 0;
    }

    .kids-page .kids-videos__title {
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-videos__card-title {
        visibility: hidden;
    }
}

@media (max-width: 766px) {
    .kids-page .kids-videos {
        /* На телефоне верхняя область фона плавно меняется от 240 до 300px. */
        padding-top: clamp(240px, 83.333vw, 300px);
        padding-bottom: 40px;
    }

    .kids-page .kids-videos__container {
        max-width: 560px;
        grid-template-areas:
            "title"
            "list"
            "controls";
        gap: 32px;
    }

    .kids-page .kids-videos__heading {
        display: contents;
    }

    .kids-page .kids-videos__title {
        grid-area: title;
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-videos__controls {
        grid-area: controls;
        justify-self: end;
    }

    .kids-page .kids-videos__list {
        grid-area: list;
        grid-template-columns: minmax(0, 1fr);
    }

    .kids-page .kids-videos__list:not(.is-slick-ready) .kids-videos__card:nth-child(n + 2) {
        display: none;
    }

}

.kids-page .kids-articles {
    padding: 120px 0;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-articles__container {
    min-width: 0;
}

.kids-page .kids-articles__heading {
    display: flex;
    min-width: 0;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
}

.kids-page .kids-articles__title {
    margin: 0;
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-articles__all {
    display: inline-flex;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    padding: 16px 32px;
    border: 1px solid var(--Color-Light-Pale, #E8EEF3);
    border-radius: 12px;
    background: var(--Color-Light-White, #FFFFFF);
    color: var(--Color-Blue-Accent, #035CB2);
    text-align: center;
    text-decoration: none;
}

.kids-page .kids-articles__all--footer {
    display: none;
}

.kids-page .kids-articles__all:hover {
    border-color: var(--Color-Blue-Light-blue-3, #86B4E0);
    background: var(--Color-Blue-Light-blue-1, #DEEFFE);
    color: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-articles__all:focus-visible,
.kids-page .kids-articles .material .img-block a:focus-visible,
.kids-page .kids-articles .material .name:focus-visible {
    outline: 2px solid var(--Color-Blue-Accent, #035CB2);
    outline-offset: 3px;
}

.kids-page .kids-articles .common {
    display: grid;
    margin-top: 60px;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
}

.kids-page .kids-articles .material {
    display: flex;
    min-width: 0;
    flex-direction: column;
    padding-bottom: 24px;
    border: 1px solid var(--Color-Light-Pale, #E8EEF3);
    border-radius: 24px;
    background: rgba(241, 244, 249, 0.4);
}

.kids-page .kids-articles .material .content {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 24px;
}

.kids-page .kids-articles .material .img-block {
    padding: 8px 8px 0;
}

.kids-page .kids-articles .material .img-block a {
    display: block;
    aspect-ratio: 3 / 2;
    overflow: hidden;
    border-radius: 16px;
}

.kids-page .kids-articles .material .img-block img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: transform 0.4s ease;
}

.kids-page .kids-articles .material .info {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    gap: 8px;
    padding: 0 24px;
}

.kids-page .kids-articles .material .rubric,
.kids-page .kids-articles .material .name,
.kids-page .kids-articles .material .type,
.kids-page .kids-articles .material .date {
    margin: 0;
}

.kids-page .kids-articles .material .rubric,
.kids-page .kids-articles .material .type,
.kids-page .kids-articles .material .date {
    color: var(--Color-Dark-Tertiary-dark, #697486);
}

.kids-page .kids-articles .material .name {
    color: var(--Color-Dark-Primary-dark, #1C294A);
    overflow-wrap: anywhere;
}

.kids-page .kids-articles .material .name:hover {
    color: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-articles .material .other-info {
    display: flex;
    align-items: center;
    padding: 0 24px;
    margin-top: 24px;
}

.kids-page .kids-articles .material .date-block {
    display: flex;
    align-items: center;
    gap: 8px;
}

.kids-page .kids-articles .material .date-block svg,
.kids-page .kids-articles .material .date {
    display: none;
}

@media (hover: hover) {
    .kids-page .kids-articles .material:hover .img-block img {
        transform: scale(1.05);
    }
}

@media (min-width: 767px) and (max-width: 1023px) {
    .kids-page .kids-articles {
        padding: 100px 0;
    }

    .kids-page .kids-articles .common {
        margin-top: 48px;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .kids-page .kids-articles__title {
        font-size: 48px;
        line-height: 40px;
    }
}

@media (max-width: 766px) {
    .kids-page .kids-articles {
        padding: 100px 0 60px;
    }

    .kids-page .kids-articles__heading {
        display: block;
    }

    .kids-page .kids-articles__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-articles__all--header {
        display: none;
    }

    .kids-page .kids-articles .common {
        margin-top: 40px;
        grid-template-columns: minmax(0, 1fr);
        gap: 20px;
    }

    .kids-page .kids-articles .material {
        border: 0;
        border-radius: 20px;
    }

    .kids-page .kids-articles .material .info,
    .kids-page .kids-articles .material .other-info {
        padding-right: 20px;
        padding-left: 20px;
    }

    .kids-page .kids-articles__all--footer {
        display: flex;
        width: 100%;
        min-height: 56px;
        margin-top: 40px;
        padding: 16px 24px;
        border-radius: 16px;
    }
}

.kids-page .kids-appointment {
    padding: 40px 0;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-appointment__container {
    padding-right: 40px;
    padding-left: 40px;
}

.kids-page .kids-appointment__banner {
    display: grid;
    min-width: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-areas: "media content";
    gap: 40px;
    padding: 0 40px;
    overflow: hidden;
    border-radius: 40px;
    background: linear-gradient(-62.932deg, #BDD9FF 1.0994%, #F1F4F9 98.758%);
}

.kids-page .kids-appointment__content {
    display: flex;
    min-width: 0;
    grid-area: content;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 40px;
    padding: 60px 0;
}

.kids-page .kids-appointment__copy {
    display: flex;
    width: min(100%, 480px);
    min-width: 0;
    flex-direction: column;
    gap: 16px;
    margin-right: auto;
    margin-left: auto;
}

.kids-page .kids-appointment__title,
.kids-page .kids-appointment__description {
    margin: 0;
}

.kids-page .kids-appointment__title {
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 56px;
    font-weight: 700;
    line-height: 48px;
    letter-spacing: -2px;
    text-align: center;
}

.kids-page .kids-appointment__description {
    color: var(--Color-Dark-Primary-dark, #1C294A);
    text-align: center;
}

.kids-page .kids-appointment__break--mobile {
    display: none;
}

.kids-page .kids-appointment__break--narrow {
    display: none;
}

.kids-page .kids-appointment__actions {
    display: flex;
    width: 100%;
    flex-direction: column;
    gap: 12px;
}

.kids-page .kids-appointment__button {
    display: inline-flex;
    width: 100%;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    padding: 17px 29px;
    border: 1px solid transparent;
    border-radius: 12px;
    text-align: center;
    text-decoration: none;
    cursor: pointer;
}

.kids-page .kids-appointment__button--primary {
    border-color: var(--Color-Blue-Accent, #035CB2);
    background: var(--Color-Blue-Accent, #035CB2);
    color: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-appointment__button--secondary {
    background: var(--Color-Light-Substrate, #F1F4F9);
    color: var(--Color-Blue-Accent, #035CB2);
}

.kids-page .kids-appointment__button--primary:hover {
    border-color: var(--Color-Blue-Hover, #0065C7);
    background: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-appointment__button--secondary:hover {
    background: var(--Color-Blue-Light-blue-1, #DEEFFE);
    color: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-appointment__button:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

.kids-page .kids-appointment__media {
    display: flex;
    min-width: 0;
    grid-area: media;
    align-items: flex-end;
    justify-content: center;
    padding-top: 40px;
}

.kids-page .kids-appointment__image-frame {
    position: relative;
    width: 100%;
    aspect-ratio: 374 / 372;
    overflow: hidden;
}

.kids-page .kids-appointment__image-frame picture {
    display: contents;
}

.kids-page .kids-appointment__image {
    position: absolute;
    top: -0.16%;
    left: -17.79%;
    display: block;
    width: 148.41%;
    max-width: none;
    height: 100.48%;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .kids-page .kids-appointment {
        padding: 40px 0 80px;
    }

    .kids-page .kids-appointment__banner {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "content"
            "media";
        gap: 20px;
        padding: 20px 60px 0;
        border-radius: 32px;
        background: linear-gradient(-77.968deg, #BDD9FF 1.0994%, #F1F4F9 98.758%);
    }

    .kids-page .kids-appointment__content {
        gap: 40px;
        padding: 40px 0;
    }

    .kids-page .kids-appointment__copy {
        gap: 20px;
    }

    .kids-page .kids-appointment__title {
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-appointment__actions {
        flex-direction: row;
    }

    .kids-page .kids-appointment__button {
        min-width: 0;
        flex: 1 1 0;
    }

    .kids-page .kids-appointment__media {
        padding: 0 40px;
    }

    .kids-page .kids-appointment__break--narrow {
        display: initial;
    }

    .kids-page .kids-appointment__image {
        position: static;
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
    }
}

@media (max-width: 766px) {
    .kids-page .kids-appointment {
        padding: 20px 0 64px;
    }

    .kids-page .kids-appointment__container {
        padding-right: 20px;
        padding-left: 20px;
    }

    .kids-page .kids-appointment__banner {
        grid-template-columns: minmax(0, 1fr);
        grid-template-areas:
            "content"
            "media";
        gap: 40px;
        padding: 40px 28px 0;
        border-radius: 28px;
        background: linear-gradient(-83.075deg, #BDD9FF 1.0994%, #F1F4F9 98.758%);
    }

    .kids-page .kids-appointment__content {
        gap: 32px;
        padding: 0;
    }

    .kids-page .kids-appointment__copy {
        gap: 16px;
    }

    .kids-page .kids-appointment__title {
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-appointment__button {
        padding: 17px 16px;
    }

    .kids-page .kids-appointment__break--mobile {
        display: initial;
    }

    .kids-page .kids-appointment__break--wide {
        display: none;
    }

    .kids-page .kids-appointment__media {
        padding: 0;
    }

    .kids-page .kids-appointment__break--narrow {
        display: initial;
    }

    .kids-page .kids-appointment__image {
        position: static;
        width: 100%;
        max-width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center bottom;
    }
}

.kids-page .kids-map {
    padding: 100px 0 80px;
    background: var(--Color-Light-White, #FFFFFF);
}

.kids-page .kids-map__title {
    margin: 0 0 32px;
    color: var(--Color-Blue-Accent, #035CB2);
    font-family: "Caveat", cursive;
    font-size: 64px;
    font-weight: 700;
    line-height: 56px;
    letter-spacing: -2px;
}

.kids-page .kids-map__contacts {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 20px;
    padding-bottom: 28px;
}

.kids-page .kids-map__contact,
.kids-page .kids-map__contact-info {
    display: flex;
    min-width: 0;
    flex-direction: column;
}

.kids-page .kids-map__contact {
    gap: 16px;
    font-style: normal;
}

.kids-page .kids-map__contact-info {
    gap: 6px;
}

.kids-page .kids-map__contact-label,
.kids-page .kids-map__contact-note {
    margin: 0;
    color: var(--Color-Dark-Secondary-dark, #515E7E);
}

.kids-page .kids-map__contact-link {
    width: fit-content;
    color: var(--Color-Blue-Accent, #035CB2);
}

.kids-page .kids-map__contact-link:hover {
    color: var(--Color-Blue-Hover, #0065C7);
}

.kids-page .kids-map__contact-link:focus-visible,
.kids-page .kids-map__socials a:focus-visible {
    outline: 3px solid var(--Color-Blue-Light-blue-4, #2F79C1);
    outline-offset: 3px;
}

.kids-page .kids-map__socials {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.kids-page .kids-map__socials a {
    display: flex;
    width: 48px;
    height: 48px;
    align-items: center;
    justify-content: center;
    border-radius: 4px;
    background: var(--Color-Light-Substrate, #F1F4F9);
}

.kids-page .kids-map__socials a:hover {
    background: var(--Color-Blue-Light-blue-1, #DEEFFE);
}

.kids-page .kids-map__socials img,
.kids-page .kids-map__socials svg {
    display: block;
    width: 22px;
    height: 22px;
}

.kids-page .kids-map__content {
    position: relative;
    min-width: 0;
}

.kids-page .kids-map__canvas {
    position: relative;
    z-index: 0;
    display: flex;
    width: 100%;
    height: 560px;
    align-items: flex-start;
    overflow: hidden;
    margin-top: 32px;
    border-radius: 20px;
    background: var(--Color-Light-Substrate, #F1F4F9);
}

.kids-page .kids-map__train {
    position: absolute;
    z-index: 2;
    right: 0;
    bottom: 0;
    width: 37.28%;
    pointer-events: none;
}

.kids-page .kids-map__train img {
    display: block;
    width: 100%;
    height: auto;
}

@media (min-width: 767px) and (max-width: 1023px) {
    .kids-page .kids-map {
        padding: 60px 0;
    }

    .kids-page .kids-map__contacts {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 36px 20px;
        padding-bottom: 16px;
    }

    .kids-page .kids-map__title {
        font-size: 48px;
        line-height: 40px;
    }

    .kids-page .kids-map__canvas {
        height: min(60vw, 560px);
        min-height: 400px;
    }

    .kids-page .kids-map__train {
        width: 48.18%;
    }
}

@media (max-width: 766px) {
    .kids-page .kids-map {
        padding: 40px 0 48px;
    }

    .kids-page .kids-map__title {
        margin-bottom: 28px;
        font-size: 36px;
        line-height: 32px;
    }

    .kids-page .kids-map__contacts {
        grid-template-columns: minmax(0, 1fr);
        gap: 32px;
        padding-bottom: 12px;
    }

    .kids-page .kids-map__canvas {
        height: 400px;
        margin-top: 28px;
    }

    .kids-page .kids-map__train {
        width: 100%;
    }
}

@media (max-width: 440px) {
    .kids-page .kids-map__train {
        position: static;
        margin-top: 16px;
    }
}

/* End */


/* Start:/bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1586508745666*/
div.bx-yandex-map {color: black; font-size: 11px;}
div.bx-yandex-map div.YMaps-b-balloon-content {color: black; font-size: 11px;}
div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td {
	padding: 0px !important;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td textarea{
	font-size: 11px;
}


div.bx-popup-form div.bx-yandex-map div.YMaps-b-balloon-point div.YMaps-b-balloon div.YMaps-b-balloon-wrap table.YMaps-b-balloon-frame td.YMaps-b-balloon-b {
	background-image: none !important;
}

/* End */
/* /bitrix/templates/mastersluh_new/css/kids.css?179224365080365 */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1586508745666 */