.btn--light2 {
    background: rgba(75, 105, 255, 0.1);
    color: #4B69FF;
}

.btn--light2 .icon {
    fill: #4B69FF;
}

.btn--light2:hover,
.btn--light2:focus {
    background: rgba(75, 105, 255, 0.3);
    color: #4B69FF;
}

.slider-nav {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 24px;
    height: 24px;
    background-color: transparent;
    border: none;
    opacity: 0;
    pointer-events: none;
}

.slider-nav[aria-label]:not(.swiper-button-disabled) {
    opacity: 1;
    pointer-events: initial;
}

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

.slider-nav .icon {
    width: 10px;
    height: 18px;
    fill: #393B48;
    transition: fill 0.3s ease-in-out, opacity 0.3s ease-in-out;
}

.slider-nav:hover .icon,
.slider-nav:focus .icon {
    fill: #4B69FF;
}

.blog-nav {
    display: flex;
    width: 100%;
    padding-bottom: 40px;
    margin-bottom: 60px;
    margin-top: 60px;
    border-bottom: 0.5px solid #DFE9F0;
}

@media (max-width: 991px) {
    .blog-nav {
        display: block;
        position: relative;
    }
}

@media (max-width: 767px) {
    .blog-nav {
        width: calc(100% - 12px);
        margin: 20px 6px 32px;
        padding-bottom: 8px;
    }
}

.blog-nav__logo {
    width: 65px;
    margin-right: 60px;
    height: auto;
    flex-shrink: 0;
    fill: #4B69FF;
}

@media (max-width: 991px) {
    .blog-nav__logo {
        position: absolute;
        left: 0;
        top: 0;
        width: 40px;
    }
}

@media (max-width: 767px) {
    .blog-nav__logo {
        top: 5px;
        width: 27px;
    }
}

.blog-nav__title {
    margin: 0 0 16px;
    font-size: 50px;
    line-height: 1.4;
    font-weight: 600;
}

@media (max-width: 991px) {
    .blog-nav__title {
        display: flex;
        align-items: center;
        padding-left: 60px;
        min-height: 60px;
        font-size: 32px;
    }
}

@media (max-width: 767px) {
    .blog-nav__title {
        font-size: 18px;
        min-height: 39px;
        padding-left: 47px;
        width: 211px;
    }
}

.blog-nav__slider {
    width: calc(100% - 125px);
}

@media (max-width: 991px) {
    .blog-nav__slider {
        width: calc(100% + 20px);
        margin-left: -10px;
    }
}

@media (max-width: 767px) {
    .blog-nav__slider {
        width: 100%;
        margin: 0;
    }
}

.nav-slider {
    position: relative;
    max-width: 944px;
}

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

.nav-slider__container {
    position: relative;
    width: 100%;
    overflow: hidden;
}

@media (max-width: 991px) {
    .nav-slider__container {
        padding: 0 34px;
    }
}

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

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

@media (max-width: 767px) {
    .nav-slider__list {
        flex-wrap: wrap;
        width: calc(100% + 24px);
    }
}

.nav-slider__item {
    width: auto;
    flex-shrink: 0;
}

@media (max-width: 767px) {
    .nav-slider__item {
        margin-bottom: 12px;
    }
}

.nav-slider__container:not(.swiper-initialized) .nav-slider__item {
    margin-right: 52px;
}

@media (max-width: 767px) {
    .nav-slider__container:not(.swiper-initialized) .nav-slider__item {
        margin-right: 24px;
    }
}

.nav-slider__link {
    display: inline-flex;
    align-items: center;
    white-space: nowrap;
    font-size: 24px;
    line-height: 1.4;
    color: #393B48;
    font-weight: 500;
    text-decoration: underline solid transparent;
}

@media (max-width: 767px) {
    .nav-slider__link {
        font-size: 17px;
    }
}

.nav-slider__link:hover,
.nav-slider__link:focus {
    color: #4B69FF;
}

.nav-slider__icon {
    flex-shrink: 0;
    margin-right: 16px;
}

@media (max-width: 767px) {
    .nav-slider__icon {
        margin-right: 10px;
    }
}

.nav-slider__nav {
    position: absolute;
    top: calc(50% - 12px);
}

@media (max-width: 991px) {
    .nav-slider__nav {
        z-index: 2;
        width: 34px;
        height: 100%;
        top: 50%;
        transform: translateY(-50%);
        background: linear-gradient(to left, #fff 0%, #fff 80%, transparent 100%);
    }
}

.nav-slider__nav[aria-label]:not(.swiper-button-disabled) {
    opacity: 1;
    pointer-events: initial;
}

.nav-slider__nav--next {
    left: calc(100% + 28px);

}

@media (max-width: 991px) {
    .nav-slider__nav--next {
        left: auto;
        right: 0;
    }
}

.nav-slider__nav--prev {
    right: calc(100% + 28px);
}

@media (max-width: 991px) {
    .nav-slider__nav--prev {
        right: auto;
        left: 0;
        transform: translateY(-50%) scaleX(-1);
    }
}

.article {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

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

.article__inner {
    width: 1114px;
    max-width: calc(100% - 60px);
}

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

.article__media {
    display: block;
    width: 100%;
    margin-bottom: 40px;
    border-radius: 32px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .article__media {
        width: calc(100% + 32px);
        margin-left: -16px;
        margin-bottom: 20px;
    }
}

.article__media img {
    display: block;
    width: 100%;
    height: auto;
    max-height: 522px;
    object-fit: cover;
    border-radius: 32px;
}

@media (max-width: 767px) {
    .article__media img {
        min-height: 260px;
    }
}

.article__controls {
    position: sticky;
    top: 0;
    flex-shrink: 0;
    padding-top: 12px;
    padding-left: 16px;
    flex-direction: column;
    margin-bottom: 52px;
}

@media (max-width: 991px) {
    .article__controls {
        position: absolute;
        right: 12px;
        margin-bottom: 0;
    }
}

.article__controls .s-controls__item {
    margin-bottom: 8px;
}

.article__controls .s-controls__btn {
    margin: 0;
}

@media (max-width: 991px) {
    .article__controls .s-controls__btn {
        background-color: rgba(223, 233, 240, 0.8);
        border: 1px solid #DFE9F0;
    }
}

.article__wrapper {
    display: flex;
    justify-content: space-between;
}

@media (max-width: 767px) {
    .article__wrapper {
        flex-direction: column;
        justify-content: flex-start;
    }
}

.article__content {
    width: 712px;
    max-width: calc(100% - 290px);
}

.article--style2 .article__content {
    max-width: calc(100% - 350px);
}

@media (max-width: 991px) {
    .article__content {
        max-width: calc(100% - 270px);
    }

    .article--style2 .article__content {
        max-width: calc(100% - 280px);
    }

    .article__content .h1 {
        font-size: 21px;
    }
}

@media (max-width: 767px) {

    .article__content,
    .article--style2 .article__content {
        max-width: 100%;
        width: 100%;
    }

    .article__content {
        position: relative;
        padding-top: 49px;
    }

    .article__content .h1+.article-controls .article-controls__link {
        position: absolute;
        top: 0;
        right: 0;
        max-width: calc(100% - 130px);
    }

    .article__content .h1+.article-controls .article-controls__date {
        position: absolute;
        left: 0;
        top: 9px;
        font-size: 17px;
    }

    .article__content .h1+.article-controls .article-controls__item {
        font-size: 17px;
        line-height: 1.4;
        margin-right: 20px;
    }

    .article__content .h1+.article-controls .article-controls__item .icon {
        width: 20px;
    }

    .article__content .h1+.article-controls .article-controls__item.is-active {
        padding: 8px 16px 8px 12px;
        color: #4B69FF;
        background: rgba(223, 233, 240, 0.4);
        border-radius: 16px;
    }
}

.article__sidebar {
    display: flex;
    flex-direction: column;
    width: 267px;
}

.article-sticky-container {
    position: relative;
    flex-grow: 2;
}

.article--style2 .article__sidebar {
    width: 324px;
    padding-top: 12px;
}

.article--style2 .h1 {
    font-size: 32px;
}

@media (max-width: 991px) {
    .article__sidebar {
        width: 240px;
    }

    .article--style2 .article__sidebar,
    .article--style2 .article__sidebar {
        width: 260px;
        padding-top: 0;
    }

}

@media (max-width: 767px) {
    .article__sidebar {
        width: 100%;
    }

    .article--style2 .h1 {
        font-size: 21px;
    }
}

.article-controls {
    display: flex;
    flex-wrap: wrap;
    white-space: nowrap;
    width: 100%;
    margin-bottom: 24px;
    align-items: center;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4;
    color: #4D4F60;
}

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

.article-controls__item--like {
    display: inline-flex;
    vertical-align: baseline;
    padding: 6px 0;
    border-radius: 16px;
    background-color: transparent;
    
}

.article__content>.article-controls .article-controls__item--like,
.article-other .article-controls__item--like {
    padding: 0;
    background-color: transparent;
}

.article-controls__item--like.is-active {
    padding: 6px 14px;
    background: rgba(223, 233, 240, 0.4);
    border: 1px solid transparent;
}

.article__content>.article-controls .article-controls__item--like.is-active,
.article-other .article-controls__item--like {
    background: transparent;
}

.article-controls__item--like.is-active .icon {
    fill: #4B69FF;
    stroke: #4B69FF;
}

.article-controls__item--like:hover .icon,
.article-controls__item--like:focus .icon {
    fill: #4B69FF;
    stroke: #4B69FF;
}

.article-controls__item--like.is-active .item-favourites__count {
    color: #4B69FF;
}

@media (max-width: 991px) {
    .article-controls__item {
        font-size: 14px;
        margin-right: 16px;
    }
}

.article-controls__item .icon {
    margin-right: 10px;
    flex-shrink: 0;
    transition: fill 0.3s ease-in-out, stroke 0.3s ease-in-out;
    fill: transparent;
    stroke: #4D4F60;
}

.article-controls__item--like .icon {
    width: 20px;
    height: auto;
}

.article-controls__item--like.is-active .icon {
    fill: #4B69FF;
    stroke: #4B69FF;
}

.article-controls__item--time .icon {
    position: relative;
    top: -1px;
}


.article-controls .item-favourites {
    position: static;
}

/*.article-controls .item-favourites__count {
    color: #4D4F60;
}

.article-controls .active .item-favourites__count {
    color: #4B69FF;
}*/

.article-controls__date {
    margin: 0 auto;
    color: rgba(77, 79, 96, 0.5);
}

.article-controls__link {
    display: inline-flex;
    align-items: center;
    padding: 8px 30px 8px 10px;
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: 500;
    color: #4B69FF;
    background: #F3F5FF;
    border: 1px solid #F3F5FF;
    border-radius: 16px;
    text-decoration: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.14645 9.85355C3.9512 9.65829 3.9512 9.34171 4.14645 9.14645L7.29289 6L4.14645 2.85355C3.9512 2.6583 3.9512 2.3417 4.14645 2.14645C4.3417 1.9512 4.6583 1.9512 4.85355 2.14645L8.35355 5.64645C8.44732 5.7402 8.5 5.8674 8.5 6C8.5 6.1326 8.44732 6.2598 8.35355 6.35355L4.85355 9.85355C4.6583 10.0488 4.3417 10.0488 4.14645 9.85355Z' fill='%233152F9'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 10px center;
}

.article-controls__link:hover,
.article-controls__link:focus {
    background-color: #ffffff;
    border-color: #4B69FF;
    background-position: right 5px center;
}

.article-controls__link .icon {
    margin-right: 8px;
}

.article__content>.article-controls .article-controls__item+.article-controls__link {
    margin-left: auto;
}

.article-authors {
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 0.5px solid rgba(223, 233, 240, 0.8);
}

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

.authors-slider {
    position: relative;
}

.authors-slider__container {
    position: relative;
    overflow: hidden;
    padding-bottom: 20px;
}

@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 {
    display: flex;
    width: 306px;
    margin-right: 20px;
    font-size: 14px;
    line-height: 1.4;
    font-weight: 300;
}

.authors-slider__image {
    position: relative;
    flex-shrink: 0;
    width: 79px;
    height: 72px;
    margin-right: 16px;
    border-radius: 16px;
    background-color: #DFE9F0
}

.authors-slider__title {
    margin-bottom: 4px;
    font-size: 13px;
    color: rgba(77, 79, 96, 0.5);
}

.authors-slider__name {
    font-size: 15px;
    font-weight: 500;
    line-height: 1.2;
}

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

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

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

.article-content {
    font-size: 17px;
    line-height: 1.6;
    font-weight: 400;
}

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

.article-content__main p {
    font-size: 19px;
}

@media (max-width: 991px) {
    .article-content__main p {
        font-size: 18px;
    }
}

.article-content h4+p,
.article-content h3+p,
.article-content h2+ {
    margin-top: 28px;
}

.article-content a:not([class]) {
    color: #4B69FF;
    text-decoration: underline solid transparent;
}

.article-content a:not([class]):hover,
.article-content a:not([class]):focus {
    text-decoration: underline;
}


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

@media (max-width: 991px) {
    .article h2:not([class]) {
        font-size: 24px;
    }
}

.article h3:not([class]) {
    margin: 22px 0;
    font-size: 21px;
    line-height: 1.4;
    font-weight: 600;
}

.article h4:not([class]) {
    margin: 22px 0;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 500;
    color: #4B69FF;
}

.article h2:not([class]):first-child,
.article h3:not([class]):first-child {
    margin-top: 0;
}

.article-content ol:not([class]),
.article-content ul:not([class]) {
    padding-left: 20px;
    margin-bottom: 22px;
}

.article-content .icon-list {
    margin: 16px 0 28px;
}

.article-content .s-page-accordion__item {
    margin-bottom: 12px;
    border-radius: 16px;
}

.icon-list {
    list-style: none;
    padding-left: 0 !important;
}

.icon-list li {
    position: relative;
    padding-left: 32px;
}

.icon-list li::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 28px;
    height: 28px;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='22' viewBox='0 0 16 22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 10.9974C15.7211 10.8118 15.4515 10.6056 15.1967 10.3736C13.3615 8.7065 12.8279 6.36059 13.7576 4.69697L7.04521 0C6.5469 0.730412 6.15456 1.52269 5.87937 2.35794C5.87937 2.35794 4.73585 6.19217 7.56211 8.9093L0.859035 6.86071C0.859035 6.86071 0.0111563 8.86462 0 10.9991C0.00929692 13.1354 0.859035 15.1393 0.859035 15.1393L7.56211 13.0907C4.73771 15.8061 5.87937 19.6421 5.87937 19.6421C6.15456 20.4773 6.5469 21.2679 7.04521 22L13.7576 17.303C12.826 15.6394 13.3615 13.2952 15.1967 11.6264C15.4515 11.3944 16 11.0009 16 11.0009V10.9974Z' fill='%234B69FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    content: "";
}

.icon-list--check li::before {
    background-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 18C11.3869 18 13.6761 17.0518 15.364 15.364C17.0518 13.6761 18 11.3869 18 9C18 6.61305 17.0518 4.32387 15.364 2.63604C13.6761 0.948212 11.3869 0 9 0C6.61305 0 4.32387 0.948212 2.63604 2.63604C0.948212 4.32387 0 6.61305 0 9C0 11.3869 0.948212 13.6761 2.63604 15.364C4.32387 17.0518 6.61305 18 9 18ZM12.9727 7.34766L8.47266 11.8477C8.14219 12.1781 7.60781 12.1781 7.28086 11.8477L5.03086 9.59766C4.70039 9.26719 4.70039 8.73281 5.03086 8.40586C5.36133 8.07891 5.8957 8.07539 6.22266 8.40586L7.875 10.0582L11.7773 6.15234C12.1078 5.82188 12.6422 5.82188 12.9691 6.15234C13.2961 6.48281 13.2996 7.01719 12.9691 7.34414L12.9727 7.34766Z' fill='%2323B762'/%3E%3C/svg%3E%0A");
}

.link-btn {
    margin: 8px 0 16px;
    display: inline-block;
    vertical-align: baseline;
    padding: 20px 16px;
    padding-right: 49px;
    background-color: #F2F6F9;
    border: 1px solid #F2F6F9;
    border-radius: 16px;
    font-weight: 500;
    font-size: 17px;
    color: #4B69FF;
    text-decoration: none;
    background-image: url("data:image/svg+xml,%3Csvg width='13' height='18' viewBox='0 0 13 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 8.99789C12.7734 8.84603 12.5543 8.67729 12.3474 8.48746C10.8562 7.1235 10.4227 5.20412 11.178 3.84298L5.72423 0C5.31935 0.59761 5.00058 1.24584 4.77699 1.92922C4.77699 1.92922 3.84788 5.06632 6.14422 7.28942L0.697966 5.61331C0.697966 5.61331 0.0090645 7.25287 0 8.9993C0.00755375 10.7471 0.697966 12.3867 0.697966 12.3867L6.14422 10.7106C3.84939 12.9323 4.77699 16.0708 4.77699 16.0708C5.00058 16.7542 5.31935 17.401 5.72423 18L11.178 14.157C10.4212 12.7959 10.8562 10.8779 12.3474 9.51253C12.5543 9.3227 13 9.0007 13 9.0007V8.99789Z' fill='%234B69FF'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: right 16px top calc(50% + 1px);
}

.link-btn:hover,
.link-btn:focus {
    border-color: #4B69FF;
    background-color: #ffffff;
    text-decoration: none;
}

.content-slider {
    position: relative;
    margin: 40px 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% + 32px);
        margin-left: -16px;
        border-radius: 0;
    }
}

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

@media (max-width: 767px) {
    .content-slider__item:first-child:last-child {
        min-width: 100vw;
    }
}

.content-slider__inner {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 61.517%;
    background-color: #DFE9F0;
    border-radius: 16px;
    text-decoration: none;
    color: rgba(77, 79, 96, 1);
}

@media (max-width: 767px) {
    .content-slider__inner {
        padding-bottom: 76.5%;
    }
}

.content-slider .s-page-slider__nav--prev {
    left: -22px;
}

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

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

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

.content-slider .s-page-slider__nav:hover,
.content-slider .s-page-slider__nav:focus {
    border-color: rgba(77, 79, 96, 0.3);
    background-color: rgba(255, 255, 255, 0.5);
}

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

.content-slider__inner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.content-slider--2 .content-slider__item {
    width: auto !important;
}

.content-slider--2 .content-slider__inner {
    width: auto;
    padding-bottom: 0;
    width: auto;
    height: 438px;
    border-radius: 0;
}

.content-slider--2 .content-slider__inner img {
    position: static;
    height: 438px;
    width: auto;
    border-radius: 0;
}

.vertical .content-slider__inner img {
    height: calc(100% - 24px);
    top: 12px;
    left: 50%;
    transform: translateX(-50%);
    width: auto;
    max-width: 100%;
    object-fit: contain;
    border-radius: 0;
}

.content-slider__inner .text-content {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
    padding: 12px;
    border-radius: 16px;
    overflow: hidden;
}

.content-slider--2 .text-content {
    min-width: 300px;
}

.content-slider__bottom {
    margin-top: 16px;
    padding: 0 12px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.4;
    color: rgba(77, 79, 96, 0.5);
}

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

.content-slider__pagination {
    flex-shrink: 0;
    width: auto;
}

.content-slider__pagination.swiper-pagination-fraction {
    margin-right: 16px;
}

.content-slider__bottom p {
    margin: 0;
}

.lead {
    padding: 24px;
    background: #F2F6F9;
    border-radius: 16px;
    line-height: 1.6;
    margin: 52px 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;
}

.article-content .s-page-accordion {
    margin-bottom: 44px;
}

.article-content .s-page-accordion__item {
    margin-bottom: 12px;
}

@media (max-width: 767px) {
    .article-content .s-page-accordion__item {
        background-color: rgba(223, 233, 240, 0.4);
    }
}

.article-content .s-page-accordion__item.active {
    background-color: rgba(223, 233, 240, 0.4);
    border-color: transparent;
}

.article-content .s-page-accordion__btn {
    font-size: 18px;
    line-height: 1.5;
    min-height: 76px;
    padding-left: 24px;
    font-weight: 500;
}

.article-content .s-page-accordion__btn::after {
    width: 28px;
    height: 28px;
    right: 8px;
    top: 24px;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='6' viewBox='0 0 12 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.22307 5.70715C5.65258 6.09762 6.3501 6.09762 6.77961 5.70715L11.1778 1.70871C11.4939 1.42132 11.5867 0.993362 11.4149 0.618508C11.2431 0.243655 10.8445 0 10.3978 0L1.60145 0C1.1582 0 0.756182 0.243655 0.584378 0.618508C0.412575 0.993362 0.508784 1.42132 0.821466 1.70871L5.21963 5.70715H5.22307Z' fill='%234D4F60'/%3E%3C/svg%3E%0A");
}

.article-content .s-page-accordion__content {
    font-size: 17px;
    line-height: 1.6;
    padding: 15px 24px 24px;
}

.article-sanatorium__title {
    margin: 0 0 12px;
    font-size: 26px;
    line-height: 1.4;
    font-weight: 700;
}

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

.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;
}

.article-sanatorium__desc li {
    margin-bottom: 4px;
}

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

@media (max-width: 991px) {
    .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;
        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%;
    margin-top: 8px;
    border-radius: 16px;
}

.article-sanatorium-controls__price {
    margin: 0 0 8px;
    font-size: 14px;
    line-height: 1.4;
    color: #393B48;
    font-weight: 500;
}

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

.article-other {
    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: #4B69FF;
}

.article-other__item .article-controls {
    margin: 0;
    color: rgba(77, 79, 96, 0.5);
    font-size: 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: 12px;
    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-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;
    }
}

.article-bottom {
    margin-bottom: 36px;
}

.article-controls--btm {
    flex-wrap: wrap;
    margin-bottom: 16px;
}

.article-controls--btm .article-controls__item {
    display: inline-flex;
    align-items: center;
    margin-right: 20px;
    margin-bottom: 20px;
    width: auto;
    flex-shrink: 0;
    padding: 8px 12px;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    color: #4B69FF;
    background: rgba(223, 233, 240, 0.4);
    border-radius: 16px;
    border: 1px solid transparent;
    white-space: nowrap;
}

.article-controls--btm .article-controls__item--share {
    position: relative;
} 

.article-controls__item--share .ya-share2__link_more-button-type_short {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
    opacity: 0;
    z-index: 2;
    background: transparent !important;
}

.article-controls__item--share .ya-share2__link_more-button-type_short .ya-share2__icon {
    display: none !important;
}

.article-controls__item--share .ya-share2__link_more-button-type_short:hover,
.article-controls__item--share .ya-share2__link_more-button-type_short:focus {
    opacity: 0;
    background: transparent;
}


.article-controls__item--share > .ya-share2 > .ya-share2__container > .ya-share2__list > .ya-share2__item {
/*    opacity: 0;*/
    position: static;
}

.article-controls__item--share > .ya-share2 > .ya-share2__container > .ya-share2__list > .ya-share2__item:hover,
.article-controls__item--share > .ya-share2 > .ya-share2__container > .ya-share2__list > .ya-share2__item:focus {
/*    opacity: 0;*/
    background: transparent;
}


@media (max-width: 767px) {
    .article-controls--btm .article-controls__item {
        display: none;
    }
}

.article-controls--btm .article-controls__item:hover,
.article-controls--btm .article-controls__item:focus {
    border-color: #4B69FF;
}

.article-controls--btm .article-controls__item .icon {
    flex-shrink: 0;
    margin-right: 10px;
    stroke: #4B69FF;
    fill: transparent;
}

.article-controls--btm .article-controls__item.is-active .icon {
    fill: #4B69FF;
}

.article-controls--btm .article-controls__item .text {
    display: inline-block;
    vertical-align: baseline;
}

.article-tags {
    margin-bottom: 20px;
}

.article-tags__item {
    margin: 0;
    font-size: 17px;
    line-height: 1.6;
    font-weight: 400;
    color: #393B48;
}

.article-tags__item+.article-tags__item {
    margin-top: 8px;
}

.article-tags__item b {
    font-weight: 500;
}

.article-tags__item a {
    color: #4B69FF;
    text-decoration: none;
    border-bottom: 0.2px solid transparent;
}


.article-tags__item a:hover,
.article-tags__item a:focus {
    border-bottom: 0.2px solid;
}

.article-footer {
    padding: 16px;
    margin-bottom: 60px;
    background: #F2F6F9;
    border-radius: 16px;
}

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

.article-footer__top {
    display: flex;
    align-items: center;
    margin-bottom: 24px;
}

@media (max-width: 767px) {
    .article-footer__top {
        flex-direction: column;
        align-items: flex-start;
    }

    .article-footer__top .logo {
        order: -1;
        margin-bottom: 12px;
    }

    .article-footer__top .logo__descriptor {
        color: inherit;
    }
}

.article-footer__lead {
    margin: 0 40px 0 0;
    font-weight: 600;
    font-size: 17px;
    line-height: 1.6;
    color: #4B69FF;
}

.article-footer .logo__descriptor {
    font-size: 10px;
}

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

.article-contacts {
    margin-left: -8px;
    margin-right: -8px;
}

.article-footer .article-contacts {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 32px;
}

@media (max-width: 767px) {
    .article-footer .article-contacts {
        margin-bottom: 24px;
    }
}

.article-contacts__contact {
    display: inline-flex;
    align-items: center;
    padding: 8px;
    border-radius: 8px;
    color: #4B69FF;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 500;
    text-decoration: none;
}

.article-footer .article-contacts__contact {
    margin-right: 40px;
}

.article-contacts__contact:hover,
.article-contacts__contact:focus {
    background-color: #ffffff;
}

.article-contacts__contact .icon {
    fill: #4B69FF;
    transition: fill 0.3s ease-in-out;
    margin-right: 10px;
}

.article-contacts__contact--mail .icon {
    fill: transparent;
    stroke: #4B69FF;
}

.article-f-slider__container {
    width: 100%;
    position: relative;
    overflow: hidden;
}

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

.article-f-slider__item {
    width: 270px;
}

.article-f-slider__container:not(.swiper-initialized) .article-f-slider__item {
    margin-right: 10px;
}

.article-f-slider__inner {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 200px;
    border-radius: 16px;
}

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

.article-sticky {
    position: sticky;
    top: 15px;
    margin-bottom: 60px;
}

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

.article-nav {
    width: 100%;
    margin-bottom: 40px;
    background-color: #ffffff;
    border: 1px solid #DFE9F0;
    border-radius: 16px;
    transition: border-color 0.3s ease-in-out;
}

@media (max-width: 767px) {
    .article-nav {
        margin-top: 20px;
        background-color: #F3F7FF;
        border-color: transparent;
    }
}

.article-nav.active {
    border-color: transparent;
}

.article-nav__toggler {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    width: 100%;
    min-height: 56px;
    padding: 16px;
    font-size: 17px;
    line-height: 1.4;
    font-weight: 500;
    color: #4D4F60;
    text-align: center;
    background-color: transparent;
    border: none;
    transition: color 0.3s ease-in-out;
    border-radius: 16px;
    background-image: url("data:image/svg+xml,%3Csvg width='8' height='6' viewBox='0 0 8 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='0.5' d='M3.43496 5.16569C3.74733 5.47806 4.25462 5.47806 4.56699 5.16569L7.76565 1.96703C7.99556 1.73712 8.06303 1.39477 7.93808 1.09489C7.81313 0.795016 7.52325 0.600098 7.19839 0.600098L0.801057 0.600097C0.478692 0.600097 0.186314 0.795016 0.0613656 1.09489C-0.0635825 1.39477 0.00638861 1.73712 0.233794 1.96703L3.43246 5.16569L3.43496 5.16569Z' fill='%234D4F60' fill-opacity='0.5'/%3E%3C/svg%3E%0A");
    background-position: right 16px center;
    background-repeat: no-repeat;
}

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


.article-nav__toggler:hover,
.article-nav__toggler:focus {
    color: #4B69FF;
}

.article-nav__toggler .icon {
    flex-shrink: 0;
    margin-right: 10px;
    stroke: #4D4F60;
    transition: stroke 0.3s ease-in-out;
}

.article-nav__toggler:hover .icon,
.article-nav__toggler:focus .icon {
    stroke: #4B69FF;
}

.article-nav__more {
    display: inline-block;
    vertical-align: baseline;
    margin: 10px 0 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 700;
    color: #4B69FF;
    background-color: transparent;
    border: none;
    border-bottom: 0.5px solid transparent;
}

.article-nav__more:hover,
.article-nav__more:focus {
    border-bottom: 0.5px solid;
    outline: none;
}

.article-nav__content {
    display: none;
    padding-top: 8px;
    padding: 0 0 16px;
}

@media (max-width: 991px) {
    .article-nav__content {
        padding: 0 0 12px;
    }
}

@media (max-width: 767px) {
    .article-nav__content {
        display: block;
    }
}

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

.article-nav__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    margin-bottom: 4px;
}

.article-nav__item:last-child {
    margin-bottom: 0;
}

.article-nav__link {
    width: 100%;
    font-size: 16px;
    line-height: 1.4;
    color: #393B48;
    text-decoration: none;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    max-height: 49px;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.article-nav__link .text {
    border-bottom: 2px dotted transparent;
    transition: border-color 0.3s ease-in-out;
}

.article-nav__link:hover .text,
.article-nav__link:focus .text {
    border-bottom: 2px dotted;
}

.article-nav__list--level2 {
    margin-bottom: 4px;
    margin-top: 4px;
}

.article-nav__list--level2>.article-nav__item {
    position: relative;
    padding-left: 24px;
}

.article-nav__list--level2>.article-nav__item::before {
    position: absolute;
    top: 9px;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background-color: #4D4F60;
    content: "";
}

.article-nav__list--level3 {
    margin-bottom: 4px;
    margin-top: 4px;
}

.article-nav__list--level3 .article-nav__link {
    color: rgba(77, 79, 96, 0.5);
}

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

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

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

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

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

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

.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;
    font-weight: 600;
    font-size: 15px;
    line-height: 1;
    color: #3152F9;
}

@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;
}

.aside-managers__item:last-child {
    background-color: #ffffff;
    border-color: #DFE9F0;
}

/*.text-stroke {
    font-size: 15px;
    font-weight: 600;
    color: #2563EB;
    position: relative;
    display: inline-block;
    text-shadow:
        -1px -1px 0 #DFE9F0,
        0px -1px 0 #DFE9F0,
        1px -1px 0 #DFE9F0,
        -1px 0px 0 #DFE9F0,
        1px 0px 0 #DFE9F0,
        -1px 1px 0 #DFE9F0,
        0px 1px 0 #DFE9F0,
        1px 1px 0 #DFE9F0,
        -0.5px -1px 0 #DFE9F0,
        0.5px -1px 0 #DFE9F0,
        -1px -0.5px 0 #DFE9F0,
        1px -0.5px 0 #DFE9F0,
        -1px 0.5px 0 #DFE9F0,
        1px 0.5px 0 #DFE9F0,
        -0.5px 1px 0 #DFE9F0,
        0.5px 1px 0 #DFE9F0;
}*/


/*санаторий*/
.article .s-page-header {
    display: flex;
    align-items: center;
    margin-bottom: 28px;
}

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

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

.article .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: #4B69FF;
}

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

.article .s-header-reviews {
    margin: 0 28px 0 0;
}

@media (max-width: 767px) {
    .article .s-header-reviews {
        width: 100%;
        margin-right: 0;
        margin-bottom: 12px;
    }
}

.s-header-reviews__item {
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #393B48;
}

a.s-header-reviews__item {
    position: relative;
    text-decoration: none;
}

.s-header-reviews__item--rating+a.s-header-reviews__item {
    padding-left: 6px;
}

.s-header-reviews__item--rating+a.s-header-reviews__item::before {
    display: none;
}

a.s-header-reviews__item::after {
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 15px);
    height: 0.5px;
    background-color: #393B48;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    content: "";
}

a.s-header-reviews__item:hover::after,
a.s-header-reviews__item:focus::after {
    opacity: 1;
}

.s-header-reviews__item--rating,
.s-header-reviews-mobile__btn .rating {
    display: inline-block;
    vertical-align: baseline;
    padding: 6px 10px;
    padding-left: 35px;
    font-weight: 600;
    background: #23B762;
    border-radius: 12px;
    color: #ffffff;
    background-image: url("data:image/svg+xml,%3Csvg width='16' height='14' viewBox='0 0 16 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.68164 0.464459C10.4434 0.616803 10.9385 1.35801 10.7861 2.11973L10.7188 2.45372C10.5635 3.23594 10.2764 3.98008 9.875 4.65684H14.0938C14.8701 4.65684 15.5 5.28672 15.5 6.06309C15.5 6.60508 15.1924 7.07676 14.7412 7.31114C15.0605 7.56895 15.2656 7.96446 15.2656 8.40684C15.2656 9.09239 14.7734 9.66368 14.126 9.78673C14.2549 10.0006 14.3281 10.2496 14.3281 10.5162C14.3281 11.1402 13.9209 11.6705 13.3584 11.8522C13.3789 11.9488 13.3906 12.0514 13.3906 12.1568C13.3906 12.9332 12.7607 13.5631 11.9844 13.5631H9.12793C8.57129 13.5631 8.0293 13.399 7.56641 13.0914L6.43848 12.3385C5.65625 11.817 5.1875 10.9381 5.1875 9.99766V6.73985C5.1875 5.88438 5.57715 5.07872 6.24219 4.54258L6.45898 4.36973C7.23535 3.74864 7.76562 2.87559 7.95898 1.90294L8.02637 1.56895C8.17871 0.807233 8.91992 0.312115 9.68164 0.464459ZM1.4375 5.12559H3.3125C3.83105 5.12559 4.25 5.54454 4.25 6.06309V12.6256C4.25 13.1441 3.83105 13.5631 3.3125 13.5631H1.4375C0.918945 13.5631 0.5 13.1441 0.5 12.6256V6.06309C0.5 5.54454 0.918945 5.12559 1.4375 5.12559Z' fill='%23ffffff'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: left 10px top 9px;
}

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

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

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

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

.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;
    }
}

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

@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: 40px 4px 4px 40px;
    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: 69.053%;
    border-radius: 40px 4px 4px 40px;
    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-slider__slide:hover,
.s-page-slider__slide:focus {
    background-color: #4B69FF;
}

.s-page-media__slider img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 40px 4px 4px 40px;
    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: #4B69FF;
}

.s-page-media__slider .slick-slide img {
    opacity: 0;
    color: transparent;
    background: transparent;
    transition: all 0.3s ease-in-out;
}

.s-page-media__slider .slick-current img,
.s-page-media__slider .slick-slide.load img,
.s-page-media__slider .slick-current+.slick-slide img {
    opacity: 1;
}

.s-page-media__slider .slick-arrow {
    display: none !important;
}

.s-page-slider .slick-dots {
    display: none !important;
}

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

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

    /*.article-similar  .s-page-slider .s-page-slider__nav {
        display: inline-block;
    }*/
}

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

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

@media (max-width: 767px) {
    .article .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: 50.879%;
    padding: 0 0.414%;
    margin-top: -0.414%;
    margin-bottom: -0.414%;
    box-sizing: border-box;
}

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

    .article__content .s-page-media__images {
        display: flex;
        width: calc(100% + 4px);
        margin: 4px -2px 0;
        padding: 0;
    }
}

.s-page-media__image {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    padding: 0;
    border: none;
    background-color: transparent;
    width: 48.346%;
    margin: 0.827%;
    box-sizing: border-box;
    border-radius: 4px;
    outline: none;
}

@media (max-width: 767px) {
    .s-page-media__image {
        width: 25%;
        padding: 0 2px;
        margin: 0;
        border-radius: 8px;
    }
}

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

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

@media (max-width: 991px) {
    .s-page-media__image:nth-child(4) {
        background-color: #000;
    }

    .s-page-media__image:nth-child(4) img {
        opacity: 0.5;
    }
}

@media (max-width: 767px) {

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

    .s-page-media__image:nth-child(4) img {
        opacity: 1;
    }
}

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

.s-page-media__image picture {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 68.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);
        left: 2px;
    }
}

.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: 4px;
    right: 6px;
    display: flex;
    justify-content: center;
    align-items: center;
    width: calc(50% - 10px);
    height: calc(50% - 6px);
    font-size: 24px;
    line-height: 1.3;
    font-weight: 800;
    color: #fff;
    border-radius: 8px 8px 40px 8px;
    background-color: rgba(0, 0, 0, 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% - 4px);
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        border-radius: 8px;
        right: 2px;
        bottom: 0;
        font-size: 12px;
        font-weight: 700;
    }
}

.s-page-media__btn:hover,
.s-page-media__btn:focus {
    background-color: rgba(0, 0, 0, 0.6);
    outline: none;
}

/*лейблы*/

.article .s-page-media .item-labels {
    top: 24px;
    left: 20px;
}


.item-labels__label--special {
    color: #4B69FF;
    font-weight: 600;
    font-size: 14px;
}

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

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

.article-similar {
    position: relative;
    overflow: hidden;
    padding-top: 0;
    margin-bottom: 0;
}

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

@media (max-width: 991px) {
    .article-similar .s-page-slider {
        width: 100%;
    }
}

.article-similar .s-page-section__header {
    margin-bottom: 14px;
}

.article-similar .s-page-slider__arrows {
    bottom: calc(100% + 14px);
}

.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;
}

.article-similar__item {
    display: flex;
    flex-shrink: 0;
    width: 282px;
    flex-grow: 2;
    max-width: calc(50% - 20px);
    height: auto;
    margin-right: 20px;
}

@media (max-width: 767px) {
    .article-similar__item {
        max-width: 282px;
    }
}

.article-similar__item:first-child+.article-similar__item:last-child {
    margin-right: 0 !important;
}

.article-similar__item:not(:first-child)+.article-similar__item {
    margin-right: -10px;
}

.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;
}

/*модалка с картой*/
.modal-map__map {
    position: relative;
    width: 100%;
    padding-bottom: calc(100vh - 280px);
    background-color: #f5f5f5;
    background-repeat: no-repeat;
    background-image: linear-gradient(270deg, rgba(100, 181, 239, 0) 48.44%, #fff 75.52%, rgba(100, 181, 239, 0) 100%);
    animation: bg-move linear 5s infinite;
    border-radius: 16px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .modal-map .modal__container {
        padding: 120px 30px 30px;
    }
}

.modal-map__map .map-yandex {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 16px;
}

.map-label {
    position: relative;
    display: block;
    width: 40px;
    height: 40px;
    text-decoration: none;
    color: #393B48;
}

.map-label>img {
    position: relative;
    z-index: 2;
}

/*модалка галереи*/
.modal-gallery__inner {
    display: flex;
    justify-content: space-between;
}

.modal-gallery__list {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: -4px;
    padding: 0;
    list-style: none;
}

.modal-gallery__item {
    display: inline-block;
    vertical-align: baseline;
    padding: 0 4px;
    margin-bottom: 8px;
    flex-grow: 2;
}

.modal-gallery__item:last-child,
.modal-gallery__item:nth-last-child(-n+2) {
    flex-grow: 0;
}

.modal-gallery__image {
    position: relative;
    display: inline-block;
    vertical-align: baseline;
    border-radius: 16px;
    overflow: hidden;
}

.modal-gallery__image--video::after {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    background-color: rgba(0, 0, 0, 0.1);
    background-image: url("data:image/svg+xml,%3Csvg width='38' height='38' viewBox='0 0 38 38' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='38' height='38' rx='19' fill='%23393B48' fill-opacity='0.5'/%3E%3Cpath d='M17.3128 13.1878C16.9164 12.9441 16.4182 12.936 16.0137 13.1637C15.6092 13.3914 15.3574 13.82 15.3574 14.2861V23.7149C15.3574 24.181 15.6092 24.6096 16.0137 24.8373C16.4182 25.065 16.9164 25.0543 17.3128 24.8132L25.0273 20.0987C25.4104 19.8657 25.6434 19.4505 25.6434 19.0005C25.6434 18.5505 25.4104 18.138 25.0273 17.9023L17.3128 13.1878Z' fill='white'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    opacity: 0;
    transition: all 0.3s ease-in-out;
    border-radius: inherit;
    content: "";
}

.modal-gallery__image--video:hover::after,
.modal-gallery__image--video:focus::after {
    opacity: 1;
}

.modal-gallery__duration {
    position: absolute;
    z-index: 2;
    left: 8px;
    bottom: 8px;
    background: rgba(57, 59, 72, 0.6);
    border-radius: 4px;
    padding: 0px 4px;
    font-weight: 400;
    font-size: 14px;
    line-height: 1.4;
    color: #fff;
}

.modal-gallery__image:hover,
.modal-gallery__image:focus {
    background-color: #4B69FF;
}

.modal-gallery__image,
.modal-gallery__image picture {
    display: flex;
    width: 100%;
}

.modal-gallery__image img {
    flex-grow: 2;
    display: inline-block;
    vertical-align: top;
    height: 177px;
    margin: 0;
    padding: 0;
    width: auto;
    border-radius: 16px;
    transition: all 0.3s ease-in-out;
    object-fit: cover;
}

@media (max-width: 575px) {
    .modal-gallery__image img {
        height: 100px;
    }
}

.modal-gallery__image:hover img,
.modal-gallery__image:focus img {
    opacity: 0.9;
}

.modal-gallery__price {
    display: inline-block;
    vertical-align: baseline;
    margin-top: 16px;
    margin-bottom: 16px;
    text-align: center;
    font-weight: 400;
    font-size: 12px;
    line-height: 1.4;
    width: 100%;
}

.modal-gallery__price b {
    font-weight: 500;
    font-size: 20px;
    line-height: 1.2;
    color: #4B69FF;
}

.modal-gallery__btn {
    width: 100%;
}

/*блог*/

.publications {
    position: relative;
    margin-bottom: 80px;
    overflow: hidden;
}

@media (max-width: 991px) {
    .publications {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .publications {
        margin-bottom: 44px;
    }
}

/*.publications__container {
    width: 658px;
    margin: 0 auto;
}*/

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

.publications__item {
    position: relative;
    width: 658px;
    max-width: 100vw;
}

.publications__item::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    transition: background-color 0.4s ease;
    content: "";
    pointer-events: none;
}

.publications__container:not(.swiper-initialized) .publications__item {
    margin-right: 24px;
}

.publications__item.swiper-slide-active::after {
    background-color: rgba(255, 255, 255, 0);
}

.publications__item.swiper-slide-prev::after,
.publications__item.swiper-slide-next::after {
    background-color: rgba(255, 255, 255, 0.4);
}

.publications__inner {
    display: block;
    width: 100%;
    font-weight: 600;
    font-size: 21px;
    line-height: 1.4;
    color: #393B48;
    text-decoration: none;
}

.publications__inner:hover,
.publications__inner:focus {
    color: #4B69FF;
}

.publications__image {
    position: relative;
    padding-bottom: 60.791%;
    border-radius: 32px;
    overflow: hidden;
    background-color: #DFE9F0;
}

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

.publications__name {
    padding-top: 16px;
    margin: 0;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    max-height: 75px;
}

@media (max-width: 767px) {
    .publications__name {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (max-width: 575px) {
    .publications__name {
        font-size: 18px;
        -webkit-line-clamp: 3;
        max-height: 91px;
    }
}

.blog-slider__controls {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 126px;
}

@media (max-width: 767px) {

    .news-section .blog-slider__controls,
    .journal .blog-slider__controls {
        display: none;
    }
}

.blog-slider__pagination {
    width: auto;
    font-weight: 500;
    font-size: 24px;
    line-height: 1.4;
    color: #4B69FF;
}

.blog-slider__header {
    display: flex;
    align-items: center;
    margin-bottom: 52px;
}

@media (max-width: 991px) {
    .blog-slider__header {
        margin-bottom: 28px;
    }
}

@media (max-width: 575px) {
    .blog-slider__header {
        flex-wrap: wrap;
    }

    .publications .blog-slider__header {
        padding-left: 6px;
        padding-right: 6px;
    }
}

@media (max-width: 480px) {
    .blog-slider__header {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 20px;
    }
}

.blog-slider__title {
    margin: 0 44px 0 0;
    font-weight: 500;
    font-size: 36px;
    line-height: 1.4;
    color: #4B69FF;
}

@media (max-width: 991px) {
    .blog-slider__title {
        font-size: 28px;
        margin-right: 22px;
    }
}

@media (max-width: 480px) {
    .blog-slider__title {
        margin-right: 0;
    }
}

.blog-slider__header .slider-nav {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: transparent;
    border: 0.5px solid transparent;
}

.blog-slider__header .slider-nav:hover,
.blog-slider__header .slider-nav:focus {
    background-color: rgba(75, 105, 255, 0.05);
    border-color: rgba(75, 105, 255, 0.2);
    ;
}

.blog-slider__header .slider-nav svg {
    fill: #4B69FF;
}

.publications__item .article-controls {
    padding-top: 10px;
    margin-bottom: 0;
    font-size: 17px;
    color: #393B48;
}

@media (max-width: 767px) {
    .publications__item .article-controls {
        padding-left: 16px;
        padding-right: 16px;
    }

    .publications__item .article-controls__item {
        font-size: 17px;
    }
}

.publications__item .article-controls__date {
    font-size: 17px;
    margin-left: 0;
    margin-bottom: 8px;
}

@media (max-width: 767px) {
    .publications__item .article-controls__date {
        font-size: 17px;
    }
}

.news-section {
    margin-bottom: 80px;
}

@media (max-width: 991px) {
    .news-section {
        margin-bottom: 60px;
    }
}

@media (max-width: 575px) {
    .news-section {
        margin-bottom: 52px;
        padding-left: 6px;
        padding-right: 6px;
    }
}

.article-other--slider .article-other__container {
    position: relative;
    overflow: hidden;
}

.article-other--slider .article-other__list {
    display: flex;
    flex-wrap: nowrap;
    /*flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;*/
    width: initial;
    /*max-width: 100%;
    max-height: 385px;*/
}

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

.article-other__col {
    width: calc(50% - 40px);
    flex-shrink: 0;
}

@media (max-width: 991px) {
    .article-other__col {
        width: 485px;
    }
}

@media (max-width: 767px) {
    .article-other__col {
        width: 100%;
        display: none;
    }

    .article-other__col:first-child,
    .article-other__col:first-child+.article-other__col {
        display: block;
    }
}

.article-other__container:not(.swiper-initialized) .article-other__col {
    margin-right: 80px;
}

@media (max-width: 767px) {
    .article-other__container:not(.swiper-initialized) .article-other__col {
        margin-right: 0;
    }
}

.article-other--slider .article-other__item {
    margin: 0;
    padding: 4px 0;
    height: 128px;
    border-top: 0.5px solid rgba(77, 79, 96, 0.5);
    width: 100%;
}

@media (max-width: 1199px) {
    .article-other--slider .article-controls__item {
        margin-right: 16px;
        font-size: 14px;
    }

    .article-other--slider .article-controls__date {
        font-size: 14px;
    }

    .article-other--slider .article-controls .icon {
        margin-right: 6px;
    }
}

@media (max-width: 767px) {
    .article-other--slider .article-other__item {
        height: auto;
        padding: 0;
    }
}

.article-other--slider .article-other__inner {
    display: flex;
    align-items: center;
    padding: 16px 0 8px;
    border: none;
}

.article-other--slider .article-other__image {
    width: 116px;
    height: 85px;
}

@media (max-width: 1199px) {
    .article-other--slider .article-other__image {
        width: 84px;
        height: 72px;
    }
}

.article-other--slider .article-other__name {
    max-height: 50.5px;
    font-size: 18px;
    font-weight: 600;
    line-height: 1.4;
    -webkit-line-clamp: 2;
}

.blog-more {
    margin-top: 16px;
}

.blog-more__link {
    display: inline-flex;
    align-items: center;
    justify-content: flex-start;
    font-size: 18px;
    line-height: 1.4;
    font-weight: 600;
    color: #4B69FF;
    text-decoration: none;
}

.blog-more__link:hover,
.blog-more__link:focus {
    text-decoration: none;
}

.blog-more__link .text {
    position: relative;
    margin-right: 16px;
    color: inherit;
    overflow: hidden;
}

.blog-more__link .text::after {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    color: inherit;
    border-bottom: 0.5px solid;
    transform: translateX(-100%);
    transition: transform 0.3s ease-in-out;
    content: "";
}

.blog-more__link:hover .text::after,
.blog-more__link:focus .text::after {
    transform: translateX(0);
}

.blog-more__link .icon {
    width: 7px;
    height: 12px;
    height: 18px;
    width: auto;
    fill: #4B69FF;
    transition: transform 0.3s ease-in-out;
}

.blog-more__link:hover .icon,
.blog-more__link:focus .icon {
    transform: translateX(5px) scale(0.8);
}

.articles-grid {
    margin-bottom: 80px;
    padding: 80px 0;
    border-radius: 60px;
    background-color: #F6F5FF;
}

@media (max-width: 991px) {
    .articles-grid {
        padding: 60px 0;
        margin-bottom: 60px;
        border-radius: 20px;
    }
}

@media (max-width: 767px) {
    .articles-grid {
        padding: 28px 6px;
        margin-bottom: 52px;
    }
}

@media (max-width: 575px) {
    .articles-grid .blog-more {
        margin-top: 0;
    }
}

.articles-grid--blue {
    background: rgba(223, 233, 240, 0.4);
}

.articles-grid__title {
    display: flex;
    align-items: center;
    margin: 0 0 36px;
    font-size: 36px;
    line-height: 1.4;
    font-weight: 500;
    color: #4B69FF;
}

@media (max-width: 991px) {
    .articles-grid__title {
        font-size: 28px;
        margin-bottom: 28px;
    }
}

@media (max-width: 480px) {
    .articles-grid__title {
        margin-bottom: 20px;
    }
}

.articles-grid__title .icon {
    margin-right: 20px;
}

@media (max-width: 991px) {
    .articles-grid__title img {
        width: 26px;
        height: auto;
        margin-right: 10px;
    }
}

.articles-grid__list {
    display: flex;
    flex-wrap: wrap;
    margin: 0 -14px -16px;
    padding: 0;
    list-style: none;
}

@media (max-width: 991px) {
    .articles-grid__list {
        margin: 0 -6px -16px;
    }
}

@media (max-width: 575px) {
    .articles-grid__list {
        margin: 0;
    }
}

.articles-grid__item {
    width: calc(100%/3);
    padding: 0 14px;
    margin-bottom: 52px;
}

@media (max-width: 991px) {
    .articles-grid__item {
        padding: 0 6px;
        margin-bottom: 32px;
    }
}

@media (max-width: 767px) {
    .articles-grid__item {
        width: 50%;
    }
}

@media (max-width: 575px) {
    .articles-grid__item {
        width: 100%;
        padding: 0 0 16px;
        border-bottom: 0.5px solid #DFE9F0;
        margin-bottom: 28px;
    }
}

.articles-grid__item:first-child,
.articles-grid__item:first-child+.articles-grid__item {
    width: 50%;
}

@media (max-width: 767px) {
    .articles-grid__item:first-child {
        width: 100%;
    }
}

@media (max-width: 575px) {
    .articles-grid__item:first-child+.articles-grid__item {
        width: 100%;
    }
}

.articles-grid__info {
    display: block;
    font-size: 20px;
    line-height: 1.4;
    font-weight: 600;
    color: #393B48;
    text-decoration: none;
}

@media (max-width: 991px) {
    .articles-grid__info {
        font-size: 17px;
    }
}

.articles-grid__info:hover,
.articles-grid__info:focus {
    text-decoration: none;
}

.articles-grid__image {
    position: relative;
    display: block;
    width: 100%;
    padding-bottom: 58.021%;
    margin-bottom: 16px;
    background-color: #DFE9F0;
    border-radius: 32px;
    overflow: hidden;
}

.articles-grid__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 32px;
}

.articles-grid__name {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
    max-height: 56px;
    display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.articles-grid__inner .article-controls {
    margin-top: 12px;
    margin-bottom: 0;
}

.articles-grid__inner .article-controls__item {
    color: rgba(77, 79, 96, 0.5);
    font-size: 16px;
    margin-right: 22px;
}

@media (max-width: 1199px) {
    .articles-grid__inner .article-controls__item {
        margin-right: 12px;
        font-size: 14px;
    }

    .articles-grid__inner .article-controls__item--like {
        padding: 0;
        background-color: transparent;
    }

    .articles-grid__inner .article-controls__item--like.is-active {
        background-color: transparent;
    }
}

@media (max-width: 1199px) {
    .articles-grid__inner .article-controls__item {
        font-size: 14px;
        margin-right: 12px;
    }
}

@media (max-width: 991px) {
    .articles-grid__inner .article-controls__item {
        font-size: 12px;
        margin-right: 16px;
    }
}

@media (max-width: 767px) {
    .articles-grid__inner .article-controls__item {
        font-size: 14px;
        margin-right: 16px;
    }
}

.articles-grid__inner .article-controls__item .icon {
    stroke: rgba(77, 79, 96, 0.5);
    margin-right: 7px;
}

@media (max-width: 1199px) {
    .articles-grid__inner .article-controls__item .icon {
        margin-right: 4px;
    }
}

@media (max-width: 991px) {
    .articles-grid__inner .article-controls__item .icon {
        margin-right: 3px;
        width: 13px;
    }
}

@media (max-width: 767px) {
    .articles-grid__inner .article-controls__item .icon {
        margin-right: 8px;
        width: 16px;
    }
}

.articles-grid__inner .article-controls__item.is-active {
    color: #4B69FF;
}

.articles-grid__inner .article-controls__item.is-active .icon {
    stroke: #4B69FF;
    fill: #4B69FF;
}

.articles-grid__inner .article-controls__date {
    font-size: 16px;
    margin-left: 0;
    margin-bottom: 8px;
    margin-right: 0;
}

@media (max-width: 1199px) {
    .articles-grid__inner .article-controls__date {
        font-size: 14px;
    }
}

@media (max-width: 991px) {
    .articles-grid__inner .article-controls__date {
        font-size: 12px;
    }
}

@media (max-width: 767px) {
    .articles-grid__inner .article-controls__date {
        font-size: 14px;
        margin-left: 16px;
    }
}

.journal {
    margin-bottom: 80px;
}

@media (max-width: 991px) {
    .journal {
        margin-bottom: 60px;
    }
}

@media (max-width: 767px) {
    .journal {
        padding-left: 6px;
        padding-right: 6px;
    }

    .journal .blog-more {
        margin-top: 0;
    }
}

@media (max-width: 575px) {
    .journal {
        margin-bottom: 52px;
    }
}

.journal__container {
    position: relative;
    overflow: hidden;
    width: 100%;
}

.journal__list {
    display: flex;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
}

.journal__item {
    margin: 0;
    height: 210px;
    padding: 20px 12px 20px 0;
    width: 100%;
}

@media (max-width: 767px) {
    .journal__item {
        height: auto;
    }
}

@media (max-width: 575px) {
    .journal__item {
        padding: 0;
        margin-bottom: 20px;
        padding-bottom: 20px;
        border-bottom: 0.5px solid #DFE9F0;
    }
}

.journal__col {
    max-width: 684px;
}

@media (max-width: 767px) {
    .journal__col {
        width: 100%;
        max-width: 100%;
        min-width: 100%;
    }
}

.journal__container:not(.swiper-initialized) .journal__col {
    margin-right: 80px;
}

.journal__inner {
    position: relative;
    width: 100%;
    height: 170px;
    padding-left: 312px;
    display: block;
}

@media (max-width: 767px) {
    .journal__inner {
        display: block;
        height: auto;
        padding-left: 0;
    }
}

.journal__image {
    position: absolute;
    left: 0;
    top: 0;
    width: 284px;
    height: 170px;
    background-color: #DFE9F0;
    border-radius: 20px;
    overflow: hidden;
}

@media (max-width: 767px) {
    .journal__image {
        position: relative;
        display: block;
        width: 100%;
        height: auto;
        padding-bottom: 55%;
        margin-bottom: 16px;
    }
}

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

.journal__content {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: 17px;
    line-height: 1.4;
    color: #393B48;
    text-decoration: none;
}

.journal__content:hover,
.journal__content:focus {
    text-decoration: none;
    color: #4B69FF;
}

.journal__title {
    display: inline-block;
    vertical-align: baseline;
    width: 100%;
    font-size: 19px;
    font-weight: 600;
    max-height: 81px;
    color: inherit;
    display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 575px) {
    .journal__title {
        font-size: 17px;
        max-height: 72px;
    }
}

.journal__label {
    display: inline-flex;
    align-items: center;
    font-size: 15px;
    line-height: 1.4;
    font-weight: 600;
    color: #4B69FF;
    margin-bottom: 4px;
}

.journal__label .icon {
    margin-right: 8px;
}

.journal__inner .article-controls {
    padding-top: 8px;
    margin-bottom: 0;
}

.journal__inner .article-controls__item,
.journal__inner .article-controls__date {
    font-size: 16px;
    color: rgba(77, 79, 96, 0.5);
    margin-top: 8px;
    margin-bottom: 0;
}

@media (max-width: 767px) {
    .journal__inner .article-controls__date {
        font-size: 14px;
        margin-left: 16px;
    }

    .journal__inner .article-controls__item {
        margin-right: 16px;
        font-size: 14px;
    }
}

.journal__inner .article-controls__item .icon {
    stroke: rgba(77, 79, 96, 0.5);
}

.journal__inner .article-controls__item--like {
    padding: 0;
}

.journal__inner .article-controls__item--like.is-active {
    background-color: transparent;
}

.journal__inner .article-controls__item--like.is-active .icon {
    stroke: #4B69FF;
    fill: #4B69FF;
}

/*.news {
    margin-bottom: 80px;
}*/

.news__container {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.news__content {
    width: 712px;
    max-width: calc(100% - 350px);
    margin-right: 20px;
}

@media (max-width: 991px) {
    .news__content {
        max-width: calc(100% - 300px);
    }
}

@media (max-width: 767px) {
    .news__content {
        max-width: 100%;
        width: 100%;
    }
}

.news__aside {
    width: 330px;
}

@media (max-width: 991px) {
    .news__aside {
        width: 280px;
    }
}

@media (max-width: 767px) {
    .news__aside {
        width: 100%;
    }
}

.news__top {
    width: 100%;
    margin-bottom: 40px;
}

.news__title {
    margin: 0;
    font-size: 36px;
    line-height: 1.4;
    font-weight: 600;
    color: #4B69FF;
}

.news-item {
    padding-bottom: 62px;
    margin-bottom: 80px;
    border-bottom: 1px solid #DFE9F0;
}

@media (max-width: 991px) {
    .news-item {
        padding-bottom: 28px;
        margin-bottom: 40px;
    }
}

.news-item__link {
    display: block;
    text-decoration: none;
    color: #393B48;
}

.news-item__link:hover,
.news-item__link:focus {
    text-decoration: none;
    color: #393B48;
}

.news-item__image {
    position: relative;
    width: 100%;
    padding-bottom: 56.18%;
    border-radius: 16px;
    background-color: #DFE9F0;
    margin-bottom: 28px;
}

.news-item__image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 10%;
    height: 100%;
    object-fit: cover;
    border-radius: 16px;
}

.news-item__title {
    font-size: 28px;
    line-height: 1.4;
    font-weight: 700;
    margin-bottom: 20px;
/*    max-height: 78px;*/
    /*display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    transition: all 0.3s ease-in-out;
    overflow: hidden;*/
}

@media (max-width: 991px) {
    .news-item__title {
        font-size: 24px;
/*        max-height: 68px;*/
    }
}

.news-item__link:hover .news-item__title,
.news-item__link:focus .news-item__title {
    color: #4B69FF;
}

.news-item .article-controls {
    margin-bottom: 12px;
}

.news-item .article-controls__date {
    margin-left: 0;
    margin-bottom: 8px;
}

.news-item__desc {
    max-height: 190px;
    font-size: 17px;
    line-height: 1.6;
    margin-bottom: 16px;
    display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.news-item .article-bottom {
    margin-bottom: 0;
    padding-bottom: 8px;
}

.news-item .article-bottom .article-tags {
    margin-bottom: 0;
}

.news-item .article-controls--btm {
    padding: 16px 0 8px;
    margin-bottom: 0;
}

.news-item .article-controls--btm .article-controls__item {
    color: rgba(77, 79, 96, 0.5);
    border-color: transparent;
    margin-bottom: 8px;
}

.news-item .article-controls--btm .article-controls__item:hover,
.news-item .article-controls--btm .article-controls__item:focus {
    color: #4B69FF;
}

.news-item .article-controls--btm .article-controls__item.is-active {
    color: #4B69FF;
}

.news-item .article-controls--btm .article-controls__item .icon {
    stroke: rgba(77, 79, 96, 0.5);
}

.news-item .article-controls--btm .article-controls__item:hover .icon,
.news-item .article-controls--btm .article-controls__item:focus .icon {
    stroke: #4B69FF;
}

.news-item .article-controls--btm .article-controls__item.is-active .icon {
    stroke: #4B69FF;
    fill: #4B69FF;
}

.news-item .article-similar {
    margin-top: 36px;
    padding-bottom: 12px;
    margin-bottom: 0;
}

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

.news__sticky {
    position: relative;
    flex-grow: 2;
}

.news__aside .article-other {
    position: sticky;
    top: 15px;
    margin-bottom: 80px;
}

@media (max-width: 991px) {
    .news__aside .article-other {
        margin-bottom: 40px;
    }
}

.news__aside .article-other__image {
    width: 84px;
    height: 72px;
}

.news__aside .article-other__name {
    font-size: 15px;
    line-height: 1.4;
}

.news__aside .article-controls__item {
    font-size: 14px;
    line-height: 1.4;
    margin-right: 16px;
}

.news__aside .article-controls__item .icon {
    width: 16px;
    margin-right: 8px;
}

.news__aside .article-controls__date {
    font-size: 14px;
    line-height: 1.4;
    margin-right: 0;
}

.news__aside .article-other__title {
    margin: 0 0 12px;
}

.article-other__inner {
    padding: 16px 0 8px;
    border-bottom: 1px solid rgba(223, 233, 240, 0.4);
}

.news__sticky .aside-contacts {
    position: sticky;
    top: 15px;
    margin-bottom: 80px;
}

@media (max-width: 991px) {
    .news__sticky .aside-contacts {
        margin-bottom: 40px;
    }
}

.article__inner>.s-page-media .s-page-media__gallery {
    width: 100%;
}

/*.article__inner>.s-page-media .s-page-media__image,
.article__inner>.s-page-media .s-page-media__btn {
    border-radius: 12px;
}*/

.article__inner>.s-page-media .s-page-media__btn {
    right: 8px;
    height: calc(50% - 8px);
    width: calc(50% - 13px);
}

.aside-map {
    width: 100%;
    margin-bottom: 80px;
}

@media (max-width: 767px) {
    .aside-map {
        margin-bottom: 40px;
    }
}

.aside-map__map {
    position: relative;
    overflow: hidden;
    display: block;
    width: 100%;
    padding-bottom: 184px;
    border-radius: 40px;
    margin-bottom: 24px;
    border: none;
}

.aside-map__map::after {
    position: absolute;
    bottom: 57.5%;
    left: 50%;
    transform: translate(-50%, 50%);
    width: 37px;
    height: 45px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23FD3F61' viewBox='0 0 18 22'%3E%3Cpath stroke='none' d='M15.367 2.663c3.412 3.405 3.522 9.041.247 12.589-.04.043-2.244 2.292-6.614 6.748l-6.432-6.557C-.809 12-.862 6.363 2.448 2.853c.061-.064.123-.128.185-.19 3.558-3.55 9.176-3.55 12.734 0z'/%3E%3Ccircle fill='%23ffffff' stroke='none' cx='9' cy='9' r='4'/%3E%3Ccircle stroke-width='2' cx='9' cy='9' r='1' stroke='%23ffffff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: contain;
    content: "";
}

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

.aside-map__item {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    color: #4D4F60
}

.aside-map__item {
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: left top;
    margin-bottom: 14px;
}

.aside-map__item--location {
    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.8023 17.6405C12.5391 15.629 16.5 10.7539 16.5 8.01557C16.5 4.69447 13.5885 2 10 2C6.41146 2 3.5 4.69447 3.5 8.01557C3.5 10.7539 7.46094 15.629 9.19766 17.6405C9.61406 18.1198 10.3859 18.1198 10.8023 17.6405ZM10 6.01038C10.5746 6.01038 11.1257 6.22164 11.5321 6.59768C11.9384 6.97373 12.1667 7.48376 12.1667 8.01557C12.1667 8.54738 11.9384 9.0574 11.5321 9.43345C11.1257 9.8095 10.5746 10.0208 10 10.0208C9.42536 10.0208 8.87426 9.8095 8.46794 9.43345C8.06161 9.0574 7.83333 8.54738 7.83333 8.01557C7.83333 7.48376 8.06161 6.97373 8.46794 6.59768C8.87426 6.22164 9.42536 6.01038 10 6.01038Z' fill='%23CBDCE8'/%3E%3C/svg%3E%0A");
}

.aside-map__item--hours {
    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 2C5.582 2 2 5.582 2 10C2 14.418 5.582 18 10 18C14.418 18 18 14.418 18 10C18 5.582 14.418 2 10 2ZM12.711 12.711C12.3195 13.1025 11.669 13.083 11.2775 12.6915L9.294 10.708C9.20125 10.6163 9.128 10.505 9.07725 10.3818C9.02625 10.2598 9 10.1307 9 10V6C9 5.44725 9.44725 5 10 5C10.5527 5 11 5.44725 11 6V9.586L12.7148 11.3007C13.1065 11.6925 13.1015 12.3203 12.711 12.711Z' fill='%23CBDCE8'/%3E%3C/svg%3E%0A");
}

.aside-map__item--phones {
    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='M8.36459 4.43018L8.90542 5.39929C9.3935 6.27386 9.19759 7.42114 8.42884 8.18987C8.42884 8.18987 7.49649 9.12237 9.187 10.813C10.877 12.503 11.8101 11.5711 11.8101 11.5711C12.5788 10.8024 13.7261 10.6065 14.6007 11.0945L15.5698 11.6354C16.8904 12.3724 17.0463 14.2244 15.8856 15.3852C15.1881 16.0827 14.3336 16.6255 13.389 16.6612C11.7989 16.7215 9.0985 16.3191 6.38967 13.6103C3.68086 10.9015 3.27843 8.20106 3.33871 6.61095C3.37452 5.66637 3.91725 4.8119 4.61476 4.1144C5.77555 2.95361 7.62756 3.10957 8.36459 4.43018Z' fill='%23CBDCE8'/%3E%3C/svg%3E%0A");
}

.aside-map__link {
    display: inline-block;
    vertical-align: baseline;
    font-weight: 500;
    text-decoration: none;
    border-bottom: 0.5px solid transparent;
    color: #4B69FF;
}

.aside-map__link:hover,
.aside-map__link:focus {
    border-bottom: 0.5px solid;
}

.aside-map__item--phones .aside-map__link {
    font-weight: 400;
}

.aside-social {
    margin-right: -12px;
    margin-bottom: -6px;
    padding-left: 32px;
}

.aside-social__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    width: 38px;
    height: 38px;
    background-color: #F2F6F9;
    border-radius: 10px;
    margin-right: 12px;
    margin-bottom: 6px;
}

.aside-social__link .icon {
    fill: #9598AD;
    transition: fill 0.3s ease-in-out;
}

.aside-social__link:hover .icon,
.aside-social__link:focus .icon {
    fill: #4B69FF;
}

.places-nearby {
    margin-bottom: 80px;
}

@media (max-width: 767px) {
    .places-nearby {
        margin-bottom: 40px;
    }
}

.places-nearby__title {
    font-size: 17px;
    font-weight: 600;
    margin-bottom: 16px;
}

.places-nearby__list {
    margin: 0;
    padding: 0;
    list-style: none;
}

.places-nearby__item {
    border-bottom: 0.5px solid rgba(223, 233, 240, 0.8);
}

.places-nearby__item:first-child {
    border-top: 0.5px solid rgba(223, 233, 240, 0.8);
}

.places-nearby__inner {
    position: relative;
    width: 100%;
    display: flex;
    font-size: 14px;
    line-height: 1.4;
    color: #393B48;
    padding: 14px 0;
}

.places-nearby__inner a:not(.places-nearby__link),
.places-nearby__inner button {
    z-index: 2;
}


.places-nearby__image {
    position: relative;
    flex-shrink: 0;
    width: 100px;
    margin-right: 12px;
    height: 102px;
    border-radius: 12px;
    overflow: hidden;
}

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

.places-nearby__content {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: flex-start;
    flex-grow: 2;
}

.places-nearby__name {
    margin-bottom: 2px;
    width: 100%;
    max-height: 40px;
    transition: color 0.3s ease-in-out;
    display: -webkit-box;
    white-space: initial;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

@media (max-width: 767px) {
    .places-nearby__name {
        font-weight: 500;
        margin-bottom: 4px;
    }
}

.places-nearby__location {
    color: rgba(77, 79, 96, 0.5);
    width: 100%;
}

.places-nearby__bottom {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-top: auto;
}

@media (max-width: 991px) {
    .places-nearby__bottom {
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start;
    }
}

@media (max-width: 767px) {
    .places-nearby__bottom {
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
}

.places-nearby__rating {
    display: flex;
    align-items: center;
    font-size: 13px;
    line-height: 1.4;
    margin-right: 8px;
}

.places-nearby__rating .num {
    margin-right: 8px;
    flex-shrink: 0;
    padding: 2px 8px;
    background-color: #23B762;
    border-radius: 12px;
    font-weight: 600;
    color: #ffffff;
}

.places-nearby__rating .reviews {
    position: relative;
    z-index: 2;
    color: inherit;
    text-decoration: underline solid transparent;
}

.places-nearby__rating .reviews:hover,
.places-nearby__rating .reviews:focus {
    text-decoration: underline;
}

.places-nearby__price {
    font-size: 13px;
    line-height: 1.4;
}

@media (max-width: 991px) {
    .places-nearby__price {
        margin-top: 4px;
    }
}

.places-nearby__more {
    display: inline-block;
    vertical-align: baseline;
    margin-top: 16px;
    font-size: 16px;
    line-height: 1.4;
    font-weight: 600;
    color: #4B69FF;
    border: none;
    border-bottom: 0.5px solid transparent;
    background-color: transparent;
}

.places-nearby__more:hover,
.places-nearby__more:focus {
    border-bottom: 0.5px solid;
}

.places-nearby__link {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.places-nearby__link:hover+.places-nearby__content .places-nearby__name,
.places-nearby__link:focus+.places-nearby__content .places-nearby__name,
.places-nearby__inner:hover .places-nearby__name,
.places-nearby__inner:focus .places-nearby__name {
    color: #4B69FF;
}

.subscribe-popup.modal {
    transform: none;
}

.booking-modal-mobile .modal__inner {
    width: 480px;
}

@media (max-width: 767px) {
    .booking-modal-mobile .modal__inner {
        width: 100%;
    }

    .form-item--guests .catalog-search__popup-mobile-open {
        padding-top: 14px;
        border: 1px solid #DFE9F0;
        border-radius: 8px;
    }
}

.booking-modal-mobile .form-item--filled .s-select__btn {
    padding-top: 14px;
}

.booking-modal-mobile .form-row {
    justify-content: space-between;
    margin: 0;
}

.booking-modal-mobile .form-row .form-item {
    width: calc(50% - 4px);
    border: none;
    margin: 0 0 8px;
}

/* Стили для блога */
.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.line-clamp-3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.aspect-video {
    aspect-ratio: 16 / 9;
}

/* Стили для контента статей */
.prose {
    max-width: none;
}

.prose h1,
.prose h2,
.prose h3,
.prose h4,
.prose h5,
.prose h6 {
    color: #1f2937;
    font-weight: 600;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.prose p {
    margin-bottom: 1.25rem;
    line-height: 1.75;
}

.prose img {
    border-radius: 0.5rem;
    max-width: 100%;
    height: auto;
}

.prose ul,
.prose ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
}

.prose li {
    margin: 0.5rem 0;
}

.prose blockquote {
    border-left: 4px solid #e5e7eb;
    padding-left: 1rem;
    margin: 1.5rem 0;
    font-style: italic;
    color: #6b7280;
}

.prose a {
    color: #2563eb;
    text-decoration: underline;
}

.prose a:hover {
    color: #1d4ed8;
}

/* Стили для кнопки избранного в нижних контролах */
.s-controls__item--favourites .s-controls__btn.is-active {
    color: #4B69FF;
}

.s-controls__item--favourites .s-controls__btn.is-active svg {
    fill: #4B69FF !important;
    stroke: #4B69FF;
    animation: animateHeart .3s linear forwards .25s;
}

/* Адаптивность */
@media (max-width: 768px) {
    .container {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    
    .text-4xl {
        font-size: 2rem;
        line-height: 2.5rem;
    }
    
    .text-5xl {
        font-size: 2.5rem;
        line-height: 3rem;
    }
}