:root {
    --col-gap: 20px;
    --row-gap: 20px;

    --font-main: "Manrope", sans-serif;
    --font-heading: "Cormorant", serif;
    --font-CormorantGaramond: "CormorantGaramond", serif;
    --font-CormorantInfant: "CormorantInfant", serif;
    --font-size-base: 17px;
    --line-height-base: 1.4;

    --color-white: #fff;
    --color-bg: #F4F4F4;

--color-text: #4A4A63;
    --color-text-dark: #1A1A2E;

--z-dropdown: 700;
    --z-overlay: 800;
    --z-modal: 900;

}

@font-face {font-family: 'Manrope'; font-style: normal; font-weight: 100 900; src: url("../fonts/Manrope-VariableFont_wght.ttf") format('truetype-variations'); font-display: swap;}
@font-face {font-family: 'Cormorant'; font-style: normal; font-weight: 100 900; src: url("../fonts/Cormorant-VariableFont_wght.ttf") format('truetype-variations'); font-display: swap;}
@font-face {font-family: 'Cormorant'; font-style: italic; font-weight: 100 900; src: url("../fonts/Cormorant-Italic-VariableFont_wght.ttf") format('truetype-variations'); font-display: swap;}
@font-face {font-family: 'CormorantGaramond'; font-style: normal; font-weight: 100 900; src: url("../fonts/CormorantGaramond-VariableFont_wght.ttf") format('truetype-variations'); font-display: swap;}
@font-face {font-family: 'CormorantInfant'; font-style: normal; font-weight: 100 900; src: url("../fonts/CormorantInfant-VariableFont_wght.ttf") format('truetype-variations'); font-display: swap;}

html {scroll-behavior: smooth;}

body {font-family: var(--font-main); font-weight: 400; font-size: var(--font-size-base); line-height: var(--line-height-base); color: var(--color-text); background-color: #fff;}
body.locked {overflow: hidden; position: relative;}

.common-title {font-family: var(--font-heading); font-weight: 500; font-size: 50px; line-height: 55px; text-align: center; letter-spacing: -0.5px; text-transform: uppercase;
	background: linear-gradient(to right, #1A1A2E, #8B8FE5); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
}

.color-text {color: var(--color-text);}
.color-text-dark {color: var(--color-text-dark);}

:where(a) {color: inherit; transition: color 0.1s ease-in-out;}
:where(a:link) {color: inherit;}
:where(a:visited) {color: inherit;}
:where(a:hover) {color: inherit;}

.btn {height: 55px; width: auto; padding: 0 26px; background: #ccc; border-radius: 4px; border: none; max-width: 100%; position: relative;
	display: inline-flex; align-items: center; justify-content: center; column-gap: 10px; cursor: pointer; user-select: none; text-align: center;
	color: #fff; font-family: var(--font-main); font-weight: 600; font-size: 15px; line-height: 1; font-style: normal; text-decoration: none;
	letter-spacing: 0.3px; transition: filter 0.2s, background-color 0.2s;
}
.btn:hover {filter: brightness(1.05);}

.btn-primary {background-color: #8B8FE5; color: #fff;}

.btn-secondary {background-color: rgba(166 166 166 / .1); color: #1A1A2E;}
.btn-secondary:hover {background-color: rgba(166 166 166 / .15); filter: none;}

.btn-banner {background-color: #4F53B8; color: #fff; padding: 0 24px; height: 49px;}
.btn-banner:hover {filter: brightness(1.1);}

.btn-white {background-color: #fff; color: #4C50B2;}
.btn-white:hover {background-color: #f5f5f5; filter: none;}

.btn-transparent {background-color: transparent; border: 1px solid rgba(255 255 255 / .3); color: #fff;}
.btn-transparent:hover {background-color: rgba(255 255 255 / .05); filter: none;}

.btn svg {flex: none;}

.article-content ul, .article-content ol,ul.common-list, ol.common-list {--list-indent: 22px; padding-left: var(--list-indent); margin: 0; list-style-type: none;}
.article-content ol {counter-reset: num;}
.article-content ul>li {display: block; position: relative;}

.article-content ul>li::before {content: ''; border-radius: 50%; background: #8B8FE5;
	position: absolute; left: calc(var(--list-indent) * -1); top: 0; transform: translateY(calc(0.5lh - 50%));
	--bullet-size: 7px;
	width: var(--bullet-size);
	height: var(--bullet-size);
}
.article-content ol>li::before {content: counter(num) '.'; counter-increment: num; position: absolute; top: 0; left: calc(var(--list-indent) * -1);}
p {margin: 0;}

.breadcrumbs__separator_nd {margin: 0 3px; color: #8585A3;}
.breadcrumbs__item_nd {font-size: 13px; text-decoration: none; letter-spacing: 0.26px; color: #8585A3;}

input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="date"], select,	textarea {width: 100%;
	font-size: 16px; color: var(--color-text); padding: 16px; background: transparent; border: 0; border-radius: 3px; background: #fff;}

select {width: auto;}

input[type="text"]::placeholder,
input[type="email"]::placeholder,
input[type="password"]::placeholder,
input[type="tel"]::placeholder,
input[type="date"]::placeholder,
textarea::placeholder {font-size: 14px; color: #6C6770;}

input[type="text"]:hover,
input[type="email"]:hover,
input[type="password"]:hover,
input[type="tel"]:hover,
input[type="date"]:hover,
textarea:hover,
select:hover {}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="date"]:focus,
textarea:focus,
select:focus {outline: none;}

input[type="text"]:disabled,
input[type="email"]:disabled,
input[type="password"]:disabled,
input[type="tel"]:disabled,
input[type="date"]:disabled,
textarea:disabled ,
select:disabled {opacity: .5; cursor: not-allowed;}

.swiper {width: 100%; height: auto;}
.swiper-slide {height: auto;}
.content {margin-top: 87px;}

.header {padding: 18px 0; background-color: #fff; border-bottom: 1px solid #E6E6EE; position: fixed; left: 0; top: 0; width: 100%; z-index: var(--z-dropdown);}

.header-item__wrapper {--col-gap: 36px;}
.header-item__wrapper-logo {--col-gap: 18px; z-index: 1;}
.logo-l,
.logo-n,
.logo-n img {display: block;max-height: 36px;}
.header-sep {height: 28px; width: 1px; background: #E6E6EE;}
.burger-btn {margin: -3px 0;}

.top-menu {padding: 0; margin: 0; list-style: none;}
.top-menu__submenu {display: none;}
.top-menu__item {text-decoration: none; font-size: 14px; font-weight: 500; line-height: 30px;}
.top-menu__item > .top-menu__text:before {content: ''; position: absolute; top: 0; left: 0; right: 0; height: 46px; z-index: 1;
    background: linear-gradient(180deg, transparent, transparent calc(100% - 2px), #8B8FE5 calc(100% - 2px)); opacity: 0; transition: opacity .1s;
}
.top-menu__item.active > .top-menu__text {font-weight: 700; color: #4F53B8;}
.top-menu__item:hover > .top-menu__text:before,
.top-menu__item.active > .top-menu__text:before {opacity: 1;}
.top-menu__text {text-decoration: none; position: relative;}
.top-menu__control {display: none;}

.menu-scroll::-webkit-scrollbar {width: 8px; height: 8px;}
.menu-scroll::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}
.menu-scroll::-webkit-scrollbar-thumb {background: #c1c1c1; border-radius: 10px;}
.menu-scroll::-webkit-scrollbar-thumb:hover {background: #a8a8a8;}
.menu-scroll {scrollbar-width: thin; scrollbar-color: #c1c1c1 #f1f1f1;}

.top-menu__submenu::-webkit-scrollbar {width: 8px; height: 8px;}
.top-menu__submenu::-webkit-scrollbar-track {background: #f1f1f1; border-radius: 10px;}
.top-menu__submenu::-webkit-scrollbar-thumb {background: #c1c1c1; border-radius: 10px;}
.top-menu__submenu::-webkit-scrollbar-thumb:hover {background: #a8a8a8;}
.top-menu__submenu {scrollbar-width: thin; scrollbar-color: #c1c1c1 #f1f1f1;}

@media (min-width: 992px) {
    .top-menu__item > .top-menu__submenu {opacity: 0; pointer-events: none; display: block;}

.top-menu__subitem:hover > .top-menu__submenu {display: block;}
    .top-menu__item.menu-show > .top-menu__submenu {opacity: 1; pointer-events: auto;}
    .top-menu__item.menu-show > .top-menu__submenu > .top-menu__big-backdrop {opacity: 1;}
    .top-menu__item.menu-show > .top-menu__submenu > .top-menu__big-frame {opacity: 1;}
    
    .top-menu__submenu {position: absolute; width: calc(100% - 260px - 32px); top: 0; left: calc(260px + 32px); padding: 24px 30px 24px 30px; height: 100%; overflow-y: auto;}
    .top-menu__submenu--level2 {width: 100vw; top: 37px; left: 0; padding: 50px 0 0; height: 100vh;}
    .top-menu__big-backdrop {width: 100%; height: calc(100vh - 87px); background: rgba(0 0 0 / .1); opacity: 0; transition: opacity .5s ease; position: absolute; top: 50px; left: 0;}
    .top-menu__big-frame {background: #fff; border-radius: 7px; border: 1px solid #ECECEC; padding: 24px 32px; position: relative;
        height: 748px; height: 730px; max-height: calc(100vh - 87px - 23px); max-width: 1240px; margin: 0 auto; opacity: 0;
    }
    .top-menu__subitem-back {display: none !important;}
    .top-menu__subitem-header {display: none !important;}
    .top-menu__submenu-inner {padding: 0; margin: 0; list-style: none; display: grid; gap: 0 41px; grid-template-columns: repeat(4, minmax(0,1fr));}
    .top-menu__submenu-inner--level2 {padding: 10px 0 10px 14px; margin: 0; border-radius: 12px; background: #F7F7F7; width: 260px; display: block;
        max-height: 100%; overflow-y: auto; direction: rtl;
    }
    .top-menu__submenu-inner--level2 > .top-menu__subitem {padding: 12px 0; display: flex; align-items: center; flex-wrap: wrap; min-height: 80px; direction: ltr;
        border-bottom: 1px solid #ECECEC;
    }
    .top-menu__submenu-inner--level2 > .top-menu__subitem:first-child {padding-top: 0;}
    .top-menu__submenu-inner--level2 > .top-menu__subitem:last-child {border: none; padding-bottom: 0;}
    .top-menu__submenu-inner--level2 > .top-menu__subitem > .top-menu__text {font-size: 16px; font-weight: 500; line-height: 20px; color: var(--color-text-dark);
        width: calc(100% - 10px);
    }
    .top-menu__submenu-inner--level2 > .top-menu__subitem:hover > .top-menu__text {color: #8B8FE5; -webkit-text-stroke: 0.2px currentColor;}
    .top-menu__submenu-inner--level2 > .top-menu__subitem.active > .top-menu__text {color: #8B8FE5; -webkit-text-stroke: 0.2px currentColor;}

    .top-menu__submenu-inner--level2 > .top-menu__subitem > .top-menu__submenu .top-menu__subitem {min-height: 60px; display: flex; align-items: center;
        border-bottom: 1px solid #ECECEC; padding: 4px 0; position: relative;
    }
    .top-menu__submenu-inner--level2 > .top-menu__subitem > .top-menu__submenu .top-menu__subitem:before {content: ''; position: absolute; left: -20px; bottom: 0;
        width: 1px; height: 200%; background: #ECECEC;}
    .top-menu__submenu-inner--level2 > .top-menu__subitem > .top-menu__submenu .top-menu__subitem:nth-child(-n+4):before {height: 500px; top: 0; bottom: auto;
        max-height: calc(100vh - 87px - 24px - 24px - 23px);
    }

    .top-menu__submenu-inner--level2 > .top-menu__subitem > .top-menu__submenu .top-menu__text {font-size: 15px; font-weight: 500; line-height: 16px;
        color: var(--color-text-dark); display: inline-block;}
    .top-menu__submenu-inner--level2 > .top-menu__subitem > .top-menu__submenu .top-menu__subitem:hover > .top-menu__text {color: #8B8FE5;}
    .top-menu__submenu-inner--level2 > .top-menu__subitem > .top-menu__submenu .top-menu__subitem.active > .top-menu__text {color: #8B8FE5;}
}

.header-phone {text-decoration: none; font-size: 14px; font-weight: 500; position: relative; z-index: 1;}
.header .btn-primary {height: 50px;}

.section {padding: 100px 0; border-top: 1px solid #E6E6EE;}
.section__inner {display: flex; flex-direction: column; align-items: center; row-gap: 19px;}
.section__note {font-size: 12px; font-weight: 600; line-height: 1.55; text-transform: uppercase; letter-spacing: 3px; color: #4F53B8; text-align: center;}
.section__note--bullet {position: relative; padding-left: 38px; text-align: left;}
.section__note--bullet:before {content: ''; position: absolute; left: 0; bottom: 50%; width: 28px; height: 1px; background: #8B8FE5;}
.section__text {text-align: center; font-size: 16.5px; line-height: 1.64;}
.section__important {padding: 22px 28px; background: #EEEFFB; border-radius: 2px; border-left: 3px solid #8B8FE5; font-size: 14.5px; line-height: 1.6; color: #1A1A2E;}
.section__important span {font-weight: 700; color: #4F53B8;}

.section-hero {background: url("../img/hero-bg.jpg") no-repeat top center / cover;  padding-top: 80px; overflow: hidden;}
.hero__wrapper {--col-gap: 64px;}
.hero__col {flex: 1; max-width: 570px; padding: 42px 0;}
.hero__col:first-child {--row-gap: 25px;}
.hero__col:last-child {position: relative;}
.hero__pic {position: absolute; left: 50%; top: -148px; transform: translateX(-50%);}
.hero__pic img{max-width: inherit;}
.hero__title {text-align: left; text-transform: uppercase;}
.hero__info {font-size: 18px; line-height: 1.6; max-width: 540px;}
.hero__btn-wrapper {--row-gap: 14px; margin-top: 14px;}
.hero__btn-wrapper .btn-secondary {height: 57px;}

.hero__system-tiles-wrapper {position: absolute; bottom: 42px; left: -70px;}
.hero__system-tiles-wrapper .system-tile:last-child {margin: 4px 0 0 56px;}

.system-tile {padding: 16px; border-radius: 10px; backdrop-filter: blur(20px); background-color: rgba(231 229 251 / .6); position: relative; width: 227px;}
.system-tile__title {font-size: 14px; font-weight: 500; line-height: 1.2; text-transform: uppercase; margin-bottom: 6px;}
.system-tile__wrapper {--col-gap: 11px;}
.system-tile__label {font-size: 10px; font-weight: 400; line-height: 1.2;}
.system-tile__age {padding: 12px; border-radius: 12px; --col-gap: 8px; height: 44px;}
.system-tile__age-text {font-family: var(--font-heading); font-size: 18px; line-height: 1.2; letter-spacing: -0.5px; white-space: nowrap;}
.system-tile__age-text span {font-family: var(--font-CormorantInfant); font-size: 25px; font-weight: 500;}
.system-tile__age--exclamation {background-color: rgba(222 151 135 / .3); color: #AE322C;}
.system-tile__age--ok {background-color: rgba(187 198 158 / .41); color: #4E8B11;}

.section-investment {background-color: #F3F3F7;}
.investment__title {max-width: 850px; margin: 0 auto 56px;}

.investment-card {border-radius: 20px; background: #fff; display: flex; flex-direction: column; padding-bottom: 22px; row-gap: 20px; width: 373px;}
.investment-card__pic {border-radius: 20px; aspect-ratio: 374 / 360; overflow: hidden; position: relative;}
.investment-card__tile {position: absolute; bottom: 19px; left: 19px; background: transparent; border: 1px solid rgba(231 229 251 / .6); border-radius: 20px; backdrop-filter: none;}
.investment-card__info {padding: 20px;}
.investment-card__title {font-family: var(--font-heading); font-size: 27px; font-weight: 500; line-height: 1.3; color: #1A1A2E; text-transform: uppercase;}
.investment-card__text {font-size: 14.5px; line-height: 1.5; margin-top: 7px;}

.section-bioage {background: url("../img/bioage-bg.jpg") no-repeat top center / cover;}
.bioage__inner {row-gap: 28px;}
.bioage__text {margin-top: 19px; max-width: 720px;}

.bioage-scale {border-radius: 20px; background: rgba(139 143 229 / .05); backdrop-filter: blur(10px); padding: 68px 26px 18px; width: 100%; max-width: 632px; margin: 0 auto;}
.bioage-scale__bar {width: 100%; height: 8px; background: linear-gradient(to right, #6DB063, #E9C067, #D97A5E); border-radius: 8px; position: relative;}
.bioage-scale__point {width: 24px; height: 24px; background: #6DB063; border-radius: 50%; position: absolute; top: -10px;}
.bioage-scale__point--pass {left: 93px; background: #ACB866;}
.bioage-scale__point--bio {right: 93px; background: #E2A164;}
.bioage-scale__point-age {position: absolute; bottom: calc(24px + 10px); left: 50%; transform: translateX(-50%); white-space: nowrap; font-size: 18px; line-height: 1.2;}
.bioage-scale__point-age span {font-family: var(--font-CormorantInfant); font-size: 25px; line-height: 1.2; letter-spacing: -0.05px;}
.bioage-scale__point--pass .bioage-scale__point-age {color: #4E8B11;}
.bioage-scale__point--bio .bioage-scale__point-age {color: #D55D37;}
.bioage-scale__point-name {position: absolute; top: calc(24px + 10px); left: 50%; transform: translateX(-50%); white-space: nowrap;
    font-size: 10px; font-weight: 600; line-height: 1.55; text-transform: uppercase; color: #8585A3;
}
.bioage-scale__line {width: 255px; height: 1px; background-color: #D8D8E9; position: relative; margin: 28px auto 9px;}
.bioage-scale__line:before {content: ''; position: absolute; top: -7px; left: 0; width: 1px; height: 14px; background-color: #D8D8E9;}
.bioage-scale__line:after {content: ''; position: absolute; top: -7px; right: 0; width: 1px; height: 14px; background-color: #D8D8E9;}
.bioage-scale__info {margin: 0 auto; max-width: 285px; font-size: 16px; line-height: 1.375; text-align: center;}
.bioage-scale__info span {font-weight: 700; color: #4F53B8;}

.stages__title {max-width: 710px;}
.stages__text {max-width: 810px;}

.section-stages {background: #FAFAFB;}
.stages__wrapper {display: flex; padding-top: 24px; border: 1px solid #E6E6EE; border-width: 1px 0; margin: 32px 0;}
.stages-item {padding: 36px 32px 38px; display: flex; flex-direction: column; row-gap: 11px; border-right: 1px solid #E6E6EE; flex: 1;}
.stages-item:last-child {border-right: none;}
.stages-item__num {font-family: var(--font-heading); font-size: 52px; line-height: 1; color: #4F53B8;}
.stages-item__period-wrapper {display: flex; align-items: center; gap: 12px;}
.stages-item__period {font-size: 11px; font-weight: 700; line-height: 1.54; letter-spacing: 1.5px; color: #4F53B8; white-space: nowrap;
    padding: 3.5px 10px; border-radius: 2px; background: #F5F6FD; text-transform: uppercase;
}
.stages-item__period--vip {color: #A08858; background: rgba(160 136 88 / .1);}
.stages-item__title {font-family: var(--font-heading); font-size: 24px; font-weight: 500; color: #1A1A2E;}
.stages-item__text {font-size: 14px; line-height: 1.55;}

.stages-mark {font-size: 13px; line-height: 1.53; letter-spacing: .03px; color: #8585A3; text-align: center;}
.stages-mark span {font-weight: 600; color: #1A1A2E;}

.plan__title {max-width: 850px;}
.plan__text {max-width: 800px;}

.plan__wrapper {margin-top: 40px;}
.plan-item {padding: 33px 28px 37px; border: 1px solid #E6E6EE;}
.plan-item__icon {margin-bottom: 20px;}
.plan-item__title {font-family: var(--font-heading); font-size: 26px; font-weight: 500; line-height: 1.23; color: #1A1A2E;}
.plan-item__text {margin-top: 12px; font-size: 14.5px; line-height: 1.55;}

.section-doctors {background: #F3F3F7;}
.doctors__title {max-width: 700px;}

.doctors__wrapper {margin-top: 56px; display: flex; gap: 32px;}
.doctor-card {display: flex; align-items: flex-start; column-gap: 32px; padding: 40px; border: 1px solid #E6E6EE; background: #fff; flex: 1;}
.doctor-card__pic { aspect-ratio: 140 / 180; max-width: 140px; border-radius: 4px; overflow: hidden; flex: none;}
.doctor-card__fio {font-family: var(--font-heading); font-size: 28px; font-weight: 500; line-height: 1.15; color: #1A1A2E;}
.doctor-card__spec {margin: 6px 0; font-size: 13px; font-weight: 600; line-height: 1.54; letter-spacing: 1.5px; text-transform: uppercase; color: #4F53B8;}
.doctor-card__item {display: flex; column-gap: 16px; padding: 8px 0; border-bottom: 1px solid #EFEFF5;}
.doctor-card__item:last-child {border-bottom: none;}
.doctor-card__item-name {flex: none; width: 100px; font-size: 11px; font-weight: 600; line-height: 1.6; text-transform: uppercase; color: #8585A3;}
.doctor-card__item-val {flex: 1; font-size: 14px; line-height: 1.6;}

.section-result {background: #FAFAFB;}
.result-card {display: flex; align-items: center; column-gap: 48px; row-gap: 24px; background: #fff; border: 1px solid #E6E6EE; padding: 48px 56px;}
.result-card + .result-card {margin-top: 20px;}
.result-card__info {display: flex; flex-direction: column; row-gap: 16px; flex: 1;}
.result-card__title {font-family: var(--font-heading); font-size: 38px; font-weight: 500; line-height: 1.15; color: #1A1A2E;}
.result-card__title span {color: #4F53B8; font-style: italic;}
.result-card__text {font-size: 15px; line-height: 1.6;}
ul.result-card__list {margin-top: -16px; --list-indent: calc(17px + 12px);}
ul.result-card__list > li {font-size: 15px; line-height: 1.5; padding: 12px 0;}
ul.result-card__list > li::before {width: 17px; height: 13px; background-image: var(--icon-bullet-check); border-radius: unset; background-color: unset; top: 12px;}
.result-card__pics-wrapper {display: flex; align-items: center; justify-content: center; column-gap: 14px; flex: 1;}
.result-card__pic {border-radius: 12px; aspect-ratio: 213 / 300; box-shadow: 0 8px 10px rgba(26 26 46 / .08), 0 2px 10px rgba(26 26 46 / .08); overflow: hidden;}

.section-tariffs {background: #FAFAFB;}
.tariffs__text {max-width: 750px;}
.tariffs__items-wrapper {margin-top: 15px; padding-top: 10px;}

.tariffs-item {display: flex; flex-direction: column; padding: 26px 22px; background: #fff; border: 1px solid #E6E6EE; border-radius: 4px; position: relative; width: 282px;}
.tariffs-item--vip {background: linear-gradient(to bottom, #FDFBF4, #DEDFF3, #DEDFF3, rgba(139 143 229 / 0.04)); border-color: #EFE9DC;}
.tariffs-item--recommended {border-color: #8B8FE5; box-shadow: 0 0 0 2px rgba(160 136 88 / 0.25);}
.tariffs-item__recommended {position: absolute; top: -11px; left: 21px; padding: 5px 12px; background: #8B8FE5; border-radius: 2px;
    font-size: 9.5px; font-weight: 700; line-height: 1.54; letter-spacing: 1.8px; text-transform: uppercase; color: #1A1A2E;
}
.tariffs-item__name {font-size: 10.5px; font-weight: 600; line-height: 1.55; letter-spacing: 1.8px; text-transform: uppercase; color: #8585A3;}
.tariffs-item--vip .tariffs-item__name {color: #8B8FE5;}
.tariffs-item__title {font-family: var(--font-heading); font-size: 24px; font-weight: 500; line-height: 1.1; color: #1A1A2E; margin-top: 8px;}
.tariffs-item__info {font-size: 12.5px; line-height: 1.4; color: #8585A3; margin-top: 7px; height: 50px;}
.tariffs-item__price {margin: 18px 0; padding: 14px 0; font-family: var(--font-heading); font-size: 28px; font-weight: 500; line-height: 1; color: #1A1A2E; border: 1px solid #E6E6EE; border-width: 1px 0;}
.tariffs-item__price--old {font-family: var(--font-main); font-size: 12px; line-height: 1.55; color: #8585A3; text-decoration: line-through; margin-right: 15px;}
.tariffs-item--vip .tariffs-item__price {border-color: transparent;}
.tariffs-item__label {font-size: 9.5px; font-weight: 600; line-height: 1.54; letter-spacing: 1.8px; color: #8585A3; text-transform: uppercase;}
.tariffs-item__systems-wrapper {display: flex; flex-wrap: wrap; gap: 5px; margin-top: 10px;}
.tariffs-item__system {padding: 4px 9px; border-radius: 2px; background: #F3F3F7; font-size: 11.5px; line-height: 1.54;}
.tariffs-item--vip .tariffs-item__system {background: rgba(160 136 88 / 0.1); color: #1A1A2E;}
ul.tariffs-item__list {margin: 16px 0 100px; --list-indent: calc(12px + 10px);}
ul.tariffs-item__list > li {font-size: 13px; line-height: 1.4; padding: 7px 0;}
ul.tariffs-item__list > li:before {width: 12px; height: 8px; background: var(--icon-bullet-check-min) no-repeat center / contain; border-radius: unset; background-color: unset; top: 7px;}
.tariffs-item .btn {margin-top: auto; font-size: 13px; letter-spacing: 0.03px; height: 44px; padding: 0 10px;}

.tariffs__important {margin-top: 35px;}

.why__title {max-width: 810px; font-family: var(--font-CormorantInfant); font-weight: 400;}
.why__text {max-width: 800px;}
.why__table {margin-top: 32px; border-spacing: 0; border-radius: 4px; overflow: hidden; border: 1px solid #E6E6EE; padding-top: 24px;}

.why__table th {text-align: left; vertical-align: top; padding: 22px; background: #F3F3F7; border: 1px solid #E6E6EE; border-width: 0 1px 1px 0;}
.why__table td {text-align: left; vertical-align: top; padding: 15px 22px; border: 1px solid #E6E6EE; border-width: 1px 1px 0 0;
    font-size: 13.5px; line-height: 1.45; color: #1A1A2E;
}
.why__table td:first-child {font-weight: 600;}
.why__table td:last-child {border-right-width: 0; color: #8585A3;}
.why__table td i {position: relative; bottom: -3px;}
.why__table th:last-child {border-right-width: 0;}
.why__table tr:last-child td {border-bottom-width: 1px;}
.why__table tr:last-child td:first-child {border-bottom-left-radius: 4px;}
.why__table tr:last-child td:last-child {border-bottom-right-radius: 4px;}
.why__table td span {display: flex; column-gap: 8px; align-items: baseline;}
.why__table .why-table__recommended-col {background: #F5F6FD; border-left: 1px solid #EEEFFB; border-right: 1px solid #EEEFFB;}
.why-table__name {display: block; font-size: 10px; font-weight: 600; line-height: 1.3; letter-spacing: 1.3px; text-transform: uppercase; color: #8585A3;}
.why-table__price {display: block; font-family: var(--font-heading); font-size: 26px; font-weight: 500; line-height: 1.1; color: #1A1A2E; margin-top: 3px;}
.why__table th:nth-child(2) .why-table__price {color: #4F53B8;}
.why__table th:nth-child(4) .why-table__price {color: #8585A3;}
.why-table__note {display: block; font-size: 11px; font-weight: 400; line-height: 1.44; letter-spacing: 0.3px; color: #8585A3; margin-top: 3px;}
.why-table__recommended {display: inline-block; font-size: 10px; line-height: 1.3; font-weight: 700; color: #fff; text-transform: uppercase; padding: 3px 9px; border-radius: 2px; background: #8B8FE5; margin-top: 13px;}
.why__important {margin-top: 32px;}

.section-reviews {background: #F3F3F7;}
.reviews__title {max-width: 870px;}
.reviews__wrapper {margin-top: 56px; --col-gap: 24px;}
.reviews-item {padding: 32px 28px 28px; background: #fff; border: 1px solid #E6E6EE; border-radius: 6px;}
.reviews-item__quote {font-family: var(--font-heading); font-size: 60px; line-height: 0.3; color: rgba(139 143 229 / 0.35);}
.reviews-item__review {font-size: 15px; line-height: 1.65; color: #1A1A2E;}
.reviews-item__review span {font-weight: 600; color: #4F53B8;}
.reviews-item__info {margin-top: 24px; padding-top: 24px; border-top: 1px solid #EFEFF5; display: flex; align-items: center; column-gap: 14px;}
.reviews-item__icon {width: 44px; height: 44px; border-radius: 50%; background: linear-gradient(135deg, #EEEFFB, #F5F6FD); flex: none;
    font-family: var(--font-heading); font-size: 18px; font-weight: 600; line-height: 1; color: #4F53B8;
    display: flex; align-items: center; justify-content: center;
}
.reviews-item__name {font-size: 14px; font-weight: 600; line-height: 1.55; color: #1A1A2E;}
.reviews-item__age {font-size: 12px; line-height: 1.4; color: #8585A3; margin: 2px 0 3px;}
.reviews-item__programm {font-size: 10px; font-weight: 600; line-height: 1.55; color: #4F53B8; letter-spacing: 1.2px; text-transform: uppercase;
    padding: 5px 8px 3px; border-radius: 2px; background: #F6F3EE; border: 1px solid #E7E3EF;
}
.reviews-item__programm.recommended {background: #F5F6FD; border: none;}

.section-appointment {background: url("../img/appointment-bg.png") no-repeat right bottom / auto, linear-gradient(to bottom, #DBDDFE, #AEB0DA);}
.appointment__wrapper {--col-gap: 0;}
.appointment__col {flex: 1; --row-gap: 24px;}
.appointment__col:first-child {padding-right: 116px;}
.appointment__title {text-align: left; max-width: 540px; font-weight: 400;}
.appointment__text {text-align: left; color: rgba(74 74 99 / .7); font-size: 16px;}
ul.appointment__list {margin: 16px 0 100px; --list-indent: 0;}
ul.appointment__list > li {font-size: 14px; line-height: 1.5; padding: 10px 0; border-bottom: 1px solid rgba(74 74 99 / 0.08); color: rgba(74 74 99 / 0.85); padding-left: 28px;}
ul.appointment__list > li:before {width: 14px; height: 10px; left: 0; background: var(--icon-bullet-check-med) no-repeat center / contain; border-radius: unset; background-color: unset; top: 10px;}

.common-calendar {padding: 32px 32px 28px; background: #1A1A2E; border-radius: 6px; border: 1px solid rgba(255 255 255 / 0.2); max-width: 600px;}
.common-calendar__note {font-family: var(--font-main); font-size: 11px; font-weight: 600; line-height: 1.54; letter-spacing: 2px; text-transform: uppercase; color: #8B8FE5;}
.common-calendar__label-date {font-family: var(--font-heading); font-size: 26px; font-weight: 500; line-height: 1.2; color: #fff; margin-top: 12px;}
.common-calendar__days {margin-top: 24px; position: relative;}
.common-calendar__tile {border: 1px solid rgba(255 255 255 / 0.1); border-radius: 6px; background: rgba(255 255 255 / 0.04); text-align: center; flex: none; color: #fff;
    display: flex; align-items: center; justify-content: center; flex-direction: column; cursor: pointer;
}
.common-calendar__tile.active {background: #8B8FE5;}
.common-calendar__day {width: 76px; height: 76px; padding: 10px 14px;}
.common-calendar__day-name {color: rgba(239 239 251 / 0.55); font-size: 10px; font-weight: 700; letter-spacing: 1.2px; text-transform: uppercase;}
.common-calendar__date {font-family: var(--font-heading); font-size: 22px; font-weight: 500; line-height: 1; margin: 6px 0 4px;}
.common-calendar__month {color: rgba(239 239 251 / 0.55); font-size: 10px; font-weight: 400; letter-spacing: 1px; text-transform: uppercase;}
.common-calendar__tile.active .common-calendar__day-name {color: rgba(239 239 251 / 0.85);}
.common-calendar__tile.active .common-calendar__month {color: rgba(239 239 251 / 0.85);}

.common-calendar__label {font-size: 10px; font-weight: 600; line-height: 1.55; letter-spacing: 1.5px; text-transform: uppercase; color: rgba(239 239 251 / .5);}
.common-calendar__label-time {margin-top: 23px;}
.common-calendar__times {margin-top: 12px; position: relative; display: flex; flex-wrap: wrap; gap: 8px;}
.common-calendar__time {padding: 12px 26px; width: 94px; height: 45px;}

.common-calendar__result-wrapper {padding: 19px 18px 14px; background: rgba(139 143 229 / .12); border: 1px solid rgba(139 143 229 / .3); border-radius: 4px; margin-top: 16px;}
.common-calendar__result-label {margin-top: -4px;}
.common-calendar__result {font-family: var(--font-heading); font-size: 20px; line-height: 1.3; margin-top: 4px; color: #fff;}
.common-calendar__btn {margin-top: 16px; width: 100%;}
.common-calendar__agree {margin-top: 16px; font-size: 11.5px; line-height: 1.5; color: rgba(239 239 251 / 0.5);}
.common-calendar__agree a {color: rgba(239 239 251 / 0.7); text-decoration: none;}

.common-calendar__next,
.common-calendar__prev {align-items: center; cursor: pointer; display: flex; height: 28px; justify-content: center; position: absolute; width: 28px; z-index: 10; top: calc(50% - 14px);}
.common-calendar__next.swiper-button-disabled,
.common-calendar__prev.swiper-button-disabled {opacity: .35;}
.common-calendar__next.swiper-button-lock,
.common-calendar__prev.swiper-button-lock {display: none;}

.common-calendar__next {right: -14px;}
.common-calendar__prev {left: -14px;}

.section-faq {background: #1A1A2E; border-bottom: 1px solid #E6E6EE;}
.faq__title {background-image: linear-gradient(to right, #fff, #D7D8F9);}
.faq__wrapper {color: #fff; max-width: 820px; margin: 56px auto 0;}

.common-accordion__item {padding: 24px 0; border-bottom: 1px solid rgba(255 255 255 / .1);}
.common-accordion__item:first-child {padding-top: 0;}

.common-accordion__header {display: flex; align-items: center; justify-content: space-between; cursor: pointer; column-gap: 5px;}
.common-accordion__title {font-family: var(--font-heading); font-size: 22px; font-weight: 500; line-height: 1.55; line-height: 38px;}
.common-accordion__control {flex: none; cursor: pointer; font-size: 24px; font-weight: 300; line-height: 38px; color: #8B8FE5;}
.common-accordion__text {height: 0; overflow: hidden; transition: height .2s;}
.common-accordion__text-inner {font-size: 15px; line-height: 1.65; color: rgba(239 239 251 / .75); padding-top: 15px;}

.footer {padding: 64px 0 32px; background: #11111D;}
.footer-qst {padding: 24px 32px; background: rgba(139 143 229 / 0.06); border: 1px solid rgba(139 143 229 / 0.18); border-radius: 2px;}
.footer-qst__title {font-family: var(--font-heading); font-size: 22px; font-weight: 500; line-height: 1.2; color: #fff;}
.footer-qst__text {font-size: 13.5px; line-height: 1.5; color: rgba(239 239 251 / 0.6); margin-top: 4px;}
.footer-qst__btn {height: 47px; font-size: 13px; white-space: nowrap;}

.footer-wrapper {margin: 48px 0; column-gap: 20px;}
.footer__col {max-width: 240px; flex: auto;}
.footer__col:first-child {max-width: 320px;}
.footer__note {font-family: var(--font-heading); font-size: 14px; font-weight: 500; line-height: 1.2; letter-spacing: 0.05px; color: #fff; margin-bottom: 15px;}
.footer__note-bullet {width: 9px; height: 9px; border-radius: 50%; background: #8B8FE5; display: inline-block;}
.footer__item {font-size: 14px; line-height: 1.715; color: rgba(239 239 251 / .75); display: block; text-decoration: none;}
.footer__title {font-size: 11px; font-weight: 600; line-height: 1.54; letter-spacing: 2px; text-transform: uppercase; color: rgba(239 239 251 / .5); margin-bottom: 18px;}

.footer-bottom {border-top: 1px solid rgba(239 239 251 / 0.1); padding-top: 24px; color: rgba(239 239 251 / 0.45); font-size: 12px;}
.footer-bottom__agree {text-decoration: none;}

.banner-wrapper {padding-bottom: 16px;}
.blog-top-banner {margin: 0 auto; border-radius: 10px; overflow: hidden; display: flex;}
.blog-top-banner__pic {max-width: 278px;}
.blog-top-banner__info {padding: 30px 20px; background: linear-gradient(225deg, #8B8FE5, #6266C0); flex: 1;}
.blog-top-banner__text {font-family: var(--font-heading); font-size: 22px; font-weight: 500; line-height: 1.2; letter-spacing: 0.2px; color: #fff;}
.blog-top-banner__btn {margin-top: 16px; height: 39px; padding: 0 20px; font-size: 14px;}

.blog-article {background: #FAFAFB;}
.blog-article .container {max-width: 760px;}
.article-header {display: flex; flex-direction: column; row-gap: 12px; margin-bottom: 12px;}
.article-note {margin-top: 6px;}
.article-title--h1 {font-family: var(--font-heading); font-weight: 500; line-height: 1.2; letter-spacing: 0.5px; font-size: 40px; color: #1A1A2E; text-transform: uppercase; padding: 5px 0 10px;}
.article-content h2 {font-family: var(--font-heading); font-weight: 500; line-height: 1.2; letter-spacing: 0.3px; font-size: 36px; color: #1A1A2E; margin-bottom: 12px;}

.article-meta {display: flex; flex-wrap: wrap; column-gap: 22px; row-gap: 4px; padding: 14px 0; border: 1px solid #E6E6EE; border-width: 1px 0;}
.article-meta__label {font-size: 13px; line-height: 1.6; color: #8585A3;}
.article-meta__value {font-size: 13px; line-height: 1.6; color: #1A1A2E; font-weight: 600;}
.article-meta__share {display: flex; align-items: center; column-gap: 8px;}
.article-meta__share-wrapper img {display: block;}

.blog-article {padding: 12px 0 16px;}
.blog-article__pic {border-radius: 6px; margin-bottom: 12px; max-width: 100%;}
.blog-article p {font-size: 17px; line-height: 1.717; margin-bottom: 12px;}
p.article-heading {font-family: var(--font-heading); font-size: 23px; line-height: 1.44;}

.article-contents {padding: 24px 28px; background: #F5F6FD; border-radius: 8px; border: 1px solid #EEEFFB;}
.article-content .article-contents {margin-bottom: 12px;}
.article-contents__title {font-size: 12px; font-weight: 700; line-height: 1.6; letter-spacing: 1.44px; text-transform: uppercase; color: #4F53B8;}
.article-contents__list {margin: 14px 0 0; padding-left: 15px;}
.article-contents__list > li {font-size: 15px; line-height: 2.05; color: #4F53B8;}
.article-contents__list.collapsed > li:nth-child(n+3) {display: none;}
.article-contents__list > li a {text-decoration: none;}
.article-contents__list.toc_list{
    list-style: decimal;
  padding-left: 15px;
}
.article-contents__more {font-size: 15px; line-height: 1.33; color: #4F53B8; text-decoration: underline; margin-top: 14px; cursor: pointer;}

.article-content ul {margin-left: 4px; margin-bottom: 12px;}
.article-content ul > li {line-height: 1.6; padding: 8px 0;}
.article-content ul > li:first-child {padding-top: 0;}
.article-content ul > li:before {top: 8px;}
.article-content ul > li:first-child:before {top: 0;}

.article-banner {border-radius: 6px; display: flex; overflow: hidden; background: linear-gradient(to right, #BDBFE9 0, #F5F6FD calc(100% - 220px)); border: 1px solid #E6E6EE;}
.article-content .article-banner {margin-bottom: 12px;}
.article-banner__pic {aspect-ratio: 277 / 317; flex: none; max-width: 227px; border-radius: 6px; overflow: hidden;}
.article-banner__info {padding: 30px 34px; flex: auto; display: flex; flex-direction: column; align-items: flex-start;}
.article-banner__name {min-height: 32px; padding: 6px 12px; border-radius: 50px; border: 1px solid #EEEFFB; background: #fff; display: inline-block;
    font-size: 11px; font-weight: 700; line-height: 1.6; letter-spacing: 1.32px; color: #4F53B8; text-transform: uppercase;
}
.article-banner__title {margin-top: 14px; font-family: var(--font-heading); font-size: 26px; font-weight: 600; line-height: 1.18; letter-spacing: 0.2px; color: #1A1A2E;}
.article-banner__text {margin-top: 11px; font-size: 15px; font-weight: 400; line-height: 1.55; color: #1A1A2E;}

.article-author {padding: 22px; display: flex; align-items: center; column-gap: 16px; border-radius: 8px; background: #fff; border: 1px solid #E6E6EE; margin: 12px 0;}
.article-author__pic {flex: none; width: 60px; height: 60px; border-radius: 50%; overflow: hidden;}
.article-author__pic-text {display: none;}
.article-author__name {font-size: 15px; font-weight: 700; line-height: 1.6; color: #1A1A2E;}
.article-author__text {font-size: 13px; font-weight: 400; line-height: 1.6; color: #8585A3;}
.article-banner__btn {height: 49px; margin-top: 20px;}

.article-important {padding: 17px 20px 18px; border-radius: 8px; background: #F3F3F7; font-size: 13px; line-height: 1.6; color: #8585A3;}
.article-important strong {color: #1A1A2E;}

.bottom-sticky-wrapper {position: fixed; bottom: 20px; left: 20px; right: 20px; z-index: 99999999; pointer-events: none;
    display: none; flex-direction: column; row-gap: 6px; align-items: center;
}

.cookies-block {background: #fff; box-shadow: 0 0 30px rgba(0, 0, 0, .3); padding: 20px 36px 20px 25px; border-radius: 4px; pointer-events: auto;
    font-size: 12px; color: grey; line-height: 14px; display: flex; align-items: center; justify-content: space-between; column-gap: 16px;
}
.cookies-block__text--small {display: none; color: #1A1A2E;}
.cookies-block__btn {height: 35px; background: rgba(166 166 166 / .1); padding: 0 16px;}
.cookies-block__btn-text {font-size: 12px; font-weight: 400; color: #1A1A2E; white-space: nowrap; text-transform: uppercase;}
.cookies-block__btn-text--small {display: none; font-size: 12px; font-weight: 400; color: #1A1A2E; letter-spacing: 1px; text-transform: uppercase;}

.cookies-block.small {padding: 8px 16px;}
.cookies-block.small .cookies-block__text--small {display: block;}
.cookies-block.small .cookies-block__text {display: none;}
.cookies-block.small .cookies-block__btn {height: 30px;}
.cookies-block.small .cookies-block__btn-text--small {display: block;}
.cookies-block.small .cookies-block__btn-text {display: none;}

.cta-btn-sticky {opacity: 0; pointer-events: none; transition: .3s;}
.cta-btn-sticky.active {opacity: 1; pointer-events: auto;}

.flex                   {display: flex; gap: var(--row-gap) var(--col-gap);}
.flex-center	        {display: flex; align-items: center; justify-content: center; gap: var(--row-gap) var(--col-gap);}
.flex-between	        {display: flex; align-items: center; justify-content: space-between; gap: var(--row-gap) var(--col-gap);}
.flex-inline            {display: inline-flex;}
.justify-content-center {justify-content: center;}
.justify-content-between{justify-content: space-between;}
.justify-content-around	{justify-content: space-around;}
.justify-content-start  {justify-content: flex-start;}
.justify-content-end    {justify-content: flex-end;}
.align-items-center     {align-items: center;}
.align-items-baseline   {align-items: baseline;}
.align-items-start      {align-items: flex-start;}
.align-items-end        {align-items: flex-end;}
.align-items-stretch    {align-items: stretch;}
.align-content-center	{align-content: center;}
.align-content-baseline	{align-content: baseline;}
.align-content-start	{align-content: flex-start;}
.align-content-end		{align-content: flex-end;}
.align-content-stretch	{align-content: stretch;}
.flex-column			{flex-direction: column;}
.flex-wrap				{flex-wrap: wrap;}
.flex-grow			    {flex-grow: 1;}
.align-self-start	    {align-self: self-start;}
.align-self-center	    {align-self: center;}
.align-self-end		    {align-self: flex-end;}
.align-self-stretch	    {align-self: stretch;}
.flex-none              {flex: none;}

.grid                   {display: grid; gap: var(--row-gap) var(--col-gap);}
.grid-inline            {display: inline-grid; gap: var(--row-gap) var(--col-gap);}
.grid-col               {display: grid; gap: var(--row-gap) var(--col-gap); grid-template-columns: repeat(var(--cols, 1), minmax(0,1fr));}
.grid-row               {display: grid; gap: var(--row-gap) var(--col-gap); grid-template-rows: repeat(var(--cols, 1), minmax(0,1fr));}
.grid-flow-column       {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-flow: column;}
.grid-flow-row          {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-flow: row;}
.grid-flow-dense        {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-flow: dense;}
.grid-auto-columns      {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-columns: minmax(0,1fr);}
.grid-auto-rows         {display: grid; gap: var(--row-gap) var(--col-gap); grid-auto-rows: minmax(0,1fr);}
.grid-cols-2            {--cols: 2;}
.grid-cols-3            {--cols: 3;}
.grid-cols-4            {--cols: 4;}
.grid-cols-5            {--cols: 5;}
.grid-cols-6            {--cols: 6;}
.grid-rows-2            {--rows: 2;}
.grid-rows-3            {--rows: 3;}
.grid-row-span-2        {grid-row: span 2;}
.grid-row-span-3        {grid-row: span 3;}
.grid-col-span-2        {grid-column: span 2;}
.grid-col-span-3        {grid-column: span 3;}

.gap-10	{--row-gap: 10px; --col-gap: 10px;}
.gap-8	{--row-gap: 8px; --col-gap: 8px;}

.row-gap-10 {--row-gap: 10px;}

.col-gap-10	{--col-gap: 10px;}

.ml-a {margin-left: auto;}
.mr-a {margin-right: auto;}
.mx-a {margin-left: auto; margin-right: auto;}
.mt-a {margin-top: auto;}
.mb-a {margin-bottom: auto;}

.m-0 {margin: 0;}
.mt-0 {margin-top: 0;}
.mb-0 {margin-bottom: 0;}
.my-0 {margin-top: 0; margin-bottom: 0;}
.mt-30 {margin-top: 30px;}
.mb-30 {margin-bottom: 30px;}

.p-0 {padding: 0;}
.pt-0 {padding-top: 0;}
.pb-0 {padding-bottom: 0;}
.py-0 {padding-top: 0; padding-bottom: 0;}
.pt-30 {padding-top: 30px;}
.pb-30 {padding-bottom: 30px;}

.d-block {display: block !important;}

.full-width {width: 100%;}
.full-height {height: 100%;}
.max-width-500 {width: 100%; max-width: 500px;}

.fit > img,
.fit > picture > img {width: 100%; height: 100%; object-fit: cover; display: block;}
.fit-contain > img,
.fit-contain > picture > img {width: 100%; height: 100%; object-fit: contain;}
img.full-width {width: 100%; height: auto; display: block;}
img.responsive {max-width: 100%; height: auto; display: block;}

.relative {position: relative;}
.absolute-center {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}
.overflow-hidden {overflow: hidden;}
.round {border-radius: 999999px;}
.round-hidden {border-radius: 999999px; overflow: hidden;}

h1, h2, h3, h4, h5, h6 {margin: 0; font-size: inherit; font-weight: inherit;}
.t-300 {font-weight: 300;}
.t-400, .t-regular {font-weight: 400;}
.t-500 {font-weight: 500;}
.t-600 {font-weight: 600;}
.t-700, .t-bold {font-weight: 700;}
.t-900 {font-weight: 900;}

.uppercase {text-transform: uppercase;}
.font-main {font-family: var(--font-main);}
.text-italic {font-style: italic;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.block-center {margin-left: auto; margin-right: auto;}
.underline {border-bottom: 1px solid inherit;}
.ellipsis {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.scroll, .hand {cursor: pointer;}

.reset-float {clear: both;}
.dn {display: none;}

.only-mob {display: none;}
@media (max-width: 767px){
    .only-pc {display: none;}
    .only-mob {display: block;}
}

.burger-btn {display: none; cursor: pointer;}
.close-btn {display: none;}

@media (max-width: 991px){

.header {padding: 0; position: static;}
    .header .container {padding: 0;}
    .header-inner {padding: 16px 32px 14px; background: #fff; position: relative; width: 100%; z-index: 3000; --col-gap: 14px;}

    .header-wrapper {overflow: hidden; } 
    .mob-menu {flex-direction: column; justify-content: flex-start; align-items: flex-start; row-gap: 14px; padding: 16px; width: 100vw;
        background: #fff; position: absolute; top: calc(66px - 100vh); z-index: 2999; transition: top .3s, right .3s; overflow-x: clip;
        --current-menu: 0; right: calc(var(--current-menu) * 100vw);
    }
    .top-menu-nav {width: 100%;}
    .top-menu {flex-direction: column; justify-content: flex-start; align-items: stretch; row-gap: 4px; width: 100%; position: relative; padding: 0; margin: 0;}
    .mob-menu-backdrop {position: fixed; left: 0; top: 0; width: 100vw; height: 100vh; transition: background ease .3s; background: transparent;
        z-index: 2999; pointer-events: none;
    }
    
    .mob-menu-backdrop.active {pointer-events: auto;  background: rgba(0, 0, 0, 0.15);}
    
    .mob-menu-backdrop.active .mob-menu {top: 67px; border-bottom: 1px solid #E6E6EE;}
    .mob-menu-backdrop .mob-menu {overflow-x: visible;}

    .burger-btn {display: block; order: 1;}
    .close-btn {display: block;}

}

.container, .container-fluid {width: 100%; padding-left: 18px; padding-right: 18px; margin-left: auto; margin-right: auto;}

@media (min-width: 576px) {
    .container {padding-left: 32px; padding-right: 32px;}
}

@media (min-width: 1240px){
    .container {max-width: 1240px;}
    .header .container {padding: 0;}
}

@media (max-width: 1239px) {
    .investment__slider {margin: 0 -32px; padding: 0 32px; width: calc(100% + 64px);}
}
@media (min-width: 992px) and (max-width: 1239px) {
    .top-menu__submenu-inner {grid-template-columns: repeat(3, minmax(0, 1fr));}
    .top-menu__big-frame {max-width: 100%; padding: 24px; max-height: calc(100vh - 87px);}
    .header .btn-primary {max-width: 170px;}
    .header-item.logo-n {display: none;}
    .header-item.header-sep {display: none;}
}

@media (max-width: 1199px){
    .doctors__wrapper {flex-direction: column;}

    .appointment__wrapper {flex-direction: column; --row-gap: 32px;}
    .appointment__col:first-child {padding: 0;}
    ul.appointment__list {margin: 0;}

    .section-hero {padding-top: 60px;}
    .hero__col {padding: 0;}

    .tariffs__items-wrapper {--col-gap: 12px;}
    ul.tariffs-item__list {margin: 16px 0 40px;}
}

@media (max-width: 991px){
    .content {margin-top: 0;}

    .top-menu__big-frame {padding: 0;}
    .top-menu__item {display: flex; align-items: center;}
    .top-menu__text-header {font-size: 16px; font-weight: 600; color: #8B8FE5;}
    .top-menu__text {position: relative; min-height: 42px; display: flex; align-items: center; column-gap: 3px; text-decoration: none;}
    .top-menu__item > .top-menu__text:before {height: 42px;}
    .top-menu__item:not(.active) > .top-menu__text:before {opacity: 0; pointer-events: none;}
    
    .top-menu__submenu {position: absolute; top: 0; right: -100vw; width: 100vw;
        padding: 16px 4px 16px 16px; margin: 0; background: #fff; z-index: 1; transition: right 0.3s; border-bottom: 1px solid #E6E6EE;
    }
    .top-menu__submenu-inner {list-style: none; padding: 0 12px 0 0; margin: 0; overflow-y: auto; max-height: calc(100vh - 66px - 114px);}
    .top-menu__item > .top-menu__submenu {right: calc(-100vw - 16px); top: -16px;}
    .top-menu__subitem {min-height: 42px; display: flex; align-items: center;}
    .top-menu__tree > .top-menu__submenu {display: none;}
    .top-menu__tree.show > .top-menu__submenu {display: block;}
    .top-menu__subitem-back {column-gap: 4px;}
    .top-menu__subitem-header {border-bottom: 1px solid #ECECEC;}
    .top-menu__control {width: 40px; height: 38px; display: flex; align-items: center; padding-left: 4px;}

.section-hero {border-top: 0; background: url("../img/hero-pic-768.png") no-repeat center top / cover;}
    .hero__wrapper {flex-direction: column;}
    .hero__col {width: 100%; max-width: none; flex: auto;}
    .hero__col:first-child {order: 1;}
    .hero__col:last-child {aspect-ratio: 704 / 450;}
    .hero__pic {position: relative; display: none;}
    .hero__system-tiles-wrapper {position: relative; height: 100%; left: 0; bottom: 0;}

    .hero__system-tiles-wrapper .system-tile {position: absolute;}
    .hero__system-tiles-wrapper .system-tile:first-child {left: 5px; bottom: 18px;}
    .hero__system-tiles-wrapper .system-tile:last-child {right: 13px; bottom: 40px;}

    .hero__note {max-width: 500px; margin: 0 auto;}
    .hero__title {text-align: center;}
    .hero__info {max-width: none; order: 1; text-align: center;}
    .hero__btn-wrapper {align-items: center;}

    .stages__wrapper {flex-direction: column; border-width: 1px 0 0;}
    .stages-item {border: 0; border-bottom: 1px solid #E6E6EE; flex: auto; padding: 28px;}

    .plan__wrapper {--cols: 2;}

    .result-card {flex-direction: column;}

    .why__table-scroll {overflow-x: auto;}
    .why__table {width: 960px;}

    .reviews__wrapper {display: flex; flex-direction: column;}

    .footer__col:first-child {max-width: 220px;}
}

@media (max-width: 767px){
    .section-plan {overflow: hidden;}
    .plan__slider {overflow: visible;}
    .plan__wrapper {display: flex; --col-gap: 0; margin: 48px -32px 0; padding: 0 32px; width: calc(100% + 64px);}
    .plan-item {width: 300px;}

    .section-faq {border-bottom: none;}

    .footer-qst {flex-direction: column; align-items: stretch; --row-gap: 12px; padding: 20px;}
    .footer-qst__title {font-size: 18px;}
    .footer-qst__text {font-size: 13px;}

    .footer-wrapper {flex-direction: column; margin: 28px 0; --row-gap: 24px;}
    .footer__col:first-child {max-width: 100%;}
    .footer__col {max-width: 100%;}

    .footer-bottom {flex-direction: column; --row-gap: 2px; padding-top: 18px;}
}

@media (max-width: 575px){
    .logo-l i {height: 28px; width: 160px;}
    .header-inner {padding-left: 18px; padding-right: 18px;}
    .header-item__wrapper-logo {--col-gap: 10px;}

    .section {padding: 48px 0 60px;}
    .common-title {font-size: 28px; line-height: 1.14;}
    .section__text {font-size: 15px;}

    .section-hero {background-size: contain; padding-bottom: 48px;}
    .hero__title {font-size: 30px; line-height: 1.2;}

    .hero__wrapper {gap: 0;}
    .hero__col:first-child {--row-gap: 12px;}
    .hero__col:last-child {aspect-ratio: 704 / 400;}

    .hero__system-tiles-wrapper .system-tile {transform: scale(0.64);}
    .hero__system-tiles-wrapper .system-tile:first-child {transform-origin: left bottom;}
    .hero__system-tiles-wrapper .system-tile:last-child {transform-origin: right bottom;}

    .hero__info {font-size: 15px;}

    .hero__btn-wrapper {align-items: stretch;}

    .investment__title {padding: 0 50px; margin-bottom: 40px;}
    .investment__slider {margin: 0 -18px; padding: 0 18px; width: calc(100% + 36px);}
    .investment-card {width: 329px;}
    .investment-card__pic {aspect-ratio: 329 / 360;}
    .investment-card__title {font-size: 22px;}

.bioage__inner {align-items: stretch;}
    .bioage__title {padding: 0 10px;}
    .bioage__title br {display: none;}
    .bioage-scale__point--pass {left: 30px;}
    .bioage-scale__point--bio {right: 30px;}

    .bioage-scale {padding: 68px 16px 22px;}
    .bioage-scale__line {width: 145px;}
    .bioage-scale__info {font-size: 13px; max-width: 200px;}
    .bioage__text {margin-top: 8px;}

.stages__pic img {width: 200px;}
    .stages__text {font-size: 14.5px;}
    .stages__wrapper {padding-top: 16px;}
    .stages-item {padding: 28px 0;}
    .stages-item__num {font-size: 42px;}
    .stages-item__title {font-size: 20px;}

.doctors__wrapper {gap: 20px;}
    .doctor-card {flex-direction: column; row-gap: 18px; padding: 22px;}
    .doctor-card__pic { width: 140px; max-width: 100%;}
    .doctor-card__fio {font-size: 24px;}
    .doctor-card__item {display: block;}

.section-result {padding-top: 56px; background: #fff;}
    .result-card {padding: 24px;}
    .result-card__title {font-size: 26px;}
    ul.result-card__list {margin-top: 0;}

    .plan__wrapper {margin: 48px -18px 0; padding: 0 18px; width: calc(100% + 36px);}

    .tariffs__slider {margin: 14px -18px 0; padding: 10px 18px 0; width: calc(100% + 36px);}
    .tariffs-item {width: 300px;}
    .tariffs-item__info {margin-top: 10px;}
    ul.tariffs-item__list {margin: 16px 0 20px;}
    .tariffs__important {margin-top: 75px;}

.reviews__wrapper {margin-top: 40px;}
    .reviews-item {padding: 32px 28px; border-radius: 18px;}
    .reviews-item__quote {color: #8579C4;}
    .reviews-item__info {margin-top: 16px; padding-top: 16px; align-items: flex-start; column-gap: 12px;}
    .reviews-item__icon {width: 38px; height: 38px; font-size: 16px; background: #EFEAFF;}
    .reviews-item__programm {margin: 16px 0 0 -50px;}

.common-calendar {padding: 24px 20px;}
    .common-calendar__note {letter-spacing: 1.5px;}
    .common-calendar__btn {line-height: 1.5; padding: 13px 10px 14px; height: auto;}

.common-accordion__item {padding: 18px 0 28px;}

.blog-top-banner {flex-direction: column;}
    .blog-top-banner__info {order: 1; padding: 20px;}

    .blog-top-banner__pic {aspect-ratio: 354 / 160; max-width: 100%;}
    .blog-top-banner__text {font-size: 20px;}

    .article-title--h1 {font-size: 24px;}

    .article-contents__list.collapsed > li:nth-child(n+3) {display: list-item;}
    .article-contents__more {display: none;}

.article-banner {flex-direction: column;}
    .article-banner__pic {order: -1; aspect-ratio: 352 / 160; max-width: 100%;}
    .article-banner__info {padding: 20px;}
    .article-banner__title {margin-top: 10px; font-size: 21px;}
    .article-banner__text {margin-top: 6px;}
    .article-banner__btn {margin-top: 18px; align-self: stretch;}

    .article-title--h2 {font-size: 28px; margin-top: 50px;}
    .article-author__pic {background: #EEEFFB; display: flex; align-items: center; justify-content: center;}
    .article-author__pic-text {display: block; font-family: var(--font-heading); font-size: 22px; font-weight: 600; color: #4F53B8;}
    .article-author__pic img {display: none;}

.bottom-sticky-wrapper {left: 18px; right: 18px;}
    .cta-btn-sticky.active {width: 100%;}
    .cookies-block {flex-direction: column; row-gap: 10px; padding: 16px; width: 100%;}
    .cookies-block.small {flex-direction: row;}

}