/* ============================================================ */
/* Основа ===================================================== */
/* ============================================================ */

/* Обертка ==================================================== */
body {
    margin: 0 auto;
    min-height: 100vh;
	scroll-behavior: smooth;
	text-rendering: optimizeSpeed;

    font-family: 'Avenir';
    line-height: 1.4em;

    color: var(--black);
    background-color: var(--f4f4f4);
}
.container {
    width: 100%;
    margin: 0 auto;
}



/* Заголовки ================================================== */
.title, .heading {
    font: var(--font-title);
    margin-bottom: 40px;
}
.title-underline, .heading-underline {
    font: var(--font-title);
    margin-bottom: 30px;
}
.title-underline:after, .heading-underline:after {
    content: '';
    height: 2px;
    width: 100%;
    max-width: 220px;
    display: block;
    margin-top: 15px;
    background: linear-gradient(to right, var(--violet), transparent);
}

/* PC */
@media only screen and (min-width: 769px) {
    body {
        min-width: 1200px;
    }
    .container {
        max-width: 1200px;
        padding: 0 15px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    :root{
        --font-title: 600 20px / 28px 'Cera';
    }
    .container {
        padding: 0 10px;
    }
}

/* ============================================================ */
/* Тело ======================================================= */
/* ============================================================ */
.main {}
.main--inner {
    min-height: calc(100vh - 670px);
    margin-bottom: 30px;
}
.main__container {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
}
.main__content {
    flex-grow: 1;
    min-width: 0;
}
.main__content > [id] {
    margin-top: 15px;
    padding-top: 15px;
}
.main__top {
    margin: 10px auto;
}
.main__top h1.title {
    display: block;
    line-height: 1.2em;
    margin-bottom: 0;
}
.main__sidebar {
    width: 280px;
    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    row-gap: 20px;
}
.main__sidebar--left {}
.main__sidebar--right {}

/* PC */
@media (min-width: 769px) {
    .main > section {
        padding: 50px 0 60px;
    }
    .main > section.widget {
        margin: 0;
        background: transparent;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .main--inner {
        margin-bottom: 0;
        border-bottom: 1px solid var(--eeeeee);
    }
    .main__container {
        padding: 0;
        margin-bottom: 0;
        flex-wrap: wrap;
    }
    .main__sidebar {
        width: 100%;
        padding: 0 10px;
    }
    .main__content--list {
        padding: 0 10px;
        margin-bottom: 10px;
    }
    .main__content--item {
        margin: 0 10px 15px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .item-box{
        padding: 15px;
        background-color: var(--white);
    }
}

/* ============================================================ */
/* Шапка ====================================================== */
/* ============================================================ */
.header {
    background-color: var(--white);
}

.header-top {
    display: flex;
    align-items: center;
    padding: 5px 0;
}
.header-top__links {
    font-size: 14px;
    font-weight: 600;
	display: flex;
    align-items: center;
    gap: 15px;
}

@media (max-width: 768px) {
    .header-top {
        padding: 15px 0;
    }

    .h-logo {
        width: 40px;
        height: 40px;
        display: block;
        background: url(../images/logo-mobile.svg) no-repeat center left / contain;
        position: relative;
        z-index: 10;
    }

    .h-buttons {
        display: flex;
        align-items: center;
        margin-left: auto;
        padding: 5px 0;
    }
    .h-buttons__link {
        width: 30px;
        height: 30px;
        padding: 5px;
        display: block;
        margin: 0 2px;
    }
    .h-buttons__link:last-child {
        margin-right: 0;
        margin-left: 0;
    }
    .h-buttons__icon {
        width: 100%;
        height: 100%;
        color: var(--violet);
    }
}

/* Шапка - поиск ============================================== */
.header-top__search {
	margin-left: auto;
}
.header-top__search-form {
	width: 240px;
    position: relative;
}
.header-top__search-input {
	width: 100%;
    font-size: 14px;
    line-height: 18px;
    border-radius: 20px;
    border: 1px solid var(--black-10);
    background-color: var(--f4f4f4);
    padding: 5px 40px 5px 10px;
}
.header-top__search-button {
	width: 30px;
    height: 30px;
    padding: 7px;
    position: absolute;
    top: 0;
    right: 0;
    border-radius: 20px;
    background-color: var(--violet);
    color: var(--white);
}
.header-top__search-button svg {
    width: 100%;
    height: 100%;
}

/* Шапка - соц сети =========================================== */
.soclinks {
    display: flex;
}
.soclink {
    width: 30px;
    height: 30px;
    padding: 7px;
    display: block;
    color: var(--white);
    margin-left: 8px;
    border-radius: 20px;
    transition: box-shadow .2s linear;
}
.soclink:hover {
    color: var(--white);
}
.soclink__icon {
    width: 100%;
    height: 100%;
}
.soclink--max {
    background: linear-gradient(135deg, #346CFC 0%, #7A29DC 100%);
}
.soclink--max:hover {
    box-shadow: 0px 0px 15px -3px #7A29DC;
}
.soclink--whatsapp {
    background-color: #1ac23c;
}
.soclink--whatsapp:hover {
    box-shadow: 0px 0px 15px -3px #1ac23c;
}
.soclink--telegram {
    background-color: #41b4e6;
}
.soclink--telegram:hover {
    box-shadow: 0px 0px 15px -3px #41b4e6;
}
.soclink--vk {
    background-color: #2787f5;
}
.soclink--vk:hover {
    box-shadow: 0px 0px 15px -3px #2787f5;
}
.soclink--youtube {
    background-color: #ff0000;
}
.soclink--youtube:hover {
    box-shadow: 0px 0px 15px -3px #ff0000;
}
.soclink--lk {
    background-color: var(--violetlight);
}
.soclink--lk:hover {
    box-shadow: 0 0 15px -3px var(--violetlight);
}

/* Шапка - центр ============================================== */
.header-center {
    display: flex;
    align-items: flex-end;
    padding: 5px 0 30px;
    border-top: 1px solid var(--eeeeee);
}

/* Шапка - лого =============================================== */
.header-center__logo {
    width: 210px;
    height: 84px;
    display: block;
    margin-bottom: -10px;
    /*background: url(../images/logo-header.png) no-repeat center left / contain;*/
    background: url(../images/logo-header.svg) no-repeat center left / contain;
    position: relative;
    z-index: 10;
}

/* Шапка - центральное меню =================================== */
.header-center__menu {
    font-size: 14px;
    font-weight: 600;
    margin-left: auto;
}
.header-center__menu svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    color: var(--violet);
}
.header-center__menu-graph {
    display: flex;
    align-items: center;
    line-height: 26px;
}
.header-center__menu-list {
    display: flex;
    line-height: 16px;
    margin-top: 8px;
}
.header-center__menu-item {
    margin-right: 20px;
}
.header-center__menu-item:last-child {
    margin-right: 0;
}
.header-center__menu-link {
    display: flex;
    align-items: center;
}

/* Шапка - контакты  ========================================== */
.header-center__contacts {
    position: relative;
    margin-left: 30px;
}
.header-center__contacts-phone {
    font-size: 22px;
    font-weight: bold;
    line-height: 26px;
    letter-spacing: 0.5px;
}
.header-center__contacts-callback {
    display: flex;
    align-items: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-top: 8px;
    cursor: pointer;
    transition: color .15s linear;
}
.header-center__contacts-callback:hover {
    color: var(--violet);
}
.header-center__contacts-callback svg {
    width: 16px;
    height: 16px;
    margin-right: 5px;
    color: var(--violet);
}

/* Шапка - кнопки ============================================= */
.header-center__buttons {
	font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    margin-left: 30px;
    display: flex;
    align-items: center;
}
.header-center__buttons svg {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    fill: var(--white);
}
.header-center__button {
	display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--violet);
}
.header-center__button--oms {
	width: 84px;
    background: var(--gradient-oms);
}
.header-center__button--record {
	background: var(--gradient-record);
	margin-left: 10px;
}


/* Главное меню =============================================== */
.mainmenu {
    position: relative;
    background-color: var(--violet);
    background: var(--gradient-vioblue);
    line-height: 1em;
}
.mainmenu__box {
    display: flex;
    align-items: center;
}
.mainmenu__list {
    display: flex;
    font-weight: 600;
    align-items: center;
    justify-content: space-between;
    width: calc(100% + 30px);
    margin: 0 -15px;
}
.mainmenu__item {
    position: relative;
    margin-right: 10px;
}
.mainmenu__item:last-child {
    margin-right: 0;
}
.mainmenu__link {
    display: inline-flex;
    align-items: center;
    text-transform: uppercase;
    padding: 14px;
    fill: var(--white);
    color: var(--white);
}
.mainmenu__item:hover .mainmenu__link {
    color: var(--violet);
    background-color: var(--white);
}
.mainmenu__arrow {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}
.mainmenu__sublist {
    top: 45px;
    left: 0;
    width: 400px;
    font-weight: 500;
    line-height: 20px;
    border-radius: 4px;
    position: absolute;
    box-shadow: var(--shadow-7_1);
    background-color: var(--white);
    transform: translateY(20px);
    text-transform: initial;
    letter-spacing: normal;
    visibility: hidden;
    z-index: 31;
    opacity: 0;
    transition-delay: .05s;
    transition-duration: .05s;
    transition-timing-function: linear;
    transition-property: transform, opacity, visibility;
    overflow: hidden;
}
.mainmenu__item:nth-child(1n + 6) .mainmenu__sublist {
    left: initial;
    right: 0;
}
.mainmenu__item:hover .mainmenu__sublist {
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    transition-delay: 0s;
    transition-duration: .15s;
}
.mainmenu__subitem {
    border-bottom: 1px solid var(--f8f8f8);
}
.mainmenu__subitem:last-child {
    border: none;
}
.mainmenu__sublink {
    display: block;
    padding: 10px 15px;
    transition-property: color, background-color, padding;
}
.mainmenu__sublink:before {
    content: '\27A5';
    color: var(--violet);
    margin-right: 5px;
}
.mainmenu__sublink:before {
    content: '';
    color: var(--violet);
    margin-right: 5px;
    width: 14px;
    height: 14px;
    display: inline-flex;
    background: url(../images/arrow-menu.svg) no-repeat center / contain;
}
.mainmenu__sublink:hover {
    padding-left: 25px;
    color: var(--black);
    background-color: var(--f4f4f4);
}
.mainmenu__sublist ul {
    display: none;
}

/* PC */
/* PC */
@media (min-width: 769px) {
    .mobmenu {
        display: none;
    }
}

/* Mobile */
@media (max-width: 768px) {
    /* Фикс меню ================================================== */
    .fixmenu{
        width: 100%;
        background-color: var(--white);
        box-shadow: var(--shadow-1);
        transform: translate(-50%, 100%);
        transition: transform .4s 0s ease;
        border-top: 1px solid var(--black-10);
        position: fixed;
        left: 50%;
        bottom: 0;
        z-index: 99;
    }
    .fixmenu:after{
        content: '';
        width: 100%;
        height: 3px;
        left: 0;
        bottom: 0;
        position: absolute;
        background: linear-gradient(to right, #d0147f, #00a0e3);
    }
    .fixmenu--show{
        transform: translate(-50%, 0);
        transition: transform .3s .3s ease;
    }
    .fixmenu__list{
        display: flex;
    }
    .fixmenu__item{
        width: 20%;
    }
    .fixmenu__icon{
        width: 24px;
        height: 24px;
    }
    .fixmenu__link{
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        text-align: center;
        padding: 12px 0;
        gap: 5px;
    }
    .fixmenu__title{
        width: 100%;
        display: block;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
    }

    /* Главное меню =============================================== */
    .mobmenu {
        top: 0;
        left: 0;
        z-index: 102;
        position: fixed;
        width: 100%;
        height: 100%;
        overflow: hidden;
        background-color: var(--white);
        transform: translateX(105%);
        transition: transform .2s ease;
    }
    .mobmenu--show{
        transform: translateX(0);
    }
    .mobmenu__title {
        font: 600 20px/20px Cera;
        text-align: center;
        padding: 20px 0;
        border-bottom: 1px solid var(--black-10);
    }
    .mobmenu__box {
        height: calc(100% - 130px);
        overflow-y: auto;
    }
    .mobmenu__box::-webkit-scrollbar{
        width: 5px;
    }
    .mobmenu__buttons{
        padding: 20px 10px;
    }
    .mobmenu__button{
        text-align: center;
    }
    .mobmenu__button:last-child{
        margin-bottom: 0;
    }
    .mobmenu__icon{
        background-color: var(--violet);
        display: inline-block;
        width: 46px;
        height: 46px;
        border-radius: 8px;
        color: var(--white);
        padding: 7px;
        margin-bottom: 5px;
    }
    .mobmenu__icon--lk{
        padding: 5px;
    }
    .mobmenu__icon--call{
        padding: 10px;
    }
    .mobmenu__button-title{
        font-size: 12px;
        line-height: 14px;
        font-weight: 500;
        display: block;
    }
    .mobmenu__list {
        font-size: 14px;
        font-weight: 500;
        line-height: 22px;
        padding: 0 10px;
    }
    .mobmenu__item:not(:last-child) {
        border-bottom: 1px solid var(--black-10);
    }
    .mobmenu__link{
        display: flex;
        align-items: center;
        padding: 14px 0;
        position: relative;
    }
    .mobmenu__link-next{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 40px;
        height: 40px;
        padding: 15px;
        border-radius: 12px;
        position: absolute;
        z-index: 1;
        right: 0;
        top: 5px;
        background-color: var(--f8f8f8);
    }
    .mobmenu__link-next svg {
        display: block;
    }
    .mobmenu__subbox{
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 5;
        position: absolute;
        background-color: var(--white);
        transform: translateX(105%);
        transition: transform .2s ease;
    }
    .mobmenu__subbox--show{
        transform: translateX(0);
    }
    .mobmenu__subtitle{
        font: 600 20px/20px Cera;
        padding: 20px 0;
        text-align: center;
        border-bottom: 1px solid var(--black-10);
    }
    .mobmenu__sublist{
        padding: 0 10px;
        overflow-y: auto;
        height: calc(100% - 130px);
    }
    .mobmenu__subitem{
        border-bottom: 1px solid var(--black-10);
    }
    .mobmenu__sublink{
        display: flex;
        align-items: center;
        padding: 18px 0;
        position: relative;
    }
    .mobmenu__prev{
        width: 36px;
        height: 36px;
        padding: 8px;
        overflow: hidden;
        color: var(--white);
        border-radius: 50%;
        background-color: var(--violet);
        border: 2px solid var(--violet);
        position: absolute;
        left: calc(50% - 18px);
        bottom: 16px;
    }
    .mobmenu__prev svg{
        width: 100%;
        height: 100%;
        display: block;
        transform: rotate(180deg) translateX(2px);
    }
    .mobmenu__info{
        padding: 16px 0;
        border-top: 1px solid var(--black-10);
    }
    .mobmenu__close{
        display: flex;
        align-items: center;
        justify-content: center;
        width: 36px;
        height: 36px;
        padding: 12px;
        margin: 0 auto;
        border-radius: 50%;
        background-color: var(--violet);
        transition: opacity .1s .1s linear;
        opacity: 1;
        color: var(--white);
        position: relative;
        overflow: hidden;
        z-index: 1;
    }
    .mobmenu__close--hide{
        opacity: 0;
    }

    /* Меню - контакты ============================================ */
    .mob-contacts{
        left: 50%;
        bottom: 0;
        width: 100%;
        background-color: var(--white);
        transform: translate(-50%, 100%);
        transition: transform .4s 0s ease;
        border-radius: 16px 16px 0 0;
        position: fixed;
        z-index: 101;
        padding: 20px 15px;
        /*transition: transform .4s .1s ease;
        transform: translate(-50%, 0%);*/
        display: none;
    }
    .mob-contacts_show{
        transition: transform .4s .1s ease;
        transform: translate(-50%, 0%);
    }
    .mob-contacts__heading{
        font-size: 26px;
        line-height: 30px;
        margin-bottom: 20px;
        text-align: center;
    }
    .mob-contacts__boxes{
        padding-right: 5px;
        overflow: auto;
        height: calc(100vh - 150px);
    }
    .mob-contacts__boxes::-webkit-scrollbar{
        width: 1px;
    }
    .mob-contacts__boxes::-webkit-scrollbar-thumb{
        background-color: var(--black-10);
    }
    .mob-contacts__boxes::-webkit-scrollbar-track{
        background-color: transparent;
    }
    .mob-contacts__boxes::-webkit-scrollbar-track:hover{
        background-color: transparent;
    }
    .mob-contacts__box{
        position: relative;
    }
    .mob-contacts__box:last-child{}
    .mob-contacts__clinics{}
    .mob-contacts__clinic{
        margin-bottom: 15px;
    }
    .mob-contacts__clinic:last-child{
        margin-bottom: 0;
    }
    .mob-contacts__location{
        font: 600 18px/24px Cera;
        background-color: var(--white);
        margin-bottom: 15px;
    }
    .mob-contacts__list{}
    .mob-contacts__item{
        padding: 12px 0;
        border-top: 1px solid var(--black-10);
        display: flex;
        align-items: center;
    }
    .mob-contacts__item:last-child{
        border-bottom: 1px solid var(--black-10);
        display: flex;
        align-items: center;
    }
    .mob-contacts__info{
    }
    .mob-contacts__title{
        font-weight: 600;
        margin-bottom: 8px;
    }
    .mob-contacts__phone{}
    .mob-contacts__actions{
        margin-left: auto;
        display: flex;
    }
    .mob-contacts__action{
        display: block;
        width: 40px;
        height: 40px;
        padding: 10px;
        border-radius: 50%;
        margin-left: 15px;
    }
    .mob-contacts__action_call{
        background-color: #2196f3;
    }
    .mob-contacts__action_whatsapp{
        background-color: #4caf50;
    }
    .mob-contacts__action svg{
        width: 100%;
        height: 100%;
        fill: var(--white);
    }
    .mob-contacts__close{}
}


/* ============================================================ */
/* Баннеры ==================================================== */
/* ============================================================ */
.banners {
    margin: 0 auto;
    position: relative;
}
.banners__swiper {
    width: 100%;
    overflow: hidden;
}
.banners__image {
	width: 100%;
    height: 100%;
    object-fit: cover;
}
.banners__pagination {
	margin: 20px 0 10px !important;
    position: relative !important;
    bottom: 0 !important;
}
.banners__bullet.swiper-pagination-bullet {
	background: var(--violet);
}
.banners__buttons {
    width: 1200px;
    position: absolute;
    top: 50%;
    left: 50%;
    opacity: 0;
    transform: translate(-50%, -50%);
    transition: opacity .2s linear;
    z-index: 1;
}
.banners__swiper:hover + .banners__buttons,
.banners__buttons:hover {
	opacity: 1;
}
.banners__button {
    width: 26px;
    height: 28px;
    padding: 6px;
    border-radius: 10px;
    background-color: rgb(255 255 255 / 65%);
    position: absolute;
    top: 0;
    transition: all 0.2s linear;
    cursor: pointer;
}
.banners__button:hover {
    background-color: var(--violet);
}
.banners__button svg {
    width: 100%;
    height: 100%;
    display: block;
    fill: var(--violet);
    transition: all 0.2s linear;
    transform: translateX(1px);
}
.banners__button:hover svg {
    color: var(--white);
}
.banners__button--prev {
    left: 10px;
}
.banners__button--prev svg {
    transform: rotate(180deg);
}
.banners__button--next {
    right: 10px;
}
.banners__button--next svg {}
.banners__progress-bar {
    display: none;
	width: 1150px;
	position: relative;
	left: 50%;
	height: 1px;
	background-color: rgb(208 20 127 / 10%);
	overflow: hidden;
	margin-top: 5px;
	transform: translateX(-50%);
	border-radius: 100%;
}
.banners__progress-fill {
    width: 100%;
    height: 100%;
    background-color: rgb(208 20 127 / 50%);
    transition: transform linear 0.05s;
    transform-origin: center center;
    transform: scaleX(1);
}

@media (min-width: 769px) {
    .banners {
        padding: 20px 0 10px !important;
    }
    .banners__slide.swiper-slide {
        width: 1200px;
        height: 420px;
        background-color: red;
        border-radius: 24px;
        overflow: hidden;
        transform: scale(.95) !important;
        opacity: 0.8;
        filter: blur(1px);
        transition: all 0.2s linear;
    }
    .banners__slide--active.swiper-slide {
        opacity: 1;
        filter: blur(0px);
        transform: scale(1) !important;
    }
    .banners__warning {
        text-align: center;
        text-transform: uppercase;
        font-family: 'Bebasneue';
        font-size: 26px;
        font-weight: 400;
        opacity: 0.2;
        margin-top: 15px;
        letter-spacing: 5px;
    }
}

@media (max-width: 768px) {
    .banners__slide.swiper-slide {
        aspect-ratio: 1200 / 620;
        background-color: red;
        overflow: hidden;
    }
    .banners__buttons {
        display: none;
    }
    .banners__pagination {
        margin: 15px 0 10px !important;
    }
    .banners__warning {
        font-family: 'Bebasneue';
        font-size: 13px;
        font-weight: 400;
        line-height: 20px;
        opacity: 0.2;
        margin-top: 10px;
        letter-spacing: 4px;
        text-align: center;
        text-transform: uppercase;
    }
}


/* ============================================================ */
/* Услуги ===================================================== */
/* ============================================================ */
/* Услуги - список ============================================ */
.services,
.services-list {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 20px;
}
.services-list {}
.services-list__box {
    padding: 20px;
    border-radius: 24px;
    background-color: var(--white);
    flex-grow: 1;
}
.services-list__box.hide {
    display: none;
}
.services-list__title {
    font-size: 18px;
    line-height: 22px;
    margin-bottom: 20px;
}
.services-list__items {
    --col-gap: 20px;
    --row-gap: 20px;
}
.services-item {
    display: flex;
    align-items: center;
    column-gap: 10px;
    background-color: var(--f8f8f8);
    border-radius: 100px;
    transition-property: all;
    padding: 5px;
}
.services-item.hide {
    display: none;
}
.services-item__icon {
    width: 54px;
    height: 54px;
    border-radius: 50%;
    overflow: hidden;
    padding: 11px;
    background: var(--gradient-price-offerta);
    color: var(--white);
    flex-shrink: 0;
}
.services-item__svg {
    width: 100%;
    height: 100%;
}
.services-item__title {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    user-select: none;
}
.services-list__box > p {
    font-weight: 500;
}

/* PC */
@media (min-width: 769px) {
    .services-item:hover {
        color: var(--black);
        box-shadow: var(--shadow-1);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .services-list__box {
        padding: 20px 10px;
    }
    .services-list__title {
        padding: 0 10px;
        margin-bottom: 15px;
    }
    .services-list__items {
        --row-gap: 10px;
    }
    .services-item__icon {
        width: 44px;
        height: 44px;
        padding: 10px;
    }
}

/* Услуги - виджет ============================================ */
.services-widget {
    position: relative;
    user-select: none;
}
.services-widget .tabs__menu-list {
    justify-content: space-between;
}
.services-widget__items {
    --row-gap: 10px;
}
.services-widget__item:nth-child(1n + 13) {
    display: none;
}
.services-widget__all {
    width: auto;
    display: table;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    margin: 30px auto 0;
    text-align: center;
}

@media (min-width: 769px) {
    .services-widget {
        background-color: var(--white);
    }
}

@media (max-width: 768px) {
    .services-widget {}
    .services-widget__list {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        --row-gap: 10px;
        --col-gap: 10px;
    }
    .services-widget__item {
        display: flex;
        padding: 5px;
        align-items: center;
        background-color: var(--white);
        border-radius: 24px;
        gap: 10px;
    }
    .services-widget__icon {
        width: 30px;
        height: 30px;
        color: var(--white);
        background-color: var(--violet);
        border-radius: 50%;
        flex-shrink: 0;
        padding: 6px;
    }
    .services-widget__icon--3,
    .services-widget__icon--8 {
        padding: 8px;
    }
    .services-widget__icon--7 {
        padding: 7px;
    }
    .services-widget__svg {
        width: 100%;
        height: 100%;
    }
}

/* ============================================================ */
/*  Медиа ===================================================== */
/* ============================================================ */
.media {
    background-color: var(--white) !important;
    border-bottom: 1px solid var(--f4f4f4);
}
.media__tabs {
    display: flex;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
    border-radius: 50px;
    margin-left: auto;
    overflow: hidden;
    box-shadow: var(--shadow-2); 
}
.media__tab {
    min-width: 100px;
    padding: 10px;
    background-color: var(--white);
    transition: background-color .2s linear;
    cursor: pointer;
}
.media__tab:hover {
    background-color: var(--black-10);
}
.media__tab.active {
    background-color: var(--violet) !important;
    color: var(--white);
}


/* ============================================================ */
/* Акции ====================================================== */
/* ============================================================ */

/* Акции- виджет ============================================== */
.promo-widget__items {
    width: 100%;
}
.promo-widget__item {
    display: block;
    overflow: hidden;
    border-radius: 24px;
    background-color: var(--white);
}
.promo-widget__link {
	display: table;
    font-size: 15px;
    font-weight: 500;
    line-height: 18px;
    text-align: center;
}

/* Mobile */
@media (max-width: 768px) {
    .promo-widget__link {
        margin: 10px auto 0;
    }
}

/* PC */
@media (min-width: 769px) {
    .promo-widget__heading {
        margin-bottom: 40px;
    }
    .promo-widget__item {
        float: left;
    }
    .promo-widget__item:nth-child(1) {
        width: 770px;
        height: 400px;
        margin-right: 20px;
    }
    .promo-widget__item:nth-child(2),
    .promo-widget__item:nth-child(3) {
        width: 370px;
        height: 190px;
    }
    .promo-widget__item:nth-child(3) {
        margin-top: 20px;
    }
    .promo-widget__link {
        margin: 20px auto 0;
    }
}
/* Mobile */
@media (max-width: 768px) {
    .promo-widget {
        margin: 30px 0;
    }
    .promo-widget__heading {
        margin-bottom: 20px;
    }
    .promo-widget__pagination {
        margin-top: 20px !important;
        position: relative !important;
        bottom: 0 !important;
    }
    .promo-widget__bullet.swiper-pagination-bullet {
        background: var(--violet);
    }
}

/* ============================================================ */
/* Обратная связь ============================================= */
/* ============================================================ */

@media (max-width: 768px) {
    /* Виджет ===================================================== */
    .callback-widget {
        margin: 30px auto;
        width: calc(100% - 20px);
        background: var(--gradient-2);
        box-shadow: var(--shadow-7);
        padding: 20px 20px 30px;
        border-radius: 24px;
        position: relative;
    }
    .callback-widget__heading {
        margin: 0 auto 30px;
        line-height: 34px;
        text-align: center;
    }
    .callback-widget__heading:after {
        background: linear-gradient(to right, transparent, var(--violet), transparent);
        margin: 10px auto 0;
    }
    .callback-widget__info {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        text-align: center;
        padding: 0 25px;
    }
    .callback-widget__icon {
        width: 80px;
        height: 80px;
        position: absolute;
        left: 20px;
        top: 50px;
        display: none;
    }
    .callback-widget__svg {
        width: 100%;
        height: 100%;
        fill: var(--violet);
    }
    .callback-widget__button {
        display: block;
        font-size: 15px;
        font-weight: 500;
        line-height: 18px;
        margin: 30px auto 0;
        border-radius: 50px;
        text-align: center;
        max-width: 200px;
    }
}

/* ============================================================ */
/* Статьи, новости ============================================ */
/* ============================================================ */

/* PC */
@media (min-width: 769px) {
    /* Статья - фиксированное меню ================================ */
    .fixmenu {
        width: 100%;
        top: 0;
        left: 0;
        z-index: 15;
        position: fixed;
        padding: 7px 0;
        background-color: var(--white);
        box-shadow: var(--shadow-1);
        overflow: hidden;
        transform: translateY(-110%);
        transition: transform .05s 0s linear;
    }
    .fixmenu.active {
        transform: translateY(0%);
        transition: transform .15s .15s linear;
    }
    .fixmenu__container {
        display: flex;
        align-items: center;
    }
    .fixmenu__logo {
        width: 40px;
        height: 40px;
        background: url(../images/fixmenu-logo.svg) no-repeat center / contain;
    }
    .fixmenu__list {
        display: flex;
        font-size: 14px;
        font-weight: 600;
        line-height: 18px;
        margin-left: 20px;
    }
    .fixmenu__item {
        padding: 10px 0;
        position: relative;
        cursor: pointer;
        transition: color 0.15s linear 0s;
        margin-right: 20px;
    }
    .fixmenu__item[data-menu-id="Запись на прием"] {
        display: none;
    }
    .fixmenu__item.active {
        color: var(--violet);
    }
    .fixmenu__item:hover {
        color: var(--violet);
    }
    .fixmenu__item:after {
        content: "";
        height: 2px;
        position: absolute;
        left: 50%;
        right: 50%;
        bottom: 0;
        transition: all .15s linear;
        background: linear-gradient(to right, transparent, var(--violet), transparent);
    }
    .fixmenu__item.active:after {
        left: 0;
        right: 0;
    }
    .fixmenu__record {
        width: 210px;
        font-size: 15px;
        font-weight: 500;
        line-height: 16px;
        margin-left: auto;
        border-radius: 30px;
        text-align: center;
        fill: var(--white);
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px;
    }
    .fixmenu__record svg {
        margin-right: 5px;
        width: 20px;
        height: 20px;
    }
}

/* Статья - текст ============================================= */
.article-content {
    display: flex;
    flex-direction: column;
}
.article-content__image {}
.article-content__image.left,
.article-content__image.right {
    max-width: 400px;
    border: 10px solid var(--f4f4f4);
    background-color: var(--f4f4f4);
    border-top: 0;
    overflow: hidden;
}
.article-content__image.center,
.article-content__image:not(.left):not(.right) {
    border-radius: 24px;
    margin-bottom: 10px;
    overflow: hidden;
}
.article-content__image.left {
    float: left;
    border-left: 0;
    margin-right: 20px;
    border-radius: 24px 0 32px 0;
}
.article-content__image.left img {
    border-radius: 24px 0 24px 0;
}
.article-content__image.right {
    float: right;
    border-right: 0;
    margin-left: 20px;
    border-radius: 0 24px 0 32px;
}
.article-content__image.right img {
    border-radius: 0 24px 0 24px;
}
.article-content__text {
    font-size: 16px;
    line-height: 24px;
    border-radius: 24px;
    padding: 15px 20px 20px;
    background-color: var(--white);
}
.article-content__text img {
    width: 100%;
    border-radius: 24px;
}
.article-content table {
    width: 100%;
    background-color: var(--white);
    font-size: 16px;
    line-height: 20px;
}
.article-content table th {
    background-color: var(--828ea5);
    text-align: left;
    font-weight: 600;
    color: var(--white);
}
.article-content table td, .article-content table th {
    border-spacing: 1px;
    border: 1px solid var(--f4f4f4);
    padding: 10px 15px;
}
.article-content blockquote {
    display: flex;
    background-color: rgb(248 248 248 / 75%);
}

/* PC */
@media (min-width: 769px) {
    .article-content {
        row-gap: 20px;
    }
    .article-content__text {
        font-size: 16px;
        line-height: 24px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .article-content {
        row-gap: 20px;
    }
    .article-content__text {
        font-size: 14px;
        line-height: 22px;
    }
}

/* Статья - блок для врача ==================================== */
.article-doctor {
    border-radius: 24px;
    background-color: var(--white);
}
.article-doctor__text {
    padding: 20px;
}
.article-doctor__skill {
    font-size: 14px;
    font-weight: 500;
}
.article-doctor__experience {
    font-size: 14px;
    font-weight: 500;
    display: block;
    margin-top: -10px;
}
.article-doctor__specialties {
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 10px;
}
.article-doctor__speciality {
    padding: 2px 15px 4px;
    border-radius: 30px;
    background: var(--gradient-1);
}
.article-doctor__text h3 {
    line-height: 24px;
    margin-bottom: 10px;
}
.article-doctor__image {
    float: right;
    max-width: 400px;
    margin-left: 20px;
    border-radius: 0 24px 0 32px;
    border-left: 10px solid var(--f4f4f4);
    border-bottom: 10px solid var(--f4f4f4);
    background-color: var(--f4f4f4);
    overflow: hidden;
}

/* Статья - форма обратной связи ============================== */
/* PC */
@media (min-width: 769px) {
    .article-feedback {
        background-color: var(--white);
        padding: 20px;
        border-radius: 24px;
        position: relative;
        z-index: 10;
        overflow: hidden;
    }
    .article-feedback:after {
        content: '';
        width: 100%;
        height: 100%;
        background: url(../images/vacancy/doctor.png) no-repeat right center / contain;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
    .article-feedback__box {
        display: flex;
        margin: 25px 0 15px;
    }
    .article-feedback__fields {
        width: 50%;
    }
    .article-feedback__field {
        border-bottom: 1px solid var(--eeeeee);
        position: relative;
        z-index: 5;
    }
    .article-feedback__input {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        padding: 8px 16px 8px 0;
        background-color: transparent;
        color: var(--black);
        border: none;
    }
    .article-feedback__label {
        display: block;
        font-size: 14px;
        line-height: 20px;
        letter-spacing: .3px;
        opacity: .9;
        position: absolute;
        top: 8px;
        z-index: -1;
        transition: all .2s linear;
        left: 0;
    }
    .article-feedback__label.required:after {
        content: "*";
        color: var(--violet);
        margin-left: 3px;
    }
    .article-feedback__input:focus + .article-feedback__label,
    .article-feedback__input:not(:placeholder-shown) + .article-feedback__label {
        transform: translate(0px, -25px);
    }
    .article-feedback__send {
        width: 200px;
        display: block;
        font: 500 16px / 20px Cera;
        padding: 8px 26px 10px;
        position: relative;
        border-radius: 50px;
        color: var(--white);
        background-color: var(--violet);
        transition: box-shadow .2s linear;
        margin-left: 20px;
        flex-shrink: 0;
    }
    .article-feedback__send:hover {
        box-shadow: var(--shadow-8);
    }
    .article-feedback__required {
        font-size: 12px;
        line-height: 18px;
        color: var(--828ea5);
        font-style: italic;
    }
    .article-feedback__required:before {
        content: "*";
        font-weight: bold;
        color: var(--violet);
        margin-right: 3px;
        transform: translateY(1px);
        display: inline-block;
    }
    .article-feedback__privacy {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        color: var(--828ea5);
        margin-top: 10px;
    }
    .article-feedback__privacy a {
        font-weight: 400;
        color: var(--violet);
        border-bottom: 1px dashed transparent;
        transition-property: color, border-color;
    }
    .article-feedback__privacy a:hover {
        color: var(--violetlight);
        border-color: var(--violetlight);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .article-feedback {
        background-color: var(--white);
        padding: 20px;
        border-radius: 24px;
        overflow: hidden;
        position: relative;
        z-index: 10;
    }
    .article-feedback__title {
        text-align: center;
        margin-bottom: 20px;
    }
    .article-feedback__hint {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
        margin-bottom: 20px;
        color: var(--828ea5);
    }
    .article-feedback__fields {
        display: flex;
        flex-direction: column;
        row-gap: 10px;
    }
    .article-feedback__input {
        width: 100%;
        font-size: 14px;
        line-height: 20px;
        padding: 10px 15px;
        color: var(--black);
        background-color: var(--f8f8f8);
        border-radius: 100px;
        margin-bottom: 15px;
        outline: none;
    }
    .article-feedback__send {
        width: 100%;
        display: block;
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        padding: 8px 26px 10px;
        border-radius: 100px;
        color: var(--white);
        background-color: var(--violet);
        transition: box-shadow .2s linear;
        margin-top: 15px;
    }
    .article-feedback__required {
        font-size: 12px;
        line-height: 18px;
        color: var(--828ea5);
        font-style: italic;
    }
    .article-feedback__required:before {
        content: "*";
        font-weight: bold;
        color: var(--violet);
        margin-right: 3px;
        transform: translateY(1px);
        display: inline-block;
    }
    .article-feedback__privacy {
        font-size: 12px;
        font-weight: 500;
        line-height: 18px;
        color: var(--828ea5);
        margin-top: 10px;
    }
    .article-feedback__privacy a{
        font-weight: 400;
        color: var(--violet);
        border-bottom: 1px dashed transparent;
        transition-property: color, border-color;
    }
}

/* Статья - частые вопросы ==================================== */
/* PC */
@media (min-width: 769px) {
    .article-advantage {
        padding: 20px;
        border-radius: 24px;
        background-color: var(--white);
        overflow: hidden;
    }
    .article-advantage__heading {
        margin-bottom: 20px;
    }
    .article-advantage__items {
        align-items: initial;
    }
    .article-advantage__item {
        padding: 20px;
        border-radius: 24px;
        background: var(--gradient-2);
        position: relative;
    }
    .article-advantage__title {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        display: block;
        margin-bottom: 10px;
        transition: color .15s linear;
    }
    .article-advantage__desc {
        display: block;
        width: calc(100% - 70px);
        line-height: 22px;
        font-weight: 500;
        font-size: 15px;
    }
    .article-advantage__icon {
        width: 70px;
        height: 70px;
        right: 15px;
        bottom: 15px;
        position: absolute;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition-duration: .3s;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .article-advantage {}
    .article-advantage__heading {
        margin-top: 10px;
        margin-bottom: 15px;
        text-align: center;
    }
    .article-advantage__items {
        align-items: initial;
        --row-gap: 15px;
    }
    .article-advantage__item {
        padding: 20px;
        border-radius: 24px;
        background: var(--white);
        position: relative;
    }
    .article-advantage__title {
        font-size: 16px;
        font-weight: 600;
        line-height: 22px;
        display: block;
        margin-bottom: 10px;
        transition: color .15s linear;
    }
    .article-advantage__desc {
        display: block;
        width: calc(100% - 70px);
        /* font-weight: 500; */
        font-size: 14px;
    }
    .article-advantage__icon {
        width: 50px;
        height: 50px;
        right: 15px;
        bottom: 15px;
        position: absolute;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        transition-duration: .3s;
    }
}

/* Статья - частые вопросы ==================================== */
.article-faqs {
    padding: 20px;
    border-radius: 24px;
    background-color: var(--white);
    overflow: hidden;
}
.article-faqs__heading {
    margin-bottom: 20px;
}
.article-faqs__item {
    background-color: var(--white);
    transition: box-shadow .15s linear;
    position: relative;
    overflow: hidden;
    padding: 20px;
    padding-right: 40px;
    padding-left: 0;
}
.article-faqs__item {
    border-top: 1px solid var(--eeeeee);
}
.article-faqs__item:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 16px;
    left: 0px;
    top: 28px;
    background-color: var(--violet);
    border-radius: 0 50% 50% 0;
    transform: translateX(-100%);
}
.article-faqs__item.active:before {}
.article-faqs__question {
    font-weight: 600;
    line-height: 24px;
    transition: color .15s linear;
    cursor: pointer;
}
.article-faqs__question:hover {
    color: var(--violet);
}
.article-faqs__question:after {
    content: '';
    width: 14px;
    height: 14px;
    right: 14px;
    top: 25px;
    border-radius: 50%;
    background: url(../images/icons/faq-plus.svg) no-repeat center / contain;
    position: absolute;
    cursor: pointer;
}
.article-faqs__question.active:after {
    transform: rotate(45deg);
}
.article-faqs__answer {
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 15px;
    padding: 15px 10px;
    border-left: 4px solid var(--violet);
    background-color: var(--f8f8f8);
}
.article-faqs__answer a {
    font-weight: 600;
    border-bottom: 1px dashed currentColor;
    transition-property: color, border-color;
}
.article-faqs__answer a:hover {
    border-color: transparent;
}

/* Статья - прайс ============================================= */
.article-price {
    padding: 20px;
    border-radius: 24px;
    background-color: var(--white);
    overflow: hidden;
}
.article-price > h2 {
    margin-bottom: 20px;
}
.article-price .price-category {
    padding: 0;
    border-radius: 0;
    background-color: transparent;
    overflow: visible;
}
.article-price .price-header {
    padding: 0;
}
.article-price .price-item {
    margin: 0 -10px;
}
.article-price .price-item__name:before {
    display: none;
}

/* Статья - результат ========================================= */
.article-result {
    padding: 20px;
    border-radius: 24px;
    background-color: var(--white);
    overflow: hidden;
}
.article-result > h2 {
    margin-bottom: 20px;
}
.article-result__items {}
.article-result__item {
    border-radius: 24px;
    overflow: hidden;
    display: flex;
    height: 450px;
}
.article-result__item img {
    width: 50%;
}
.article-result__before {
    border-right: 1px solid var(--f8f8f8);
}
.article-result__after {
    border-left: 1px solid var(--f8f8f8);
}


/* Статьи - список ссылок ===================================== */
.articles__link {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-indent: 18px;
    display: block;
    padding: 10px 15px;
    border-radius: 100px;
    background-color: var(--white);
    position: relative;
}
.articles__link:not(:last-child) {
    margin-bottom: 10px;
}
.articles__link:before,
.articles__link:after {
    content: '';
    top: 14px;
    left: 15px;
    width: 12px;
    height: 12px;
    position: absolute;
    border-radius: 50%;
}
.articles__link:before {
    border: 2px solid var(--violet);
    background-color: transparent;
}
.articles__link:hover:before {
    border-color: transparent;
}
.articles__link:after {
    transform: scale(0.3);
    background-color: var(--violet);
}
.articles__link:hover:after {
    transform: scale(0.6);
}

/* Mobile */
@media (max-width: 768px) {
    .articles__link {
        font-weight: 500;
        padding: 10px 10px 10px 30px;
        border-radius: 10px;
        text-indent: 0;
    }
    .articles__link:before,
    .articles__link:after {
        left: 12px;
    }
}

/* ============================================================ */
.articles__items {
    align-items: initial;
}
.articles__item {
    background-color: var(--white);
    border-radius: 18px;
    overflow: hidden;
    position: relative;
    padding-bottom: 50px;
}
.articles__image {
    display: block;
    background-color: var(--eeeeee);
    aspect-ratio: 1200 / 620;
}
.articles__anons {
    padding: 20px;
}
.articles__info {
    font-size: 12px;
    color: var(--999999);
    display: flex;
    justify-content: flex-end;
    gap: 5px;
    position: absolute;
    top: 10px;
    left: 10px;
    transition: all .15s linear;
}
.articles__image:hover + .articles__anons > .articles__info {
    opacity: 0.4;
}
.articles__info-item {
    display: flex;
    align-items: center;
    padding: 0 10px;
    background-color: var(--f8f8f8);
    border-radius: 50px;
    border: 1px solid var(--eeeeee);
}
.articles__info svg {
    width: 12px;
    height: 12px;
    margin-right: 3px;
    transform: translateY(-1px);
}
.articles__title {
    font-size: 18px;
    font-weight: 700;
    line-height: 22px;
}
.articles__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    color: var(--808080);
    margin-top: 15px;
}
.articles__more {
    font-size: 14px;
    font-weight: 500;
    line-height: 1em;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 12px;
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.articles__more svg {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    fill: var(--white);
}

/* Виджет ===================================================== */
.articles-widget__items {
    display: none;
}
.articles-widget__items.active {
    display: grid;
}
.articles-widget__item {
    box-shadow: var(--shadow-2);
}

/* Статья - меню ============================================== */
/*[data-menu-id="Описание"] {*/
/*    order: 10;*/
/*}*/
/*[data-menu-id="Результаты до и после"],*/
/*[data-menu-id="Рассчитать рассрочку"] {*/
/*    order: 20;*/
/*}*/
/*[data-menu-id="Частые вопросы"] {*/
/*    order: 30;*/
/*}*/
/*[data-menu-id="Почему выбирают нас"] {*/
/*    order: 40;*/
/*}*/
/*[data-menu-id="Наши специалисты"],*/
/*[data-menu-id="Врачи"] {*/
/*    order: 50;*/
/*}*/
/*[data-menu-id="Цены"] {*/
/*    order: 70;*/
/*}*/
/*[data-menu-id="Запись на прием"],*/
/*[data-menu-id="Записаться"] {*/
/*    order: 100;*/
/*}*/

/* Статья - позиции блоков ==================================== */
/*.article-content__box {*/
/*    order: 10;*/
/*}*/
/*.article-content__box > *:not(:last-child) {*/
/*    margin-bottom: 15px !important;*/
/*}*/
/*.article-feedback {*/
/*    order: 20;*/
/*}*/
/*.article-doctor {*/
/*    order: 30;*/
/*}*/
/*.article-doctors {*/
/*    order: 61;*/
/*}*/
/*.article-price {*/
/*    order: 40;*/
/*}*/
/*.article-result {*/
/*    order: 45;*/
/*}*/
/*.article-faqs {*/
/*    order: 50;*/
/*}*/
/*.article-advantage {*/
/*    order: 60;*/
/*}*/

/* Дальше проверить =========================================== */
.article-content__video {
    margin-top: 30px;
    border-radius: 8px;
    height: calc(var(--video-height) / (var(--max-width) / var(--cur-width)));
    overflow: hidden;
}
.article-content__map {
    height: 420px;
    margin-top: 30px;
    border-radius: 8px;
    overflow: hidden;
}
.article-content__map > *,
.article-content__video iframe {
    width: 100% !important;
    height: 100% !important;
}
.article-content__artinfo {
    margin-bottom: 20px;
}
.article-content + h2 {
    margin: 30px 0 20px;
}



/* Временно пока есть акция выезд за 2500 ===================== */
.pages-11__promo {
    padding: 20px 0;
    background-color: #fe0000;
    color: var(--white);
    text-align: center;
    position: relative;
    margin: 10px 0 25px;
}
.pages-11__promo:before,
.pages-11__promo:after {
    content: '';
    background: url(../images/pages-11-promo.png) left top / contain;
    position: absolute;
    height: 9px;
    width: 100%;
    left: 0;
}
.pages-11__promo:before {
    top: -9px;
}
.pages-11__promo:after {
    bottom: -9px;
    transform: rotate(180deg);
}
.pages-11__promoinfo {
    text-align: center;
    margin-bottom: 10px;
    font-size: 22px;
    font-weight: 500;
}
.pages-11__promodate {
    font-size: 15px;
}

/* Цены - связаный контент ==================================== */
.artprice {
    width: 100% !important;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 30px;
    background-color: var(--white);
    box-shadow: var(--shadow-2);
    overflow: hidden;
}
.artprice__row {
    border-top: 1px solid var(--black-10);
}
.artprice__row:before {
    content: '';
}
.artprice__row:hover {}
.artprice__row:first-child {}
.artprice__title,
.artprice__value {
    padding: 20px;
    vertical-align: middle;
    border: none;
}
.artprice__title {
    width: 80% !important;
    word-break: break-word;
}
.artprice__title:before {
    content: '\27A5';
    font-size: 13px;
    margin-right: 3px;
    color: var(--violet);
}
.artprice__value {
    width: 20% !important;
    text-align: right;
    font-weight: 600;
}
.artprice__value:after,
.artprice__rub:after {
    content: ' \20BD';
    text-transform: lowercase;
}
.artprice__list {
    font-size: 15px;
    font-weight: 400;
    line-height: 22px;
    margin-top: 5px;
    margin-left: 16px;
}
.artprice__list-item {
    margin-bottom: 10px;
}
.artprice__list-item:before {
    content: '\2014' !important;
    margin-right: 5px !important;
}
.artprice__list-item:last-child {
    margin-bottom: 0;
}

/* Видео - связаный контент =================================== */
.artvideo {
	order: 50;
} 
.artvideo__box {
    display: flex;
    align-items: flex-start;
}
.artvideo__player {
    width: 100%;
    height: calc(var(--video-height) / (var(--max-width) / var(--cur-width)));
    overflow: hidden;
    position: relative;
    border-radius: 8px;
    box-shadow: var(--shadow-2);
    background-color: var(--f4f4f4);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110%;
    z-index: 1;
}
.artvideo__iframe {
    width: 100%;
    height: 100%;
}
.artvideo__load {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    background-color: var(--white-95);
    opacity: 1;
    visibility: visible;
    transition: all .2s linear;
    z-index: -1;
}
.artvideo__load_show {
    opacity: 1;
    visibility: visible;
}
.artvideo__load-icon {
    width: 66px;
    height: 66px;
    margin-top: -30px;
    margin-bottom: 50px;
    background: url(../images/preloader.svg) no-repeat center / contain;
}
.artvideo__load-title {
    font: 600 18px/26px Cera;
}
.artvideo__list {
    flex: 0 0 320px;
    margin-left: 20px;
    padding-right: 5px;
    overflow: auto;
}
.artvideo__list::-webkit-scrollbar {
    width: 6px;
}
.artvideo__list::-webkit-scrollbar-thumb { 
    border-radius: 6px;
    background-color: #cccccc;
}
.artvideo__list::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}
.artvideo__list::-webkit-scrollbar-track:hover {
    background-color: #eeeeee;
}
.artvideo__item {
    margin-bottom: 20px;
    display: flex;
}
.artvideo__item:last-child {
    margin-bottom: 0;
}
.artvideo__cover {
    display: block;
    flex: 0 0 90px;
    height: 50px;
    border-radius: 4px;
    box-shadow: var(--shadow-2);
    background-color: var(--f4f4f4);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 110%;
    cursor: pointer;
}
.artvideo__title {
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    margin-left: 10px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    display: box;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    white-space: normal;
    cursor: pointer;
}
.artvideo__link {
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 10;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-align: center;
    position: absolute;
    padding: 30px 10px 10px;
    transition-property: transform, color, background-color;
    background: linear-gradient(to top, rgba(255, 255, 255, .85) 35%, transparent);
    transform: translateY(100%);
}
.artvideo__player:hover .artvideo__link {
    transform: translateY(0);
}


/* Меню - статья ============================================== */
.artmenufx {
    width: 100%;
    top: 0;
    left: 0;
    z-index: 15;
    position: fixed;
    padding: 7px 0;
    background-color: var(--white);
    box-shadow: var(--shadow-1);
    overflow: hidden;
    transform: translateY(-110%);
    transition: transform .05s 0s linear;
}
.artmenufx_show {
    transform: translateY(0%);
    transition: transform .15s .15s linear;
}
.artmenufx__wrap {
    display: flex;
    align-items: center;
}
.artmenufx__logo {
    width: 38px;
    height: 38px;
    background: url(../images/artmenufx-logo.png) no-repeat center / contain;
}
.artmenufx__list {
    font-size: 15px;
    font-weight: 600;
    line-height: 20px;
    margin-left: 20px;
}
.artmenufx__item {
    padding: 10px 0;
    position: relative;
    cursor: pointer;
    transition: color 0.15s linear 0s;
    margin-right: 20px;
}
.artmenufx__item:last-child {
    margin-right: 0;
}
.artmenufx__item:hover {
    color: var(--violet);
}
.artmenufx__item:after {
    content: "";
    height: 2px;
    position: absolute;
    left: 50%;
    right: 50%;
    bottom: 0;
    transition: all .15s linear;
    background: linear-gradient(to right, transparent, var(--violet), transparent);
}
.artmenufx__item_active {
    color: var(--violet);
}
.artmenufx__item_active:after {
    left: 0;
    right: 0;
}
.artmenufx__record {
    font-size: 15px;
    font-weight: 500;
    line-height: 16px;
    margin-left: auto;
    border-radius: 30px;
    text-align: center;
    fill: var(--white);
    display: flex;
    align-items: center;
}
.artmenufx__record svg {
    margin-right: 5px;
    width: 20px;
    height: 20px;
}

/* Кнопки - переключатели ===================================== */
.artbtn {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 30px;
    overflow: hidden;
    display: flex;
	flex-wrap: wrap;
    gap: 10px;
}
.artbtn__item {
    float: left;
    display: block;
    padding: 8px 14px;
    background-color: var(--white);
    border-radius: 12px;
    line-height: 18px;
    transition: color .1s linear, background-color .1s linear;
    cursor: pointer;
}
.artbtn__item:hover {
    color: var(--violet);
}
.artbtn__item_active, 
.artbtn__item_active:hover {
    color: var(--white);
    background-color: var(--violet);
}

/* Программы лояльности ======================================= */
/* PC */
@media (min-width: 769px) {
    .loyalty-card {}
    .loyalty-card .i-articles__images {
        width: 375px;
        float: right;
        margin-left: 15px;
        padding-left: 10px;
        padding-bottom: 10px;
        background-color: #f8f8f8;
        border-radius: 0 0 0 12px;
    }
    .loyalty-card .i-articles__image {
        margin-bottom: 10px;
        box-shadow: var(--shadow-4);
        display: block;
    }
    .loyalty-card .i-articles__image:last-child {
        margin-bottom: 0;
    }
    .loyalty-card .i-articles__box {}
    .loyalty-card .i-articles__text {
        padding: 25px;
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        border-radius: 14px;
        background-color: var(--white);
    }
    .loyalty-card li {
        margin-bottom: 10px;
    }
    .loyalty-card li:last-child {
        margin-bottom: 0;
    }
    .diskontnaya-karta__promo {
        color: var(--white);
        background: linear-gradient(to right, #d0147f 40%, #4e2482);
        padding: 15px;
        border-radius: 8px 0 0 8px;
        margin-bottom: -10px;
    }
    .diskontnaya-karta__promo h3 {
        text-transform: uppercase;
        font-weight: bold;
    }
    .diskontnaya-karta__promo p {
        margin-top: 5px;
    }
    .diskontnaya-karta__promo br:first-child {
        display: none;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .loyalty-card {
        padding: 15px;
        background-color: var(--white);
    }
    .loyalty-card .i-articles__images{
        padding-bottom: 20px;
        margin-bottom: 15px;
        border-bottom: 1px solid var(--black-10);
    }
    .loyalty-card .i-articles__image:not(:last-child) {
        margin-bottom: 10px;
        display: block;
    }
    .loyalty-card .i-articles__text{
        font-weight: 500;
    }
    .loyalty-card .i-articles__text > h2:first-of-type{
        font-size: 20px;
        line-height: 26px;
    }
    .loyalty-card .i-articles__text > h2:first-of-type br{
        display: none;
    }
    .loyalty-card li{
        margin-bottom: 10px;
    }
    .loyalty-card li:last-child{
        margin-bottom: 0;
    }

    .diskontnaya-karta__promo{
        color: var(--white);
        background: linear-gradient(to right, #d0147f 50%, #4e2482);
        padding: 15px;
        border-radius: 8px;
        margin-bottom: 10px;
    }
    .diskontnaya-karta__promo h3{
        font-size: 16px;
        font-weight: bold;
        text-transform: uppercase;
    }
    .diskontnaya-karta__promo p{
        margin-top: 10px;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
    }
}

/* ============================================================ */
/* Медсправки ================================================= */
/* ============================================================ */
.medspravki-list .articles__image {
    height: 240px;
}


/* ============================================================ */
/* Видео ====================================================== */
/* ============================================================ */

/* Видео - список ============================================= */
.videos__item {
    aspect-ratio: 1170 / 658;
}
.videos__iframe {
    background-color: var(--white);
    border: none;
}
.videos__link {
    display: block;
    aspect-ratio: 1170 / 650;
    border-radius: 24px;
    overflow: hidden;
}
.videos__more {
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    text-align: center;
    margin-top: 10px;
    display: block;
}

/* Видео - статья ============================================= */
.video {
    display: flex;
    flex-direction: column;
    gap: 20px;
}
.video__item {
    aspect-ratio: 1170 / 658;
    overflow: hidden;
}
.video__iframe {
    background-color: var(--white);
    border-radius: 24px;
    border: none;
}
.video__text {
    padding: 20px;
    border-radius: 24px;
    background-color: var(--white);
}


/* ============================================================ */
/* 3D панорама ================================================ */
/* ============================================================ */
.panorama {
	padding: 20px;
	border-radius: 24px;
    background-color: var(--white);
}
.panorama__title {
	margin-bottom: 20px;
}
.panorama__box {
    aspect-ratio: 1130 / 460;
    border-radius: 16px;
    overflow: hidden;
}
.panorama__iframe {
    width: 100% !important;
    height: 100% !important;
    border: none;
}

/* 3D панорама - виджет ======================================= */
.panorama-widget {
    background-color: var(--white);
}


/* ============================================================ */
/* О центре - виджет на главной =============================== */
/* ============================================================ */
.clinics-widget {
    background-color: var(--white);
    overflow: hidden;
}

/* Адреса клиник ============================================== */
/* PC */
@media (min-width: 769px) {
    .locations-widget {}
    .locations-widget__load {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        position: absolute;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        background-color: var(--white-95);
        opacity: 0;
        visibility: hidden;
        transition: all .2s linear;
        z-index: 10;
    }
    .locations-widget__load.active {
        opacity: 1;
        visibility: visible;
    }
    .locations-widget__load-icon {
        width: 66px;
        height: 66px;
        margin-top: -120px;
        margin-bottom: 50px;
        background: url(../images/preloader.svg) no-repeat center / contain;
    }
    .locations-widget__load-title {
        font: 600 18px/26px Cera;
    }
    .locations-widget__cities {
        display: flex;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 30px;
    }
    .locations-widget__city {
        padding: 8px 16px;
        background-color: var(--white);
        box-shadow: var(--shadow-2);
        border-radius: 50px;
        margin-right: 15px;
        line-height: 18px;
        cursor: pointer;
        transition: color .1s linear, background-color .1s linear;
    }
    .locations-widget__city:hover,
    .locations-widget__city.active {
        color: var(--white);
        background-color: var(--violet);
    }
    .locations-widget__box {
        display: none;
    }
    .locations-widget__box.active {
        display: flex;
    }
    .locations-widget__items {
        flex: 0 0 360px;
        font-size: 15px;
        line-height: 26px;
        margin-right: 15px;
    }
    .locations-widget__items::-webkit-scrollbar {
        width: 10px;
    }
    .locations-widget__items::-webkit-scrollbar-thumb {
        border-radius: 2px;
        background-color: #d0147f;
    }
    .locations-widget__items::-webkit-scrollbar-track {
        background-color: #ffffff;
    }
    .locations-widget__items::-webkit-scrollbar-track:hover {
        background-color: #f4f4f4;
    }
    .locations-widget__item {
        padding: 20px;
        background: var(--gradient-2);
        border-radius: 24px;
        margin-bottom: 15px;
        cursor: pointer;
    }
    .locations-widget__item:last-child {
        margin-bottom: 0;
    }
    .locations-widget__title {
        font: 600 20px/26px Cera;
        margin-bottom: 15px;
    }
    .locations-widget__row {
        position: relative;
        padding-left: 25px;
        margin-bottom: 10px;
    }
    .locations-widget__row:last-child {
        margin-bottom: 0
    }
    .locations-widget__row:before {
        content: '';
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
    }
    .locations-widget__row.phone:before {
        top: 2px;
        width: 19px;
        height: 19px;
        background-image: url(../images/icons/contacts/phone.svg);
    }
    .locations-widget__row.graph:before {
        top: 4px;
        left: 2px;
        width: 16px;
        height: 16px;
        background-image: url(../images/icons/contacts/graph.svg);
    }
    .locations-widget__map {
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 24px;
        overflow: hidden;
    }
    .locations-widget__map:after {
        content: attr(title);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 28px;
        font-weight: 500;
        position: absolute;
        line-height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--f8f8f8);
    }
    .locations-widget__map > ymaps,
    .locations-widget__map > ymaps > ymaps {
        width: 100% !important;
        height: 100% !important;
        z-index: 5;
    }
}

/* Mobile */
@media (max-width: 768px) {
    /* Адреса клиник ============================================== */
    .locations-widget{
        padding: 20px 0 15px;
        box-shadow: var(--shadow-4);
        background-color: var(--white);
    }
    .locations-widget__heading {
        margin-bottom: 30px;
    }
    .locations-widget__cities{
        display: flex;
        flex-wrap: wrap;
        font-size: 14px;
        font-weight: 600;
        margin-bottom: 15px;
        overflow: auto;
        gap: 10px;
    }
    .locations-widget__cities::-webkit-scrollbar{
        width: 0;
        height: 0;
    }
    .locations-widget__city{
        padding: 6px 18px;
        background-color: var(--f4f4f4);
        border-radius: 14px;
    }
    .locations-widget__city:hover,
    .locations-widget__city_active{
        color: var(--white);
        background-color: var(--violet);
    }
    .locations-widget__boxes{}
    .locations-widget__box{
        display: none;
    }
    .locations-widget__box_show{
        display: block;
    }
    .locations-widget__list{
        font-size: 14px;
        line-height: 24px;
    }
    .locations-widget__list::-webkit-scrollbar{
        width: 10px;
    }
    .locations-widget__list::-webkit-scrollbar-thumb{
        border-radius: 2px;
        background-color: #d0147f;
    }
    .locations-widget__list::-webkit-scrollbar-track{
        background-color: #ffffff;
    }
    .locations-widget__list::-webkit-scrollbar-track:hover{
        background-color: #f4f4f4;
    }
    .locations-widget__item{
        padding: 20px;
        background: var(--gradient-2);
        border-radius: 24px;
        margin-bottom: 15px;
    }
    .locations-widget__item:last-child{
        margin-bottom: 0;
    }
    .locations-widget__item:hover,
    .locations-widget__item_active{}
    .locations-widget__title{
        font: 600 18px/22px Cera;
        margin-bottom: 10px;
    }
    .locations-widget__row{
        position: relative;
        padding-left: 25px;
        margin-bottom: 5px;
    }
    .locations-widget__row:before{
        content: '';
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
        position: absolute;
        left: 0;
    }
    .locations-widget__row:last-child{
        margin-bottom: 0
    }
    .locations-widget__row_phone:before{
        top: 2px;
        width: 19px;
        height: 19px;
        background-image: url(../images/icons/contacts/phone.svg);
    }
    .locations-widget__row_graph:before{
        top: 4px;
        left: 2px;
        width: 16px;
        height: 16px;
        background-image: url(../images/icons/contacts/graph.svg);
    }
    .locations-widget__map{
        width: 100%;
        height: 100%;
        position: relative;
        border-radius: 8px;
        overflow: hidden;
    }
    .locations-widget__map:after{
        content: attr(title);
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        font-size: 28px;
        font-weight: 500;
        position: absolute;
        line-height: 36px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: var(--f8f8f8);
    }
    .locations-widget__map > ymaps,
    .locations-widget__map > ymaps > ymaps{
        width: 100% !important;
        height: 100% !important;
        z-index: 5;
    }
}

/* О центре =================================================== */
.about-widget {}
.about-widget__text {
    padding: 20px;
    border-radius: 24px;
    background: var(--gradient-1);
}
.about-widget__text h1 {
    font: 600 26px / 34px Cera;
    margin-bottom: 10px;
}

/* Почему мы ================================================== */
.clinics-widget .article-advantage__heading {
    display: none;
}
.clinics-widget .article-advantage {
    padding: 0;
}


/* ============================================================ */
/* Форма обратной связи ======================================= */
/* ============================================================ */
.feedback {}
.feedback-form {}
.feedback-form__header {}
.feedback-form__heading {
    font: 600 22px/30px Cera;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 30px;
}
.feedback-form__body {}
.feedback-fieldset {
    border-color: var(--black-10);
    margin-bottom: 15px;
}
.feedback-fieldset__title {
    color: var(--black);
    font: 600 18px / 24px Cera;
}
.feedback-fields {}
.feedback-field {
    position: relative;
}
.feedback-field:not(:first-child) {
    margin-top: 20px;
}
.feedback-field__title {
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 5px;
}
.feedback-field__title.required:after {
    content: "*";
    color: var(--violet);
    margin-left: 3px;
}
.feedback-field__input,
.feedback-field__select,
.feedback-field__textarea {
    width: 100%;
    font-size: 14px;
    /* font-weight: 500; */
    line-height: 20px;
    padding: 8px 30px 8px 10px;
    border-radius: 4px;
    border: 1px solid var(--eeeeee);
    background-color: var(--f8f8f8);
    color: var(--black);
}
.feedback-field__input::-webkit-input-placeholder,
.feedback-field__select::-webkit-input-placeholder,
.feedback-field__textarea::-webkit-input-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: var(--828ea5);
}
.feedback-field__input::-moz-placeholder,
.feedback-field__select::-moz-placeholder,
.feedback-field__textarea::-moz-placeholder {
    font-size: 12px;
    font-weight: 400;
    color: var(--828ea5);
}
.feedback-field__input {}
.feedback-field__input--note {
    display: none !important;
}

.feedback-field__select {
    height: auto;
    box-shadow: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}
.feedback-field__textarea {
    display: block;
    width: 100% !important;
    height: 110px;
    min-height: 40px;
    padding-right: 10px;
}
.feedback-field__hint {
    color: var(--828ea5);
    font-size: 12px;
    line-height: 16px;
    margin: 5px 0 0 10px;
}
.feedback-field__icon {
    top: 42px;
    right: 8px;
    width: 18px;
    height: 18px;
    color: var(--828ea5);
    position: absolute;
}
.feedback-form__footer {
    margin-top: 20px;
}
.feedback-info {}
.feedback-required {
    font-size: 12px;
    line-height: 18px;
    color: var(--828ea5);
    display: none;
}
.feedback-required::before {
    content: "*";
    font-weight: bold;
    color: var(--violet);
    margin-right: 3px;
}
.feedback-required strong {
    color: #ff0000;
}
.feedback-privacy {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: var(--828ea5);
    margin-top: 10px;
    padding-left: 19px;
    position: relative;
    display: block;
}
.feedback-privacy input {
    position: absolute;
    left: 0;
    top: 3px;
    width: 14px;
    height: 13px;
    margin: 0;
}
.feedback-privacy a {
    font-weight: 400;
    color: var(--violet);
    border-bottom: 1px dashed transparent;
    transition-property: color, border-color;
}
.feedback-privacy a:hover {
    color: var(--violetlight);
    border-color: var(--violetlight);
}
.feedback-form__button {
    display: block;
    font: 500 16px/20px Cera;
    max-width: 260px;
    margin: 30px auto 0;
    padding: 8px 26px 10px;
    position: relative;
    border-radius: 50px;
    color: var(--white);
    background-color: var(--violet);
    transition: box-shadow .2s linear;
}
.feedback-form__button:hover {
    box-shadow: var(--shadow-8);
}
.feedback-form__button[disabled] {
    font-weight: 500;
    color: var(--828ea5);
    background-color: var(--black-10);
    box-shadow: none;
    cursor: no-drop;
}
.feedback-form__button[disabled]:hover {
    box-shadow: none;
}


/* ============================================================ */
/* Обратная связь - hotline =================================== */
/* ============================================================ */
.page-list.feedback-list {
    margin-top: 0;
    padding: 0;
}

/* Обратная связь - текст ===================================== */
.hotline-text {
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    padding: 25px;
    background: var(--gradient-2);
    position: relative;
    z-index: 2;
    gap: 0;
}
.hotline-text:after {
    content: '';
    background: url(../images/hotline-bg.png) no-repeat center / contain;
    position: absolute;
    right: -41px;
    bottom: 30px;
    height: 144px;
    width: 300px;
    opacity: .5;
}
/* Mobile */
@media (max-width: 768px) {
    .hotline-text {
        gap: 15px;
    }
    .hotline-text:after {
        display: none;
    }
    .hotline-text h2 {
        margin-bottom: 0 !important;
    }
}
.hotline-text h2 {
    color: var(--violet);
    font: 600 22px / 24px Cera;
    text-transform: uppercase;
    margin-bottom: 15px;
}
.hotline-text p {
    margin-bottom: 0px;
}

/* Mobile */
@media (max-width: 768px) {
    .hotline-text {
        overflow: hidden;
    }
}

/* Обратная связь - форма ===================================== */
.f-hotline {
    padding: 25px;
    background-color: var(--white);
}
.f-hotline__heading {
    text-align: center;
    margin-bottom: 20px;
}
.f-hotline__fieldset {
    border-color: var(--black-10);
    margin-top: 20px;
}
.f-hotline__fieldset:first-child {
    margin-top: 0px;
}
.f-hotline__legend {
    color: var(--black);
    font: 600 18px / 24px Cera;
}
.f-hotline__fields:not(:first-of-type) {
    margin-top: 20px;
}
.f-hotline__field {}
.f-hotline__title {
    display: block;
    margin-bottom: 10px;
    letter-spacing: 0.3px;
    font: 500 14px / 20px Cera;
}
.f-hotline__title.req::after {
    content: "*";
    color: var(--violet);
    margin-left: 3px;
}
.f-hotline__input, 
.f-hotline__select, 
.f-hotline__textarea {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    padding: 7px 10px;
    border-radius: 6px;
    border: 1px solid var(--eeeeee);
    background-color: var(--f8f8f8);
    color: var(--black);
    box-shadow: none;
}
.f-hotline__input::placeholder {
    color: rgb(183, 183, 183);
}
.f-hotline__input::-webkit-input-placeholder {
    color: rgb(183, 183, 183);
}
.f-hotline__textarea {
    padding: 10px;
    width: 100% !important;
    min-height: 160px !important;
}
.f-hotline__hint {
    font-size: 12px;
    line-height: 18px;
    margin-top: 15px;
    color: var(--828ea5);
}
.f-hotline__hint::before {
    content: "*";
    color: var(--violet);
    margin-right: 3px;
    font-weight: bold;
}
.f-hotline__field.file {
    position: relative;
    color: var(--828ea5);
    background: var(--gradient-1);
    border-radius: 6px;
    text-align: center;
    cursor: pointer;
    transition: border-color 0.15s linear 0s;
}
.f-hotline__input.file {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    opacity: 0;
    cursor: pointer;
    z-index: 1;
}
.f-hotline__input.file:last-child {
    z-index: 10;
}
.f-hotline__accept {
    font-size: 14px;
    line-height: 24px;
    padding: 25px 20px;
}
.f-hotline__accept svg {
    width: 26px;
    height: 26px;
    fill: var(--black);
    display: inline-block;
}
.f-hotline__accept h3 {
    font-size: 16px;
    font-weight: 500;
    margin-bottom: 20px;
    transition: color 0.15s linear 0s;
    color: var(--black);
}
.f-hotline__accept p {
    line-height: 24px;
}
.f-hotline__field.cloud {
    margin-top: 10px;
}
.f-hotline__files {
    font: 400 14px / 24px Cera;
    margin-top: 15px;
}
.f-hotline__files:empty {
    margin-top: 0px;
}
.f-hotline__file {
    margin-bottom: 5px;
    padding: 0px 24px 0px 28px;
    transition: background-color 0.1s linear 0s;
    position: relative;
}
.f-hotline__file:last-child {
    margin-bottom: 0px;
}
.f-hotline__file::before {
    content: "";
    width: 24px;
    height: 24px;
    position: absolute;
    top: 0px;
    left: 0px;
    background-size: 18px;
    background-repeat: no-repeat;
    background-position: center center;
}
.f-hotline__file:hover {
    background-color: var(--f8f8f8);
}
.f-hotline__file.image::before {
    background-image: url("../images/hotline/image.png");
}
.f-hotline__file.pdf::before {
    background-image: url("../images/hotline/pdf.png");
}
.f-hotline__file.word::before {
    background-image: url("../images/hotline/word.png");
}
.f-hotline__file.excel::before {
    background-image: url("../images/hotline/excel.png");
}
.f-hotline__file svg {
    width: 24px;
    height: 24px;
    padding: 8px;
    position: absolute;
    top: 0px;
    right: 0px;
    cursor: pointer;
}
.f-hotline__file svg:hover {
    fill: var(--violet);
}
.f-hotline__required {
    margin-top: 20px;
}
.f-hotline__notice {
    font-size: 13px;
    font-weight: 500;
    margin-bottom: 10px;
}
.f-hotline__notice::before {
    content: "*";
    color: var(--violet);
    margin-right: 3px;
    font-weight: bold;
}
.f-hotline__privacy {
    font-size: 13px;
    line-height: 20px;
    max-width: 680px;
}
.f-hotline__privacy-link {
    color: var(--violet);
}
.f-hotline__send {
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    letter-spacing: 0.4px;
    margin: 20px auto 0px;
    padding: 10px 40px;
    text-transform: uppercase;
}

/* ============================================================ */
/* Футер ====================================================== */
/* ============================================================ */
.footer-menu__title {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}
.footer-menu__list {
	font-size: 14px;
	font-weight: 500;
}
.footer-menu__item {
	display: flex;
	column-gap: 3px;
	margin-bottom: 10px;
	position: relative;
}
.footer-menu__item:nth-child(1n + 8) {
	display: none;
}
.footer-menu__icon {
    width: 12px;
    height: 22px;
    color: var(--violet);
}

.footer-info {}
.footer-info__phone {
	font-size: 22px;
    font-weight: bold;
    letter-spacing: 0.5px;
}
.footer-info__callback {
	display: table;
    padding-left: 22px;
    position: relative;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
    transition: color .15s linear;
}
.footer-info__callback:hover {
    color: var(--violet);
}
.footer-info__callback svg {
	width: 16px;
    height: 20px;
    margin-right: 5px;
    color: var(--violet);
    position: absolute;
    left: 0;
    top: 0;
}
.footer-info__offer {
	font-size: 14px;
	line-height: 1.44em;
	margin-top: 15px;
	gap: 10px;
}
.footer-bottom {
    display: flex;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid var(--black-10);
    border-bottom: 1px solid var(--black-10);
}
.footer-warning {
    font-family: 'Bebasneue';
    font-size: 22px;
    font-weight: 400;
    opacity: 0.3;
    letter-spacing: 5px;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
}

/* PC */
@media (min-width: 769px) {
    .footer {
        padding-top: 50px;
        background-color: var(--f8f8f8);
    }
    .footer--inner {
        background-color: var(--white);
    }
    .footer-bottom__license {
        margin-left: auto;
    }
    .footer-bottom__copy br {
        display: none;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .footer {
        padding-bottom: 70px;
        background-color: var(--white);
    }
    .footer-bottom {
        font-weight: 400;
        text-align: center;
        flex-direction: column-reverse;
        gap: 5px;
    }
}


/* ============================================================ */
/* Отзывы ===================================================== */
/* ============================================================ */
.reviews {
    min-height: 300px;
    position: relative;
    z-index: 1;
}
.reviews:before,
.reviews:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: -1;
}
.reviews:before {
    width: 44px;
    height: 44px;
    background: url(../images/preloader.svg) no-repeat center / contain;
}
.reviews:after {
    content: 'Идет загрузка';
    font-weight: 500;
    margin-top: 50px;
    opacity: 0.6;
}


/* ============================================================ */
/* Вопросы ==================================================== */
/* ============================================================ */

/* Вопросы - список =========================================== */
.faqs-item {
    background-color: var(--white);
    transition: box-shadow .15s linear;
    position: relative;
    overflow: hidden;
    padding: 25px;
}
.faqs-item:nth-child(1n + 2) {
    border-top: 1px solid var(--eeeeee);
}
.faqs-item.empty {
    box-shadow: var(--shadow-6) !important;
}
.faqs-item__question {
    font-weight: 600;
    line-height: 24px;
    transition: color .15s linear;
    cursor: pointer;
}
.faqs-item:before {
    content: '';
    position: absolute;
    width: 12px;
    height: 16px;
    left: 0px;
    top: 28px;
    background-color: var(--violet);
    border-radius: 0 50% 50% 0;
    transform: translateX(-100%);
}
.faqs-item.active:before {
    transform: translateX(-50%);
}
.faqs-item__question:after {
    content: '';
    width: 14px;
    height: 14px;
    right: 14px;
    top: 30px;
    border-radius: 50%;
    background: url(../images/icons/faq-plus.svg) no-repeat center / contain;
    position: absolute;
    cursor: pointer;
}
.faqs-item__question.active:after {
    transform: rotate(45deg);
}
.faqs-item__question:hover {
    color: var(--violet);
}
.faqs-item__answer {
    padding: 0 25px 25px;
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 15px;
    padding: 15px 10px;
    border-left: 4px solid var(--violet);
    background-color: var(--f8f8f8);
}
.faqs-item__answer a {
    font-weight: 600;
    border-bottom: 1px dashed currentColor;
    transition-property: color, border-color;
}
.faqs-item__answer a:hover {
    border-color: transparent;
}
.faqs-item__info {
    display: flex;
    font-size: 14px;
    color: var(--666666);
    margin-top: 20px;
}
.faqs-item__info svg {
    width: 14px;
    height: 14px;
    margin-right: 5px;
    fill: var(--666666);
}
.faqs-item__link {
    display: inline-flex;
    align-items: center;
}
.faqs-item__link:hover svg {
    fill: var(--violet);
}
.faqs-item__date {
    display: inline-flex;
    align-items: center;
    margin-left: auto;
}

/* Вопросы - запись =========================================== */
.faq__item {
    padding: 25px;
    margin-bottom: 15px;
    background-color: var(--white);
    border-radius: 8px;
    position: relative;
    overflow: hidden;
}
.faq__item:before {
    content: '';
    width: 12px;
    height: 16px;
    background-color: var(--violet);
    border-radius: 0 50% 50% 0;
    transform: translateX(-50%);
    position: absolute;
    left: 0px;
    top: 28px;
}
.faq__question {
    font-weight: 600;
    line-height: 24px;
}
.faq__answer {
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    margin-top: 20px;
    padding: 15px 10px;
    border-left: 4px solid var(--violet);
    background-color: var(--f8f8f8);
}
.faq__answer a {
    font-weight: 600;
    border-bottom: 1px dashed currentColor;
    transition-property: color, border-color;
}
.faq__answer a:hover {
    border-color: transparent;
}


/* ============================================================ */
/* Вакансии =================================================== */
/* ============================================================ */
/* PC */
@media (min-width: 769px) {
    .vacancy {}
    .vacancy-banner {
        padding: 25px;
        background: var(--gradient-2);
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
    .vacancy-banner:after {
        content: '';
        width: 100%;
        height: 100%;
        background: url(../images/vacancy/doctor.png) no-repeat right center / contain;
        position: absolute;
        top: 0;
        right: 0;
        z-index: -1;
    }
    .vacancy-banner__text {
        font: 600 24px/30px Cera;
    }
    .vacancy-banner__hint {
        font-size: 14px;
        font-weight: 400;
        line-height: 14px;
        position: absolute;
        right: 10px;
        bottom: 10px;
    }

    .vacancy-links {
        display: flex;
        align-items: center;
        gap: 15px;
        margin-top: 30px;
    }
    .vacancy-links__item {
        font-weight: 500;
        padding: 10px 20px 10px 15px;
        border-radius: 50px;
        background-color: var(--white);
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        transition: box-shadow .15s linear;
    }
    .vacancy-links__item:hover {
        color: var(--black);
        box-shadow: var(--shadow-8);
    }
    .vacancy-links__item:before {
        content: '';
        width: 20px;
        height: 20px;
        margin-right: 6px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .vacancy-links__item.hh:before {
        background-image: url(../images/vacancy/ic-hh.ico);
    }
    .vacancy-links__item.avito:before {
        background-image: url(../images/vacancy/ic-avito.ico);
        background-size: 95%;
    }
    .vacancy-links__item.resume:before {
        background-image: url(../images/vacancy/ic-resume.png);
    }
    .vacancy-text {
        padding: 25px;
        background-color: var(--white);
    }
    .vacancy-requirement {}
    .vacancy-requirement__heading {
        color: var(--black);
    }
    .vacancy-requirement__list {
        align-items: normal;
        --row-gap: 15px;
        --col-gap: 15px;
    }
    .vacancy-requirement__item {
        padding: 15px;
        background: var(--gradient-2);
        /* box-shadow: var(--shadow-3); */
        position: relative;
        overflow: hidden;
        border-radius: 10px;
    }
    .vacancy-requirement__item:after {
        content: '';
        width: 40px;
        height: 40px;
        right: 10px;
        bottom: 10px;
        position: absolute;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .vacancy-requirement__item.professional:after {
        background-image: url(../images/vacancy/professional.svg);
    }
    .vacancy-requirement__item.responsibility:after {
        background-image: url(../images/vacancy/responsibility.svg);
    }
    .vacancy-requirement__item.training:after {
        background-image: url(../images/vacancy/training.svg);
    }
    .vacancy-requirement__item.command:after {
        background-image: url(../images/vacancy/command.svg);
    }
    .vacancy-requirement__title {
        margin-bottom: 10px;
        font: 600 20px / 24px Cera;
        display: block;
        background: linear-gradient(45deg, #d0147f, #903e9d, #039ee2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: var(--black);
    }
    .vacancy-requirement__text {
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        display: block;
        width: calc(100% - 70px);
    }
    .vacancy-advantage {
        background: linear-gradient(to right, #d0147f 30%, #923f9e, #3c77c6);
        padding: 25px;
    }
    .vacancy-advantage__title {
        color: var(--white);
        margin-bottom: 15px;
        font: 600 26px / 34px Cera;
    }
    .vacancy-advantage__list {
        justify-content: center;
    }
    .vacancy-advantage__item {
        position: relative;
        padding-left: 36px;
    }
    .vacancy-advantage__icon {
        width: 80px;
        height: 80px;
        flex: 0 0 80px;
        background: url(../images/vacancy/romb.svg) no-repeat center / contain;
        padding: 12px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .vacancy-advantage__icon:after {
        content: '';
        background-size: 50%;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .vacancy-advantage__icon.clinic:after {
        background-image: url(../images/vacancy/clinic.svg);
    }
    .vacancy-advantage__icon.team:after {
        background-image: url(../images/vacancy/team.svg);
    }
    .vacancy-advantage__icon.courses:after {
        background-image: url(../images/vacancy/courses.svg);
    }
    .vacancy-advantage__icon.career:after {
        background-image: url(../images/vacancy/career.svg);
    }
    .vacancy-advantage__icon.vacation:after {
        background-image: url(../images/vacancy/vacation.svg);
    }
    .vacancy-advantage__icon.money:after {
        background-image: url(../images/vacancy/money.svg);
    }
    .vacancy-advantage__icon.awards:after {
        background-image: url(../images/vacancy/awards.svg);
    }
    .vacancy-advantage__icon.discount:after {
        background-image: url(../images/vacancy/discount.svg);
    }
    .vacancy-advantage__icon.location:after {
        background-image: url(../images/vacancy/location.svg);
    }
    .vacancy-advantage__text {
        font-size: 15px;
        font-weight: 600;
        line-height: 20px;
        padding: 5px 10px 5px 50px;
        background-color: var(--white);
        box-shadow: var(--shadow-7);
        border-radius: 8px;
        height: 80px;
        display: flex;
        align-items: center;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .vacancy{
        margin: 0 -10px 20px;
    }
    .vacancy-banner{
        padding: 10px;
        background: var(--gradient-2);
        overflow: hidden;
        position: relative;
        z-index: 1;
    }
    .vacancy-banner__text{
        font: 600 20px/26px Cera;
        background: linear-gradient(45deg, #d0147f, #903e9d, #039ee2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: var(--black);
    }
    .vacancy-banner__text br{
        display: none;
    }
    .vacancy-links{
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        gap: 10px;
        margin-top: 20px;
    }
    .vacancy-links__item{
        font-weight: 500;
        padding: 10px 18px 10px 15px;
        border-radius: 50px;
        background-color: var(--white);
        cursor: pointer;
        display: inline-flex;
        align-items: center;
        transition: box-shadow .15s linear;
    }
    .vacancy-links__item:hover{
        color: var(--black);
    }
    .vacancy-links__item:before{
        content: '';
        width: 20px;
        height: 20px;
        margin-right: 6px;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .vacancy-links__item.hh:before{
        background-image: url(../images/vacancy/ic-hh.ico);
    }
    .vacancy-links__item.avito:before{
        background-image: url(../images/vacancy/ic-avito.ico);
        background-size: 95%;
    }
    .vacancy-links__item.resume:before{
        background-image: url(../images/vacancy/ic-resume.png);
    }
    .vacancy-text{
        padding: 15px;
        background-color: var(--white);
    }
    .vacancy-text h2{
        font: 600 20px/26px Cera;
    }
    .vacancy-requirement__heading{
        color: var(--black);
    }
    .vacancy-requirement__list{
        align-items: normal;
        --row-gap: 15px;
        --col-gap: 15px;
    }
    .vacancy-requirement__item{
        padding: 20px 15px;
        background: var(--gradient-2);
        position: relative;
        overflow: hidden;
        border-radius: 24px;
    }
    .vacancy-requirement__item:after{
        content: '';
        width: 40px;
        height: 40px;
        right: 15px;
        bottom: 15px;
        position: absolute;
        background-size: contain;
        background-position: center;
        background-repeat: no-repeat;
    }
    .vacancy-requirement__item.professional:after{
        background-image: url(../images/vacancy/professional.svg);
    }
    .vacancy-requirement__item.responsibility:after{
        background-image: url(../images/vacancy/responsibility.svg);
    }
    .vacancy-requirement__item.training:after{
        background-image: url(../images/vacancy/training.svg);
    }
    .vacancy-requirement__item.command:after{
        background-image: url(../images/vacancy/command.svg);
    }
    .vacancy-requirement__title{
        margin-bottom: 10px;
        font: 600 18px / 21px Cera;
        display: block;
        background: linear-gradient(45deg, #d0147f, #903e9d, #039ee2);
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
        color: var(--black);
    }
    .vacancy-requirement__text{
        font-size: 15px;
        font-weight: 500;
        line-height: 22px;
        display: block;
        width: calc(100% - 40px);
    }
    .vacancy-advantage{
        padding: 20px 10px 0;
    }
    .vacancy-advantage__title{
        margin-bottom: 15px;
        font: 700 20px/26px Cera;
        text-align: center;
        text-transform: uppercase;
    }
    .vacancy-advantage__list{
        justify-content: center;
        --row-gap: 15px;
    }
    .vacancy-advantage__item{
        position: relative;
        padding-left: 32px;
    }
    .vacancy-advantage__icon{
        width: 64px;
        height: 64px;
        flex: 0 0 80px;
        background: url(../images/vacancy/romb.svg) no-repeat center / contain;
        padding: 12px;
        position: absolute;
        left: 0;
        top: 0;
    }
    .vacancy-advantage__icon:after{
        content: '';
        background-size: 45%;
        background-repeat: no-repeat;
        background-position: center;
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
    }
    .vacancy-advantage__icon.clinic:after{
        background-image: url(../images/vacancy/clinic.svg);
    }
    .vacancy-advantage__icon.team:after{
        background-image: url(../images/vacancy/team.svg);
    }
    .vacancy-advantage__icon.courses:after{
        background-image: url(../images/vacancy/courses.svg);
    }
    .vacancy-advantage__icon.career:after{
        background-image: url(../images/vacancy/career.svg);
    }
    .vacancy-advantage__icon.vacation:after{
        background-image: url(../images/vacancy/vacation.svg);
    }
    .vacancy-advantage__icon.money:after{
        background-image: url(../images/vacancy/money.svg);
    }
    .vacancy-advantage__icon.awards:after{
        background-image: url(../images/vacancy/awards.svg);
    }
    .vacancy-advantage__icon.discount:after{
        background-image: url(../images/vacancy/discount.svg);
    }
    .vacancy-advantage__icon.location:after{
        background-image: url(../images/vacancy/location.svg);
    }
    .vacancy-advantage__text{
        font-size: 14px;
        font-weight: 500;
        line-height: 18px;
        padding: 5px 10px 5px 36px;
        background-color: var(--white);
        box-shadow: var(--shadow-7);
        border-radius: 8px;
        height: 64px;
        display: flex;
        align-items: center;
    }
}


/* ============================================================ */
/* Врачи ====================================================== */
/* ============================================================ */

/* Врачи - список ============================================= */
/* PC */
@media (min-width: 769px) {
    .doctors-list {
        align-items: initial;
    }
    .doctors-item {
        display: flex;
        flex-direction: column;
        background-color: var(--white);
        border-radius: 24px;
        position: relative;
        overflow: hidden;
    }
    .doctors-item__image {
        position: relative;
        display: block;
    }
    .doctors-item__image:after {
        content: '';
        width: 100%;
        height: 35px;
        position: absolute;
        left: 0;
        bottom: 0;
        background: linear-gradient(0deg, #fff, rgb(255 255 255 / 95%) 10%,
        rgb(255 255 255 / 80%) 30%, rgb(255 255 255 / 70%) 40%, transparent 80%);
    }
    .doctors-item__info {
        padding: 10px;
    }
    .doctors-item__name {
        font: 600 20px / 24px Cera;
        display: block;
    }
    .doctors-item__name br:not(:nth-child(2)) {
        display: none;
    }
    .doctors-item__specialties {
        margin-top: 15px;
        display: flex;
        flex-wrap: wrap;
        gap: 8px;
        font-size: 14px;
        font-weight: 500;
    }
    .doctors-item__speciality {
        background: var(--gradient-1);
        padding: 5px 10px;
        border-radius: 30px;
    }
    .doctors-item__stickers {
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        position: absolute;
        left: 10px;
        top: 10px;
    }
    .doctors-item__sticker {
        padding: 4px 8px;
        border-radius: 30px;
        background: linear-gradient(to right bottom, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.05));
        backdrop-filter: blur(12px);
        -webkit-backdrop-filter: blur(12px);
        border: 1px solid rgba(255, 255, 255, 0.18);
        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1);
    }
    .doctors-item__award {
        font-size: 14px;
        font-weight: 700;
        line-height: 18px;
        color: #2b2118;
        display: flex;
        align-items: center;
        gap: 6px;
        padding: 5px 12px 5px 5px;
        border-radius: 30px;
        box-shadow: 0 4px 14px rgba(0, 0, 0, 0.35);
        position: absolute;
        left: 10px;
        right: 10px;
        bottom: 15px;
        z-index: 1;
        font-size: 12px;
        font-weight: 600;
        line-height: 14px;
    }
    .doctors-item__award.first {
        background: linear-gradient(135deg, #ffc22e, #ffe58a 50%, #f5ab00);
    }
    .doctors-item__award.second {
        background: linear-gradient(135deg, #9fadbd, #e6ebf1 50%, #8796a8);
    }
    .doctors-item__award.third {
        background: linear-gradient(135deg, #f0935c, #ffd0ad 50%, #dd7a3f);
    }
    .doctors-item__image img.doctors-item__award-star {
        width: 18px;
        height: 18px;
        padding: 3px;
        border-radius: 50%;
        background-color: var(--white);
        flex-shrink: 0;
    }
    .doctors-item__record {
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        letter-spacing: .4px;
        border-radius: 30px;
        border-top: 6px solid var(--f4f4f4);
        border-left: 5px solid var(--f4f4f4);
        border-right: 5px solid var(--f4f4f4);
        text-align: center;
        padding: 10px 20px;
        margin-top: auto;
        color: var(--white);
        background-color: var(--828ea5);
        transition: background-color .2s linear, color .2s linear;
        cursor: pointer;
    }
    .doctors-item__record:hover {
        background-color: var(--violetlight);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .doctors-item {
        padding: 10px;
        background-color: var(--white);
        box-shadow: var(--shadow-7_1);
        border-radius: 24px;
        overflow: hidden;
    }
    .doctors-item__header {
        display: flex;
    }
    .doctors-item__image {
        width: 100px;
        height: 100px;
        margin-right: 10px;
        border-radius: 50%;
        border-top: 1px solid var(--violetdark);
        border-right: 4px solid var(--violetdark);
        border-left: 4px solid var(--violetdark);
        border-bottom: 1px solid var(--violetdark);
        overflow: hidden;
        flex-shrink: 0;
    }
    .doctors-item__image img{
        object-position: center top;
    }
    .doctors-item__links {
        padding-top: 10px;
    }
    .doctors-item__name {
        font: 600 18px/22px Cera;
        display: block;
    }
    .doctors-item__name br:not(:nth-child(2)){
        display: none;
    }
    .doctors-item__specialty {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        margin-top: 10px;
        display: inline-flex;
        color: var(--violetdark);
    }
    .doctors-item__specialties {
        font-size: 13px;
        font-weight: 500;
        line-height: 14px;
        display: flex;
        flex-wrap: wrap;
        gap: 5px;
        margin-top: 10px;
    }
    .doctors-item__speciality {
        background: var(--gradient-1);
        padding: 3px 8px 5px;
        border-radius: 30px;
    }
    .doctors-info {
        font-size: 15px;
        line-height: 24px;
        border-radius: 24px;
        background-color: #f9f9f9;
        padding: 10px 15px;
        margin-top: 15px;
    }
    .doctors-info__item strong{
        font-weight: 600;
    }
    .doctors-info__value {
        text-transform: lowercase;
    }
    .doctors-schedule__clinic {
        display: flex;
        align-items: center;
        column-gap: 6px;
        fill: var(--violetdark);
    }
    .doctors-schedule__clinic svg{
        width: 14px;
        height: 14px;
        flex-shrink: 0;
    }
    .doctors-schedule__values {
        font-size: 14px;
        line-height: 22px;
    }
    .doctors-schedule__value {
        padding-left: 20px;
    }
    .doctors-schedule__value:before {
        content: '\2014';
        margin-right: 5px;
        transition: color 0s linear;
        position: relative;
        top: -1px;
    }
    .doctors-item__buttons {
        display: flex;
        align-items: center;
        border-radius: 100px;
        overflow: hidden;
        margin-top: 10px;
        background-color: var(--violetdark);
        padding: 2px;
    }
    .doctors-item__button {
        width: 50%;
        font-size: 14px;
        font-weight: 500;
        line-height: 30px;
        text-align: center;
        color: var(--white);
    }
    .doctors-item__button.more {
        display: block;
        color: var(--black);
        background-color: var(--f4f4f4);
        border-radius: 100px;
        position: relative;
        z-index: 1;
        overflow: hidden;
    }
}

/* Статья ===================================================== */
/* PC */
@media (min-width: 769px) {
    .doctor {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        gap: 20px;
    }
    .doctor__sidebar {
        flex: 0 0 360px;
        background-color: var(--white);
        border-radius: 24px;
        overflow: hidden;
    }
    .doctor__image {
        height: 450px;
        display: block;
    }
    .doctor__info {
        padding: 20px;
    }
    .doctor__info-item:not(:last-child) {
        margin-bottom: 20px;
    }
    .doctor__info-title {
        display: block;
        margin-bottom: 5px;
        font: 600 16px/18px Cera;
    }
    .doctor__info-value {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 5px;
        position: relative;
    }
    .doctor__info-value:before {
        content: '\27A5';
        color: var(--violet);
        margin-right: 3px;
    }
    .doctor__info-value:last-child {
        margin-bottom: 0;
    }
    .doctor__schedule {}
    .doctor__schedule:nth-of-type(1n + 2) {
        margin-top: 10px;
    }
    .doctor__schedule-clinic:before {
        content: '\27A5';
        color: var(--violet);
        margin-right: 3px;
    }
    .doctor__schedule-clinic svg {
        width: 12px;
        height: 12px;
        margin-right: 5px;
        fill: var(--violet);
        transition: none;
        display: none;
    }
    .doctor__schedule-values {
        font-size: 13px;
        line-height: 18px;
    }
    .doctor__schedule-value {
        padding-left: 17px;
        margin-top: 5px;
    }
    .doctor__schedule-value:before {
        content: '\2014';
        margin-right: 3px;
        transition: color 0s linear;
    }
    .doctor__record {
        width: 100%;
        font-size: 18px;
        font-weight: 500;
        line-height: 24px;
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 10px 20px;
        border-radius: 50px;
        border: 5px solid var(--f4f4f4);
        border-bottom: 0;
        color: var(--white);
        background-color: var(--violet);
        transition: all .2s ease-in-out;
        cursor: pointer;
    }
    .doctor__record:hover {
        background-color: var(--violetlight);
    }
    .doctor__content {}
    .doctor__text {
        padding: 20px;
        border-radius: 24px;
        background-color: var(--white);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .main__content--doctors.main__content--item {
        margin: 0;
    }
    .i-doctors{}
    .i-doctors__image{
        position: relative;
        box-shadow: var(--shadow-7);
    }
    .i-doctors__schedule:nth-of-type(1n + 2){
        margin-top: 10px;
    }
    .i-doctors__schedule-clinic:before{
        content: '\27A5';
        color: var(--violet);
        margin-right: 3px;
    }
    .i-doctors__schedule-clinic svg{
        width: 12px;
        height: 12px;
        margin-right: 5px;
        fill: var(--violet);
        transition: none;
        display: none;
    }
    .i-doctors__schedule-values{
        font-size: 13px;
        line-height: 18px;
    }
    .i-doctors__schedule-value{
        padding-left: 17px;
        margin-top: 5px;
    }
    .i-doctors__schedule-value:first-child{
        margin-top: 0;
    }
    .i-doctors__schedule-value:before{
        content: '\2014';
        margin-right: 3px;
        transition: color 0s linear;
    }
    .i-doctors__record{
        display: flex;
        align-items: center;
        font-weight: 600;
        padding: 12px 14px;
        box-shadow: var(--shadow-3);
        background-color: var(--white);
        border-left: 4px solid var(--violet);
        overflow: hidden;
        position: fixed;
        bottom: 85px;
        left: 10px;
        z-index: 1;
    }
    .i-doctors__record-icon{
        width: 18px;
        height: 18px;
    }
    .i-doctors__record-title{
        font-size: 14px;
        margin-left: 5px;
    }
    .i-doctors__content{
        font-size: 14px;
        padding: 20px 15px;
        background-color: var(--white);
    }
    .i-doctors__info{
        margin-bottom: 15px;
    }
    .i-doctors__info:last-child{
        margin-bottom: 0;
    }
    .i-doctors__info-title{
        display: block;
        font-weight: 600;
        line-height: 24px;
    }
    .i-doctors__info-value{
        margin-top: 5px;
        line-height: 20px;
        position: relative;
        font-size: 14px;
    }
    .i-doctors__info-value:before{
        content: '\27A5';
        margin-right: 3px;
        color: var(--violet);
    }
    .i-doctors__text{
        padding-top: 20px;
        margin-top: 24px;
        border-top: 1px solid var(--eeeeee);
    }
    .i-doctors__text h2{
        font-size: 24px;
        line-height: 30px;
        padding-top: 15px;
        border-top: 1px solid var(--eeeeee);
    }
    .i-doctors__text h2:first-child{
        margin-top: 0;
        padding-top: 0;
        border-top: none;
    }
    .i-doctors > [id]:not(.i-doctors__content){
        margin: 25px 0 30px;
        padding: 0 10px;
    }
    .i-doctors .i-doctors__schedule{
        margin-top: 5px;
    }
    .i-doctors .i-doctors__schedule-values{
        margin-top: 5px;
    }
}


/* Меню ======================================================= */
.docmenu {
    top: 0;
    left: -20px;
    width: calc(100% + 20px);
    position: absolute;
    z-index: 29;
}
.docmenu_fixed {
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0;
}
.docmenu__wrap {
    padding: 0;
}
.docmenu__box {
    box-shadow: var(--shadow-7);
    margin-left: auto;
}
.docmenu_fixed .docmenu__box {
    box-shadow: var(--shadow-7);
    width: calc(100% - 365px);
    margin-left: auto;
}
.docmenu__list {
    display: flex;
    font-size: 18px;
    font-weight: 600;
    background-color: var(--white);
    border-radius: 8px;
    overflow: hidden;
}
.docmenu__link {
    padding: 20px;
    display: block;
}
.docmenu__btn {
    font-size: 18px;
    font-weight: 500;
    padding: 9px 30px;
    text-align: center;
    border-radius: 50px;
    margin-left: auto;
    cursor: pointer;
}

/* Кнопки переключения ======================================== */
.buttons {
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
    font-weight: 600;
    margin-bottom: 15px;
    gap: 8px;
}
.buttons__item {
    padding: 6px 12px;
    background-color: var(--white);
    border-radius: 12px;
    line-height: 18px;
    cursor: pointer;
    transition: color .1s linear, background-color .1s linear;
}
.buttons__item:not(.buttons__item--active):hover {
    color: var(--violetdark);
}
.buttons__item--active,
.buttons__item--active:hover {
    color: var(--white);
    background-color: var(--violet);
}


/* Фильтр ===================================================== */
.filters + .doctors-list {
    margin-top: 20px;
}
.filters {
    padding: 20px;
    border-radius: 24px;
    background-color: var(--white);
}
.filters__form {
    display: flex;
    column-gap: 10px;
}
.filters__form input,
.filters__form select {
    width: 100%;
    padding: 5px 10px 5px;
    font: normal 14px / 22px Avenir;
    background-color: var(--f8f8f8);
    border: 1px solid var(--f4f4f4);
    border-radius: 30px;
    outline: none;
    box-shadow: none;
}
.filters__cols {
    flex-grow: 1;
    --col-gap: 10px;
}
.filters__col {}
.filters__input {}
.filters__select {}
.filters__buttons {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}
.filters__button {
    font-size: 14px;
    font-weight: 500;
    line-height: 30px;
    border-radius: 50px;
    padding: 2px 20px;
}
.filters__button--submit {
    color: var(--white);
    background-color: var(--violet);
    display: none;
}
.filters__button--reset {
    background-color: var(--violet);
    color: var(--white);
}
.filters__button--reset:hover {
    color: var(--white);
    background-color: var(--violetlight);
    box-shadow: var(--shadow-8);
}
.filters .jq-selectbox {
    width: 100%;
}
.filters .jq-selectbox__select{
    width: 100%;
    height: auto;
    border-radius: 50px;
    background: var(--f8f8f8) !important;
    border: 1px solid var(--f4f4f4) !important;
    box-shadow: none;
}
.filters .jq-selectbox__trigger{
    border-color: var(--eeeeee);
}
.filters .jq-selectbox__select-text {
    font-family: Avenir;
}

/* Фильтр ===================================================== */
.checkups-filter {
    padding: 20px;
    background-color: var(--white);
    border-radius: 24px;
}
.checkups-filter .fields {
    display: flex;
    flex-direction: column;
    gap: 15px;
}
.checkups-filter .field {
    margin-bottom: 0;
}
.checkups-filter .title {
    font-size: 20px;
    margin-bottom: 5px;
    line-height: 1.2;
}
.checkups-filter label {
    display: block;
}
.checkups-filter .input-checkbox {
    margin-left: 1px;
}
.checkups-filter__buttons {
    display: block;
    margin: 10px 0 0;
}
.checkups-filter__buttons > * {
    width: 100%;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 36px;
    border-radius: 50px;
    padding: 0 10px;
    text-align: center;
}
.checkups-filter__reset {
    background-color: var(--f4f4f4);
    margin-top: 10px;
}
.checkups-filter__reset:hover {
    background-color: var(--828ea5);
    color: var(--white);
}
.checkups-filter__submit {
    color: var(--white);
    background-color: var(--violet);
    padding: 0 20px;
}
.checkups-filter__submit:hover {
    background-color: var(--violetlight);
}

/*.filter__field {
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: var(--shadow-7);
    background-color: var(--white);
    border-radius: 8px;
}
.filter__field:last-child {
    margin-bottom: 0;
}
.filter__title {
    font-weight: bold;
    margin-bottom: 15px;
}
.filter__value label {
    margin-bottom: 10px;
    transition: color .15s linear;
    display: table;
}
.filter__value label:hover {
    color: var(--violet);
}
.filter__value label:last-child {
    margin-bottom: 0;
}
.filter__value input {
    margin: 0;
    height: auto;
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    padding: 6px 10px;
    border-radius: 4px;
    background-color: var(--eeeeee);
    color: var(--black);
    box-shadow: none;
    border: none;
}
.filter__buttons {
    margin-top: 15px;
    text-align: center;
}
.filter__buttons .filter__button {
    background: var(--violet);
    width: 100%;
    padding: 10px;
    font-weight: 500;
    border-radius: 8px;
    font-size: 16px;
}
.filter__buttons .filter__button:hover {
    background: var(--violetdark);
}
.filter__buttons .filter__cancel {
    color: var(--black);
    display: inline-block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: 500;
    border-bottom: 1px dashed transparent;
    padding-bottom: 3px;
    transition-property: color, border-bottom;
}
.filter__buttons .filter__cancel:hover {
    color: var(--violet);
    border-color: var(--violet);
}
.filter__value .input_checkbox_list {
    max-height: 350px;
    line-height: 20px;
    padding-right: 4px;
    overflow: auto;
    font-size: 14px;
}
.filter__value .input_checkbox_list::-webkit-scrollbar {
    width: 8px;
}
.filter__value .input_checkbox_list::-webkit-scrollbar-thumb { 
    border-radius: 2px;
    background-color: #cccccc;
}
.filter__value .input_checkbox_list::-webkit-scrollbar-track {
    background-color: #f4f4f4;
}
.filter__value .input_checkbox_list::-webkit-scrollbar-track:hover {
    background-color: #eeeeee;
}
.filter__value .input_checkbox_list label {
    cursor: pointer;
}
.filter__value .input_checkbox_list input {
    width: 12px;
    height: 12px;
    margin-right: 5px;
}
.filter__value .input_checkbox_list span {
    text-transform: capitalize;
    font-size: 14px;
}*/


/* ============================================================ */
/* Клиники ==================================================== */
/* ============================================================ */

/* Клиники - список =========================================== */
.clinics__buttons {
    margin-bottom: 20px;
}
.clinics__info {
    font-size: 15px;
    font-weight: 600;
    line-height: 26px;
    padding: 12px 15px;
    border-radius: 24px;
    position: relative;
    text-align: center;
    background-color: var(--white);
}
.clinics__list {
    margin-top: 20px;
    align-items: inherit;
}
.clinics__item {
    display: flex;
    flex-direction: column;
    padding: 20px 20px;
    background-color: var(--white);
    position: relative;
    border-radius: 24px;
}
.clinics__item--hide {
    display: none;
}
.clinics__item--hide + .clinics__item {
    margin: 0;
}
.clinics__rows {
    margin-top: 20px;
    padding: 20px 0;
    border-top: 1px solid var(--black-10);
}
.clinics__row {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding-left: 30px;
    position: relative;
}
.clinics__row:not(:first-child) {
    margin-top: 15px;
}
.clinics__caption {
    font-weight: bold;
    text-align: left;
}
.clinics__panorama {
    width: 36px;
    height: 36px;
    padding: 5px;
    display: block;
    position: absolute;
    top: 20px;
    right: 15px;
    color: var(--666666);
}
.clinics__panorama:hover {
    color: var(--black);
}
.clinics__panorama svg {
    width: 100%;
    height: 100%;
}
.clinics__location {
    font: 600 20px/26px Cera;
}
.clinics__city {
    display: block;
    margin-bottom: 5px;
    color: var(--violet);
}
.clinics__address {
    display: block;
}
.clinics__type {
    font: 500 14px/18px Avenir;
    color: var(--666666);
}
.clinics__phone {
    display: table;
}
.clinics__whatsapp {
    font-weight: bold;
}
.clinics__route {
	display: none;
}
.clinics__row svg {
    width: 18px;
    height: 18px;
    position: absolute;
    left: 0;
    top: 3px;
}
.clinics__icon-phone {
    color: #1b70dd;
}
.clinics__icon-whatsapp {
    color: #1ac23c;
}
.clinics__icon-mail {
    color: #0c5a1f;
}
.clinics__icon-graph {
    color: #08597b;
}
.clinics__icon-minibus {
    width: 20px;
    height: 20px;
    color: #8a1a38;
    top: -2px;
}
.clinics__actions {
    margin-top: auto;
    padding-top: 20px;
    text-align: center;
    border-top: 1px solid var(--black-10);
}
.clinics__more {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    padding: 8px 20px;
    display: inline-block;
    color: var(--white);
    background-color: var(--violet);
    border-radius: 30px;
    letter-spacing: .4px;
    transition: all .2s ease-in-out;
    cursor: pointer;
}
.clinics__more:hover {
    color: var(--white);
    border-color: var(--violetlight);
    background-color: var(--violetlight);
    box-shadow: var(--shadow-8);
}

/* Клиники - статья =========================================== */
.clinic {}
.clinic__row {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    position: relative;
}
.clinic__caption {
    font-weight: bold;
    text-align: left;
}
.clinic__row svg {
    top: 3px;
    left: 0;
    position: absolute;
}
.clinic__icon-phone {
    color: #1b70dd;
}
.clinic__icon-whatsapp {
    color: #1ac23c;
}
.clinic__icon-mail {
    color: #0c5a1f;
}
.clinic__icon-graph {
    color: #08597b;
}
.clinic__icon-minibus {
    color: #8a1a38;
}
.clinic__icon-panorama {
    color: #d2691e;
}
.clinic__icon-coordinates {
    color: #f7c600;
}

.clinic__map {
    flex-grow: 1;
    border-radius: 16px;
    overflow: hidden;
}
.clinic__map > * {
    width: 100% !important;
    height: 100% !important;
}
.clinic__panorama {
    background-color: var(--white);
}

/* PC */
@media (min-width: 769px) {
    .clinic__content {
        padding: 20px;
        margin-bottom: 15px;
        border-radius: 24px;
        box-shadow: var(--shadow-7);
        background-color: var(--white);
        display: flex;
        gap: 30px;
    }
    .clinic__rows {
        width: 420px;
    }
    .clinic__row {
        padding-left: 50px;
    }
    .clinic__row:not(:first-child) {
        margin-top: 20px;
    }
    .clinic__row svg {
        width: 38px;
        height: 38px;
    }
    .clinic__icon-mail {
        width: 40px !important;
        height: 40px !important;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .clinic__rows {
        padding: 20px;
        border-radius: 24px;
        background-color: var(--white);
    }
    .clinic__row {
        padding-left: 26px;
    }
    .clinic__row:not(:first-child) {
        margin-top: 15px;
    }
    .clinic__row svg {
        width: 18px;
        height: 18px;
    }
    svg.clinic__icon-graph {
        width: 16px;
        height: 16px;
    }
    .clinic-panorama {
        display: none;
    }
    .clinic-panorama__link {
        font-weight: 600;
        border-bottom: 1px dashed;
    }
}

/* Клиники - виджет =========================================== */


/* ============================================================ */
/* Стикеры ==================================================== */
/* ============================================================ */
.stickers {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    letter-spacing: .4px;
}
.stickers__item {
    padding: 5px 8px 3px;
    color: var(--white);
    background-color: #e42d2d;
    text-transform: uppercase;
    border-radius: 30px;
}
.stickers__item[data-title="хит"] {
    background-color: #e94141;
    padding-right: 7px;
}
.stickers__item[data-title="хит"]:before {
    content: "✦";
    margin-right: 2px;
}
.stickers__item[data-title="новинка"] {
    background-color: #228b22;
}
.stickers__item[data-title="премиум"] {
    background-color: #d39717;
}
.stickers__item[data-title="10 мин"] {
    background-color: #3fa5c9;
    text-transform: lowercase;
}


/* ============================================================ */
/* Checkup ==================================================== */
/* ============================================================ */

/* Checkup - описание ========================================= */
.checkups__desc {
    font-size: 15px;
    line-height: 26px;
    padding: 20px;
    margin-bottom: 20px;
    border-radius: 24px;
    background-color: var(--white);
}
.checkups__desc strong {
    font-weight: 600;
}

/* Checkup - список =========================================== */
.checkups__list {
    align-items: initial;
}
.checkups__item {
    display: flex;
    flex-direction: column;
    background-color: var(--white);
    border-radius: 24px;
    position: relative;
    overflow: hidden;
}
.checkups__item-content {
    display: flex;
    padding: 15px 10px;
}
.checkups__item-image {
    display: block;
    overflow: hidden;
    border-radius: 50%;
    margin-right: 10px;
    background-color: var(--f4f4f4);
    flex-shrink: 0;
}
.checkups__item-stickers {
    margin-bottom: 5px;
}
.checkups__item-price {
    font-size: 14px;
    font-weight: bold;
    color: var(--violet);
    margin-top: 5px;
}
.checkups__item-desc {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
} 
.checkups__item-price + .checkups__item-desc {
    margin-top: 10px;
}
.checkups__item-type {
    font-size: 12px;
    font-weight: 600;
    line-height: 18px;
    color: var(--828ea5);
}
.checkups__item-link {
    font-size: 14px;
    font-weight: 500;
    display: inline-flex;
    align-items: center;
    padding: 7px 12px;
    border-radius: 8px 0;
    margin-left: auto;
    margin-top: auto;
    background-color: var(--828ea5);
}
.checkups__item-link:hover {
    fill: var(--violet);
}
.checkups__item-price + .checkups__item-link {
    margin-left: auto;
}
.checkups__item-link svg {
    width: 12px;
    height: 12px;
    margin-right: 5px;
    fill: var(--white);
}
.checkups__list + .article-content__text {
	margin-top: 20px;
}
.checkups__text {
    font-size: 16px;
    line-height: 24px;
    padding: 20px 15px;
    background-color: var(--white);
    margin-top: 10px;
    border-radius: 24px;
}

/* PC */
@media (min-width: 769px) {
    .checkups__item-image {
        width: 128px;
        height: 128px;
    }
    .checkups__item-title {
        font: 600 20px / 24px Cera;
        display: block;
        padding: 5px 0;
    }
    .checkups__item-type {
        margin: -2px 0 10px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .checkups__list {
        --row-gap: 15px;
    }
    .checkups__item-image {
        width: 78px;
        height: 78px;
    }
    .checkups__item-title {
        display: block;
        font: 600 18px / 22px Cera;
    }
    .checkups__item-type {
        margin: 5px 0 10px;
    }
    .checkups__item-link {
        line-height: 1em;
    }
    .checkups__text {
        margin-top: 15px;
    }
}

/* Checkup - статья =========================================== */
/* PC */
@media (min-width: 769px) {
    .checkup__content {
        display: flex;
        align-items: flex-start;
        position: relative;
        gap: 20px 10px;
    }
    .checkup__text {
        width: 100%;
        padding: 20px;
        margin-bottom: 0;
        border-radius: 24px;
        flex-shrink: 1;
    }
    .checkup__gift {
        width: 100%;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        display: inline-flex;
        justify-content: center;
        fill: var(--white);
        color: var(--white);
        background-color: var(--violet);
        padding: 8px 12px;
        margin-bottom: 10px;
        border-radius: 30px;
        transition: all .2s ease-in-out;
        cursor: pointer;
    }
    .checkup__gift svg {
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }
    .checkup__text h3 {
        margin-bottom: 10px;
    }
    .checkup__text h3:nth-child(1n + 2) {
        margin-top: 20px;
    }
    .checkup__text ul li:not(:last-child) {
        margin-bottom: 5px;
    }
    .checkup__text ul li:before {
        content: '\2022';
        margin-right: 4px;
    }
    .checkup__text blockquote {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        background-color: var(--f8f8f8);
        border-color: var(--violetlight);
        border-radius: 10px;
    }
    .checkup__text blockquote:not(:last-of-type) {
        margin-bottom: -10px;
    }
    .checkup-info {
        width: 340px;
        padding: 15px 20px 20px;
        background-color: var(--white);
        box-shadow: var(--shadow-7);
        border-radius: 24px;
        position: sticky;
        top: 10px;
        flex-shrink: 0;
    }
    .checkup-info__whom {
        font: 600 22px/28px Cera;
        margin-bottom: 10px;
    }
    .checkup-price {
        padding: 5px 0 15px;
        margin-bottom: 15px;
        border-bottom: 1px solid var(--eeeeee);
    }
    .checkup-info__whom + .checkup-price {
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid var(--eeeeee);
    }
    .checkup-price__heading {
        font: 600 22px/22px Cera;
    }
    .checkup-price__list {
        font-size: 14px;
        font-weight: 500;
    }
    .checkup-price__item {
        display: flex;
        align-items: baseline;
        margin-top: 15px;
        position: relative;
    }
    .checkup-price__item:first-child {
        margin-top: 10px;
    }
    .checkup-price__item:after {
        content: '';
        position: absolute;
        left: 0;
        bottom: 3px;
        width: 100%;
        border: 1px dotted;
        color: var(--828ea5);
        z-index: -1;
    }
    .checkup-price__title {
        background-color: var(--white);
        padding-right: 1px;
    }
    .checkup-price__value {
        margin-left: auto;
        background-color: var(--white);
        padding-left: 1px;
    }
    .checkup-price__value svg {
        width: 12px;
        height: 12px;
        margin-left: 2px;
    }
    .checkup-price__value.discount {
        font-size: 24px;
        font-weight: bold;
        color: var(--violet);
        fill: var(--violet);
    }
    .checkup-price__value.current {
        font-size: 16px;
        font-weight: 600;
        color: var(--828ea5);
        fill: var(--828ea5);
        text-decoration: line-through;
    }
    .checkup-price__value.current svg {
        width: 8px;
        height: 8px;
    }
    .checkup-record {
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
    }
    .checkup-record__link {
        display: inline-block;
        border-bottom: 2px dashed;
        font-weight: 600;
        margin: 10px 0;
    }
    .checkup-record__button {
        display: inline-block;
        text-transform: uppercase;
        border-radius: 50px;
        font-weight: 600;
        width: 220px;
        margin-top: 10px;
        font-size: 15px;
        line-height: 20px;
        padding: 8px 14px;
    }
    .checkup-contraindication {
        display: none;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .checkup__content{
        display: flex;
        flex-direction: column;
    }
    .checkup__image{
        width: 100%;
        display: block;
        max-height: 420px;
        overflow: hidden;
    }
    .checkup__text{
        width: 100%;
        flex-shrink: 1;
        margin-bottom: 0;
        order: 3;
        border-radius: 0;
    }
    .checkup__gift{
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        display: inline-flex;
        justify-content: center;
        color: var(--white);
        fill: var(--white);
        background-color: var(--violet);
        padding: 8px 14px 6px 14px;
        border-radius: 30px;
        width: 100%;
    }
    .checkup__gift svg{
        width: 16px;
        height: 16px;
        margin-right: 5px;
    }
    .checkup__text{
        border-top: 1px solid var(--eeeeee);
    }
    .checkup__text h3{
        margin-bottom: 10px;
    }
    .checkup__text h3:nth-child(1n + 2){
        margin-top: 20px;
    }
    .checkup__text ul li:not(:last-child){
        margin-bottom: 5px;
    }
    .checkup__text ul li:before{
        content: '\2022';
        margin-right: 4px;
    }
    .checkup__text blockquote{
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        background-color: var(--f8f8f8);
        border-color: var(--violetlight);
        border-radius: 10px;
    }
    .checkup-info{
        padding: 15px;
        background-color: var(--white);
        position: relative;
        z-index: 1;
        order: 2;
    }
    .checkup-info__whom{
        font: 600 18px/24px Cera;
        margin-bottom: 10px;
    }
    .checkup-price{
        margin-bottom: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid var(--eeeeee);
    }
    .checkup-info__whom + .checkup-price{
        margin-top: 15px;
        padding-top: 15px;
        border-top: 1px solid var(--eeeeee);
    }
    .checkup-price__heading{
        font: 600 18px/20px Cera;
    }
    .checkup-price__list{
        font-size: 14px;
        font-weight: 500;
    }
    .checkup-price__item{
        display: flex;
        align-items: baseline;
        margin-top: 15px;
        position: relative;
    }
    .checkup-price__item:first-child{
        margin-top: 10px;
    }
    .checkup-price__item:after{
        content: '';
        width: 100%;
        border: 1px dotted;
        color: var(--828ea5);
        position: absolute;
        left: 0;
        bottom: 3px;
        z-index: -1;
    }
    .checkup-price__title{
        background-color: var(--white);
        padding-right: 1px;
    }
    .checkup-price__value{
        margin-left: auto;
        background-color: var(--white);
        padding-left: 1px;
    }
    .checkup-price__value svg{
        width: 10px;
        height: 10px;
        margin-left: 2px;
    }
    .checkup-price__value.discount{
        font-size: 18px;
        font-weight: bold;
        color: var(--violet);
        fill: var(--violet);
    }
    .checkup-price__value.current{
        font-size: 14px;
        font-weight: 600;
        color: var(--828ea5);
        fill: var(--828ea5);
        text-decoration: line-through;
    }
    .checkup-price__value.current svg{
        width: 8px;
        height: 8px;
    }
    .checkup-record{
        font-size: 15px;
        font-weight: 500;
        line-height: 20px;
        text-align: center;
    }
    .checkup-record__link{
        font-size: 14px;
        font-weight: 600;
        display: inline-block;
        border-bottom: 2px dashed;
        margin: 10px 0;
    }
    .checkup-record__button{
        display: inline-block;
        text-transform: uppercase;
        border-radius: 50px;
        font-weight: 600;
        margin-top: 10px;
        font-size: 13px;
        line-height: 18px;
        padding: 6px 30px;
    }
    .checkup-contraindication{
        display: none;
    }
}


/* ============================================================ */
/* Прайс-лист ================================================= */
/* ============================================================ */

/* Прайс - поиск ============================================== */
.price-search {
    position: relative;
}
.price-search .price-hide {
    fill: var(--828ea5);
    position: absolute;
    right: 20px;
    top: 20px;
}

/* Прайс - оферта ============================================= */
.price-offerta {
    font-size: 15px;
    font-weight: 500;
    line-height: 24px;
    margin-bottom: 15px;
    padding: 20px;
    border-radius: 24px;
    background: var(--gradient-price-offerta);
    color: var(--white);
}
.price-offerta a {
    font-weight: 600;
    color: var(--white);
    border-bottom: 1px dotted;
    transition: border-color .15s linear;
}
.price-offerta a:hover {
    border-color: transparent;
}

/* Прайс - список услуг ======================================= */
.price-list {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
}
.price-header {
    display: flex;
    align-items: center;
    margin-bottom: 10px;
    padding: 0 10px;
}
.price-title {
    font: 600 18px/22px Cera;
}
.price-title[data-count]:after {
    content: '(' attr(data-count) ')';
    margin-left: 5px;
    transition: none;
}
.price-hide {
    width: 16px;
    height: 16px;
    flex-shrink: 0;
    margin-left: auto;
    position: relative;
    cursor: pointer;
    transition: all .1s linear;
    opacity: 1;
    background: url(../images/prices/price-items-hide.svg) no-repeat center / contain;
}
.price-hide.active {
    background-image: url(../images/prices/price-items-show.svg);
}
.price-hide:hover {
    opacity: .5;
}
.price-category {
    margin-top: 15px;
    padding: 20px 10px;
    border-radius: 24px;
    background-color: var(--white);
    overflow: hidden;
}
.price-category[data-count="0"] {
    display: none;
}
.price-item {
    width: 100%;
    display: flex;
    align-items: center;
    padding: 8px 10px;
    position: relative;
    border-radius: 50px;
    /* border-bottom: 1px solid var(--f8f8f8); */
    transition: padding-left .15s linear;
    cursor: context-menu;
}
.price-item:nth-child(even) {
    background-color: #f8f8f8;
}
.price-item:hover {
    /* background-color: var(--f8f8f8); */
}
.price-item:last-child {
   /*  border-bottom: none; */
}
.price-item.hide {
    display: none;
}
.price-list > .price-item {
    padding: 10px 20px;
    border-radius: 14px;
    background-color: var(--white);
}
.price-item > * {
    flex-shrink: 0;
}
.price-item__id {
    width: 110px;
}
.price-item__name {
    width: 100%;
    flex-shrink: 1;
}
.price-item__name:before {
    content: '\25C8';
    color: var(--violet);
}
.price-item__link {
    width: 18px;
    height: 18px;
    padding: 4px;
    display: inline-flex;
}
.price-item__link svg {
    width: 100%;
    height: 100%;
}
.price-item__link:hover {
    fill: var(--violet);
}
.price-item__value {
    width: 90px;
    font-weight: 600;
    text-align: right;
    align-content: center;
}
.price-item__value:after {
    content: ' \20BD';
    text-transform: lowercase;
}
.price-item__value.free:after {
    display: none;
}
.price-item__record {
    width: 24px;
    height: 24px;
    fill: var(--white);
    border-radius: 50%;
    padding: 5px;
    flex-shrink: 0;
    margin-left: 10px;
    background-color: var(--828ea5);
    border: none;
}
.price-item__record svg {
    width: 100%;
    height: 100%;
    display: block;
    transform: translateX(1px);
}

.price-content .article-content {
	margin-top: 15px;
}
.price-content .price-offerta {
	color: var(--black);
	background: var(--white);
}
.price-content .price-offerta a {
	color: var(--black);
}

/* Прайс - отсуствие результата =============================== */
.price-empty {
    padding: 20px;
    font-size: 14px;
    font-weight: 500;
    border-radius: 20px;
    background-color: var(--white);
    overflow: hidden;
    display: none;
}

/* Прайс - виджет ============================================= */
.price.widget {
    padding-top: 0;
    margin-top: 30px;
}
.i-doctors__content .price.widget {
    margin-top: 0;
}
.price.widget h2 {
    font-size: 26px;
    line-height: 34px;
    margin-bottom: 20px;
}
.widget .price-search {
    margin-bottom: 15px;
}
.widget .price-list {
    overflow: hidden;
    border-radius: 24px;
    padding-top: 10px;
    background-color: var(--white);
}
.widget .price-header {
    margin-bottom: 5px;
}
.widget .price-category {
    margin: 0;
    padding: 10px 5px;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
}

/* Mobile */
@media (max-width: 768px) {
    .price-item__name {
        position: relative;
        padding-left: 1.1em;
        overflow-wrap: anywhere;
        hyphens: auto;
    }
    .price-item__name:before {
        position: absolute;
        left: 0;
    }
    .article-price .price-item__name {
        padding-left: 0;
    }
    .price-item__value {
        width: auto;
        margin-left: 10px;
        white-space: nowrap;
    }
}

/* ============================================================ */
/* Уведомления ================================================ */
/* ============================================================ */
.notice {}
.notice__item {}
.notice__text {}
.notice__item svg {}
.notice__item[data-role="success"] {}
.notice__item[data-role="warning"] {}
.notice__item[data-role="error"] {}


/* ============================================================ */
/* Закрузчик ================================================== */
/* ============================================================ */
.loader {
    width: 480px;
    padding: 50px;
    display: block;
    border-radius: 8px;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 105;
    opacity: 0;
    visibility: hidden;
    transition: all .05s linear;
    transform: translate(-50%, -50%);
}
.loader.active {
    opacity: 1;
    visibility: visible;
    transition: opacity .2s linear, visibility .2s linear;
}
.loader__icon {
    width: 54px;
    height: 54px;
    background: url(../images/preloader.svg) no-repeat center / contain;
    margin: 0 auto 40px;
}
.loader__text {
    font: 600 18px/30px Cera;
    text-align: center;
}

/* Контекстное меню */
/* .context-menu {
    border: 4px solid #337AB7;
    background: #BFE2FF;
    width: 180px;
    height: 100px;
    display: inline-flex;
    text-align: center;
    align-items: center;
    margin: 20px;
}
.context-menu-open {
    display: none;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.54);
    background-color: white;
    border-radius: 4px;
    padding: 4px;
}
.context-menu-open ul {
    padding: 0;
    margin: 0;
}
.context-menu-open ul li {
    cursor: pointer;
    list-style: none;
    padding: 10px 12px;
    margin: 0;
    border-bottom: 1px solid #BFE2FF;
}
.context-menu-open ul li:last-child {
    border-bottom: 1px solid transparent;
}
.context-menu-open ul li:hover {
    background-color: #BFE2FF;
} */


/* ============================================================ */
/* Модальные окна ============================================= */
/* ============================================================ */
/*:root {
    --modal-color: var(--violet);
}
.modal {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 102;
    backdrop-filter: blur(8px);
    background: rgba(0, 0, 0, 0.3);
    visibility: hidden;
    opacity: 0;
    transition: all .05s linear; 
}
.modal_show {
    opacity: 1;
    visibility: visible;
    transition: all .15s linear;
}
.modal__box {
    padding: 65px 20px 20px;
    background-color: var(--white);
    border-radius: 8px;
    position: relative;
    display: none;
    min-width: 280px;
    max-width: 480px;
    opacity: 0;
    visibility: hidden;
    transition: all 5s 1s linear;
}
.modal__box_show {
    display: block;
    opacity: 1;
    visibility: visible;
    transition: all 5s 1s linear;
}
.modal__box {
    max-width: 420px;
}
.modal__icon {
    width: 74px;
    height: 74px;
    padding: 15px;
    position: absolute;
    top: 10px;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--modal-color);
    border: 4px solid var(--white);
    border-radius: 50%;
}
.modal__icon svg {
    width: 100%;
    height: 100%;
    fill: var(--white);
}
.modal__header {
    text-align: center;
}
.modal__heading {
    font: 600 24px/30px Cera;
}
.modal__close {
    display: none;
}
.modal__content {
    font-size: 15px;
    line-height: 20px;
    font-weight: 500;
    margin-top: 20px;
    border-left: 4px solid var(--modal-color);
    background-color: var(--f8f8f8);
    padding: 10px;
}
.modal__content:empty {
    display: none;
}
.modal__input {
    width: 100%;
    font-size: 14px;
    line-height: 20px;
    font-weight: 500;
    margin-top: 20px;
    border-bottom: 1px solid var(--black-40);
    padding-bottom: 4px;
}
.modal__text {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
    padding: 10px;
    margin-top: 20px;
    width: 100% !important;
    height: 142px !important;
    border: 1px solid var(--eeeeee);
    background-color: var(--f8f8f8);
    border-radius: 4px;
}
.modal__buttons {
    margin-top: 20px;
}
.modal__button {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    padding: 5px 15px;
    margin-top: 10px;
    color: var(--white);
    background-color: var(--modal-color);
    border: 2px solid var(--modal-color);
    border-radius: 8px;
}
.modal__button:first-child {
    margin-top: 0;
}
.modal__button[data-action="no"] {
    --modal-color:var(--828ea5);
}
.modal__button:hover {
    color: var(--modal-color);
    background-color: var(--white);
}*/

/* Модальные окна - alert ===================================== */
.modal-alert {
    --modal-color: #14b914;
}

/* Модальные окна - confirm =================================== */
.modal-confirm {
    --modal-color: #00a0e3;
}

/* Модальные окна - prompt ==================================== */
.modal-prompt {
    --modal-color: var(--violet);
}

/* Модальные окна - список ==================================== */
.modal-list {}


/* ============================================================ */
/* ОМС ======================================================== */
/* ============================================================ */

/* Статья ===================================================== */
.oms-12 .article-content__text {
    border-radius: 0;
    padding: 0;
    background-color: transparent;
}
.oms-doctors h2 {
    margin-bottom: 20px;
}
.oms-doctors h2:nth-of-type(1n + 2) {
    margin-top: 15px;
}
.useful .artinfo,
.doctors__list .artinfo {
    display: none;
}
.article-oms.oms-12 .article__box,
.article__box .oms-doctors {
    display: none;
}
.oms-7 .i-articles__text {
    font-size: 16px;
}
.oms-doctors__list {
    align-items: initial;
}
.oms-doctors__image {
    background-color: var(--eeeeee);
    border-radius: 8px;
    overflow: hidden;
}
.oms-doctors__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.oms-doctors__content {
    font-size: 14px;
    line-height: 22px;
}
.oms-doctors__content p {
    margin-bottom: 10px;
}
.oms-doctors__content p:last-child {
    margin-bottom: 0;
}
.oms-doctors__name {
    margin-bottom: 15px;
}

.oms-container .article-buttons,
.oms-container .article-feedback,
.oms-container .article-advantage {
	display: none;
}

/* PC */
@media (min-width: 769px) {
    .oms-doctors__item {
        display: flex;
        border-radius: 8px;
        background-color: var(--white);
        box-shadow: var(--shadow-2);
    }
    .oms-doctors__image {
        flex: 0 0 300px;
    }
    .oms-doctors__content {
        padding: 15px 20px;
    }
}

/* Mobile */
@media (max-width: 768px) {

    /* ОМС - врачи ================================================ */
    .oms-12 .i-oms__box{
        padding-bottom: 0;
    }
    .oms-doctors__list{
        border-radius: 24px;
        padding: 15px;
        background-color: var(--white);
    }
    .oms-doctors__item:not(:first-child) {
        border-top: 1px solid var(--black-10);
        padding-top: 25px;
    }
    .oms-doctors__header{
        display: flex;
        align-items: center;
    }
    .oms-doctors__image{
        background-color: var(--eeeeee);
        border-radius: 8px;
        overflow: hidden;
        flex: 0 0 80px;
    }
    .oms-doctors__image img{
        width: 100%;
        height: 100%;
        object-fit: cover;
        border-radius: 0;
    }
    .oms-doctors__content{
        font-size: 14px;
        line-height: 22px;
        margin-top: 10px;
    }
    .oms-doctors__content p{
        margin-bottom: 5px;
    }
    .oms-doctors__content p:last-child{
        margin-bottom: 0;
    }
    .oms-doctors__content br{
        display: none;
    }
    .oms-doctors__name{
        font: 600 20px/26px Cera !important;
    }
    .oms-doctors__specialty{
        font: 500 15px/20px Avenir !important;
        margin-top: 10px;
    }
    .oms-doctors__specialty strong,
    .oms-doctors__specialty br{
        display: none;
    }
}

/* ============================================================ */
/* Сайдбра меню =============================================== */
/* ============================================================ */
.s-menu__title {
    display: none;
}
.s-menu__list {
    font-size: 18px;
    font-weight: 500;
    line-height: 20px;
}
.s-menu__item {
    border-radius: 4px;
    margin-bottom: 10px;
    border: 1px solid var(--black-10);
    transition-duration: .1s;
    transition-timing-function: linear;
    transition-property: background-color, border-color;
    background-color: var(--white);
    border: 1px solid var(--eeeeee);
}
.s-menu__item_dd {
    position: relative;
}
.s-menu__item:last-child {
    margin-bottom: 0;
}
.s-menu__item_active,
.s-menu__item:hover {
    background-color: var(--violet);
    border-color: var(--eeeeee);
}
.s-menu__link {
    display: block;
    padding: 15px 15px;
    transition-duration: 0.1s;
    font-weight: 600;
}
.s-menu__link_dd {
    padding-right: 50px;
}
.s-menu__link:hover {
    color: var(--black);
}
.s-menu__item_active .s-menu__link,
.s-menu__item:hover .s-menu__link {
    color: var(--white);
}
.s-menu__arrow {
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    padding: 20px;
    cursor: pointer;
    border-radius: 50%;
    transition: transform .15s linear, background-color .15s linear;
    position: absolute;
    z-index: 1;
}
.s-menu__arrow svg {
    width: 100%;
    height: 100%;
    display: block;
}
.s-menu__item_active .s-menu__arrow svg,
.s-menu__item:hover .s-menu__arrow svg {
    fill: var(--white);
}
.s-menu__arrow:hover svg {
    fill: var(--violet);
}
.s-menu__arrow_active {
    transform: rotate(90deg);
}
.s-menu__sublist {
    font-size: 16px;
    display: none;
    background-color: var(--white);
}
.s-menu__subitem:last-child {
    margin-bottom: 0;
}
.s-menu__sublink {
    display: block;
    padding: 12px 15px;
    transition-duration: .05s;
}
.s-menu__sublink:before {
    content: '\2014';
    margin-right: 5px;
}
.s-menu__sublink_active,
.s-menu__sublink:hover {
    background-color: var(--f8f8f8);
    color: var(--black);
}


/* ============================================================ */
/* Лицензии =================================================== */
/* ============================================================ */

/* Лицензии - запись ===========================================*/
.license__image {
    display: block;
    box-shadow: var(--shadow-4);
    transition: transform .15s linear;
    cursor: pointer;
}
.license__image:hover {
    transform: scale(1.05);
}


/* ============================================================ */
/* Аптека ===================================================== */
/* ============================================================ */

/* PC */
@media (min-width: 769px) {
    .apteka {}
    .apteka__contacts a {
        color: var(--violet);
    }
    .apteka__contacts strong {
        font-weight: 600;
    }
    .apteka__share {
        margin-top: 0;
    }
    .apteka__video {
        overflow: hidden;
        border-radius: 24px;
        aspect-ratio: 1170 / 658;
    }
    .apteka__video iframe {
        width: 100% !important;
        height: 100% !important;
    }
    .apteka__map {
        height: 420px;
        overflow: hidden;
        border-radius: 24px;
        box-shadow: var(--shadow-7);
    }
    .apteka__map > * {
        width: 100% !important;
        height: 100% !important;
    }
    .apteka__images {
        margin-top: 50px;
    }
    .apteka__image {
        float: left;
        height: 250px;
        display: block;
        margin-left: 15px;
        width: calc((25% - 10px) - 3px);
        overflow: hidden;
        border-radius: 24px;
    }
    .apteka__image:nth-child(1) {
        height: 515px;
        margin-left: 0;
        width: calc(50% - 5px);
    }
    .apteka__image:nth-child(4),
    .apteka__image:nth-child(5) {
        margin-top: 15px;
    }
    .apteka__image:nth-child(6) {
        margin-left: 0;
    }
    .apteka__image:nth-child(1n + 6) {
        margin-top: 15px;
        width: calc(33.333% - 10px);
    }
    .apteka__image:nth-child(9n) {
        margin-left: 0;
    }
    .apteka__video, .apteka__map {
        margin-top: 50px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .apteka{}
    .apteka__contacts a{
        color: var(--violet);
    }
    .apteka__contacts strong{
        font-weight: 600;
    }
    .apteka__share{
        margin-top: 0;
    }
    .apteka__video {
        overflow: hidden;
        border-radius: 24px;
        aspect-ratio: 1170 / 658;
    }
    .apteka__video iframe{
        width: 100% !important;
        height: 100% !important;
    }
    .apteka__map{
        height: 360px;
        margin-top: 20px;
        overflow: hidden;
        border-radius: 24px;
    }
    .apteka__map > *{
        width: 100% !important;
        height: 100% !important;
    }
    .apteka__images{
        margin: 20px 0;
        padding: 0 10px;
        --row-gap: 15px;
        --col-gap: 15px;
    }
    .apteka__image{
        height: 100px;
        display: block;
        border-radius: 8px;
        overflow: hidden;
    }
    .apteka__video, .apteka__map {
        margin: 20px 10px;
    }
}


/* ============================================================ */
/* График врачей ============================================== */
/* ============================================================ */
/* PC */
@media (min-width: 769px) {
    .rows-schedule {
        background-color: var(--white);
        box-shadow: var(--shadow-7);
        position: relative;
    }
    .rows-schedule__titles {
        display: flex;
        align-items: center;
        font-weight: 700;
        background-color: var(--white);
        position: sticky;
        top: 0;
    }
    .rows-schedule__title {
        padding: 15px;
    }
    .rows-schedule__list {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .rows-schedule .edit {
        flex: 0 0 62px;
        display: block;
        text-align: center;
    }
    .rows-schedule .name {
        width: calc(30% - 62px);
        display: block;
    }
    .rows-schedule .speciality {
        width: 30%;
    }
    .rows-schedule .locations {
        width: 30%;
    }
    .rows-schedule .graph {
        width: calc(40% - 44px);
    }
    .rows-schedule .remove {
        flex: 0 0 44px;
        cursor: pointer;
        text-align: center;
    }
    .rows-schedule__item {
        display: flex;
        align-items: center;
        transition: background-color 0s linear;
    }
    .rows-schedule__item:nth-child(odd) {
        background-color: var(--f8f8f8);
    }
    .rows-schedule__item:hover {
        background-color: var(--violet);
    }
    .rows-schedule__item:hover > * {
        color: var(--white);
    }
    .rows-schedule__item > * {
        padding: 15px;
        transition: color 0s linear;
    }
    .rows-schedule__graph-item:nth-child(1n + 2) {
        margin-top: 15px;
    }
    .rows-schedule__clinic {
        font-weight: 600;
    }
    .rows-schedule__clinic svg {
        width: 12px;
        height: 12px;
        margin-right: 5px;
        color: var(--violet);
        transition: none;
        display: inline-flex;
    }
    .rows-schedule__item:hover .rows-schedule__clinic svg {
        fill: var(--white);
    }
    .rows-schedule__values {
        font-size: 13px;
    }
    .rows-schedule__value {
        padding-left: 17px;
    }
    .rows-schedule__value:before {
        content: '\2014';
        margin-right: 3px;
        transition: color 0s linear;
    }
    .rows-schedule__item:hover .rows-schedule__value:before {
        color: var(--white);
    }
}

/* Mobile */
@media (max-width: 768px) {
    /* ============================================================ */
    /* График врачей ============================================== */
    /* ============================================================ */
    .i-schedule{}
    .i-schedule__item{
        padding: 15px;
        margin-bottom: 15px;
        box-shadow: var(--shadow-4);
        background-color: var(--white);
    }
    .i-schedule__list{
        font-size: 15px;
        line-height: 18px;
    }
    .i-schedule__name{
        font: 600 20px/26px Cera;
        border-bottom: 1px dashed;
        padding-bottom: 1px;
    }
    .i-schedule__row{
        margin-top: 10px;
    }
    .i-schedule__label{
        font-weight: 600;
    }
    .i-schedule__ul{
        font-size: 14px;
    }
    .i-schedule__li{
        margin-top: 5px;
    }
    .i-schedule__li:before{
        content: '\27A5';
        margin-right: 5px;
        color: var(--violet);
    }
    .rows-schedule__list{
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
    }
    .rows-schedule__graph-item:nth-child(1n + 2){
        margin-top: 10px;
    }
    .rows-schedule__clinic{}
    .rows-schedule__clinic svg{
        width: 12px;
        height: 12px;
        margin-right: 5px;
        color: var(--violet);
        transition: none;
        display: inline-flex;
    }
    .rows-schedule__item:hover .rows-schedule__clinic svg{
        fill: var(--white);
    }
    .rows-schedule__values{
        font-size: 13px;
    }
    .rows-schedule__value{
        padding-left: 17px;
    }
    .rows-schedule__value:before{
        content: '\2014';
        margin-right: 3px;
        transition: color 0s linear;
    }
    .rows-schedule__item:hover .rows-schedule__value:before{
        color: var(--white);
    }
}

/* ============================================================ */
/* Руководство ================================================ */
/* ============================================================ */
/* PC */
@media (min-width: 769px) {
    .managers {}
    .managers__item {
        display: flex;
        background-color: var(--white);
        box-shadow: var(--shadow-7_1);
        border-radius: 30px;
        overflow: hidden;
    }
    .managers__image {
        flex: 0 0 180px;
        height: 180px;
    }
    .managers__content {
        width: calc(100% - 180px);
        padding: 15px 20px 20px;
    }
    .managers__name {
        font: 700 20px/24px Cera;
        display: table;
        margin: 15px 0;
    }
    .managers__post {
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        color: var(--violetdark);
    }
    .managers__record {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        display: inline-flex;
        align-items: center;
        color: var(--black);
        cursor: pointer;
        gap: 2px;
    }
    .managers__record svg {
        width: 14px;
        height: 14px;
    }
    .managers__record:hover svg {
        fill: var(--violet);
    }
    .managers__record span {
        border-bottom: 1px dashed;
        transition: all .15s linear;
    }
    .managers__record:hover span {
        color: var(--violet);
    }
}

/* Mobile */
@media (max-width: 768px) {
    .main__container--managers {
        display: block
    }
    .managers{}
    .managers__list{}
    .managers__item{
        background-color: var(--white);
        border-radius: 100px;
        overflow: hidden;
        display: flex;
    }
    .managers__item:not(:last-child){
        margin-bottom: 15px;
    }
    .managers__image{
        width: 90px;
        height: 100px;
        display: block;
        border-radius: 0 50% 50% 0;
        border-top: 10px solid var(--f8f8f8);
        border-right: 10px solid var(--f8f8f8);
        border-bottom: 10px solid var(--f8f8f8);
        background-color: var(--f8f8f8);
        flex-shrink: 0;
    }
    .managers__image img{
        border-radius: 50%;
        box-shadow: var(--shadow-2);
    }
    .managers__name{
        font: 600 16px/20px Cera;
        height: 40px;
        display: table;
        margin: 5px 0;
        overflow: hidden;
    }
    .managers__content{
        padding: 10px;
        width: calc(100% - 105px);
        flex-shrink: 0;
    }
    .managers__post{
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        color: var(--violetdark);
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    .managers__record{
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        display: inline-flex;
        align-items: center;
        color: var(--black);
        cursor: pointer;
        gap: 2px;
    }
    .managers__record svg{
        width: 14px;
        height: 14px;
        transform: translateY(1px);
    }
    .managers__record:hover svg{
        fill: var(--violet);
    }
    .managers__record span{
        border-bottom: 1px dashed;
        transition: all .15s linear;
    }
    .managers__record:hover span{
        color: var(--violet);
    }
}

/* ============================================================ */
/* Директор =================================================== */
/* ============================================================ */
.i-director__video {
    height: calc(var(--video-height) / (var(--max-width) / var(--cur-width)));
}
.i-director__text {
    padding: 10px;
    font-size: 18px;
    line-height: 24px;
    font-style: italic;
    background-color: var(--f8f8f8);
    border-left: 3px solid var(--violet);
}
.f-director {
    margin-top: 15px;
    padding: 30px 300px;
    text-align: center;
}
.f-director__title {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 20px;
    text-transform: uppercase;
}
.f-director__inputs {
    max-width: 600px;
    margin: 0 auto 20px;
}
.f-director__input,
.f-director__text {
    border: 1px solid var(--eeeeee);
    box-sizing: border-box;
    background: var(--f8f8f8);
    font-size: 14px;
    padding: 10px;
}
.f-director__input:hover,
.f-director__text:hover,
.f-director__input:focus,
.f-director__text:focus {
    border-color: var(--black-40);
}
.f-director__input {}
.f-director__text {
    width: 100% !important;
    min-height: 140px !important;
    display: block;
}
.f-director__privacy {
    font-size: 12px;
    margin-top: 20px;
}
.f-director__privacy-input {
    margin-right: 0px;
    transform: translateY(2px);
}
.f-director__privacy-link {
    font-weight: 600;
    border-bottom: 1px dashed var(--black);
    transition: color .15s linear, border-color .15s linear;
}
.f-director__privacy-link:hover {
    border-color: transparent;
}
.f-director__button {
    display: inline-block;
    text-transform: uppercase;
    margin-top: 20px;
    font-size: 14px;
    padding: 10px 20px;
}


/* ============================================================ */
/* Пласт хирургия ============================================= */
/* ============================================================ */
.plastic {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    margin-top: 50px;
}

/* Cайдбар ==================================================== */
.plastic__menu {
    top: 5px;
    width: 280px;
    position: sticky;
    background-color: var(--white);
    height: calc(100vh - 10px);
    overflow: auto;
}
.plastic__menu::-webkit-scrollbar {
    width: 3px;
}
.plastic__menu::-webkit-scrollbar-thumb { 
    background-color: var(--violet);
}
.plastic__menu::-webkit-scrollbar-track {
    background-color: var(--eeeeee);
}
.plastic__menu::-webkit-scrollbar-track:hover {
    background-color: #bbb;
}
.plastic__menu-list {
    padding: 0;
}
.plastic__menu-link {
    display: flex;
    font-weight: 500;
    padding: 15px 10px;
    align-items: center;
    transition: box-shadow .15s linear;
    cursor: pointer;
}
.plastic__menu-link:last-child {
    margin-bottom: 0;
}
.plastic__menu-link:hover {
    box-shadow: var(--shadow-4);
}
.plastic__menu-icon {
    width: 40px;
    height: 40px;
    display: block;
}
.plastic__menu-title {
    margin-left: 10px;
    transition: color .15s linear;
}
.plastic__menu-icon:hover + .plastic__menu-title {
    color: var(--violet);
}

/* Список ===================================================== */
.plastic__list {
    width: calc(100% - 300px);
}
.plastic__item {
    padding: 15px;
    box-shadow: var(--shadow-7);
    background-color: var(--white);
    transition: box-shadow .15s linear;
}
.plastic__item:nth-child(1n + 2) {
    margin-top: 20px;
}
.plastic__item_glow {
    box-shadow: var(--shadow-6);
}
.plastic__title {
    font-size: 28px;
    line-height: 32px;
    font-weight: 600;
}
.plastic__anons {
    margin-top: 15px;
    font-weight: 500;
}


/* Типы операций ============================================== */
.opertypes {
    margin-top: 20px;
}
.article__opertypes {
    margin-top: 0;
}
.opertypes__list {
    list-style: none;
    border: 1px solid var(--black-10);
}
.opertypes__item {
    padding: 10px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--black-10);
}
.opertypes__item:before {
    display: none;
}
.opertypes__item:hover {
    background-color: var(--f8f8f8);
}
.opertypes__item:last-child {
    border-bottom: 0;
}
.opertypes__name {
    display: block;
    line-height: 20px;
    width: calc(100% - 220px);
}
.opertypes__record {
    font-size: 14px;
    font-weight: 500;
    line-height: 18px;
    padding: 7px 20px;
    margin-left: auto;
    text-align: center;
}


/* ============================================================ */
/* Обратный звонок ============================================ */
/* ============================================================ */
#itlcb-wrapper {}
#itlcb-wrapper button,
#itlcb-wrapper button:hover,
#itlcb-wrapper div,
#itlcb-wrapper a,
#itlcb-wrapper button:before,
#itlcb-wrapper button:after {
    padding: 0;
    margin: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: initial;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box;
}
#itlcb-wrapper a {
    text-decoration: underline;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#itlcb-wrapper.itlcb-opened input {
    outline-width: 0;
    outline: none;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#itlcb-wrapper.itlcb-opened .itlcb-call-btn {
    width: 76px;
    height: 76px;
    z-index: 11;
    cursor:pointer;
    position: fixed;
    border-radius: 50%;
    background: url(../images/callback/phone.svg) no-repeat center center / contain;
    box-shadow: 0 0 0 0 rgba(0, 191, 47, 0.06);
    animation: glow_shadow 3s linear infinite;
    bottom: 30px !important;
    right: 30px !important;
    opacity: 1 !important;
}
#itlcb-wrapper.itlcb-opened .itlcb-call-btn:hover {
    opacity: 1;
    transition: all 100ms linear;
}
#itlcb-wrapper.itlcb-opened .itlcb-call-btn:after,
#itlcb-wrapper.itlcb-opened .itlcb-call-btn:before {
    content: "";
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    border-radius: 50%;
    background-color: transparent;
    transform: translate(-50%, -50%);
    transition: all 0.4s ease-out 0s;
    border: solid 3px rgba(255, 94, 94, 0.15);
    opacity: 1;
}
#itlcb-wrapper.itlcb-opened .itlcb-call-btn:after {
    animation: round_glow 1.5s linear infinite;
}
#itlcb-wrapper.itlcb-opened .itlcb-call-btn:before {
    animation: round_glow_second 1.5s linear infinite;
}
@keyframes glow_shadow {
    0% {box-shadow: 0 0 0 0 rgba(255, 94, 94, 0.06); transform: rotate(0deg);}
    5% {transform: rotate(10deg);}
    10% {transform: rotate(-10deg);}
    15% {transform: rotate(10deg);}
    17% {transform: rotate(0deg);}
    50% {box-shadow: 0 0 0 20px rgba(255, 94, 94, 0.06);}
    100% {box-shadow: 0 0 0 0 rgba(255, 94, 94, 0.06);}
}
@keyframes round_glow {
    0% {width:100%; height:100%; opacity:1;}
    40% {width:160%; height:160%; opacity:0;}
    100% {width:100%; height:100%; opacity:0;}
}
@keyframes round_glow_second {
    0% {width:100%; height:100%; opacity:1;}
    40% {width:100%; height:100%; opacity:1;}
    80% {width:160%; height:160%; opacity:0;}
    100% {width:100%; height:100%; opacity:0;}
}
@keyframes show-callbtn {
    0% {opacity: 0; margin: 0px 0px;}
    100% {margin: 17.075vh 3.333vw;}
}
#itlcb-wrapper.itlcb-opened .itlcb-widget-body,
#itlcb-wrapper.itlcb-opened .itlcb-call-info-block {
    top: 50%;
    left: 50%;
    opacity: 0;
    width: 100%;
    z-index: 101;
    position: fixed;
    max-width: 360px;
    padding: 60px 30px 40px;
    background-color: var(--white);
    transform: translate(-50%, -50%);
    transition: transform .1s ease-in-out, opacity .1s ease-in-out, visibility .1s ease-in-out;
    visibility: hidden;
    border-radius: 24px;
}
#itlcb-wrapper.itlcb-opened .itlcb-widget-body {
    transform: translate(-50%, calc(-50% - 20px));
}
#itlcb-wrapper.itlcb-opened .itlcb-widget-body.show {
    transform: translate(-50%, -50%);
}
#itlcb-wrapper.itlcb-opened .itlcb-call-info-block.show {
    opacity: 1 !important;
    visibility: visible !important;
}
.fix-contacts--head {
    font-size: 20px;
    text-align: center;
    text-transform: uppercase;
    font-weight: bold;
    color: var(--violet);
}
#itlcb-wrapper.itlcb-opened .itlcb-close-cross {
    width: 30px;
    height: 30px;
    padding: 7px;
    user-select: none;
    border-radius: 50px;
    border: 1px solid var(--eeeeee);
    background-color: var(--f8f8f8);
    transition: background-color .2s linear;
    position: absolute;
    cursor: pointer;
    right: 15px;
    top: 20px;
    box-sizing: border-box;
}
#itlcb-wrapper.itlcb-opened .itlcb-close-cross svg {
    width: 100%;
    height: 100%;
}
#itlcb-wrapper.itlcb-opened .itlcb-close-cross:hover svg {}
#itlcb-wrapper.itlcb-opened .itlcb-close-cross:hover {
    background-color: var(--black-10);
}
#itlcb-wrapper.itlcb-opened .itlcb-close-cross span {
    display: none;
}
#itlcb-wrapper.itlcb-opened .itlcb-message-image {
    border: none;
    width: 42px;
    height: 40px;
    background: #ffffff url(../images/callback/cb_ok.png) no-repeat center center;
    margin: 0 auto 20px;
}
#itlcb-wrapper.itlcb-opened #itlcb-msg-wrap.itlcb-error .itlcb-message-image {
    width: 46px;
    height: 40px;
    background: url(../images/callback/cb_error.png) no-repeat center center;
}
#itlcb-wrapper.itlcb-opened #itlcb-msg-wrap.itlcb-not-working .itlcb-message-image {
    width: 55px;
    height: 41px;
    background: #49565c url(../images/callback/cb_not_working.png) no-repeat center center;
}
#itlcb-wrapper.itlcb-opened .itlcb-top-panel {
    line-height: 24px;
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    margin: 15px auto 20px;
    max-width: 300px;
    font-size: 18px;
    font-weight: 500;
}
#itlcb-wrapper.itlcb-opened .itlcb-top-panel span {
    color: #ffffff;
    font-weight: bold;
}
#itlcb-wrapper.itlcb-opened .itlcb-main-call-panell {max-width: 300px;margin: 0 auto;}
#itlcb-wrapper.itlcb-opened .itlcb-panell-text {display: none;}
#itlcb-wrapper.itlcb-opened .itlcb-panell-text {
    height: 40px;
    width: 200px;
    float: left;
    position: relative;
}
#itlcb-wrapper.itlcb-opened .itlcb-panell-text span {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    padding-left: 22px;
    padding-right: 14px;
    font-size: 12px;
    line-height: 14px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    color: rgba(255, 255, 255, 0.8);
}
#itlcb-wrapper.itlcb-opened .itlcb-panell-body {
    margin: 0;
    background-color: transparent;
    border-radius: 0;
    text-align: left;
}
#itlcb-wrapper.itlcb-opened .itlcb-form-call-btn {
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    border-radius: 4px;
    color: var(--white);
    letter-spacing: 0.6px;
    border: 2px solid var(--violet);
    background-color: var(--violet);
    margin: 20px auto 0;
    padding: 6px 20px;
    text-align: center;
    transition: color .1s linear, background-color .1s linear, color .1s linear, opacity .1s linear;
    text-transform: uppercase;
}
#itlcb-wrapper.itlcb-opened .itlcb-form-call-btn:not(.itlcb-btn-disabled):hover  {
    background-color: var(--white);
    color: var(--violet);
}
#itlcb-wrapper.itlcb-opened .itlcb-form-call-btn.itlcb-btn-disabled {
    background-color: var(--violet);
    -moz-box-shadow: 0 2px 0 0 #0d5f38;
    cursor: no-drop;
    opacity: .6;
}
#itlcb-wrapper.itlcb-opened .itlcb-input-block {}
#itlcb-wrapper.itlcb-opened .itlcb-button-block {}
#itlcb-wrapper.itlcb-opened .itlcb-phone-input {
    width: 100%;
    font-size: 20px;
    padding: 10px;
    line-height: 16px;
    border-radius: 4px;
    border: 1px solid var(--eeeeee);
    background-color: var(--f8f8f8);
    color: var(--black);
    text-align: center;
}
#itlcb-wrapper.itlcb-opened .itlcb-bottom-txt {
    text-align: center;
    font-size: 10px;
    line-height: 16px;
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
}
#itlcb-wrapper.itlcb-opened .itlcb-bottom-txt span {
    color: rgba(255, 255, 255, 0.5);
}
#itlcb-wrapper.itlcb-opened .itlcb-bottom-txt a {
    color: rgba(255, 255, 255, 0.5);
}
#itlcb-wrapper.itlcb-opened .itlcb-bottom-txt a:hover {
    text-decoration: none;
}
#itlcb-wrapper.itlcb-opened .itlcb-bottom-txt-block {
    display: none;
}
#itlcb-wrapper.itlcb-opened .itlcb-message-data {
    text-align: center;
    font-size: 18px;
    line-height: 24px;
}
#itlcb-wrapper.itlcb-opened .itlcb-background-fill {}
#itlcb-wrapper.itlcb-opened .itlcb-message-warn {
    font-size: 20px;
    line-height: 24px;
    padding-bottom: 18px;
    text-align: center;
    font-weight: 600;
}
#itlcb-wrapper.itlcb-opened .itlcb-message-timer {
    font-size: 42px;
    line-height: 42px;
    text-align: center;
    color: var(--violet);
}
#itlcb-wrapper.itlcb-opened .itlcb-message-block {}

@media screen and (max-width: 767px) {
    #itlcb-wrapper.itlcb-opened .itlcb-widget-body,
    #itlcb-wrapper.itlcb-opened .itlcb-call-info-block {
        border-radius: 0;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-call-btn {
        width: 48px;
        height: 48px;
        right: 10px !important;
        bottom: 85px !important;
    }
}
@media screen and (max-width: 480px) {
    #itlcb-wrapper.itlcb-opened .itlcb-widget-body,
    #itlcb-wrapper.itlcb-opened .itlcb-call-info-block {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        display: flex;
        max-width: 100%;
        transform: none;
        box-sizing: border-box;
        flex-direction: column;
        justify-content: center;
        transition: none !important;
        padding: 15px;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-widget-body.show {
        transform: none;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-close-cross {
        width: 260px;
        font-weight: 600;
        padding: 10px 20px;
        text-align: center;
        border-radius: 50px;
        background-color: var(--f8f8f8);
        transition: background-color .2s linear;
        user-select: none;
        height: auto;
        box-sizing: border-box;
        font-size: 16px;
        line-height: 14px;
        left: calc(50% - 130px);
        bottom: 40px;
        top: auto;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-close-cross svg {
        display: none;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-close-cross span {
        display: block;
    }
}
@media screen and (max-width: 425px) {}
@media screen and (max-width: 320px) {
    #itlcb-wrapper.itlcb-opened .itlcb-widget-body,
    #itlcb-wrapper.itlcb-opened .itlcb-call-info-block {
        padding: 20px;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-call-btn {
        width: 40px;
        height: 40px;
    }
    .fix-contacts--head {
        font-size: 16px;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-top-panel {
        font-size: 16px;
        line-height: 20px;
        margin: 15px auto 20px;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-input-block {}
    #itlcb-wrapper.itlcb-opened .itlcb-phone-input {
        font-size: 15px;
        padding: 8px;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-main-call-panell {
        max-width: 260px;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-form-call-btn {
        width: 100%;
        box-sizing: border-box;
    }
    #itlcb-wrapper.itlcb-opened .itlcb-form-call-btn:not(.itlcb-btn-disabled):hover {
        color: var(--white);
        background-color: var(--violet);
    }
}



/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* Распределить =============================================== */
/* Распределить =============================================== */
/* Распределить =============================================== */
/* Распределить =============================================== */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */
/* ============================================================ */



.call-error {
    text-align: center;
    padding: 15px;
    background: var(--gradient-price-offerta);
    color: var(--white);
    font: 500 16px/28px Cera;
}
.call-error a {
    display: table;
    margin: 0 auto;
    color: var(--white);
    border-bottom: 1px dashed;
    line-height: 24px;
}


/* ============================================================ */
/* Быстрый поиск ============================================== */
/* ============================================================ */
.quick-search {
    padding: 20px;
    border-radius: 24px;
    background-color: var(--white);
}
.quick-search > div {
    width: 100%;
}
.quick-search__heading {
    font: 600 18px/22px Cera;
    margin-bottom: 10px;
}
.quick-search__heading:not(:nth-child(1)) {
    margin-top: 10px;
}
.quick-search__box {
    display: flex;
    align-items: center;
    position: relative;
}
.quick-search__input {
    width: 100%;
    font-size: 14px;
    line-height: 18px;
    padding: 5px 30px 5px 32px;
    background-color: var(--f8f8f8);
    border: 1px solid var(--f4f4f4);
    border-radius: 30px;
}
.quick-search__input::-webkit-input-placeholder {
    font-family: Avenir;
    font-weight: 400;
    color: var(--828ea5);
} 
.quick-search__input::-moz-placeholder {
    font-weight: 400;
    font-family: Avenir;
    color: var(--828ea5);
}
.quick-search svg {
    width: 26px;
    height: 26px;
    fill: var(--828ea5);
    border-radius: 50%;
    position: absolute;
    top: 2px;
}
.quick-search__icon {
    left: 2px;
    padding: 7px;
    background-color: var(--white);
}
.quick-search__clear {
    right: 2px;
    opacity: 0;
    padding: 8px;
    cursor: pointer;
    transition: all .25s linear;
    display: none !important;
}
.quick-search__clear:hover {
    fill: var(--white);
    background-color: var(--violetlight);
}
.quick-search__input:not(:placeholder-shown) + .quick-search__clear {
    opacity: 1;
}

/* ============================================================ */
/* Сайдбар меню =============================================== */
/* ============================================================ */
.sidebar-menu__heading {
    font: 600 18px/22px Cera;
    margin-bottom: 10px;
}
.sidebar-menu__items {
    font: 400 14px/18px Cera;
    width: 100%;
    display: flex;
    gap: 10px;
}
.sidebar-menu__item {
    position: relative;
}
.sidebar-menu__link {
    display: flex;
    align-items: center;
    color: var(--828ea5);
    border-radius: 30px;
    text-wrap: nowrap;
    padding: 8px 0;
    gap: 8px;
}
.sidebar-menu__link:hover {
    color: var(--violet);
}
.sidebar-menu__link--active {
    color: var(--violet);
}
.sidebar-menu__icon {
    width: 18px;
    height: 18px;
    flex-shrink: 0;
}
.sidebar-menu__title {}
.sidebar-menu__subshow {
    width: 24px;
    height: 24px;
    padding: 7px;
    border-radius: 50%;
    background-color: var(--white);
    position: absolute;
    top: 5px;
    right: 0;
    z-index: 5;
    cursor: pointer;
    transition: background-color .1s linear;
}
.sidebar-menu__subshow--active,
.sidebar-menu__subshow:hover {
    background-color: var(--eeeeee);
}
.sidebar-menu__subshow svg {
    width: 100%;
    height: 100%;
    color: #6a767e;
    display: block;
    transform: rotate(90deg);
    transition: transform .15s ease-in-out;
}
.sidebar-menu__subshow--active svg {
    transform: rotate(90deg) scaleX(-1);
}
.sidebar-menu__subitems {
    position: relative;
    margin-left: 9px;
    display: none;
}
.sidebar-menu__subitems:before {
    /* content: ''; */
    width: 1px;
    height: 85%;
    top: 0;
    left: 0;
    position: absolute;
    background-color: var(--eeeeee);
}
.sidebar-menu__subitem {
    padding: 8px 0;
    position: relative;
    padding-left: 17px;
    border-left: 1px solid var(--eeeeee);
}
.sidebar-menu__subitem:before {
    content: '';
    width: 12px;
    height: 1px;
    background-color: var(--eeeeee);
    position: absolute;
    left: 0;
    top: 17px;
}
.sidebar-menu__subitem:last-child {
    border-left: none;
}
.sidebar-menu__subitem:last-child:after {
    content: '';
    width: 1px;
    height: 18px;
    background-color: var(--eeeeee);
    top: 0;
    left: 0;
    position: absolute;
}
.sidebar-menu__sublink {
    color: #6a767e;
}
.sidebar-menu__sublink--active {
    color: var(--violet);
}

/* PC */
@media (min-width: 769px) {
    .sidebar-menu {
        padding: 20px;
        border-radius: 24px;
        background-color: var(--white);
    }
    .sidebar-menu__items {
        flex-direction: column;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .sidebar-menu__items {
        flex-wrap: wrap;
    }
    .sidebar-menu__link {
        background-color: var(--white);
        padding: 8px 16px 8px 12px;
        gap: 5px;
    }
}


/* ============================================================ */
/* ============================================================ */
/* ============================================================ */

.search-queries {
    padding: 10px;
    background-size: var(--white);
    display: flex;
    flex-wrap: wrap;
    --row-gap: 15px;
}
.search-queries__item {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    font-weight: 500;
    color: #6a767e;
    background-color: #e9edef;
    padding: 10px 15px;
    border-radius: 30px;
    box-shadow: var(--shadow-2);
    text-wrap: nowrap;
}
.search-queries__item:nth-child(1n + 150) {
    display: none;
}
.search-queries__item:last-child {}
.search-queries__title {
    text-transform: uppercase;
}
.search-queries__sep {
    margin: 0 5px;
}
.search-queries__count {}


/* ============================================================ */
/* ============================================================ */
/* ============================================================ */

/*.records {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 20px 0;
}
.records-sidebar {
    width: 300px;
    flex-shrink: 0;
}
.records-sidebar > * {
    margin-bottom: 15px;
    padding: 15px 15px 20px;
    box-shadow: var(--shadow-4);
    background-color: var(--white);
    border-radius: 8px;
}
.records-sidebar > *:last-child {
    margin-bottom: 0;
}
.records-search {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}
.records-search__title {
    font: 600 20px / 28px Cera;
    margin-bottom: 10px;
}
.records-search__label {
    position: relative;
    margin-bottom: 15px;
    display: block;
}
.records-search__label:last-child {
    margin-bottom: 0;
}
.records-search__label:before {
    content: attr(data-title);
    margin-bottom: 5px;
    display: block;
    padding-left: 5px;
    color: var(--828ea5);
}
.records-search__input {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 10px;
    background-color: var(--f8f8f8);
    border: 1px solid var(--f4f4f4);
    border-radius: 30px;
    color: var(--violetdark);
}
.records-search__reset {
    width: 100%;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 5px 10px;
    color: var(--white);
    background-color: var(--828ea5);
    border-radius: 30px;
    transition: box-shadow .1s linear;
}
.records-search__reset:hover {
    background-color: var(--828ea5);
    box-shadow: 0px 0px 15px -3px var(--828ea5);
}
.records-list {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: var(--828ea5);
    display: flex;
    flex-direction: column-reverse;
}
.records-list__item {
    cursor: pointer;
    transition: color .05s linear;
}
.records-list__item:hover {
    color: var(--black);
}
.records-items {
    width: 100%;
}
.records-item {
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: var(--shadow-4);
    background-color: var(--white);
    border-radius: 8px;
    position: relative;
}
.records-item:last-child {
    margin-bottom: 0;
}
.records-item strong {
    font-weight: 600;
}
.records-item > *:not(:last-child) {
    margin-bottom: 10px;
}
.records-item__device.mobile + .records-item__subject {
    padding-left: 24px;
}
.records-item__device {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0 !important;
}
.records-item__device.mobile {
    background-image: url(../images/records/mobile.png);
}
.records-item__device.desktop {
    background-image: url(../images/records/desktop.png);
}
.records-item__subject {
    font: 600 16px/20px Cera;
    padding-right: 100px;
    padding-left: 30px;
}
.records-item__date {
    font-size: 12px;
    line-height: 20px;
    color: var(--828ea5);
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0 !important;
}
.records-item__message {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px;
    background-color: var(--f8f8f8);
    border-left: 4px solid var(--violetlight);
    border-radius: 10px;
    margin: 15px 0 !important;
}
.records-item__message strong {
    font-weight: 600;
}
.records-item__user {
    font-size: 12px;
    font-weight: 500;
    color: var(--828ea5);
}
.records-item__browser {
    font-size: 12px;
    font-weight: 500;
    color: var(--828ea5);
}*/

/* ============================================================ */
/* ============================================================ */
/* ============================================================ */

.records {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin: 20px 0;
}
.records-sidebar {
    width: 300px;
    flex-shrink: 0;
}
.records-sidebar > * {
    margin-bottom: 15px;
    padding: 15px 15px 20px;
    box-shadow: var(--shadow-4);
    background-color: var(--white);
    border-radius: 8px;
}
.records-sidebar > *:last-child {
    margin-bottom: 0;
}
.records-search {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
}
.records-search__title {
    font: 600 20px / 28px Cera;
    margin-bottom: 10px;
}
.records-search__label {
    position: relative;
    margin-bottom: 15px;
    display: block;
}
.records-search__label:last-child {
    margin-bottom: 0;
}
.records-search__label:before {
    content: attr(data-title);
    margin-bottom: 5px;
    display: block;
    padding-left: 5px;
    color: var(--828ea5);
}
.records-search__input {
    width: 100%;
    font-size: 12px;
    line-height: 18px;
    padding: 5px 10px;
    background-color: var(--f8f8f8);
    border: 1px solid var(--f4f4f4);
    border-radius: 30px;
    color: var(--violetdark);
}
.records-search__button {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 5px 10px;
    color: var(--white);
    background-color: var(--828ea5);
    border-radius: 30px;
}
.records-search__button:hover {
    color: var(--white)
}
.records-search__button.find {}
.records-search__button.find:hover {}
.records-search__button.reset {
    margin-top: 5px;
}
.records-search__button.reset:hover {}
.records-list {
    font-size: 12px;
    font-weight: 500;
    line-height: 18px;
    color: var(--828ea5);
    display: flex;
    flex-direction: column-reverse;
}
.records-list__item {
    cursor: pointer;
    transition: color .05s linear;
}
.records-list__item:hover {
    color: var(--black);
}
.records-items {
    width: 100%;
}
.records-items:before {
    content:'Найдено записей: ' attr(data-count);
    width: 100%;
    display: block;
    text-align: center;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 5px 10px;
    color: var(--white);
    background-color: var(--828ea5);
    border-radius: 30px;
    margin-bottom: 10px;
}
.records-item {
    font-size: 14px;
    line-height: 20px;
    padding: 15px;
    margin-bottom: 15px;
    box-shadow: var(--shadow-4);
    background-color: var(--white);
    border-radius: 8px;
    position: relative;
}
.records-item:last-child {
    margin-bottom: 0;
}
.records-item strong {
    font-weight: 600;
}
.records-item > *:not(:last-child) {
    margin-bottom: 10px;
}
.records-item__device.mobile + .records-item__subject {
    padding-left: 24px;
}
.records-item__device {
    width: 20px;
    height: 20px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0 !important;
}
.records-item__device.mobile {
    background-image: url(../images/records/mobile.png);
}
.records-item__device.desktop {
    background-image: url(../images/records/desktop.png);
}
.records-item__subject {
    font: 600 16px/20px Cera;
    padding-right: 100px;
    padding-left: 30px;
}
.records-item__date {
    font-size: 12px;
    line-height: 20px;
    color: var(--828ea5);
    position: absolute;
    top: 15px;
    right: 15px;
    margin: 0 !important;
}
.records-item__message {
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    padding: 10px;
    background-color: var(--f8f8f8);
    border-left: 4px solid var(--violetlight);
    border-radius: 10px;
    margin: 15px 0 !important;
}
.records-item__message strong {
    font-weight: 600;
}
.records-item__user {
    font-size: 12px;
    font-weight: 500;
    color: var(--828ea5);
}
.records-item__browser {
    font-size: 12px;
    font-weight: 500;
    color: var(--828ea5);
}

/* ============================================================ */
/* Cookie уведомление ========================================= */
/* ============================================================ */
.cookie {
    width: 680px;
    color: var(--white);
    background: var(--black);
    position: fixed;
    left: 50%;
    bottom: 15px;
    z-index: 999;
    border-radius: 24px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 30px;
    transform: translateX(-50%);
}
.cookie ::-webkit-scrollbar {
    width: 2px;
}
.cookie ::-webkit-scrollbar-thumb { 
    border-radius: 2px;
    background-color: var(--f4f4f4);
}
.cookie ::-webkit-scrollbar-track,
.cookie ::-webkit-scrollbar-track:hover {
    background-color: var(--black-40)
}
.cookie__box {}
.cookie-agree {}
.cookie-agree.hide {
    display: none;
}
.cookie__title {
    font: 600 18px/22px 'Cera';
    margin-bottom: 10px;
}
h2.cookie__title {
    font: 600 26px/34px 'Cera';
}
.cookie__text {
    font-size: 14px;
    line-height: 20px;
}
.cookie__text > * {
    margin-bottom: 10px;
}
.cookie__text a {
    color: var(--white);
    border-style: dotted;
}
.cookie__buttons {
    display: flex;
    gap: 8px;
    margin-top: 20px;
}
.cookie__button {
    font-weight: 500;
    white-space: nowrap;
    padding: 6px 14px 8px 14px;
    background-color: var(--828ea5);
    box-shadow: none !important;
}
.cookie__button svg {
    width: 100%;
    height: 100%;
    transform: rotateY(180deg);
    display: block;
}
.cookie__button.back {
    width: 30px;
    height: 30px;
    padding: 9px;
    fill: var(--white);
}
.cookie__button:hover {
    background-color: var(--white);
    color: var(--black);
    fill: var(--black);
}
.cookie-settings {
    display: none;
    max-height: 80vh;
    overflow-y: auto;
    padding-right: 10px;
    margin-right: -10px;
}
.cookie-agree.hide + .cookie-settings {
    display: block;
}
.cookie-settings__list {
    margin-top: 20px;
    margin-bottom: 30px;
}
.cookie-settings__header {
    display: flex;
    align-items: center;
    column-gap: 15px;
    position: relative;
    margin-bottom: 10px;
}
.cookie-settings__title {
    font: 500 16px / 20px 'Cera';
    cursor: pointer;
    transition: opacity .2s linear;
}
.cookie-settings__title:before {
    content: '+';
    margin-right: 5px;
}
.cookie-settings__title.active:before {
    content: '-';
}
.cookie-settings__title:hover {
    opacity: .8;
}
.cookie__checkbox {
    width: 36px;
    height: 16px;
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
}
.cookie__switch {
    width: 36px;
    height: 16px;
    flex-shrink: 0;
    margin-left: auto;
    position: relative;
}
.cookie__switch:before,
.cookie__switch:after {
    content: '';
}
.cookie__switch:before {
    width: 36px;
    height: 16px;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--white);
    border-radius: 20px;
}
.cookie__switch:after {
    width: 12px;
    height: 12px;
    border-radius: 50%;
    position: absolute;
    left: 2px;
    top: 2px;
    background-color: var(--828ea5);
}
.cookie__checkbox:checked + .cookie__switch:after {
    left: 22px;
    background-color: var(--violet);
}
.cookie-settings__text {
    padding: 0 20px 15px;
    border-radius: 24px;
    background-color: var(--black-40);
    display: none;
}
.cookie-settings__text.active {
    display: block;
}

/* ============================================================ */
/* Other pages ================================================ */
/* ============================================================ */

/* Выезд на дом =============================================== */
/* PC */
@media (min-width: 769px) {
    .vnd__box {
        display: flex;
        gap: 20px;
        margin-top: 20px;
    }
    .vnd__prices {
        width: 40%;
        font-weight: 500;
        display: flex;
        flex-direction: column;
        row-gap: 14px;
    }
    .vnd__price {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 5px 10px 5px 5px;
        background-color: var(--white);
        border-radius: 15px;
    }
    .vnd__price-color {
        width: 40px;
        height: 40px;
        display: block;
        border-radius: 12px;
    }
    .vnd__price-title {}
    .vnd__price-value {
        margin-left: auto;
    }
    .vnd__map {
        flex-grow: 1;
        border-radius: 24px;
        overflow: hidden;
    }
    .vnd__map > iframe {
        width: 100%;
        height: 600px;
    }
}

/* Mobile */
@media (max-width: 768px) {
    .vnd__box {
        display: flex;
        flex-direction: column;
        gap: 15px;
    }
    .vnd__prices {
        font-weight: 500;
        display: flex;
        flex-direction: column;
        row-gap: 15px;
        order: 2;
    }
    .vnd__price {
        display: flex;
        align-items: center;
        gap: 10px;
        padding: 5px 10px 5px 5px;
        background-color: var(--f8f8f8);
        border-radius: 14px;
    }
    .vnd__price-color {
        width: 40px;
        height: 40px;
        display: block;
        border-radius: 12px;
    }
    .vnd__price-value {
        margin-left: auto;
    }
    .vnd__hint {
        background-color: var(--f8f8f8);
        border-color: var(--828ea5);
        border-width: 5px;
    }
    .vnd__map {
        flex-grow: 1;
        border-radius: 24px;
        overflow: hidden;
    }
    .vnd__map > iframe {
        width: 100%;
        height: 300px;
    }
}

/* Гарантия лучшей цены ======================================= */
.pages-12 table {
    width: 100%;
}
.pages-12 table th {
    background-color: #cdcdcd;
    text-align: left;
    font-weight: 600;
}
.pages-12 table td, .pages-12 table th {
    border-spacing: 1px;
    border: 1px solid #252525;
    padding: 5px 10px;
}
.pages-12 ul {
    margin-left: 20px;
}