/*NOTE: This file is intended for programmers. Aspro technical support is not advised to work with him.*/

/* Examples (uncomment to use):*/

/* Expand site width */
/* body .wrapper { max-width: 1400px !important;  } */

/* Set site background image */
/* body {  background: url(image_source) top no-repeat; }

/* Hide compare button */
/* a.compare_item { display: none !important;  }*/


/* links in price */
.show_me_full {
	border-bottom: 2px dotted;
	border-color: var(--fill_dark_light_white_hover);
}
.show_me_full:hover {
	color: var(--fill_dark_light_white_hover);
}


/* no images linked services */
.items-list-inner__item-image-wrapper {
	display: none;
}

.ceny-price-head {
	margin-bottom: 15px;
}

/*
.accordion-price .accordion-open {
	background: var(--theme-base-color);

}*/
.price-sections-list__item-childs > ul > li {
	display: block;
}


.services-list__item-childs {
	display: none;
}


.staff-detail__image-bg {
	background-size: contain;
}

.staff-detail__image-wrapper {
	width: 400px;
	height: 400px;
}

.staff-detail__card-image {
	padding: 0px;
}

.contacts__content-wrapper .line-block--16 > .line-block__item:last-child {
	display: none;
}

.slogan__text {
	opacity: .6;
	font-size: 1.1em;
}

.topic__heading #pagetitle {
	font-size: 1.8em;
}



@media (min-width: 1565px) {

	.sections-list--img-srl .grid-list--items-1 .sections-list__item--big-padding,
	.services-list--img-trl .grid-list--items-1 .services-list__item--big-padding {
		padding: 0px 47px 44px;
	}
}


.services-list__item-text-bottom-part {
	padding: 14px 0 0 0;
}


#mobileheader .burger i svg {
	display: none;
}

#mobileheader .burger i:after {
	content: "меню";
	font-style: normal;
	text-decoration: underline;
}


.cart__item-prices .line-block > .line-block__item.cart__item-counter {
	display: none;
}


.basket .basket_empty .description,
.basket .basket_empty .btn {
	display: none;
}

.filal-filter {
	width: 300px;
}

.filials-list {
	margin: 30px 0px;
}

.filials-title {
	font-weight: bold;
}

.accordion-price .svg-inline-right-arrow {
	border: 1px solid rgb(153, 153, 153);
	border-radius: 50%;
	padding: 10px;
}

.accordion-price .accordion-head:hover .svg-inline-right-arrow {
	border: 1px solid var(--theme-base-color);
}

.accordion-price .sub-level {}

.accordion-price .first-level {}

.panel-collapse .accordion-body {
	padding: 0 33px 0 33px;
	border-top: 1px solid #e5e5e5;
	padding-top: 15px;
}

.panel-collapse .accordion-body table tr td:first-child {
	padding-left: 33px;
}

.panel-collapse .accordion-body table tr:first-child td {
	padding-top: 25px;
}

.panel-collapse .accordion-body table tr td:last-child {
	padding-right: 33px;
	text-align: right;
}

td .price {
	width: 100px;
}

.accordion-head .svg-inline-right-arrow svg {
	display: block;
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	top: 0;
	margin: auto;
}

.accordion-head .svg-inline-right-arrow {
	width: 40px;
	position: absolute;
	right: 35px;
	top: 10px;
	transition: transform ease .3s;
	margin: auto;
	bottom: 0 !important;
	height: 40px;
	text-align: center;
}

.accordion-price h2 {
	font-size: 28px;
	line-height: normal;
	font-weight: 600;
	margin: 0;
}

.accordion-price h3 {
	font-size: 21px;
	line-height: normal;
	font-weight: 600;
	margin: 0;
}

.item-accordion-wrapper .item-accordion-wrapper .accordion-head {
	/*
    padding-left: 0;
    padding-right: 0;
*/
}

.accordion-price .panel-collapse .accordion-body .accordion-preview {
	margin-bottom: 0;
}

.accordion-price .panel-collapse .accordion-body {
	padding-left: 0;
	padding-right: 0;
	padding-top: 0;
}

.item-accordion-wrapper .item-accordion-wrapper {
	border: 0px solid #e5e5e5;
}

.item-accordion-wrapper .accordion-preview .item-accordion-wrapper + .item-accordion-wrapper {
	border-top: 1px solid #e5e5e5;
}

.item-accordion-wrapper .item-accordion-wrapper .accordion-head .svg-inline-right-arrow {

	top: 10px;
}

@media (max-width:767px) {
	.accordion-price .ceny-price-head {
		flex-direction: column !important;
		align-items: flex-start !important;
		margin-bottom: 0px;
	}

	.accordion-price .price-side {
		flex-direction: column !important;
		align-items: flex-start !important;
	}

	.panel-collapse .accordion-body table tr td:first-child {
		padding-left: 12px;
		padding-top: 15px !important;
		border-top: 1px solid #e5e5e5;
	}

	.panel-collapse .accordion-body table tr:first-child td {
		padding-top: 0;
	}

	.accordion-price h3 {
		font-size: 16px;
	}

	.switcher-title {
		font-size: 16px;
	}

	.accordion-head {
		padding: 20px 86px 20px 12px;
	}

	.accordion-price h2 {
		font-size: 18px;
	}

	.accordion-price .panel-collapse .accordion-body .accordion-preview {
		margin-top: -1px;
	}

	.btn.btn-md {}

	.panel-collapse .accordion-body table tr td:last-child {
		text-align: left;
	}

	.accordion-head .svg-inline-right-arrow {
		right: 12px;
	}

	.item-accordion-wrapper .item-accordion-wrapper .accordion-head .svg-inline-right-arrow {
		top: 0;
	}
}


.legacy-cookie {
    right: 20px;
    width: 25%;
    left: auto;
}

.legacy-cookie__text {
    padding: 10px;
}


@media (max-width: 640px) {
    .legacy-cookie {
        bottom: 7px;
        right: 20px;
        width: 90%;
        left: auto;
    }
}

/*
.form.popup .captcha-row, .form-control.bg.captcha-row {
    display: none !important;;
}
*/
.contacts-v2 .btn.btn-transparent-border, .mobilephones__menu-item--callback, .footer__phone .phones .phones__callback {
    display: none;
}

.captcha-row label.error {
	top: 102px!important
}

.searche-result .searche-result__item b, .search-page.theme-green .search-title b {
    color: #ef4060;
}

.search-page.theme-green input[type="submit"] {
   
  border-color: #44c2c7;
  background-color: #44c2c7;

}


.search-page.theme-green input[type="text"] {
  border-color: #44c2c7;
}


.contacts__filter-select .dropdown-menu-wrapper .dropdown-menu-inner {
max-height: 317px;
}

.sw-body {
	display: none;
	margin-top: 15px;
}
.sw-plus .svg-inline-right-arrow {
	border: none;
	cursor: pointer;
}
.sw-plus .svg-inline-right-arrow:hover path {
	stroke: var(--theme-base-color);
}
.sw-plus .svg-inline-right-arrow.active {
	transform: rotate(45deg);
		-moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -webkit-transition: all 0.2s ease-out;
}               


/* =========================================================
   МОБИЛЬНАЯ ШАПКА — логотип + название строго по центру
   ========================================================= */

@media (max-width: 991px) {

	/* Только создаём систему координат для центрального блока */
	#mobileheader .mobileheader__inner {
		position: relative;
	}


	/* =====================================================
	   ЛОГОТИП + НАЗВАНИЕ
	   ===================================================== */

	#mobileheader .mobile-clinic-brand {
		position: absolute;

		top: 50%;
		left: 50%;

		transform: translate(-50%, -50%);

		display: flex;
		align-items: center;

		gap: 7px;

		margin: 0;
		padding: 0;

		white-space: nowrap;

		z-index: 1;
	}


	/* =====================================================
	   ЛОГОТИП
	   ===================================================== */

	#mobileheader .mobile-clinic-brand .logo {
		flex: 0 0 auto;

		width: 44px;
		height: auto;

		margin: 0;
		padding: 0;
	}

	#mobileheader .mobile-clinic-brand .logo a {
		display: block;
		line-height: 0;
	}

	#mobileheader .mobile-clinic-brand .logo img {
		display: block;

		width: 44px;
		height: auto;

		max-width: 44px;
		max-height: none;

		margin: 0;
		padding: 0;
	}


	/* =====================================================
	   ТЕКСТ
	   ===================================================== */

	#mobileheader .mobile-clinic-brand__text {
		display: flex;
		flex-direction: column;
		justify-content: center;

		margin: 0;
		padding: 0;

		white-space: nowrap;
	}


	/* Городская поликлиника № 64 */
	#mobileheader .mobile-clinic-brand__title {
		margin: 0;
		padding: 0;

		font-size: 12px;
		line-height: 1.15;
		font-weight: 600;

		color: #333;

		white-space: nowrap;
	}


	/* отделение платных услуг */
	#mobileheader .mobile-clinic-brand__subtitle {
		margin: 3px 0 0;
		padding: 0;

		font-size: 11px;
		line-height: 1.15;
		font-weight: 400;

		color: #888;

		white-space: nowrap;
	}
}


/* =========================================================
   375px и меньше
   Только уменьшаем центральный блок.
   ========================================================= */

@media (max-width: 375px) {

	#mobileheader .mobile-clinic-brand {
		gap: 5px;
	}

	#mobileheader .mobile-clinic-brand .logo {
		width: 38px;
	}

	#mobileheader .mobile-clinic-brand .logo img {
		width: 38px;
		max-width: 38px;
	}

	#mobileheader .mobile-clinic-brand__title {
		font-size: 10px;
	}

	#mobileheader .mobile-clinic-brand__subtitle {
		font-size: 9.5px;
		margin-top: 2px;
	}
}


/* =========================================================
   Совсем узкие экраны
   ========================================================= */

@media (max-width: 350px) {

	#mobileheader .mobile-clinic-brand {
		gap: 4px;
	}

	#mobileheader .mobile-clinic-brand .logo {
		width: 34px;
	}

	#mobileheader .mobile-clinic-brand .logo img {
		width: 34px;
		max-width: 34px;
	}

	#mobileheader .mobile-clinic-brand__title {
		font-size: 9px;
	}

	#mobileheader .mobile-clinic-brand__subtitle {
		font-size: 8.5px;
	}
}


/* =========================================================
   ТИЗЕРЫ НА МОБИЛЬНОМ
   2 элемента в ряд, без горизонтального скролла
   ========================================================= */

@media (max-width: 767px) {

    /* Сетка */
    .tizers-list__items-wrapper--mobile-grid-2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        column-gap: 12px !important;
        row-gap: 24px !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow: visible !important;
        transform: none !important;
    }

    /* Обёртка элемента */
    .tizers-list__items-wrapper--mobile-grid-2 >
    .tizers-list__item-wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    /* Карточка */
    .tizers-list__items-wrapper--mobile-grid-2
    .tizers-list__item {
        display: flex !important;
        flex-direction: column !important;
        align-items: center !important;
        justify-content: flex-start !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
        height: 100% !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* Область иконки */
    .tizers-list__items-wrapper--mobile-grid-2
    .tizers-list__item-image-wrapper {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 120px !important;
        height: 120px !important;
        min-width: 120px !important;
        min-height: 120px !important;

        margin: 0 auto 14px auto !important;
        padding: 0 !important;

        flex: 0 0 120px !important;
    }

    /* SVG — не даём Аспро растягивать иконку */
    .tizers-list__items-wrapper--mobile-grid-2
    .tizers-list__item-image-wrapper svg,
    .tizers-list__items-wrapper--mobile-grid-2
    .tizers-list__item-image-icon {
        display: block !important;

        width: 120px !important;
        height: 120px !important;

        max-width: 120px !important;
        max-height: 120px !important;

        margin: 0 auto !important;
    }

    /* Текстовая часть */
    .tizers-list__items-wrapper--mobile-grid-2
    .tizers-list__item-text-wrapper {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 auto !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }

    /* Заголовок */
    .tizers-list__items-wrapper--mobile-grid-2
    .tizers-list__item-name {
        display: block !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;

        text-align: center !important;
    }

    /* Описание */
    .tizers-list__items-wrapper--mobile-grid-2
    .tizers-list__item-descr {
        display: block !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;

        text-align: center !important;
    }
}


/* =========================================================
   БАННЕРЫ / УСЛУГИ НА МОБИЛЬНОМ
   2 карточки в ряд без горизонтального скролла
   ========================================================= */

@media (max-width: 767px) {

    .banners-img-with-text-list__grid--mobile-2 {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        column-gap: 12px !important;
        row-gap: 16px !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin-left: 0 !important;
        margin-right: 0 !important;

        overflow: visible !important;
        transform: none !important;
    }

    /* Обертка карточки */
    .banners-img-with-text-list__grid--mobile-2 >
    .banners-img-with-text-list__wrapper {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
    }

    /* Карточка */
    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }

    /* Ссылка с изображением */
    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-link {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Изображение */
    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-image {
        width: 100% !important;
        max-width: 100% !important;

        background-position: center !important;
        background-size: cover !important;
    }

    /* Текст */
    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-text {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        box-sizing: border-box !important;
    }

    /* Заголовок */
    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-title {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: break-word !important;
    }

    /* На двух колонках стандартный размер Аспро может быть крупноват */
    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-title.font_24,
    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-title.font_20,
    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-title.font_18 {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }
}



@media (max-width: 767px) {

    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-text {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-title,

    .banners-img-with-text-list__grid--mobile-2
    .banners-img-with-text-list__item-title a {
        font-size: 12px !important;
        line-height: 1.3 !important;
        letter-spacing: 0 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }
}


/* =========================================================
   ВРАЧИ НА МОБИЛЬНОМ
   2 карточки в ряд, без горизонтального слайдера
   ========================================================= */

@media (max-width: 767px) {

    /* Owl больше не должен обрезать сетку */
    .staff-list__carousel--mobile-grid-2 .owl-stage-outer {
        overflow: visible !important;
        width: 100% !important;
    }

    /* Сам контейнер элементов превращаем в grid */
    .staff-list__carousel--mobile-grid-2 .owl-stage {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        column-gap: 12px !important;
        row-gap: 16px !important;

        width: 100% !important;

        transform: none !important;
        transition: none !important;
    }

    /* Owl проставляет ширину карточек inline — перебиваем */
    .staff-list__carousel--mobile-grid-2 .owl-item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        margin: 0 !important;

        transform: none !important;
    }

    /* Карточка врача */
    .staff-list__carousel--mobile-grid-2 .staff-list__item {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;

        height: 100% !important;

        margin: 0 !important;

        box-sizing: border-box !important;
    }

    /* Фото */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-image-wrapper {
        width: 100% !important;
        min-width: 0 !important;
    }

    .staff-list__carousel--mobile-grid-2
    .staff-list__item-image {
        width: 100% !important;

        background-position: center top !important;
        background-size: cover !important;
    }

    /* Должность */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-company {
        font-size: 11px !important;
        line-height: 1.25 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    /* ФИО */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-title {
        font-size: 14px !important;
        line-height: 1.25 !important;

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    /* Не даём словам разваливаться по буквам */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-title a {
        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    /* Скрываем навигацию Owl на мобильном */
    .staff-list__carousel--mobile-grid-2 .owl-nav,
    .staff-list__carousel--mobile-grid-2 .owl-dots {
        display: none !important;
    }

    /* На всякий случай убираем курсор/перетаскивание */
    .staff-list__carousel--mobile-grid-2.owl-drag {
        touch-action: auto !important;
    }
}


/* Внешние стрелки и точки блока врачей */
@media (max-width: 767px) {

    #carousel-navigation_staff,
    #carousel-dots_staff,
    .staff-carousel .owl-navigation-outer,
    .staff-carousel .owl-navigation-outer-dots {
        display: none !important;
    }
}

@media (max-width: 767px) {

    /* ==========================================
       ВРАЧИ — читаемость текста поверх фотографии
       ========================================== */

    .staff-list__carousel--mobile-grid-2
    .staff-list__item-image-wrapper {
        position: relative !important;
        overflow: hidden !important;
    }

    /* Более заметный градиент снизу */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-image-wrapper::after {
        content: "";
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;

        height: 58%;

        background: linear-gradient(
            to bottom,
            rgba(0, 0, 0, 0),
            rgba(0, 0, 0, 0.12) 25%,
            rgba(0, 0, 0, 0.62) 100%
        );

        pointer-events: none;
        z-index: 1;
    }

    /* Текст поверх градиента */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-additional-text-wrapper {
        z-index: 2 !important;

        left: 12px !important;
        right: 12px !important;

        width: auto !important;
    }

    /* Должность врача */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-company {
        opacity: 1 !important;

        color: #fff !important;

        font-size: 10px !important;
        line-height: 1.25 !important;

        margin-bottom: 5px !important;

        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    /* ФИО */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-title {
        color: #fff !important;

        font-size: 14px !important;
        line-height: 1.2 !important;

        text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);

        white-space: normal !important;
        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }


    /* ==========================================
       КНОПКА "ЗАПИСАТЬСЯ"
       ========================================== */

    .staff-list__carousel--mobile-grid-2
    .staff-list__item-button {
        width: 100% !important;
        max-width: 100% !important;

        margin-top: 10px !important;
    }

    .staff-list__carousel--mobile-grid-2
    .staff-list__item-button .btn,
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-button--on-image .btn {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: auto !important;
        min-height: 38px !important;

        padding: 8px 6px !important;

        font-size: 11px !important;
        line-height: 1.15 !important;

        white-space: normal !important;
        text-align: center !important;

        box-sizing: border-box !important;
    }

    .staff-list__carousel--mobile-grid-2
    .staff-list__item-button .btn span,
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-button--on-image .btn span {
        white-space: normal !important;
        text-align: center !important;
    }


    /* Контакты также не должны вылезать за карточку */
    .staff-list__carousel--mobile-grid-2
    .staff-list__info-wrapper,
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-props {
        width: 100% !important;
        min-width: 0 !important;
        max-width: 100% !important;
    }

    .staff-list__carousel--mobile-grid-2
    .staff-list__item-phone,
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-email {
        font-size: 11px !important;

        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }
}

@media (max-width: 767px) {

    /* Текст врача опускаем вниз карточки */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-additional-text-wrapper {
        top: auto !important;
        bottom: 12px !important;
        left: 12px !important;
        right: 12px !important;

        width: auto !important;

        transform: none !important;
    }

    /* Должность */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-company {
        opacity: 1 !important;
        color: #fff !important;

        font-size: 10px !important;
        line-height: 1.2 !important;

        margin-bottom: 5px !important;

        text-shadow: 0 1px 3px rgba(0,0,0,.65);

        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    /* ФИО */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-title {
        color: #fff !important;

        font-size: 14px !important;
        line-height: 1.2 !important;

        text-shadow: 0 1px 3px rgba(0,0,0,.65);

        word-break: normal !important;
        overflow-wrap: normal !important;
        hyphens: none !important;
    }

    /* Более выраженное затемнение только снизу */
    .staff-list__carousel--mobile-grid-2
    .staff-list__item-image-wrapper::after {
        height: 55% !important;

        background: linear-gradient(
            to bottom,
            rgba(0,0,0,0) 0%,
            rgba(0,0,0,.08) 25%,
            rgba(0,0,0,.7) 100%
        ) !important;
    }
}