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


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


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

/* End */


/* Start:/bitrix/components/sprint.editor/blocks/templates/.default/_style.css?17871593053610*/
/* Общие стили для блоков */
.sp-block-table table {
    width: 100%;
    border-collapse: collapse;
}

.sp-block-table table tr {
    background: #f7f7f7;
    color: #8a8a8a;
}

.sp-block-table table tr:nth-child(odd) {
    background: #e7e6e6;
}

.sp-block-table table tr:hover {
    background: #d4d4d4;
    color: #000;
}

.sp-block-table table td {
    text-align: left;
    border: 1px solid #ccc;
    padding: 5px;
}

.sp-block-table p {
    margin: 0;
}

.sp-image img {
    width: 100%;
}

.sp-video iframe,
.sp-video-gallery iframe {
    border-width: 0;
}

.sp-iblock-sections {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}

.sp-iblock-elements {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}
.sp-medialib-elements {
    padding: 10px;
    border: 1px solid #c3c3c3;
    margin: 10px 0;
}

.sp-properties {
    width: 400px;
    border-collapse: collapse;
}

.sp-properties_title {
    border: 1px solid #ccc;
    padding: 0 5px;
    font-weight: bold;
}

.sp-properties_text {
    border: 1px solid #ccc;
    padding: 0 5px;
}

.sp-gallery-items {
    overflow: hidden;
}

.sp-gallery-item {
    float: left;
    height: 220px;
    padding: 5px;
    /*width: 20%;*/
}

.sp-gallery-item-img-wrapper {
    float: left;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%;
    display: block;
    color: inherit;
}

.sp-gallery-item img {
    display: block;
    max-width: 100%;
    left: 50%;
    max-height: 100%;
    max-width: none;
    position: relative;
    top: 50%;
    -webkit-transform: translate(-50%, -50%) translateZ(0);
    -moz-transform: translate(-50%, -50%) translateZ(0);
    -o-transform: translate(-50%, -50%) translateZ(0);
    -ms-transform: translate(-50%, -50%) translateZ(0);
    transform: translate(-50%, -50%) translateZ(0);
}

.sp-gallery-item-text {
    background-color: rgba(255, 255, 255, .7);
    cursor: pointer;
    height: 100%;
    left: 0;
    opacity: 0;
    position: absolute;
    text-align: center;
    top: 0;
    -webkit-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -o-transition: all .2s linear;
    transition: all .2s linear;
    width: 100%;
}

.sp-gallery-item-text:hover {
    opacity: 1;
}

.sp-gallery-item-text::after {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle;
}

.sp-gallery-item-text-content {
    display: inline-block;
    vertical-align: middle;
    width: 90%;
}

.sp-button_link,
.sp-button_link:link,
.sp-button_link:visited {
    display: inline-block;
    padding: 10px 20px;
    margin: 10px 0;
    border-radius: 20px;
    text-decoration: none;
    background: #ccc;
    color: #333;
}

.sp-button_link:hover {
    text-decoration: none;
    background: #333;
    color: #ccc;
}

/*accordion*/
.sp-accordion {
    border: 1px solid #ccc;
    border-radius: 5px;
}

.sp-accordion-title {
    border-top: 1px solid #ccc;
    color: #444;
    cursor: pointer;
    padding: 10px;
    text-align: left;
}

.sp-accordion-title:first-child {
    border-top: none;
}

.sp-accordion-container {
    padding: 0 10px 10px;
    display: none;
    overflow: hidden;
}

.sp-accordion-title:after {
    content: '\02795';
    font-size: 12px;
    color: #777;
    float: right;
    margin: 2px 5px;
}

.sp-accordion-title__active:after {
    content: "\2796";
}

.sp-complex-table {
    display: table;
    table-layout: fixed;
    border-spacing: 10px;
}

.sp-complex-row {
    display: table-row;
}

.sp-complex-col {
    display: table-cell;
    vertical-align: top;
}

/* End */


/* Start:/css/blog.css?179187671485245*/
.main {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

.main.main-flex > .page-container,
.main.main-flex > .main-top,
.main.main-flex > .breadcrumbs {
    width: 100%;
    max-width: 100%;
    flex: 1 0 100%;
}

.main.main-flex > .page.s-page {
    order: 1;
}

.main.main-flex > .aside.aside--article {
    order: 2;
    align-self: flex-start;
    height: auto !important;
    max-height: none !important;
    overflow: visible !important;
}

.aside.aside--article.scrollable > * {
    max-width: 100%;
    overflow: visible;
}

.main .aside {
    position: relative;
    padding: 0;
    align-self: stretch;
}

.main .s-page {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-between;
    margin-right: auto;
}


@media (max-width: 767px) {
    body .main .aside {
        display: none;
    }
}

@media (max-width: 1280px) {
    .main > .breadcrumbs,
    .main.main-flex > .breadcrumbs {
        max-width: calc(100% - 100px);
    }
}

@media (max-width: 575px) {
    .main>.breadcrumbs>li:last-child,
    .main>.breadcrumbs>li:first-child {
        display: none !important;
    }

    .main>.breadcrumbs>li > a {
        padding-left: 28px;
        padding-right: 12px;
        background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M5.74405 7.43496C5.41865 7.74733 5.41865 8.25462 5.74405 8.56699L9.07608 11.7657C9.31557 11.9956 9.6722 12.063 9.98458 11.9381C10.297 11.8131 10.5 11.5233 10.5 11.1984L10.5 4.80106C10.5 4.47869 10.297 4.18631 9.98458 4.06137C9.6722 3.93642 9.31557 4.00639 9.07608 4.23379L5.74405 7.43246V7.43496Z' fill='%234D4F60' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
        background-position: left center;
    }
}

.s-page-controls {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

@media (max-width: 1280px) {
    .s-page-controls {
        position: absolute;
        right: -4px;
        top: 6px;
        flex-direction: row;
    }
}

.s-page-controls__item {
    position: relative;
}

.s-page-controls__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #F2F6F9;
    color: #778698;
    width: 38px;
    height: 38px;
    border: none;
    border-radius: 12px;
    transition: color 0.3s ease-in-out, background-color 0.3s ease-in-out;
    cursor: pointer;
}

.s-page-controls__btn:hover,
.s-page-controls__btn:focus,
.s-page-controls__item .ya-share2:hover+.s-page-controls__btn,
.s-page-controls__item .ya-share2:focus+.s-page-controls__btn {
    color: #09A4F2;
    background-color: #EDF9FF;
}

.main-controls {
    position: absolute;
    right: calc(100% + 40px);
    top: 0;
    width: 96px;
    height: 100%;
    padding-top: 90px;
    box-sizing: border-box;
}

@media (max-width: 1400px) {
    .main-controls {
        right: 100%;
        max-width: calc((100vw - 1120px)/2 + 20px);
        padding: 0 16px;
        box-sizing: border-box;
    }
}

@media (max-width: 1280px) {
    .main-controls {
        height: auto;
        padding: 0;
        right: 24px;
        top: 10px;
    }
}

.main-controls__sticky {
    position: sticky;
    z-index: 10;
    top: 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
}

@media (max-width: 1280px) {
    .main-controls__sticky {
        position: static;
        width: 0;
    }
}

.main-controls__sticky .ya-share2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
    background: transparent;
}

.main-controls__sticky .ya-share2__link_more-button-type_short,
.main-controls__sticky .ya-share2__icon_more {
    background: transparent !important;
}


@media (min-width: 1024px) {
    .main.main-flex > .aside.aside--article,
    .main .aside.aside--article {
        max-width: 300px !important;
        width: 300px !important;
        flex: 0 0 300px;
    }

    /* сайдбар начинается от верха картинки, а не от строки с просмотрами:
       опускаем на высоту .news-detailed-meta — строка 17px × 1.4 + padding-bottom 20
       + margin-bottom 16. Если строка с просмотрами перенесётся в две, разойдётся */
    .main.main-flex > .aside.aside--article {
        margin-top: calc(17px * 1.4 + 20px + 16px);
        /* во всю высоту колонки статьи — иначе липкому содержанию (последний
           блок сайдбара, position: sticky) некуда ехать: сайдбар был высотой
           со своё содержимое (align-self: flex-start выше) */
        align-self: stretch;
    }

    .main.main-flex > .page.s-page {
        max-width: calc(100% - 315px);
        width: calc(100% - 315px);
        flex: 1 1 auto;
    }
}

@media (max-width: 767px) {
    body .main > .page.s-page {
        width: 100%;
    }
}

.aside--article {
    display: flex;
    flex-direction: column;
    gap: 26px;
}

.main-top {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
    gap: 16px;
    padding: 0 0 20px;
}

@media (max-width: 1023px) {
    .main-top {
        flex-direction: column;
    }
}

.main-top__title {
    width: 100%;
    max-width: calc(100% - 300px);
    font-size: 26px;
    line-height: 1.4;
    color: #1E242B;
}

@media (max-width: 1023px) {
    .main-top__title {
        max-width: 100%;
    }
}

.main .main-top__title>h1 {
    display: inline;
    vertical-align: baseline;
    margin: 0;
    font: inherit;
    font-weight: 600;

}

.main-top__subtitle {
    display: inline;
    vertical-align: baseline;
    margin: 0;
}

.main-top__btn {
    display: inline-block;
    vertical-align: baseline;
    padding: 12px 16px;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #2C9ED8;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    background-color: #F2F6F9;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
}

@media (max-width: 1023px) {
    .main-top__btn {
        order: -1;
    }
}

.main-top__btn:hover,
.main-top__btn:focus {
    background-color: #D7EAF4;
}

.news-detailed {
    width: 100%;
    max-width: 730px;
}

.news-detailed-meta {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    gap: 8px 32px;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 16px;
    font-size: 17px;
    line-height: 1.4;
    color: rgba(77, 79, 96, 0.5);
}

.article-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: flex-start;
    align-items: center;
    font-size: 17px;
    line-height: 1.4;
    color: #1E242B;
}

.article-meta__item {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
}

.news-detailed-hero {
    display: block;
    width: 100%;
    margin-bottom: 32px;
    border-radius: 80px;
    background-color: #DFE9F0;
    overflow: hidden;
}

@media (max-width: 575px) {
    .news-detailed-hero {
        width: calc(100% + 40px);
        margin: 0 -20px 32px;
    }
}

.news-detailed-hero__image {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
    height: auto;
    border-radius: 80px;
}

.article-authors {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding-bottom: 16px;
    margin-bottom: 32px;
/*    padding: 8px 25px 0;*/
    padding: 8px 0 0;
}

@media (max-width: 575px) {
    .article-authors {
        padding: 0;
    }
}

.article-authors__header {
    width: 100%;
    padding-right: 96px;
    box-sizing: border-box;
}

.article-authors__title {
    margin: 0 0 16px;
    font-size: 17px;
    line-height: 1.2;
    font-weight: 500;
}

.authors-slider {
    position: relative;
}

.authors-slider__container {
    position: relative;
    overflow: hidden;
    padding: 8px 0;
}

@media (max-width: 767px) {
    .authors-slider__container {
        padding-bottom: 0;
    }
}

.authors-slider__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.authors-slider__item,
.authors-slider__item.swiper-slide {
    display: flex;
    align-items: flex-start;
    width: 306px;
    max-width: 306px;
    height: auto;
    flex-shrink: 0;
    box-sizing: border-box;
    margin-right: 20px;
}

.swiper-initialized .authors-slider__item,
.swiper-initialized .authors-slider__item.swiper-slide {
    width: 306px;
    height: auto;
    margin-right: 0;
}

.authors-slider__info {
    min-width: 0;
    flex: 1 1 auto;
}

.authors-slider__image {
    position: relative;
    flex-shrink: 0;
    width: 92px;
    height: 92px;
    margin-right: 16px;
    border-radius: 16px;
    overflow: hidden;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.authors-slider__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    border-radius: inherit;
}

.authors-slider__name {
    margin-top: 6px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.4;
}

.authors-slider__spec {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    margin-top: 4px;
}

.authors-slider__arrows {
    position: absolute;
    right: 0;
    bottom: calc(100% + 20px);
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.authors-slider__arrows .slider-nav.swiper-button-disabled {
    opacity: 0.2;
}

.authors-slider__arrows .slider-nav.swiper-button-lock {
    display: block;
}

.slider-nav {
    display: block;
    width: 36px;
    height: 36px;
    border-radius: 8px;
    background-color: #F2F6F9;
    font-size: 0;
    color: transparent;
    transform: none;
    background-image: url("data:image/svg+xml,%3Csvg width='6' height='8' viewBox='0 0 6 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M0.292854 3.43496C-0.0976181 3.74733 -0.0976181 4.25462 0.292854 4.56699L4.29129 7.76565C4.57868 7.99556 5.00664 8.06303 5.38149 7.93808C5.75635 7.81313 6 7.52325 6 7.19839V0.801057C6 0.478692 5.75635 0.186314 5.38149 0.0613656C5.00664 -0.0635824 4.57868 0.00638866 4.29129 0.233794L0.292854 3.43246V3.43496Z' fill='%23778698'/%3E%3C/svg%3E%0A");
    background-position: center;
    background-repeat: no-repeat;
    border: none;
    transition: all 0.3s ease-in-out;
    pointer-events: initial;
    cursor: pointer;
    transition: background 0.3s ease-in-out;
}

.slider-nav:hover,
.slider-nav:focus {
    background-color: #EDF9FF;
}

.slider-nav--next {
    transform: scaleX(-1);
}

.slider-nav.swiper-button-lock {
    display: none;
}

.slider-nav.swiper-button-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.article-content {
    padding: 0 25px;
    font-size: 17px;
    line-height: 1.5;
    font-weight: 400;
    color: #1E242B;
}

@media (max-width: 767px) {
    .article-content {
        padding: 0;
    }
}

.article-content>p:not([class]) {
    margin-bottom: 12px;
}

.article-content p>a:not([class]),
.article-content>ul:not([class]) a:not([class]),
.article-content>ol:not([class]) a:not([class]) {
    color: #09A4F2;
    transition: filter 0.3 eas-in-out;
    text-decoration: none;
}

.article-content>p>a:hover,
.article-content>p>a:focus {
    filter: contrast(150%);
}

.article-content>h2:not([class]) {
    margin: 36px 0 20px;
    font-size: 22px;
    line-height: 1.4;
    font-weight: 600;
}

/* сверху больше, чем снизу: заголовок держится за свой текст, а не висит
   посередине между предыдущим блоком и следующим (было 20 и 20) */
.article-content>h3:not([class]) {
    margin: 32px 0 12px;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 600;
}

.article-content>h4:not([class]) {
    margin: 24px 0 10px;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 600;
    color: #09A4F2;
}

/* блок сразу под заголовком: расстояние задаёт заголовок (его нижний отступ),
   а не крупный верхний отступ блока — иначе блок отрывается от своего заголовка */
.article-content>:is(h2, h3, h4)+:is(.content-slider, .lead) {
    margin-top: 0;
}

.article-content>ol:not([class]) {
    list-style-type: decimal;
    margin: 16px 0 16px 20px;
}

.article-content>ol:not([class])>li {
    list-style-type: decimal;
    margin-top: 4px;
}

.article-content>ul:not([class]) {
    list-style-type: initial;
    margin: 16px 0 16px 20px;
}

.article-content>ul:not([class])>li {
    list-style-type: initial;
    margin-top: 4px;
}

.link-list {
    margin: 16px 0;
}

.link-list>li {
    padding: 8px 0;
}

.link-list>li>a {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    padding: 8px 56px 8px 16px;
    min-height: 54px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #2C9ED8;
    text-decoration: none;
    border-radius: 16px;
    background-color: #F2F6F9;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M13.7073 10.565C14.0977 10.2527 14.0977 9.74538 13.7073 9.43301L9.70883 6.23435C9.42144 6.00444 8.99348 5.93697 8.61863 6.06192C8.24378 6.18687 8.00012 6.47675 8.00012 6.80161V13.1989C8.00012 13.5213 8.24378 13.8137 8.61863 13.9386C8.99348 14.0636 9.42144 13.9936 9.70883 13.7662L13.7073 10.5675V10.565Z' fill='%234D4F60' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    background-position: right 16px center;
    background-repeat: no-repeat;
    box-sizing: border-box;
    transition: background-color 0.3s ease-in-out;
}

.link-list>li>a:hover,
.link-list>li>a:focus {
    background-color: #DFE9F0;
}

.check-list {
    margin: 16px 0 36px;
}

.check-list>li {
    margin-top: 12px;
    padding-left: 40px;
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 20C12.6522 20 15.1957 18.9464 17.0711 17.0711C18.9464 15.1957 20 12.6522 20 10C20 7.34784 18.9464 4.8043 17.0711 2.92893C15.1957 1.05357 12.6522 0 10 0C7.34784 0 4.8043 1.05357 2.92893 2.92893C1.05357 4.8043 0 7.34784 0 10C0 12.6522 1.05357 15.1957 2.92893 17.0711C4.8043 18.9464 7.34784 20 10 20ZM14.4141 8.16406L9.41406 13.1641C9.04688 13.5312 8.45312 13.5312 8.08984 13.1641L5.58984 10.6641C5.22266 10.2969 5.22266 9.70312 5.58984 9.33984C5.95703 8.97656 6.55078 8.97266 6.91406 9.33984L8.75 11.1758L13.0859 6.83594C13.4531 6.46875 14.0469 6.46875 14.4102 6.83594C14.7734 7.20312 14.7773 7.79688 14.4102 8.16016L14.4141 8.16406Z' fill='%2323B762'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left top 5px; /* запасной вариант для старых браузеров */
    /* галочка по центру первой строки при любом шрифте и масштабе: 0.5lh — середина строки, 10px — половина иконки */
    background-position: left top calc(0.5lh - 10px);
}

.block-for-anchor {
    margin: 32px 0;
    padding: 28px;
    font-size: 16px;
    line-height: 1.4;
    color: #1E242B;
    background-color: #F2F6F9;
    border-radius: 20px;
    box-sizing: border-box;
}

.block-for-anchor a {
    font-size: 16px;
    line-height: 1.4;
    color: #1E242B;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.block-for-anchor>h2 {
    margin: 0 0 12px;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 600;
}

.block-for-anchor>p {
    margin: 6px 0 0;
}

.block-for-anchor>p>span {
    display: none;
}

.block-for-anchor>p>span+a {
    color: #778698;
}

.block-for-anchor a:hover,
.block-for-anchor a:focus {
    color: #09A4F2;
}

.block-for-anchor ul {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.block-for-anchor ul>li {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.block-for-anchor li>ul a {
    color: #778698;
}

.block-for-anchor__inner {
    position: relative;
    overflow: hidden;
    transition: height 0.6s ease-in-out;
}

.block-for-anchor__inner::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100px;
    background: linear-gradient(to top, #F2F6F9 0%, transparent 100%);
    pointer-events: none;
    border-bottom: 2px solid #F2F6F9;
    transition: opacity 0.6s ease-in-out;
    opacity: 0;
    content: "";
}

.block-for-anchor__inner.active::after {
    opacity: 1;
}

.block-for-anchor__more {
    display: inline-block;
    vertical-align: baseline;
    margin: 10px 0 0;
    font-size: 16px;
    line-height: 1.4;
    color: #09A4F2;
    background-color: transparent;
    border: none;
    cursor: pointer;
}

/* ─── Содержание статьи: вид как у блока поиска, спойлер ───
   В общем template_styles.css у сайта своё .block-for-anchor (серый #f7f7f7,
   отступы 15/20, скругление 10, синие ссылки) — с той же специфичностью оно
   перебивало правила выше. Поэтому здесь через .article-content.
   Спойлер — хуки js-collapse / js-collapse-toggle / js-collapse-body в /js/common.js */

/* отступы не у блока, а у кнопки и контента — кликабельна вся верхняя полоса */
.article-content .block-for-anchor {
    position: relative;
    padding: 0;
    background-color: #F2F6F9;
    border-radius: 20px;
}

.article-content .block-for-anchor a {
    color: #1E242B;
}

/* пункты h3: тёмные, как основные, и с отступом слева */
.article-content .block-for-anchor li > ul {
    padding-left: 16px;
}

.article-content .block-for-anchor li > ul a {
    color: #1E242B;
}

.article-content .block-for-anchor a:hover,
.article-content .block-for-anchor a:focus {
    color: #09A4F2;
}

.block-for-anchor__toggle {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    margin: 0;
    padding: 24px 24px 12px;
    font-family: inherit;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 600;
    color: inherit;
    text-align: left;
    background: none;
    border: none;
    border-radius: 20px;
    cursor: pointer;
    transition: color 0.3s ease-in-out, padding 0.3s ease-in-out;
}

.block-for-anchor__toggle:hover,
.block-for-anchor__toggle:focus-visible {
    color: #09A4F2;
}

.block-for-anchor__toggle:hover .block-for-anchor__arrow path,
.block-for-anchor__toggle:focus-visible .block-for-anchor__arrow path {
    fill: #09A4F2;
    fill-opacity: 1;
}

.block-for-anchor__body {
    padding: 0 24px 24px;
}

.block-for-anchor__arrow {
    flex-shrink: 0;
    transition: transform 0.3s ease-in-out;
}

.block-for-anchor.is-closed .block-for-anchor__arrow {
    transform: rotate(-90deg);
}

/* свёрнуто — снизу у кнопки такой же отступ, как сверху */
.block-for-anchor.is-closed .block-for-anchor__toggle {
    padding-bottom: 24px;
}

/* @group Journal */
.journal-news {
    margin-top: 0;
}

.journal-news.articles-list li img {
    border-radius: 12px;
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
    height: 150px;
    margin-bottom: 15px;
    object-fit: cover;
}

@media (max-width: 1023px) {
    .journal-news.articles-list li img {
        height: 110px;
    }
}

@media (max-width: 767px) {
    .journal-news.articles-list li img {
        height: 150px;
    }
}

@media (max-width: 600px) {
    .journal-news.articles-list li img {
        height: 110px;
    }
}

@media (max-width: 480px) {
    .journal-news.articles-list li img {
        height: 35vw;
    }
}

.journal-news li a {
    text-decoration: none;
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 15px;
    font-weight: 500;
}

.journal-news li span {
    font-size: 14px;
}

.journal-news ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -15px;
}

@media (max-width: 1023px) {
    .journal-news ul {
        margin: 0 -10px;
    }
}

.journal-news ul li {
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 0 15px;
    width: 50%;
    margin: 0 0 30px;
}

@media (max-width: 1023px) {
    .journal-news ul li {
        padding: 0 10px;
        margin-bottom: 20px;
    }
}

@media (max-width: 480px) {
    .journal-news ul li {
        width: 100%;
    }
}

/* @end */

.place-card {
    width: 100%;
    margin: 40px 0;
    padding: 16px 20px;
    border-radius: 20px;
    border: 2px solid #D7EAF4;
    background-color: #ffffff;
    box-sizing: border-box;
}

.aside .place-card {
    margin: 0;
}

@media (max-width: 1023px) {
    .aside .place-card {
        padding: 8px 8px;
    }
}

.place-card__map {
    position: relative;
    height: 125px;
    background: #e8f0e9;
    border-radius: 20px;
    overflow: hidden;
}

.place-card__map--embed {
    height: auto;
    overflow: hidden;
    border-radius: 20px;
}

.place-card__map--embed iframe {
    display: block;
    width: 100%;
    border: 0;
}

.place-card__body {
    display: flex;
    flex-direction: column;
    gap: 14px;
    padding-top: 28px;
}

.place-card__row {
    display: flex;
    gap: 10px;
    font-size: 15px;
    line-height: 1.4;
    color: #1E242B;
}

.place-card__icon {
    flex-shrink: 0;
    width: 20px;
    margin-top: 2px;
}

.place-card__content {
    display: flex;
    flex-direction: column;
    gap: 4px;
}

.place-card__link {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    color: #09A4F2;
    text-decoration: none;
    transition: filter 0.3s ease-in-out;
}

.place-card__link:hover,
.place-card__link:focus {
    filter: contrast(150%);
    text-decoration: none;
}

.place-card__contact {
    display: inline-block;
    vertical-align: journal.css;
    font-size: 15px;
    line-height: 1.4;
    color: #1E242B;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.place-card__contact:hover,
.place-card__contact:focus {
    color: #09A4F2;
    text-decoration: none;
}

.place-card__socials {
    display: flex;
    gap: 12px;
    padding: 12px 0 12px 28px;
}

.place-card__social {
    width: 38px;
    height: 38px;
    border-radius: 10px;
    background: #F2F6F9;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: background 0.2s;
    color: #9598AD;
    transition: color 0.3s ease-in-out;
}

.place-card__social:hover,
.place-card__social:focus {
    color: #09A4F2;
}

.place-card .ymaps-2-1-79-balloon__layout {
    border-radius: 8px;
}

.place-card .ymaps-2-1-79-balloon {
    border-radius: 14px !important;
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.12) !important;
    border: none !important;
}

.place-card .ymaps-2-1-79-balloon__content {
    padding: 10px 14px !important;
    font-family: "Inter", "Arial", sans-serif;
}

.ymaps-2-1-79-balloon__close-button {
    background-size: 10px !important;
}

.place-card-balloon {
    display: inline-flex;
    flex-direction: column;
    gap: 2px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
}

.place-card-balloon__status {
    font-size: 12px;
    font-weight: 400;
    color: #9598AD;
}

.content-slider {
    position: relative;
    margin: 40px 0;
    padding: 10px 0;
}

@media (max-width: 991px) {
    .content-slider {
        width: 100%;
    }
}

.content-slider__body {
    position: relative;
}

.content-slider__container {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 16px;
}

@media (max-width: 767px) {
    /* на мобиле лента до краёв экрана, первый слайд — по полю текста */
    .content-slider__container {
        width: calc(100% + 40px); /* поле статьи на мобиле — 20px */
        margin-left: -20px;
        padding: 0 20px;
        border-radius: 0;
        box-sizing: border-box;
    }
}

.content-slider__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Слайды по ширине фото (slidesPerView: auto), без подложки: высота у всех
   одна, ширина — по пропорциям кадра. Раньше был слайд на всю ширину и
   вертикальное фото по центру на голубом фоне — заказчик попросил обычный слайдер */
.content-slider {
    --content-slider-height: 438px;
}

@media (max-width: 767px) {
    .content-slider {
        --content-slider-height: 280px;
    }
}

/* с родителем — сильнее .swiper-slide { width: 100% } из Swiper при любом
   порядке подключения (на сайте Swiper грузится после blog.css) */
.content-slider .content-slider__item {
    width: auto;
}

.content-slider__inner {
    position: relative;
    display: block;
    overflow: hidden;
    border-radius: 16px;
    text-decoration: none;
    color: rgba(77, 79, 96, 1);
}

.content-slider__nav {
    position: absolute;
    z-index: 2;
    top: calc(50% - 23px);
    width: 46px;
    height: 46px;
    border-radius: 50%;
    background-color: #ffffff;
    border: 1px solid #DFE9F0;
    background-image: url("data:image/svg+xml,%3Csvg width='5' height='8' viewBox='0 0 5 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4.5656 4.56504C4.87797 4.25267 4.87797 3.74538 4.5656 3.43301L1.36693 0.234347C1.13703 0.00444263 0.794668 -0.0630293 0.494794 0.0619186C0.194919 0.186867 0 0.476746 0 0.80161V7.19894C0 7.52131 0.194919 7.81369 0.494794 7.93863C0.794668 8.06358 1.13703 7.99361 1.36693 7.76621L4.5656 4.56754V4.56504Z' fill='%231E242B'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    transition: background-color 0.3s ease-in-out;
    cursor: pointer;
}

.content-slider__nav--prev {
    left: -22px;
    transform: scaleX(-1);
}

@media (max-width: 991px) {
    .content-slider__nav--prev {
        left: -10px;
    }
}

.content-slider__nav--next {
    right: -22px;
}

@media (max-width: 991px) {
    .content-slider__nav--next {
        right: -10px;
    }
}

.content-slider__nav:hover,
.content-slider__nav:focus {
    background-color: rgba(255, 255, 255, 0.5);
}

@media (max-width: 767px) {
    .content-slider__nav {
        display: none !important;
    }
}

/* высота задана самой картинке, а не ссылке: в вёрстке img обёрнут в picture,
   и height: 100% от ссылки до него не доходит. Ширину браузер берёт из
   атрибутов width/height — слайд занимает место ещё до загрузки фото */
.content-slider__inner img {
    display: block;
    width: auto;
    max-width: none;
    height: var(--content-slider-height);
    border-radius: 16px;
}

.content-slider__bottom {
    margin-top: 16px;
    padding: 0 12px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #778698;
}

@media (max-width: 767px) {
    .content-slider__bottom {
        padding: 0;
        font-size: 15px;
    }
}

.content-slider__pagination {
    position: static;
    flex-shrink: 0;
    width: auto;
    left: auto;
    bottom: auto;
    text-align: left;
    white-space: nowrap;
}

.content-slider__pagination.swiper-pagination-fraction {
    position: static;
    width: auto;
    left: auto;
    bottom: auto;
    margin-right: 16px;
}

.content-slider__bottom p {
    margin: 0;
}

.content-slider__text {
    flex: 1 1 auto;
    min-width: 0;
}

.lead {
    padding: 24px;
    background: #F2F6F9;
    border-radius: 16px;
    line-height: 1.6;
    margin: 32px 0;
    border: 3px solid transparent;
}

.lead p {
    margin: 0 0 8px;
}

.lead p:last-child {
    margin-bottom: 0;
}

.lead--green {
    background-color: #DEFFEC;
}

.lead--warning {
    background-color: #FFEFF0;
}

.lead .title {
    margin-bottom: 10px;
    font-weight: 600;
}

.lead--warning .title {
    color: #FD3F61;
}

.lead--border {
    border-color: #D7EEFF;
    background-color: transparent;
}

/*аккордеон*/
.s-page-faq {
    margin: 40px 0;
}

.s-page-acc__item {
    background-color: #F5F9FB;
    border-radius: 16px;
}

.s-page-acc__item+.s-page-acc__item {
    margin-top: 12px;
}

.s-page-acc__btn {
    position: relative;
    display: block;
    width: 100%;
    font-size: 16px;
    line-height: 1.5;
    text-align: left;
    color: #1E242B;
    font-weight: 500;
    padding: 24px 60px 24px 24px;
    transition: all 0.3s ease-in-out;
    cursor: pointer;
    border: none;
    background: transparent;
    border-radius: 12px;
    box-sizing: border-box;
}

.s-page-acc__btn::after {
    position: absolute;
    top: 24px;
    right: 24px;
    width: 20px;
    height: 20px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='5' viewBox='0 0 8 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M3.43496 4.75595C3.74733 5.08135 4.25462 5.08135 4.56699 4.75595L7.76565 1.42392C7.99556 1.18443 8.06303 0.827801 7.93808 0.515423C7.81313 0.203046 7.52325 0 7.19839 0L0.801057 0C0.478692 0 0.186314 0.203046 0.0613656 0.515423C-0.0635824 0.827801 0.00638866 1.18443 0.233794 1.42392L3.43246 4.75595H3.43496Z' fill='%234D4F60' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    transform: scaleY(1);
    transition: all 0.3s ease-in-out;
    content: "";
}

.s-page-acc__btn.empty::after {
    content: none;
}

.s-page-acc__btn.empty {
    cursor: auto;
}

.s-page-acc__content {
    display: none;
    padding: 0 24px 24px;
    font-size: 16px;
    line-height: 1.6;
    color: #1E242B;
}

.s-page-acc__content.active {
    display: block;
}

@media (max-width: 575px) {
    .s-page-acc__content.mobile-inactive {
        display: block;
    }

    .s-page-acc__content.is-active.active.mobile-inactive {
        display: none;
    }
}

.s-page-acc__content h3 {
    font-size: 15px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 12px;
}

.s-page-acc__content p {
    margin-bottom: 8px;
}

.s-page-acc__content p:last-child {
    margin-bottom: 0;
}

.s-page-acc__content a {
    text-decoration: none;
    color: #09A4F2;
    transition: filter 0.3s ease-in-out;
}

.s-page-acc__content a:hover,
.s-page-acc__content a:focus {
    filter: contrast(150%);
    text-decoration: none;
}

/*санаторий в статье*/

/* по макету: 21/600, сверху 52 — отделяет санаторий от текста над ним
   (было 26/700 и без отступа сверху; на мобиле было 24 — убрано, 21 и там) */
.article-sanatorium__title {
    margin: 52px 0 12px;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 600;
}

.article-sanatorium__title .star {
    font-size: 0.55em;
    position: relative;
    margin-left: 1px;
}

.article-sanatorium__desc {
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 60px;
}

@media (max-width: 767px) {
    .article-sanatorium__desc {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
}

.article-sanatorium__desc p {
    margin: 0 0 8px;
}

.article-sanatorium__desc ul {
    padding-left: 20px;
    margin: 0 0 8px;
    list-style-type: disc;
}

.article-sanatorium__desc li {
    margin-bottom: 4px;
    list-style-type: disc;
}

.article-sanatorium-controls {
    width: 262px;
    padding: 16px;
    margin-bottom: 16px;
    margin-left: 16px;
    float: right;
    background-color: #ffffff;
    border: 1px solid #DFE9F0;
    border-radius: 20px;
}

@media (max-width: 1023px) {
    .article-sanatorium-controls {
        width: 220px;
        padding: 12px;
        margin-left: 15px;
        margin-bottom: 15px;
    }
}

@media (max-width: 767px) {
    .article-sanatorium-controls {
        width: 100%;
        order: 2;
        margin: 12px 0 0;
        padding: 22px;
    }

    .article-sanatorium-controls__title {
        margin: 0 0 8px;
        font-size: 17px;
        line-height: 1.4;
        font-weight: 500;
    }

    .article-sanatorium-controls__info {
        position: relative;
        display: flex;
        align-items: center;
        padding-right: 96px;
        min-height: 72px;
        margin-bottom: 16px;
    }

    .article-sanatorium-controls__image {
        position: absolute;
        top: 0;
        right: 0;
        width: 80px;
        height: 72px;
        border-radius: 16px;
        overflow: hidden;
    }

    .article-sanatorium-controls__image img {
        width: 80px;
        height: 72px;
        border-radius: 16px;
        object-fit: cover;
    }
}

.article-sanatorium-controls .btn {
    width: 100%;
    padding: 12px 16px;
    margin-top: 8px;
    border-radius: 12px;
    background-color: #F2F6F9;
    color: #2C9ED8;
    border: none;
    transition: background-color 0.3s ease-in-out, filter 0.3s ease-in-out;
}

.article-sanatorium-controls .btn:hover,
.article-sanatorium-controls .btn:focus {
    background-color: #D7EAF4;
}

.article-sanatorium-controls .btn--green {
    background-color: #23B762;
    color: #ffffff;
}

.article-sanatorium-controls .btn--green:hover,
.article-sanatorium-controls .btn--green:focus {
    background-color: #23B762;
    filter: contrast(150%);
}

.article-sanatorium-controls__price {
    margin: 0 0 8px;
    font-size: 15px;
    line-height: 1.2;
    color: #1E242B;
    font-weight: 400;
    text-align: right;
}

@media (max-width: 767px) {
    .article-sanatorium-controls__price {
        text-align: left;
    }

    .article-sanatorium-controls__txt {
        display: inline-block;
        vertical-align: baseline;
        width: 100%;
        margin-top: 6px;
        color: #B8BBBE;
    }
}

.article-sanatorium-controls__price b {
    font-size: 19px;
    font-weight: 500;
}

.article-content .s-page-header {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

@media (max-width: 767px) {
    .article-content .s-page-header {
        margin-bottom: 20px;
    }
}

@media (max-width: 991px) {
    .article-content .s-page-header {
        flex-wrap: wrap;
    }
}

.article-content .s-page-header__info {
    padding-top: 4px;
}

.s-page-header__info span,
.s-page-header__info a {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
    font-size: 15px;
    line-height: 1.4;
    color: #393B48;
}

@media (max-width: 767px) {

    .s-page-header__info span,
    .s-page-header__info a {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
    }
}

.s-page-header__info span img,
.s-page-header__info a img {
    display: inline-block;
    vertical-align: middle;
    max-width: 20px;
    height: auto;
    margin-right: 6px;
}

.s-page-header__info a {
    text-decoration: none;
}

.s-page-header__info a span {
    border-bottom: 0.5px solid;
}

.s-page-header__info a:hover span,
.s-page-header__info a:focus span {
    border-color: transparent;
}

.s-page-header__map {
    display: inline-flex;
    align-items: center;
    margin: 0;
    padding: 0;
    background-color: transparent;
    border: none;
    text-decoration: underline;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #4D4F60;
}

.s-page-header__map:hover,
.s-page-header__map:focus {
    text-decoration: underline solid transparent;
    color: #09A4F2;
}

.s-page-header__map img {
    margin-right: 8px;
}

.s-header-reviews {
    display: flex;
    flex-wrap: wrap;
    gap: 6px 20px;
    font-size: 15px;
    line-height: 1.3;
    align-items: center;
}

.s-header-reviews__reviews {
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.s-header-reviews__rating {
    display: inline-flex;
    align-items: center;
    vertical-align: middle;
    color: #fff;
    padding: 4.5px 8px 4px;
    background-color: #23B762;
    border-radius: 12px;
    line-height: 1;
}

.s-header-reviews__link {
    color: inherit;
    transition: color 0.3s ease-in-out;
    text-decoration: none;
}

.s-header-reviews__link:hover,
.s-header-reviews__link:focus {
    color: #23B762;
}

.s-header-reviews__top {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    padding: 6px 6px 6px 30px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.55406 2.29533C8.43026 2.11075 8.22259 2 8.00039 2C7.77813 2 7.57053 2.11075 7.44673 2.29533L4.92668 6.05278L1.8322 2.56809C1.63276 2.3435 1.30777 2.28001 1.03848 2.41302C0.769186 2.54603 0.622082 2.84269 0.679212 3.13756L2.47002 12.3804C2.65222 13.3208 3.47561 14 4.43351 14H11.5673C12.5251 14 13.3485 13.3208 13.5307 12.3804L15.3215 3.13756C15.3787 2.84269 15.2316 2.54603 14.9623 2.41302C14.693 2.28001 14.368 2.3435 14.1685 2.56809L11.0741 6.05278L8.55406 2.29533Z' fill='%23F5BE17'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 6px center;
}

/*санаторий блок с картинками*/
/*медиаблок*/
.s-page-media {
    position: relative;
    display: flex;
}

@media (max-width: 1023px) {
    .s-page-media {
        position: relative;
    }
}

@media (max-width: 767px) {
    .article-content .s-page-media {
        width: 100%;
        padding: 0;
        margin-bottom: 24px;
        flex-direction: column;
    }
}

.s-page-media__slider {
    display: flex;
    width: 44.783%;
    border-radius: 20px 4px 4px 20px;
}

.s-page-media__slider picture {
    border-radius: inherit;
}

@media (max-width: 767px) {
    .s-page-media__slider {
        width: 100%;
        border-radius: 8px;
    }
}

.s-page-media__slider .swiper-pagination {
    display: none;
}

@media (max-width: 767px) {
    .s-page-media__slider .swiper-pagination {
        display: block;
        bottom: 70px;
    }
}

.s-page-media__slider-container {
    position: relative;
    overflow: hidden;
    width: 100%;
    border-radius: 20px 4px 4px 20px;
}

@media (max-width: 767px) {
    .s-page-media__slider-container {
        border-radius: 8px;
    }
}

.s-page-media__slider-list {
    display: flex;
    width: 100%;
    border-radius: inherit;
}

.s-page-slider__item {
    flex-shrink: 0;
    width: 100%;
    border-radius: 20px 4px 4px 20px;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .s-page-slider__item {
        border-radius: 8px;
    }
}

.s-page-slider__slide {
    flex-shrink: 0;
    position: relative;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    display: block;
    padding-bottom: 87.38%;
    border-radius: 20px 4px 4px 20px;
    background-color: #f9f9f9;
    outline: none;
}

@media (max-width: 767px) {
    .s-page-slider__slide {
        border-radius: 8px;
    }

    .article__inner>.s-page-media .s-page-slider__slide {
        border-radius: 28px;
    }

    .s-page-media .swiper-pagination-bullet-active {
        background-color: #fff;
    }
}

.s-page-slider__slide:hover,
.s-page-slider__slide:focus {
    background-color: #09A4F2;
}

.s-page-media__slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px 4px 4px 20px;
    transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
    .s-page-media__slider img {
        border-radius: 8px;
    }

    .article__inner>.s-page-media .s-page-media__slider img {
        border-radius: 28px;
    }
}

.s-page-slider__slide:hover img,
.s-page-slider__slide:focus img {
    opacity: 0.9;
    background-color: #09A4F2;
}

@media (max-width: 767px) {
    .s-page-slider .s-page-slider__arrows {
        display: none;
    }

    .article-similar .s-page-slider .s-page-slider__arrows {
        display: flex;
    }
}

.s-page-media__gallery {
    display: flex;
    margin-bottom: 30px;
    width: 74.3334%;
}

.article-content .s-page-media__gallery {
    width: 100%;
}

@media (max-width: 767px) {
    .article-content .s-page-media__gallery {
        flex-direction: column;
        order: -1;
        margin-bottom: 0;
        width: 100%;
    }
}

.s-page-media__images {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: flex-start;
    width: calc(55.217% - 4px);
    gap: 4px;
    margin-left: 4px;
    box-sizing: border-box;
}

@media (max-width: 767px) {
    .article-content .s-page-media__images {
        display: flex;
        width: 100%;
        margin: 4px 0 0;
        padding: 0;
    }
}

.s-page-media__image {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    padding: 0;
    border: none;
    background-color: transparent;
    width: calc(50% - 2px);
    border-radius: 4px;
    outline: none;
}

@media (max-width: 767px) {
    .s-page-media__image {
        width: calc(100%/4 - 4px*3/4);
        border-radius: 8px;
    }
}

.s-page-media__image:nth-child(2) {
    border-radius: 4px 20px 4px 4px;
}

.s-page-media__image:nth-child(4) {
    border-radius: 4px 4px 20px 4px;
}

@media (max-width: 767px) {

    .s-page-media__image:nth-child(2),
    .s-page-media__image:nth-child(4) {
        border-radius: 8px;
    }
}

button.s-page-media__image:hover,
button.s-page-media__image:focus {
    background-color: #09A4F2;
    outline: none;
}

.s-page-media__image picture {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 71.4%;
    border-radius: inherit;
    box-sizing: border-box;
    overflow: hidden;
    transition: all 0.3s ease-in-out;
}

.s-page-media__image picture img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: inherit;
    object-fit: cover;
    transition: all 0.3s ease-in-out;
    border-radius: inherit;
}

button.s-page-media__image:hover img,
button.s-page-media__image:focus img {
    opacity: 0.9;
}

.s-page-media__image-play {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease-in-out;
}

@media (max-width: 767px) {
    .s-page-media__image-play {
        border-radius: inherit;
        width: calc(100% - 4px*3/4);
        left: auto;
        right: 0;
    }
}

.s-page-media__image-play:hover,
.s-page-media__image-play:focus {
    background-color: rgba(0, 0, 0, 0.2);
}

.s-page-media__image-play::after {
    position: absolute;
    top: calc(50% - 19px);
    left: calc(50% - 19px);
    width: 38px;
    height: 38px;
    border-radius: 50%;
    background-color: rgba(57, 59, 72, .5);
    background-image: url("data:image/svg+xml,%3Csvg width='11' height='12' viewBox='0 0 11 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.31284 0.187799C1.9164 -0.0559581 1.41817 -0.0639941 1.01369 0.163691C0.609215 0.391377 0.357422 0.819961 0.357422 1.28605V10.7149C0.357422 11.181 0.609215 11.6096 1.01369 11.8372C1.41817 12.0649 1.9164 12.0542 2.31284 11.8131L10.0273 7.09872C10.4104 6.86567 10.6434 6.45048 10.6434 6.00047C10.6434 5.55046 10.4104 5.13795 10.0273 4.90222L2.31284 0.187799Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}

.s-page-media__btn {
    position: absolute;
    bottom: 0;
    right: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 2px);
    height: calc(50% - 2px);
    font-size: 24px;
    line-height: 1.3;
    font-weight: 700;
    color: #fff;
    border-radius: 8px 8px 20px 8px;
    background: rgba(57, 59, 72, 0.4);
    border: none;
    transition: all 0.3s ease-in-out;
    outline: none;
}

@media (max-width: 991px) {
    .s-page-media__btn {
        background-color: transparent;
        font-size: 16px;
    }
}

@media (max-width: 767px) {
    .s-page-media__btn {
        width: calc(25% - 2px);
        height: 100%;
        background: rgba(57, 59, 72, 0.4);
        border-radius: 8px;
        right: 0;
        bottom: 0;
        font-size: 12px;
        font-weight: 700;
    }
}

.s-page-media__btn:hover,
.s-page-media__btn:focus {
    background: rgba(57, 59, 72, 0.6);
    outline: none;
}

/*лейблы*/

.article-content .s-page-media .item-labels {
    position: absolute;
    z-index: 2;
    top: 24px;
    left: 20px;
}


.item-labels__label {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    padding: 6px 8px 6px 6px;
    color: #09A4F2;
    font-weight: 600;
    font-size: 14px;
    border-radius: 8px;
    background-color: #ffffff;
}

.item-labels__label:hover,
.item-labels__label:focus {
    background: #f2f6f9;
}

.article-content * {
    box-sizing: border-box;
}

@media (min-width: 768px) {
    .d-hidden {
        display: none !important;
    }
}

/*похожие санатории*/
.article-similar__container {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}

.article-similar {
    position: relative;
    overflow: hidden;
    padding-top: 0;
    margin: 40px 0;
    width: 100%;
}

/*@media (max-width: 767px) {
    .article-similar {
        overflow: visible;
    }
}*/

@media (max-width: 991px) {
    .article-similar__slider {
        width: 100%;
    }
}

.article-similar__header {
    display: flex;
    align-items: center;
    margin-bottom: 14px;
    padding-right: 100px;
    min-height: 49px;
}

.article-similar__arrows {
    position: absolute;
    right: 0;
    top: 6px;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

.article-similar__title {
    margin: 0;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 600;
}

.article-similar__container {
    width: calc(100% + 20px);
}

@media (max-width: 767px) {
    .article-similar__container {
        width: 100vw;
        margin-left: -16px;
        padding-left: 16px;
    }
}

.article-similar__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Карточки «Похожих»: три и больше — слайдером по 282px, одна-две — делят
   ширину пополам (12 — spaceBetween в add.js). Селектор с родителем: на сайте
   Swiper со своим .swiper-slide { width: 100% } подключается после blog.css */
.article-similar__list .article-similar__item {
    display: flex;
    flex-shrink: 0;
    width: 282px;
    height: auto;
}

@media (min-width: 768px) {
    .article-similar__list:not(:has(> .article-similar__item:nth-child(3))) .article-similar__item {
        width: calc((100% - 12px) / 2);
    }
}

.sanatorium-preview {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 100%;
    border: 1px solid #DFE9F0;
    border-radius: 12px;
    font-weight: 400;
    line-height: 1.4;
    font-size: 14px;
    color: #393B48;
    text-decoration: none;
}

.sanatorium-preview__image {
    position: relative;
    width: calc(100% + 2px);
    margin: -1px -1px 14px;
    padding-bottom: 58.887%;
    border-radius: 12px;
}

.sanatorium-preview__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 12px;
}

.sanatorium-preview__link {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.sanatorium-preview__desc {
    align-items: flex-start;
    flex-direction: column;
    justify-content: flex-start;
    display: flex;
    flex-grow: 2;
    width: 100%;
    padding: 0 12px 12px;
}

.sanatorium-preview__title {
    display: inline-block;
    vertical-align: baseline;
    font-size: 16px;
    width: 100%;
    max-height: 45px;
    font-size: 15px;
    line-height: 1.4;
    display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 0.3s ease-in-out;
}

.sanatorium-preview__title .star {
    font-size: 0.7em;
    position: relative;
    top: -0.6em;
    margin-left: 1px;
}

.sanatorium-preview__price {
    width: 100%;
    margin-bottom: 6px;
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: 2px;
    width: auto;
}

.sanatorium-preview__price+.s-san-card-rating {
    position: relative;
    top: -2px;
}

.sanatorium-preview .s-san-card-rating .link::before {
    display: none;
}

.sanatorium-preview .s-san-card-rating .num {
    margin-right: 4px;
}


.sanatorium-preview__city {
    display: inline-block;
    vertical-align: baseline;
    margin-bottom: 10px;
    width: 100%;
    color: #a6a7af;
}

.sanatorium-preview__bottom {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
    width: 100%;
    margin-top: auto;
}

.article-similar .sanatorium-preview__title {
    margin-bottom: 6px;
    max-height: 42px;
    font-weight: 500;
    display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: color 0.3s ease-in-out;
    overflow: hidden;
}

.article-similar .sanatorium-preview__desc {
    padding: 2px 16px 22px;
}

@media (max-width: 991px) {
    .article-similar .sanatorium-preview__desc {
        padding-left: 8px;
        padding-right: 8px;
    }

    .article-similar .sanatorium-preview__price {
        margin-bottom: 4px;
    }

    .article-similar .sanatorium-preview__bottom {
        font-size: 14px;
    }
}

.sanatorium-preview__city {
    margin-bottom: 12px;
}

.sanatorium-preview {
    font-size: 15px;
    line-height: 1.4;
}

.s-san-card-rating .num {
    padding: 4px 12px;
    background: #23B762;
    border-radius: 12px;
    font-size: 14px;
    line-height: 1.4;
    color: #ffffff;
    font-weight: 500;
}

.article-warning {
    margin-bottom: 38px;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 600;
    color: #D0E0EC;
    text-transform: uppercase;
}

@media (max-width: 767px) {
    .article-warning {
        margin-top: 40px;
    }
}

/* «Читайте также»: в макете 36 до блока выше (вместе с его внутренними отступами) */
.article-other {
    margin-top: 36px;
    margin-bottom: 36px;
}

@media (max-width: 767px) {
    .article-other {
        margin-bottom: 0;
    }
}

.article-other__title {
    margin-bottom: 12px;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 600;
}

.article-other__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.article-content .article-other__list {
    max-width: 580px;
}

.article-other__inner {
    display: flex;
    justify-content: space-between;
    padding: 12px 4px;
    text-decoration: none;
    color: #393B48;
}

.article-other__name {
    display: block;
    margin: 0 0 12px;
    font-size: 16px;
    max-height: 68px;
    line-height: 1.4;
    font-weight: 500;
    display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
    color: #393B48;
}

@media (max-width: 767px) {
    .article-other__name {
        font-size: 15px;
    }
}

a.article-other__inner:hover .article-other__name,
a.article-other__inner:focus .article-other__name,
a.article-other__name:hover,
a.article-other__name:focus {
    color: #09A4F2; /* голубой сайта, как у остальных ховеров (был #4B69FF) */
}

/* цвет непрозрачный — тот же оттенок, что rgba(77, 79, 96, 0.5) на белом:
   у полупрозрачного обводка часов темнела там, где куски контура
   накладываются (ножка на циферблат, кнопки), и иконка «пикселила» */
.article-other__item .article-controls {
    margin: 0;
    color: #A6A7B0;
    font-size: 16px;
}

/* секундомер с кнопками в той же коробке 20×20 выше глаза (16.7 против 11.7)
   и выглядел крупнее — уменьшен, чтобы иконки читались одного размера */
.article-other__item .article-controls__item--time svg {
    width: 16px;
    height: 16px;
}

.article-other__item .article-controls .icon {
    stroke: rgba(77, 79, 96, 0.5);
    fill: transparent;
}

@media (max-width: 991px) {
    .article-other__item .article-controls .icon {
        max-width: 16px;
    }
}

@media (max-width: 991px) {
    .article-other__item .article-controls .icon {
        max-width: 14px;
        margin-right: 8px;
    }
}

.article-other__item .article-controls .item-favourites__count {
    color: rgba(77, 79, 96, 0.5);
    font-size: 16px;
}

.article-other__item .article-controls__date {
    margin: 0;
    font-size: 16px;
    margin-bottom: 8px;
}

@media (max-width: 991px) {
    .article-other__item .article-controls__date {
        font-size: 14px;
        margin-left: 8px;
    }
}

.article-other__image {
    position: relative;
    width: 144px;
    height: 96px;
    margin-left: 16px; /* по макету, было 12 */
    flex-shrink: 0;
    border-radius: 20px;
    background-color: rgba(77, 79, 96, 0.5);
}

@media (max-width: 767px) {
    .article-other__image {
        width: 84px;
        height: 72px;
        margin-left: 12px;
    }
}

.article-other__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 20px;
}

.article-controls {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 24px;
    align-items: center;
    font-weight: 400;
    font-size: 16px;
    line-height: 1.4;
    color: rgba(77, 79, 96, 0.5);
}

.article-controls__item {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    margin-right: 24px;
    margin-bottom: 8px;
    color: inherit;
    border: none;
    background-color: transparent;
}

.article-aside-contacts {
    padding: 22px;
    background: #F3F7FF;
    border-radius: 16px;
    box-sizing: border-box;
}

@media (max-width: 991px) {
    .article-aside-contacts {
        padding: 22px 12px;
    }
}

@media (max-width: 767px) {
    .article-aside-contacts {
        padding: 22px;
        width: 100%;
        margin-bottom: 40px;
    }
}

.article-aside-contacts__title {
    margin: 0 0 6px;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
}

.article-aside-contacts__text {
    margin: 0 0 16px;
    font-size: 15px;
    line-height: 1.4;
}

.article-aside-contacts .article-contacts {
    margin-bottom: 20px;
}

.article-aside-contacts__list {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-top: 16px;
}

.article-aside-contacts__item {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 400;
    text-decoration: none;
    color: #09A4F2;
    transition: filter 0.3s ease-in-out;
}

.article-aside-contacts__item:hover,
.article-aside-contacts__item:focus {
    filter: contrast(150%);
}

.article-aside-contacts__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 51px;
    margin-top: 24px;
    padding: 12px 16px;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #ffffff;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    background-color: #09A4F2;
    cursor: pointer;
    transition: filter 0.3s ease-in-out;
    box-sizing: border-box;
}

.article-aside-contacts__btn:hover,
.article-aside-contacts__btn:focus {
    filter: contrast(150%);
}

.aside-managers {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.aside-managers__item {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 66px;
    height: 66px;
    margin-right: -24px;
    flex-shrink: 0;
    border-radius: 50%;
    background-color: #DFE9F0;
    border: 1px solid #ffffff;
}

@media (max-width: 991px) {
    .aside-managers__item {
        margin-right: -28px;
    }
}

@media (max-width: 767px) {
    .aside-managers__item {
        margin-right: -24px;
    }
}

.aside-managers__item img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    object-fit: cover;
}

/*форма вопросов*/

@media (max-width: 767px) {
    .ask-form-mobile {
        padding: 20px 0;
        width: 100%;
    }
}

@media (max-width: 575px) {
    .ask-form-mobile {
        padding: 20px 16px;
        width: calc(100% + 40px);
        margin: 0 -20px;
        box-sizing: border-box;
        background-color: #ffffff;
        border-radius: 12px;
    }
}

.ask-form {
    padding: 16px 8px;
    width: 100%;
    box-sizing: border-box;
}

.ask-form--blue {
    padding: 20px;
    background-color: #F3F7FF;
    border-radius: 20px;
}

@media (max-width: 1200px) {
    .ask-form {
        padding: 16px 0;
    }

    .ask-form--blue {
        padding: 16px;
    }
}

@media (max-width: 575px) {
    .ask-form {
        padding: 0;
    }

    .ask-form--blue {
        padding: 16px;
    }
}

.ask-form__header {
    position: relative;
    display: flex;
    align-items: center;
    padding-left: 104px;
    min-height: 96px;
    width: 100%;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #F2F5F9;
    box-sizing: border-box;
}

.ask-form--blue .ask-form__header {
    padding-right: 86px;
    padding-left: 0;
    padding-bottom: 0;
    min-height: 80px;
}

.ask-form__image {
    position: absolute;
    left: 8px;
    top: 0;
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #F2F5F9;
}

.ask-form--blue .ask-form__image {
    left: auto;
    right: 0;
}

.ask-form__image>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-size: 0;
    border-radius: inherit;
}

.ask-form__header-contact {
    display: flex;
    flex-direction: column;
    gap: 8px;
}

.ask-form__header-title {
    font-size: 14px;
    line-height: 1.2;
}

.ask-form__header-phone {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
    color: #2C9ED8;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.ask-form__header-phone:hover,
.ask-form__header-phone:focus {
    color: #09A4F2;
}

.ask-form__title {
    padding: 0 6px;
    margin: 0 0 15px;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #1E242B;
}

.form-contact {
    position: relative;
}

.form-contact__input {
    height: 52px !important;
    padding-right: 94px !important;
}

.form-contact__input::placeholder {
    color: #778698 !important;
}

.form-contact__toggle {
    position: absolute;
    top: 8px;
    right: 12px;
    display: flex;
    gap: 4px;
    padding: 4px;
    border-radius: 12px;
    background-color: #F2F6F9;
}

.form-contact__toggle-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    border: none;
    background-color: transparent;
    color: #778698;
    transition: color 0.3s ease-in-out;
    cursor: pointer;
}

.form-contact__toggle-btn:hover,
.form-contact__toggle-btn:focus {
    color: #09A4F2;
}

.form-contact__toggle-btn .icon {
    position: relative;
    z-index: 2;
}

.form-contact__toggle-slider {
    position: absolute;
    top: 4px;
    left: 4px;
    width: 28px;
    height: 28px;
    border-radius: 8px;
    background-color: #ffffff;
    pointer-events: none;
    transition: transform 0.3s ease-in-out;
}

.form-contact__toggle-btn:first-child+.form-contact__toggle-btn.is-active+.form-contact__toggle-slider {
    transform: translateX(32px);
}

.ask-form .error-message {
    display: none;
    padding: 6px 4px 2px;
    font-size: 12px;
    line-height: 1.4;
    color: #23B762;
    animation: fade-in 0.3s forwards;
}

.ask-form .error .error-message {
    display: block;
    animation: fade-in 0.3s forwards;
}

.form-message-hint__inner {
    position: relative;
    border-radius: 12px;
    overflow: hidden;
}

.form-message-hint__inner::before {
    position: absolute;
    right: -1px;
    bottom: -1px;
    width: 16px;
    height: 16px;
    pointer-events: none;
    border-radius: 0 0 12px 0;
    border-right: 1px solid #F2F6F9;
    border-bottom: 1px solid #F2F6F9;
    background-color: #F2F6F9;
    content: "";
}

.ask-form--blue .form-message-hint__inner::before {
    border-right: 1px solid #D7EAF4;
    border-bottom: 1px solid #D7EAF4;
    background-color: #ffffff;
}

.form-message-hint__inner::after {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 16px;
    height: 16px;
    pointer-events: none;
    border-radius: 0 0 12px 0;
    border-right: 1px solid #D7EAF4;
    border-bottom: 1px solid #D7EAF4;
    background-color: #D7EAF4;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='16' viewBox='0 0 16 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 8L8 14' stroke='%236CB7DD' stroke-width='1' stroke-linecap='round'/%3E%3Cpath d='M14 4L4 14' stroke='%236CB7DD' stroke-width='1' stroke-linecap='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: bottom right;
    transition: border-color 0.3s ease-in-out;
    content: "";
}

.ask-form--blue .form-message-hint__inner::after {
    border-right: 1px solid #D7EAF4;
    border-bottom: 1px solid #D7EAF4;
    background-color: #ffffff;
}

.form-message-hint__textarea {
    width: 100%;
    min-height: 100px;
    padding: 12px 48px 12px 14px;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 14px;
    line-height: 1.3;
    color: #1E242B;
    border: 1px solid #F2F6F9;
    background-color: #F2F6F9;
    border-radius: 12px;
    box-sizing: border-box;
    resize: vertical;
    scrollbar-width: thin;
    scrollbar-color: #6CB7DD transparent;
    overflow: hidden;
}

.ask-form--blue .form-message-hint__textarea {
    background-color: #ffffff;
    border: 1px solid #D7EAF4;
}

.form-message-hint__textarea:focus {
    outline: none;
}

.form-message-hint__submit {
    position: absolute;
    z-index: 2;
    bottom: 12px;
    right: 12px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    color: #ffffff;
    border-radius: 8px;
    border: none;
    background-color: #23B762;
    cursor: pointer;
    transition: filter 0.3s ease-in-out;
}

.form-message-hint__submit:hover,
.form-message-hint__submit:focus {
    filter: contrast(150%);
}

.form-message-hint__submit>.icon {
    width: 16px;
    height: auto;
    margin-left: 1px;
    object-fit: contain;
}

.form-message-hint__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-top: 8px;
}

.form-message-hint__text {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    color: #2C9ED8;
    text-align: left;
    border: none;
    border-bottom: 1px dotted;
    background-color: transparent;
    cursor: pointer;
}

.ask-form .page-footer-social {
    gap: 6px 12px;
    padding: 12px 6px;
    margin-top: 16px;
}

.ask-form--blue .ask-form__header+.page-footer-social {
    padding: 0;
    margin-top: -10px;
}

.ask-form .page-footer-social__img {
    width: 30px;
    height: 30px;
}

.aside-advantages {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 400;
    color: #1E242B;
}

.ask-form .aside-advantages {
    margin-top: 28px;
}

.aside-advantages__header {
    display: flex;
    flex-direction: column;
    gap: 8px;
    margin-bottom: 12px;
}

.aside-advantages__title {
    margin: 0;
    font-size: 16px;
    color: #000000;
    font-weight: 500;
}

.aside-advantages__subtitle {
    margin: 0;
    font-size: 12px;
    text-transform: uppercase;
}

.aside-advantages__item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
    width: 100%;
    padding: 8px 0;
}

.aside-advantages__icon {
    width: 40px;
    height: 40px;
}

.aside-advantages__btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 51px;
    margin-top: 16px;
    padding: 12px 16px;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    font-weight: 500;
    color: #09A4F2;
    text-align: center;
    text-decoration: none;
    border: none;
    border-radius: 12px;
    background-color: #ffffff;
    cursor: pointer;
    transition: background-color 0.3s ease-in-out;
    box-sizing: border-box;
}

.aside-advantages__btn:hover,
.aside-advantages__btn:focus {
    background-color: #D7EAF4;
}

.sanatoriums-nearby {
    display: flex;
    flex-direction: column;
    gap: 16px;
    padding: 28px 20px;
    width: 100%;
    box-sizing: border-box;
}

.news-detailed .sanatoriums-nearby {
    padding: 16px 0;
    margin: 20px 0;
}

@media (max-width: 1023px) {
    .sanatoriums-nearby {
        padding: 0;
    }
}

.sanatoriums-nearby__title {
    margin: 0;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: #1E242B;
}

.sanatoriums-nearby__list {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

@media (min-width: 1024px) {
    .news-detailed .sanatoriums-nearby__list {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 6px 16px;
    }
}

.sanatoriums-nearby__link {
    display: flex;
    gap: 14px;
    padding: 8px 6px;
    width: 100%;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 20px;
    transition: background-color 0.3s ease-in-out;
}

.sanatoriums-nearby__link:hover,
.sanatoriums-nearby__link:focus {
    background-color: #F3F7FF;
}

.sanatoriums-nearby__image {
    position: relative;
    flex-shrink: 0;
    display: block;
    width: 84px;
    height: 88px;
    background-color: #F2F6F9;
    border-radius: 20px;
    box-sizing: border-box;
}

.sanatoriums-nearby__image>img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}

.sanatoriums-nearby__desc {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 4px;
}

.sanatoriums-nearby__name {
    font-size: 14px;
    line-height: 1.2;
    font-weight: 500;
    color: #1E242B;
}

.sanatoriums-nearby__city {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 400;
    color: #778698;
}

.sanatoriums-nearby__price {
    font-size: 13px;
    line-height: 1.4;
    font-weight: 500;
    color: #2C9ED8;
}

.sanatoriums-nearby__more {
    display: inline-block;
    vertical-align: baseline;
    align-self: flex-start;
    width: auto;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 500;
    color: #2C9ED8;
    text-align: left;
    background-color: transparent;
    border: none;
    transition: color 0.3s ease-in-out;
    cursor: pointer;
}

.sanatoriums-nearby__more:hover,
.sanatoriums-nearby__more:focus {
    color: #09A4F2;
}

.article-contents {
    position: sticky;
    top: 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
    padding: 20px;
    box-sizing: border-box;
}

@media (max-width: 1023px) {
    .article-contents {
        padding: 0;
    }
}

.article-contents__title {
    font-size: 14px;
    line-height: 1.4;
    font-weight: 600;
    color: #1E242B;
}

.article-contents__inner {
    position: relative;
    overflow: hidden;
    transition: height 0.3s ease-in-out;
}

.article-contents__inner::after {
    position: absolute;
    bottom: -1px;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to top, #ffffff 0%, transparent 100%);
    pointer-events: none;
    border-bottom: 2px solid #ffffff;
    transition: opacity 0.6s ease-in-out;
    opacity: 0;
    content: "";
}

.article-contents__inner.active::after {
    opacity: 1;
}

.article-contents__list,
.article-contents__sublist {
    display: flex;
    flex-direction: column;
    gap: 6px;
    font-size: 14px;
    line-height: 1.4;
    font-size: 400;
}

.article-contents__sublist {
    padding-left: 20px;
}

.article-contents__item {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
}

.article-contents__item>a {
    color: #778698;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.article-contents__item>a:hover,
.article-contents__item>a:focus {
    color: #2C9ED8;
}

.article-contents__subitem>a {
    color: #778698;
    text-decoration: none;
    transition: color 0.3s ease-in-out;
}

.article-contents__subitem>a:hover,
.article-contents__subitem>a:focus {
    color: #2C9ED8;
}

.article-contents__subitem>a.is-active,
.article-contents__item>a.is-active {
    color: #1E242B;
    font-weight: 500;
}

.article-contents__subitem>a.is-disabled,
.article-contents__item>a.is-disabled {
    opacity: 0.2;
    pointer-events: none;
    cursor: default;
}

.article-contents__more {
    display: inline-block;
    vertical-align: baseline;
    align-self: flex-start;
    width: auto;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 500;
    color: #2C9ED8;
    text-align: left;
    background-color: transparent;
    border: none;
    transition: color 0.3s ease-in-out;
    cursor: pointer;
}

.article-contents__more:hover,
.article-contents__more:focus {
    color: #09A4F2;
}

.content-search-form {
    padding: 0 20px;
}

.related {
    position: relative;
    padding: 20px 0;
    margin: 20px 0;
}

.related__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
}

.related__title {
    margin: 0;
    font-size: 16px;
    font-weight: 600;
    line-height: 1.6;
}

.related-slider {
    position: relative;
}

.related-slider__container {
    position: relative;
    overflow: hidden;
}

.related-slider__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
}

.related-slider__item {
    display: flex;
    width: 465px;
    max-width: calc(100% - 36px);
    margin-right: 12px;
}

.related-slider__item:first-child:last-child {
    max-width: 100%;
}

.swiper-initialized .related-slider__item {
    margin-right: 0;
}

.related-slider__card {
    display: flex;
    align-items: flex-start;
    gap: 16px;
    width: 100%;
    padding: 12px;
    text-decoration: none;
    color: inherit;
    background-color: #F2F6F9;
    border-radius: 12px;
    box-sizing: border-box;
    transition: background-color 0.3s ease-in-out;
}

.related-slider__card:hover,
.related-slider__card:focus {
    background-color: #D7EAF4;
}

.related-slider__image {
    position: relative;
    flex-shrink: 0;
    width: 120px;
    height: 92px;
    border-radius: 16px;
    overflow: hidden;
    background-color: #DFE9F0;
}

.related-slider__image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.related-slider__info {
    display: flex;
    flex-direction: column;
    gap: 12px;
    width: 100%;
}

.related-slider__name {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.4;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.related-slider__name>b {
    font-weight: 600;
}

.related-slider__meta {
    display: flex;
    gap: 12px;
    font-size: 13px;
    color: #8A94A6;
}

.related-slider__meta-item {
    display: flex;
    align-items: center;
    gap: 4px;
}

.related-slider__arrows {
    position: absolute;
    top: -44px;
    right: 0;
    display: flex;
    gap: 8px;
}

.expert-card {
    padding: 20px;
    margin: 10px 0;
    background: #F2F6F9;
    border-radius: 16px;
}

.expert-card__top {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    padding-bottom: 20px;
    border-bottom: 1px solid #DFE9F0;
}

@media (max-width: 1023px) {
    .expert-card__top {
        gap: 12px;
    }
}

@media (max-width: 1023px) {
    .expert-card__top {
        flex-direction: column-reverse;
    }
}

.expert-card .content-video {
    display: block;
    flex-shrink: 0;
    width: 220px;
    min-height: 0;
    margin: 0;
    padding: 0;
    height: auto;
    border-radius: 12px;
    overflow: hidden;
    position: relative;
}

@media (max-width: 1023px) {
    .expert-card .content-video {
        width: 140px;
    }
}

.expert-card .content-video video,
.expert-card .content-video img {
    width: 100%;
    height: auto;
    max-height: 100%;
    min-height: 0;
    object-fit: cover;
}

@media (max-width: 1023px) {
    .content-video video {
        min-height: 0;
    }
}

.expert-card__author {
    flex-grow: 2;
    display: flex;
    align-items: flex-start;
    gap: 16px;
    padding-top: 6px;
    position: relative;
}

@media (max-width: 575px) {
    .expert-card__author {
        flex-direction: column;
    }
}

.content-video+.expert-card__author {
    flex-direction: column;
}

.expert-card__avatar {
    position: relative;
    flex-shrink: 0;
    width: 92px;
    height: 92px;
    border-radius: 12px;
    background-color: #DFE9F0;
}

.expert-card__avatar img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
}

.expert-card__info {
    padding-right: 32px;
}

.expert-card__name {
    font-size: 15px;
    line-height: 1.2;
    font-weight: 500;
}

.expert-card__role {
    font-size: 14px;
    line-height: 1.4;
    margin-top: 6px;
}

.expert-card__desc {
    font-size: 14px;
    line-height: 1.4;
    color: #778698;
    margin-top: 6px;
}

.expert-card__quote {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 0;
    width: 32px;
    height: 32px;
    color: transparent;
    background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_14087_1742)'%3E%3Cpath d='M17.1355 10.0855C17.1324 10.0112 17.1303 9.92342 17.1303 9.83671C17.1303 8.07361 17.8901 6.48703 19.1009 5.38871L19.1061 5.38458C20.3479 4.28419 21.9902 3.61116 23.7904 3.61116C23.8679 3.61116 23.9453 3.6122 24.0217 3.61529H24.0103C24.128 3.6091 24.2653 3.60497 24.4036 3.60497C26.5621 3.60497 28.5068 4.52161 29.8694 5.98742L29.8735 5.99155C31.2021 7.56678 32.0093 9.6189 32.0093 11.8599C32.0093 12.0189 32.0051 12.1768 31.9969 12.3327L31.9979 12.311C32.0021 12.4504 32.0041 12.6135 32.0041 12.7776C32.0041 15.0899 31.5365 17.2927 30.6921 19.2984L30.7334 19.1879C29.9479 20.9985 28.928 22.5531 27.6872 23.9023L27.6986 23.8899C26.6426 25.0336 25.4266 26.0081 24.0815 26.7833L24.0072 26.8225C23.073 27.3675 21.9737 27.8961 20.832 28.3368L20.671 28.3915L17.4359 22.9309C18.8232 22.3642 19.9814 21.4816 20.8599 20.3688L20.8733 20.3513C21.7414 19.318 22.3257 18.0194 22.4888 16.5928L22.4919 16.5598C21.0116 16.5206 19.6965 15.8444 18.8057 14.7967L18.7995 14.7895C17.761 13.6323 17.1251 12.0943 17.1251 10.4076C17.1251 10.295 17.1282 10.1835 17.1334 10.0721L17.1324 10.0875L17.1355 10.0855ZM-0.359238 10.0855C-0.362335 10.0112 -0.364399 9.92549 -0.364399 9.83774C-0.364399 8.07361 0.396374 6.48703 1.60721 5.38768L1.61238 5.38355C2.85315 4.28316 4.49547 3.61013 6.2947 3.61013C6.37315 3.61013 6.45057 3.61116 6.52799 3.61426H6.51663C6.63431 3.60807 6.7716 3.60394 6.91095 3.60394C9.06941 3.60394 11.0142 4.52058 12.3757 5.98639L12.3799 5.99155C13.7084 7.56574 14.5156 9.61787 14.5156 11.8589C14.5156 12.0179 14.5115 12.1768 14.5032 12.3337L14.5042 12.3121C14.5084 12.4514 14.5104 12.6145 14.5104 12.7786C14.5104 15.0909 14.0428 17.2937 13.1984 19.2994L13.2397 19.189C12.4542 20.9995 11.4353 22.5541 10.1956 23.9033L10.207 23.8909C9.15096 25.0346 7.93392 26.0091 6.58889 26.7843L6.51457 26.8235C5.58038 27.3696 4.48102 27.8971 3.33934 28.3379L3.17831 28.3926L-0.0557556 22.9319C1.3316 22.3652 2.48876 21.4816 3.36825 20.3678L3.38166 20.3503C4.24979 19.317 4.83405 18.0184 4.99715 16.5918L5.00024 16.5588C3.51999 16.5195 2.20592 15.8434 1.31612 14.7957L1.30992 14.7885C0.269405 13.6313 -0.367496 12.0922 -0.367496 10.4034C-0.367496 10.2919 -0.364399 10.1815 -0.359238 10.0721L-0.360271 10.0875L-0.359238 10.0855Z' fill='%23DFE9F0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_14087_1742'%3E%3Crect width='32' height='32' fill='white' transform='matrix(-1 0 0 -1 32 32)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
}

@media (max-width: 1023px) {
    .expert-card__quote {
        width: 20px;
        height: 20px;
    }
}

.expert-card__text {
    display: flex;
    flex-direction: column;
    gap: 6px;
    width: 100%;
    margin-top: 16px;
    font-size: 17px;
    line-height: 1.6;
}

.expert-card__text p {
    margin: 0;
}

.article-catalog {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: center;
    align-items: center;
    width: 100%;
    padding: 20px;
    margin: 44px 0;
    border-radius: 12px;
    background-color: #F2F6F9;
    box-sizing: border-box;
}

.article-catalog__btn {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    min-width: 258px;
    min-height: 51px;
    font-family: "Inter", "Arial", sans-serif;
    font-size: 16px;
    line-height: 1.2;
    color: #ffffff;
    font-weight: 500;
    text-decoration: none;
    text-align: center;
    background-color: #09A4F2;
    border-radius: 12px;
    border: none;
    box-sizing: border-box;
    cursor: pointer;
    transition: filter 0.3s ease-in-out;
}

.article-catalog__btn:hover,
.article-catalog__btn:focus {
    filter: contrast(150%);
}

/*для акций*/

.s-page-controls__item .active+.specials-subscribe__popup {
    display: block;
    right: auto;
    top: calc(100% + 4px);
}

.s-page-controls__item .active+.specials-subscribe__popup+.popup-overlay {
    display: block;
}

/*модалка быстрая заявка*/
.modal-quick-request .s-modal__inner {
    background-color: #F2F6F9;
    max-width: 590px;
    padding: 10px 0 0;
}

.modal-quick-request .s-modal__header {
    display: flex;
    flex-direction: column;
    gap: 6px;
    box-shadow: none;
    min-height: 0;
    padding: 10px 50px 10px 20px;
    margin-bottom: 0;
}

.modal-quick-request .s-modal__close {
    position: absolute;
    top: 10px;
    right: 5px;
}

.modal-quick-request .s-modal__title {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 600;
    color: #1E242B;
}

.modal-quick-request .s-modal__title .star {
    font-size: 15px;
    vertical-align: top;
}

.modal-quick-request .s-modal__subtitle {
    font-size: 15px;
    line-height: 1.3;
    font-weight: 400;
    color: #778698;
}

.modal-quick-request .s-modal__body {
    padding: 10px 20px 20px;
}

.modal-quick-request .s-page-form {
    padding: 16px;
    background-color: #ffffff;
    border-radius: 20px;
}

.modal-quick-request .s-page-form__title {
    margin: 0 0 12px;
    font-size: 15px;
    line-height: 1.3;
    font-weight: 500;
    color: #778698;
}

.modal-quick-request .s-page-form__row {
    display: flex;
    gap: 8px;
    width: 100%;
}

@media (max-width: 575px) {
    .modal-quick-request .s-page-form__row {
        flex-wrap: wrap;
        gap: 0;
    }
}

.modal-quick-request .s-page-form-item {
    margin-bottom: 12px;
}

.spoiler-container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 6px;
    width: 100%;
}

.spoiler-container__toggler {
    display: inline-block;
    vertical-align: baseline;
    padding: 0 8px 6px;
    font-size: 14px;
    line-height: 1.3;
    font-weight: 500;
    text-decoration: underline dotted;
    text-decoration-style: dotted;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
    color: #2C9ED8;
    background-color: transparent;
    border: none;
    cursor: pointer;
    transition: text-decoration 0.3s ease-in-out;
}

.spoiler-container__toggler:hover,
.spoiler-container__toggler:focus {
    text-decoration: underline dotted transparent;
    text-decoration-thickness: 1px;
    text-underline-offset: 4px;
}

.spoiler-container__content {
    display: none;
    width: 100%;
}

.modal-quick-request .hr {
    display: block;
    width: 100%;
    height: 1px;
    margin: 16px 0;
    border: none;
    background-color: #F2F6F9;
}

.modal-quick-request .s-page-form-checkbox>label {
    font-size: 13px;
    line-height: 1.3;
}

.modal-quick-request .s-page-form__submit {
    padding: 12px 16px;
    margin: 20px 0 0;
    color: #ffffff;
    border-radius: 12px;
    background-color: #09A4F2;
}

.modal-quick-request .s-page-form__submit:hover,
.modal-quick-request .s-page-form__submit:focus {
    filter: contrast(150%);
}

.modal-bonuses {
    display: flex;
    flex-direction: column;
    gap: 14px;
    margin-top: 20px;
    padding: 8px 16px;
    font-size: 15px;
    line-height: 1.6;
    font-weight: 400;
    color: #1E242B;
    box-sizing: border-box;
}

.modal-bonuses__title {
    line-height: 1.4;
    font-weight: 500;
}

.modal-bonuses__list {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.modal-bonuses__item {
    padding-left: 36px;
    background-image: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 22C14.6522 22 17.1957 20.9464 19.0711 19.0711C20.9464 17.1957 22 14.6522 22 12C22 9.34784 20.9464 6.8043 19.0711 4.92893C17.1957 3.05357 14.6522 2 12 2C9.34784 2 6.8043 3.05357 4.92893 4.92893C3.05357 6.8043 2 9.34784 2 12C2 14.6522 3.05357 17.1957 4.92893 19.0711C6.8043 20.9464 9.34784 22 12 22ZM16.4141 10.1641L11.4141 15.1641C11.0469 15.5312 10.4531 15.5312 10.0898 15.1641L7.58984 12.6641C7.22266 12.2969 7.22266 11.7031 7.58984 11.3398C7.95703 10.9766 8.55078 10.9727 8.91406 11.3398L10.75 13.1758L15.0859 8.83594C15.4531 8.46875 16.0469 8.46875 16.4102 8.83594C16.7734 9.20312 16.7773 9.79687 16.4102 10.1602L16.4141 10.1641Z' fill='%2323B762'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left top;
}

.share-popup {
    display: none;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(100% + 4px);
    padding: 16px;
    border-radius: 12px;
    background-color: #F2F6F9;
}

.share-popup .rambler-share {
    display: flex;
    flex-direction: column;
    gap: 6px;
}

.share-popup .rambler-share div {
    margin: 0 !important;
}

.article-sanatorium .s-modal-gallery__list {
    display: flex;
    flex-wrap: wrap;
    margin: -5px;
}

.article-sanatorium .s-modal-gallery__item {
    display: flex;
    padding: 5px;
    max-width: 25%;
    width: 25%;
}

@media (max-width: 1023px) {
    .article-sanatorium .s-modal-gallery__item {
        max-width: 33.333%;
        width: 33.333%;
    }
}

@media (max-width: 575px) {
    .article-sanatorium .s-modal-gallery__item {
        max-width: 50%;
        width: 50%;
    }
}

.article-sanatorium .s-modal-gallery__link {
    position: relative;
    display: flex;
    background-color: #ccc;
    flex-grow: 2;
    border-radius: 16px;
    overflow: hidden;
}

.article-sanatorium .s-modal-gallery__link img {
    object-fit: cover;
    min-height: 100%;
    width: 100%;
    border-radius: 16px;
}

.article-sanatorium .s-modal-gallery__link--skeleton {
    width: 100%;
    min-height: 177px;
    pointer-events: none;
    background-color: #e6e8eb;
}

.article-sanatorium .s-modal-gallery__link--skeleton::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.55) 50%, transparent 100%);
    animation: s-modal-gallery-skeleton 1.4s ease-in-out infinite;
    content: "";
}

@keyframes s-modal-gallery-skeleton {
    0% {
        transform: translateX(-100%);
    }
    100% {
        transform: translateX(100%);
    }
}

/* End */


/* Start:/css/content-search-form.css?17871651241645*/
.content-search-form__inner {
	width: 100%;
	padding: 24px;
	border-radius: 20px;
	background-color: #F2F6F9;
	box-sizing: border-box;
}

.content-search-form__title {
	margin: 0 0 16px;
	font-size: 18px;
	line-height: 1.3;
	color: #1E242B;
	font-weight: 300;
}

.content-search-form__title > b {
	font-weight: 500;
}

.content-search-form__form {
	display: flex;
	gap: 8px;
	width: 100%;
}

@media (max-width: 1023px) {
	.content-search-form__form {
		flex-direction: column;
		gap: 12px;
	}
}

.content-search-form__form .form-item {
	flex-grow: 1;
}

.content-search-form__form .form-item--location {
	max-width: 287px;
}

@media (max-width: 1023px) {
	.content-search-form__form .form-item--location {
		max-width: 100%;
	}
}

.content-search-form__form .form-item--price {
	max-width: 211px;
}

@media (max-width: 1023px) {
.content-search-form__form .form-item--price {
	max-width: 100%;
}
}

.content-search-form__form .s-select__btn {
	font-size: 16px;
	line-height: 1.3;
	border-radius: 12px;
	border-color: #D7EAF4;
}

.content-search-form__form .s-select__btn .placeholder {
	color: #B5B6B9;
}

.content-search-form__form .s-select__popup-inner label {
	font-size: 14px;
}

.content-search-form__submit {
	display: inline-block;
	vertical-align: baseline;
	padding: 10px 40px;
	font-family: "Inter", "Arial", sans-serif;
	font-size: 16px;
	line-height: 1.3;
	font-weight: 500;
	color: #ffffff;
	background-color: #23B762;
	border: none;
	border-radius: 16px;
	cursor: pointer;
	transition: filter 0.3s ease-in-out;
}

.content-search-form__submit:hover,
.content-search-form__submit:focus {
	filter: contrast(150%);
	outline: none;
}

/* End */


/* Start:/css/content-video.css?17918812073060*/
.content-video {
    position: relative;
    display: block;
    padding: 0;
    margin: 20px 0;
    background-color: #D7EAF4;
    border-radius: 12px;
    overflow: hidden;
}

.content-video video {
    position: relative;
    display: block;
    width: 100%;
    height: auto;
    max-height: 382px;
    min-height: 360px;
    object-fit: contain;
    border-radius: 12px;
}

.content-video img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 382px;
    min-height: 360px;
    object-fit: contain;
}

.content-video--embed {
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
}

.content-video--embed .content-video__frame {
    position: absolute;
    inset: 0;
    display: block;
    width: 100%;
    height: 100%;
    border: 0;
    border-radius: 12px;
}

.content-video__duration {
    position: absolute;
    z-index: 2;
    left: 12px;
    bottom: 12px;
    display: flex;
    align-items: center;
    min-height: 19px;
    padding-left: 17px;
    color: #fff;
    font-size: 13px;
    line-height: 1.3;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='11' viewBox='0 0 9 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.24211 4.04377L2.25114 0.223433C1.24813 -0.415768 0 0.392938 0 1.67975V9.32003C0 10.6085 1.24813 11.4155 2.25114 10.7763L8.24211 6.95793C9.25263 6.3137 9.25263 4.688 8.24211 4.04377Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left center;
    pointer-events: none;
    z-index: 2;
}

.content-video-slider {
    display: flex;
    flex-direction: column;
    gap: 16px;
    width: 100%;
    padding: 20px 0;
    margin: 20px 0;
}

.content-video-slider__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
}

.content-video-slider__title {
    display: inline-flex;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 8px;
    font-size: 19px;
    line-height: 1.4;
    font-weight: 500;
}

.content-video-slider__arrows {
    display: flex;
    gap: 8px;
}

.content-video-slider__title .count {
    font-size: 15px;
    color: #B5B6B9;
}

.content-video-slider__container {
    width: 100%;
    overflow: hidden;
}

.content-video-slider__list {
    display: flex;
    gap: 8px;
}

.swiper-initialized .content-video-slider__list {
    gap: 0;
}

.content-video-slider__slide {
    position: relative;
    height: 360px;
    width: auto !important;
}

@media (max-width: 1023px) {
    .content-video-slider__slide {
        height: 180px;
    }
}

.content-video-slider__slide img,
.content-video-slider__slide video {
    width: auto;
    height: 360px;
    pointer-events: none;
}

@media (max-width: 1023px) {

    .content-video-slider__slide img,
    .content-video-slider__slide video {
        height: 180px;

    }

}

.content-video-slider__slide .content-video {
    margin: 0;
}

.content-video-slider__slide--embed {
    width: 100% !important;
    height: auto;
}
/* End */
/* /bitrix/components/bitrix/map.yandex.system/templates/.default/style.css?1393402402666 */
/* /bitrix/components/sprint.editor/blocks/templates/.default/_style.css?17871593053610 */
/* /css/blog.css?179187671485245 */
/* /css/content-search-form.css?17871651241645 */
/* /css/content-video.css?17918812073060 */