/* Start:/local/templates/rtf2024/components/mx/mx.html/catalog.top.banner.2/style.css?17593023596860*/
@import url(https://fonts.googleapis.com/css2?family=Inter:wght@200;300;400;500&display=swap);

.category-title {
    position: absolute;
}

.category-hero img {
    margin-left: auto;
}

.main_category .hero-row {
    grid-template-columns: 1fr auto;
}
@media (max-width: 768px) {
    .main_category .hero-row .ad-banner {
        max-height: max-content;
    }
}

.top-razdel-banner {
    /*max-width: 1170px;*/
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 12px;
}

.top-razdel-banner .razdel-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    border-radius: 10px 10px 0 0;
    padding: 36px 0 6px 36px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden
}

.top-razdel-banner .razdel-title h1 {
    width: 66.66%;
    font-weight: 400;
    margin: 0;
    font-size: 25px;
    font-weight: 500;
    padding-bottom: 50px
}

.top-razdel-banner .razdel-title img {
    width: 33.33%;
    max-width: 100%;
    margin-top: -34px;
    min-width: 334px
}

.top-razdel-banner .razdel-title .offers-count {
    position: absolute;
    bottom: 20px;
    margin: 0;
    font-weight: 200
}

.top-razdel-banner .razdel-description {
    padding: 32px 20px 32px 36px;
    border-radius: 0 0 10px 10px;
    background: rgba(217, 217, 217, .2)
}

.top-razdel-banner .razdel-description p {
    font-weight: 300;
    margin: 0 0 10px
}

.top-razdel-banner .links {
    margin-left: 36px;
    margin-top: -24px
}

.top-razdel-banner .links .obzornaya-statya,
.top-razdel-banner .links .grey-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #d9d9d9;
    padding: 11px 30px 11px 24px;
    border-radius: 10px;
    margin-right: 13px;
    color: #000;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.top-razdel-banner .links .link-to-section-button {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    background: #d9d9d9;
    padding: 11px 30px 11px 24px;
    border-radius: 10px;
    margin-right: 13px;
    color: #000;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    font-weight: 300;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s
}

.top-razdel-banner .links .obzornaya-statya span:after {
    content: '';
    display: inline-block;
    width: 10px;
    height: 19px;
    background: url(/img-banner/link-to-section.svg) no-repeat center center;
    margin-left: 10px;
    position: relative;
    bottom: -7px
}

.top-razdel-banner .links .obzornaya-statya:hover,
.top-razdel-banner .links .link-to-section-button:hover,
.top-razdel-banner .links .grey-button:hover {
    background: #ebebeb;
    -webkit-box-shadow: 3px 3px 8px 1px #d9d9d9;
    box-shadow: 3px 3px 8px 1px #d9d9d9
}

.top-razdel-banner .show-current {
    padding: 0 36px
}

.top-razdel-banner .show-current p {
    font-size: 16px;
    font-weight: 200;
    margin: 0;
    text-align: right
}

@media (min-width: 769px) and (max-width: 1000px) {
    .top-razdel-banner .show-current {
        margin-top: 20px
    }
}

@media (max-width: 768px) {
    .top-razdel-banner .links .grey-button{
        width: 100%;
    }
    .top-razdel-banner .razdel-title {
        display: block;
        padding-bottom: 40px
    }

    .top-razdel-banner .razdel-title h1 {
        width: 100%
    }

    .top-razdel-banner .razdel-title img {
        display: block;
        margin-left: auto;
        margin-right: -76px
    }

    .top-razdel-banner .links {
        margin-left: 0;
        margin-right: 0
    }

    .top-razdel-banner .links .obzornaya-statya {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 8px
    }
    .top-razdel-banner .links .link-to-section-button {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        margin-bottom: 20px;
        margin-left: auto;
        margin-right: auto;
        max-width: 400px;
        padding-left: 5px;
        padding-right: 5px;
        padding-top: 12px;
        padding-bottom: 12px;
    }
}

@media (max-width: 420px) {
    .top-razdel-banner .razdel-title {
        padding-top: 20px;
        padding-left: 15px
    }

    .top-razdel-banner .razdel-title h1 {
        font-size: 24px
    }

    .top-razdel-banner .razdel-title .offers-count {
        font-size: 16px
    }

    .top-razdel-banner .razdel-description {
        padding: 20px 10px 50px 15px
    }

    .top-razdel-banner .razdel-description p {
        font-size: 16px
    }

    .top-razdel-banner .links .obzornaya-statya {
        font-size: 16px;
        margin-bottom: 15px
    }
    .top-razdel-banner .links .link-to-section-button {
        font-size: 16px;
        margin-bottom: 15px
    }

    .top-razdel-banner .show-current p {
        font-size: 14px;
        font-weight: 300
    }
}

@media (max-width: 700px) {
    .razdel-description {
        overflow: hidden;
    }

    .razdel-description p {
        display: none;
    }

    .razdel-description .razdel-description-spoiler p {
        display: block;
    }

    .razdel-description .rz-read {
        margin-top: 10px;
        font-style: italic;
        color: #ca4e19;
    }
}

.razdel-description p{
    line-height: 25px;
}

.razdel-wrapper{
    box-shadow: 2px 5px 8px 2px #eaeaea;
    border-radius: 8px;
}

/*.razdel-title::before{*/
/*    content: "";*/
/*    display: block;*/
/*    position: absolute;*/
/*    top: 0;*/
/*    bottom: 0;*/
/*    left: 0;*/
/*    width: 30%;*/
/*    background: linear-gradient(90deg, #fff, transparent);*/
/*    pointer-events: none;*/
/*    z-index: 1;*/
/*    opacity: 0.5;*/
/*}*/

.razdel-title > *{
    z-index: 2;
}


.spoiler-toggle{
    display: none;
}

.spoiler-wrapper {
    position: relative;
    overflow: hidden;
}
.spoiler-content {
    max-height: none; /* Половина высоты экрана */
    overflow: hidden;
    transition: max-height 0.3s ease;
}
.spoiler-content.collapsed {
    max-height: 200px;
}
.spoiler-toggle {
    display: block;
    width: 100%;
    padding: 10px;
    background: #f0f0f0;
    border: none;
    text-align: center;
    cursor: pointer;
    font-size: 16px;
    margin: 10px 0px;
    border-radius: 8px;
}

/* End */


/* Start:/local/templates/rtf2024/components/bitrix/advertising.banner/bannerCatalogSectionTop/style.css?1754306365921*/
.video_review_fr {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 49px;}
.video_review_fr .h2 {
    margin-bottom: 30px;
    color: #000; }
.video_review_fr .slider {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px; }
.video_review_fr .slider .slide {
    margin: 0 10px;
    position: relative; }
.video_review_fr .slider .slide .preview {
    width: 100%;
    height: 165px;
    border-radius: 6px;
    object-fit: cover; }
.video_review_fr .slider .slide .play_btn {
    position: absolute;
    left: 10px;
    bottom: 9px;
    z-index: 2;
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center; }

.video_review_fr .slider .slide {
    display: block;
}

.catalogBannerSlider .slider,
.catalogBannerSlider .slider .slide img {
    height: auto;
}
/* End */


/* Start:/local/components/dev/catalog.stories/templates/.default/style.css?1755599214796*/
.tf-shorts-slider__view-count.tf-shorts-slider__view-count-preview{
    opacity: 1;
}

.main_category .gap-md{
    max-width: 100%;
    width: 100%;
}
.tf-shorts-play-button {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 44px;
    height: 51px;
    background: url("/local/templates/rtf2024/img/icons/play-button.png") no-repeat center center;
    background-size: contain;
    transform: translate(-50%, -50%);
    opacity: 0.7;
    transition: opacity 0.3s ease;
    pointer-events: none; /* чтобы не мешала клику */
}

.tf-shorts-slider__item:hover .tf-shorts-play-button {
    opacity: 1;
}

/* Мобилка: уменьшаем в 2 раза */
@media (max-width: 768px) {
    .tf-shorts-play-button {
        width: 24px;
        height: 28px;
    }
}

/* End */


/* Start:/local/templates/rtf2024/components/mx/mx.html/catalog.subcategory.list.2/style.css?17543063652211*/
.category_section {
    width: 100%;
    display: flex;
    justify-content: center;
}

.category_section .h2 {
    text-align: center;
    margin-bottom: 26px;
}

.choose_category_filter {
    width: 100%;
    border-radius: 6px;
    background-color: #e3f2ff;
    padding: 37px 40px 40px;
}

.choose_category_filter .top {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 16px;
    border-bottom: 1px solid #fff;
}

.choose_category_filter .top p {
    width: auto;
    color: #000000;
    font-size: 24px;
    line-height: 28px;
}

.choose_category_filter .top .toggle_link {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-size: 15px;
}

.choose_category_filter .top .toggle_link.active figure img {
    transform: none;
    margin-top: 2px;
}

.choose_category_filter .top .toggle_link figure {
    width: 26px;
    height: 26px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.choose_category_filter .top .toggle_link figure img {
    transition: .3s;
    transform: rotate(180deg);
    margin-top: -2px;
}


.choose_category_filter .content {
    width: 100%;
}

.choose_category_filter .content .inner {
    width: 100%;
    display: flex;
    align-items: flex-start;
    padding-top: 25px;
    gap: 20px;
}

.choose_category_filter .content ul {
    /*width: 25%;*/
    margin: 0;
    padding: 0;
}

.choose_category_filter .content ul li {
    width: 100%;
    margin-bottom: 12px;
    list-style-type: none;
}

.choose_category_filter .content ul li:last-child {
    margin-bottom: 0;
}

.choose_category_filter .content ul li a {
    display: flex;
    align-items: center;
    color: #242731;
    font-size: 16px;
}

.choose_category_filter .content ul li a:hover {
    color: #1e70b9;
}

.choose_category_filter .content ul li a .count {
    color: #1e70b9;
    font-size: 0.9em;
}

.choose_category_filter .content ul li a figure {
    width: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 8px;
}

.choose_category_filter .content .toggle_link_mob {
    display: none;
}
/* End */


/* Start:/local/templates/rtf2024/components/mx/mx.html/catalog.filter.2/style.css?17543063651907*/
.sorts-block {
    margin-bottom: 15px;
}

.sorts-block .sorts-head {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding-bottom: 13px;
    text-align: left;
}

.sorts-block .sorts-head p:first-child {
    font-size: 21px;
    line-height: 27px
}

.sorts-block .sorts-head p:nth-child(2) {
    text-align: right;
    font-size: 18px;
    line-height: 23px
}

.sorts-block ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    padding-left: 0 !important;
    margin-bottom: 0 !important
}

.sorts-block ul:not(:last-child) {
    margin-bottom: 0 !important
}

.sorts-block ul li {
    list-style: none;
    margin-right: 16px;
    padding-bottom: 12.5px
}

.sorts-block ul li a {
    display: block;
    font-size: 16px;
    line-height: 20px;
    padding: 5px 16px 7px;
    background: #fff;
    border-radius: 70px;
    color: #242731;
    text-align: center;
    cursor: pointer;
}

.sorts-block ul li a.active, .sorts-block ul li a:hover {
    background: #fc7337;
    color: #fff
}

.sorts-block ul li:last-child {
    margin-right: 0
}

@media (max-width: 1170px) {
    .sorts-block .sorts-head p:first-child {
        font-size: 17px
    }

    .sorts-block .sorts-head p:nth-child(2) {
        font-size: 15px;
        line-height: 27px;
    }
    .sorts-block .sorts-head p {
        idth: auto;
    }

    .sorts-block ul {
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .sorts-block ul:not(:last-child) {
        padding-bottom: 15px
    }

    .sorts-block ul li a {
        font-size: 16px;
        line-height: 18px
    }
}

@media screen and (max-width: 768px) {
    .sort__range  span[data-value="invest"]{
        display: none;
    }
}
/* End */


/* Start:/local/templates/rtf2024/components/bitrix/system.pagenavigation/pageCatalogSection/style.css?17334030272519*/
.bottom_filter_catalog {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    margin-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}


.bottom_filter_catalog .show_more.show_more_mod {
    width: 220px;
}

.bottom_filter_catalog .see_catalog {
    position: absolute;
    right: 15px;
    color: #000000;
    font-size: 16px;
    border-bottom: 1px dashed #000;
    padding-bottom: 2px;
}

.bottom_filter_catalog .see_catalog:hover {
    border-color: transparent;
}

.bottom_filter_catalog.bottom_filter_catalog_mod {
    justify-content: space-between;
}

.bottom_filter_catalog.bottom_filter_catalog_mod .navigation {
    display: flex;
    justify-content: center;
    align-items: center;
}

.bottom_filter_catalog.bottom_filter_catalog_mod .navigation .nav-item_btn {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: transparent;
    margin-right: 10px;
    padding: 0;
    width: 34px;
    height: 34px;
    position: relative;
    border: 1px solid transparent;
    font-size: 14px;
}

/*.bottom_filter_catalog.bottom_filter_catalog_mod .navigation .nav-item_btn:before {*/
/*    content: "";*/
/*    position: absolute;*/
/*    left: 0;*/
/*    right: 0;*/
/*    bottom: -11px;*/
/*    height: 2px;*/
/*    background-color: #242731;*/
/*    width: 0;*/
/*}*/

.bottom_filter_catalog.bottom_filter_catalog_mod .navigation .nav-item_btn:last-child {
    margin-right: 0;
}

.bottom_filter_catalog.bottom_filter_catalog_mod .navigation .nav-item_btn:hover {
    border-radius: 6px;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}

.bottom_filter_catalog.bottom_filter_catalog_mod .navigation .nav-item_btn:hover:before {
    width: 100%;
}

.bottom_filter_catalog.bottom_filter_catalog_mod .navigation .nav-item_btn.active {
    border-radius: 6px;
    background-color: #e8e8e8;
    border-color: #e8e8e8;
}

.bottom_filter_catalog.bottom_filter_catalog_mod .navigation .nav-item_btn.active:before {
    width: 100%;
}

.bottom_filter_catalog.bottom_filter_catalog_mod .navigation .dots_text {
    width: 34px;
    height: 34px;
    margin-right: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-pager .show_more{
    display: none;
}

.top-section-block{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 20px;
}

.showMoreCatalogSection{
    min-width: 200px;
}
/* End */


/* Start:/local/components/dev/franchise.item/templates/catalog_2/style.css?17543063652836*/
@media (max-width: 575.98px) {

    body .reviews_news_wrap {
        display: block;
    }

    body .reviews_news_wrap .right_side {
        max-width: 100%;
    }

    body .design2024 .franchises_list .banners_slider,
    body .design2024 .franchises_list .promo-block-main {
        grid-column: 1 / 3;
    }

    body .show_more {
        margin: auto;
    }
}

body.design2024,
main,
body .breadcrumbs_cont{
    background: #f6f8fc;
}

.fr-logo{
    display: none;
}

.franchises_list--horizontal .fr-logo{
    display: block;
}
.franchises_list--horizontal .fr-preview-image{
    display: none;
}
body .franchises_list--horizontal .franchise_item__text{
    display: block;
}

.fr-pharmacy-motivate__view{
    margin-bottom: 18px;
}

.franchise_item__hover{
    display: block;
}

.a101-fr-label{
    position: absolute !important;
    right: 0;
    top: 0px;
    background: #fff;
    padding: 5px 5px 3px 7px;
    border-bottom-left-radius: 18px;
    border-top-right-radius: 6px;
    z-index: 2 !important; /* чтобы перебить стиль [data-tooltip] */
    transition: 0.3s ease-out;
}

.franchise_item:hover .a101-fr-label{
    opacity: 0;
    pointer-events: none;
}

.fr-services .h5.card__title{
    font-weight: 600;
    font-size: 17px;
}

.fr-services .card-info .card__view .image{
    min-width: initial;
    min-height: initial;
    max-height: 200px;
    width: auto;
    /*height: 135px;*/
}

.franchises_list--horizontal .franchise_item__view .image{
    display: none;
}
.franchises_list--horizontal .franchise_item__view .image.fr-logo{
    display: block;
}
.franchise_item__view{
    position: relative;
}
/* Обычные стили */
.franchise_item .banner-marker {
    top: auto;
    bottom: 4px;
    left: 4px;
    right: auto;
    font-size: 11px;
    border-radius: 16px;
    padding-top: 2px;
    padding-right: 2px;
    padding-bottom: 2px;
    padding-left: 8px;
    color: #323232;
}

.franchise_item .banner-marker__inner {
    width: 16px;
    height: 16px;
}

.franchise_item .banner-marker__content {
    right: -153px;
    top: -62px;
}

/* Адаптив под max-width: 1200px */
@media (max-width: 1200px) {
    .franchise_item .banner-marker__content {
        right: -141px;
        top: -55px;
        padding: 6px;
    }
}

/* Адаптив под max-width: 768px */
@media (max-width: 768px) {
    .franchise_item .banner-marker {
        right: auto;
        font-size: 6px;
        padding-left: 4px;
    }
    .franchise_item .banner-marker__inner {
        width: 6px;
        height: 6px;
    }
    .franchise_item .banner-marker__content {
        font-size: 6px;
        line-height: 1.6;
        max-width: 140px;
        right: -102px;
        top: -23px;
        padding: 4px;
    }
}

.design2024 .franchise_item::before{
    display: none !important;
}
/* End */


/* Start:/local/components/dev/banner.calc/templates/.default/style.css?17630250103967*/
.banner-popup {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    z-index: 99999999;
    padding: 0 20px;
}

.banner-popup__modal {
    max-width: 800px;
    position: relative;
}

.banner-popup__wrapper {
    display: block;
    width: 100%;
    height: 100%;
}

.banner-popup__close {
    right: 20px;
    top: 20px;
    width: 32px;
    height: 32px;
    opacity: 0.3;
    position: absolute;
    cursor: pointer;
}

.banner-popup__close:hover {
    opacity: 1;
}

.banner-popup__close:before, .banner-popup__close:after {
    position: absolute;
    left: 15px;
    content: ' ';
    height: 33px;
    width: 2px;
    background-color: #333;
}

.banner-popup__close:before {
    transform: rotate(45deg);
}

.banner-popup__close:after {
    transform: rotate(-45deg);
}


.banner-popup__image {
    width: 100%;
}

.banner-popup__image--mobile {
    width: 100%;
    display: none;
}
.rtf-calc-content img{
    display: block;
}

@media screen and (max-width: 550px) {
    .banner-popup__image {
        display: none;
    }

    .banner-popup__image--mobile {
        display: block;
    }
}
@media screen and (max-width: 769px) {
    .rtf-calc-content img{
        width: 100%;
    }
}
/* ===== rtf-calc (скопировано по аналогии с rtf-quiz-banner) ===== */
.rtf-calc-banner {
    position: relative;
    background: #FFA364;
    color: #FFFFFF;
    border-radius: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 16px;
    padding: 25px 12px 25px 12px;
    overflow: hidden;
}

.rtf-calc-banner::before {
    content: "";
    position: absolute;
    transform: none;
    right: 30px;
    top: 50px;
    z-index: 1;
    width: 40%;
    height: 59%;
    max-width: 240px;
    background: url('/local/components/dev/banner.calc/templates/.default/img/img_calc.png') center/cover no-repeat;
}

.rtf-calc-content {
    z-index: 2;
    display: flex;
    flex-direction: column;
    height: 100%;
    width: 100%;
   /* align-items: flex-start;
    gap: 95px;
    width: 100%;
    padding-left: 120px;
    padding-top: 30px;*/
}
/*
.rtf-calc-banner.rtf-calc-banner--second {
    background: #ffa364;
    padding: 0;
}

.rtf-calc-banner--second .rtf-calc-content {
    padding: 0;
}
*/
.rtf-calc-title {
    flex: 1;
    margin: 0;
    font-weight: 400;
    font-size: 20px;
    line-height: 130%;
    color: #000000;
    width: 50%;
}

.rtf-calc-title .fw-600 {font-weight: 600; margin: 25px 0px; font-size: 24px;}

.rtf-calc-btn {
    width: 100%;
    text-align: center;
    padding: 16px 6px;
    font-size: 17px;
    background: #000000;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    line-height: 120%;
    transition: opacity 0.2s;
}

.rtf-calc-btn:hover { opacity: 0.9; }
/*
@media (min-width: 1435px) and (max-width: 1582px) {
    .rtf-calc-content { gap: 70px; }
}
@media(max-width: 1300px) {
    .rtf-calc-content { padding-left: 100px; }
    .rtf-calc-banner::before { width: 35%; }
}
*/
@media(max-width: 1200px) {
    .rtf-calc-title { font-size: 16px; }
}

@media(max-width: 1024px) {
    /*.rtf-calc-content { padding-left: 150px; gap: 115px; }*/
    .rtf-calc-title { width: 65%; margin-bottom: 15px; margin-left: 5px;}
    /*.rtf-calc-btn { max-width: 250px; }*/
}

@media(max-width: 768px) {
    .rtf-calc-banner::before {width: 24%;height: 50%;top: 30px;}
    .rtf-calc-title .fw-600 {margin: 15px 0px;}
}

@media(max-width: 480px) {
    /*.rtf-calc-content { padding-left: 100px; padding-top: 25px; }*/
}
/* ===== конец блока rtf-calc ===== */
/* End */


/* Start:/local/templates/rtf2024/components/mx/mx.html/city.links/style.css?1758579562890*/
.franchise_section_city_wrapper ul{
    list-style-type: none !important;
    columns: 3;
    padding-left: 0 !important;
}

@media screen and (max-width: 480px) {
    .franchise_section_city_wrapper ul{
        columns: 1;
    }
}

.franchise_section_city_wrapper ul li a{
    color: #000;
    font-size: 16px;
    line-height: 24px;
}

.franchise_section_city_wrapper  .franchise_page__content__text{
    display: flex;
    flex-direction: column;
    min-width: unset;
    max-width: unset;
    width: auto;
    margin: unset;
    overflow: hidden;
    border-radius: 8px;
    box-shadow: var(--shadow);
    background-color: var(--white-color);
    color: var(--black-color);
    padding: 17px 17px 0px 17px;
}

.franchise_section_city_wrapper h3{
    font-size: 18px;
    font-weight: 600;
    text-align: left;
    margin: 24px 0 16px;
}

.container-full .container{
    padding: 0;
}
/* End */


/* Start:/local/components/dev/catalog.reviews.ajax/templates/.default/style.css?17647857646940*/
.reviewsList .reviews-catalog-wrapper {
	font-family: var(--font-family-base);
}

.reviewsList .reviews-catalog-wrapper__title_block {
    display: flex;
    align-items: center;
}
@media (min-width: 992px) {
	.reviewsList .reviews-catalog-wrapper__title_block h4{
		font-size: 24px;
	}
}
.reviewsList .swiper-navigation_detail-page {
    display: flex;
    gap: 12px;
    margin-left: 10px;
}

.reviewsList .swiper-navigation_detail-page .swiper-prev,
.reviewsList .swiper-navigation_detail-page .swiper-next {
    width: 32px;
    height: 32px;
    border-radius: 50%;
    background: #E7EBF4;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.3s ease;
}

.reviewsList .swiper-navigation_detail-page .swiper-prev:hover,
.reviewsList .swiper-navigation_detail-page .swiper-next:hover {
    background: #e0e0e0;
}

.reviewsList .swiper-navigation_detail-page button {
     background: unset;
	padding: 0;
	display: flex;
	vertical-align: middle;
}

.reviewsList .swiper-navigation_detail-page .swiper-next button {
	margin-left: 2px;
}

.reviewsList .swiper-navigation_detail-page .swiper-prev img {
    transform: rotate(180deg);
}

.reviewsList .swiper-navigation_detail-page .swiper-button-disabled {
    opacity: 0.6;
    cursor: not-allowed;
    pointer-events: none;
}

.reviewsList .swiper-navigation_detail-page .swiper-button-disabled > button {
    cursor: not-allowed;
}

.reviewsList .swiper-navigation_detail-page .swiper-button-disabled {
    background-color: #E7EBF4 !important;
}
.reviewsList .franchises_list.reviews-catalog-wrapper h4 a {
    border-radius: 8px;
    padding: 16px 24px;
    background-color: #FFFFFF;
    color: #4582EF;
}
.reviewsList .franchises_list.reviews-catalog-wrapper h4 .filter_page_arrow {
    width: 35px;
    height: 35px;
    margin-left: 10px;
    vertical-align: middle;
}
.reviewsList .slide-review__item .slide-review__text::after {
    content: none !important;
}
.reviewsList .slide-review-ajax .slide-review__item .slide-review__text {
    max-height: 300px;
    overflow: auto;
    position: relative;
    scroll-behavior: smooth;
    scrollbar-width: thin;
    scrollbar-color: #e0e0e07a  transparent;
    transition: scrollbar-color 0.3s ease;
}

.reviewsList .slide-review-ajax .slide-review__item .slide-review__text::-webkit-scrollbar {
    width: 4px;
}

.reviewsList .slide-review-ajax .slide-review__item .slide-review__text::-webkit-scrollbar-track {
    background: transparent;
    border-radius: 2px;
}

.reviewsList .slide-review-ajax .slide-review__item .slide-review__text::-webkit-scrollbar-thumb {
    background: #e0e0e0;
    border-radius: 2px;
    transition: all 0.3s ease;
}

.reviewsList .slide-review-ajax .slide-review__item:hover .slide-review__text {
    scrollbar-color: #EB6124 transparent;
}

.reviewsList .slide-review-ajax .slide-review__item:hover .slide-review__text::-webkit-scrollbar-thumb {
    background: #EB6124;
}

.reviewsList .slide-review-ajax .slide-review__item:hover .slide-review__text::-webkit-scrollbar-thumb:hover {
    background: #d4561f;
}

.reviewsList .container {
	padding:0px;
}

.reviewsList .reviews-header {
	display: flex;
	align-items: center;
	gap: 10px;
	margin-bottom: 20px;
}
.reviewsList .reviews-header h4{
	margin: 0;
}
.reviewsList .swiper-navigation-detail {
	display: flex;
	align-items: center;
}
.reviewsList .swiper-detail-button-prev,
.reviewsList .swiper-detail-button-next {
	cursor: pointer;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: opacity 0.3s ease;
}
.reviewsList .swiper-detail-button-prev:hover,
.reviewsList .swiper-detail-button-next:hover {
	opacity: 0.8;
}
.reviewsList .swiper-detail-button-prev.swiper-button-disabled,
.reviewsList .swiper-detail-button-next.swiper-button-disabled {
	opacity: 0.35;
	cursor: not-allowed;
}
.reviewsList .swiper-navigation-detail .icon {
	width: 24px;
	height: 24px;
	fill: currentColor;
	transition: transform 0.2s ease;
}
.reviewsList .swiper-detail-button-prev img {
	transform: rotate(180deg);
}
.reviewsList .swiper-detail-button-prev:hover .icon {
	transform: rotate(180deg) scale(1.1);
}
.reviewsList .swiper-detail-button-next:hover .icon {
	transform: scale(1.1);
}

.reviewsList .slide-review__item {
	background-color: var(--white-color);
	border-radius: 8px;
}
@media (min-width: 768px) {
	.reviewsList .slide-review-ajax .slide-review__item {
		padding: 20px;
	}
}
@media (max-width: 767.98px) {
	.reviewsList .slide-review-ajax .slide-review__item {
		padding: 8px;
	}
}
@media (max-width: 575.98px) {
	.reviewsList .slide-review-ajax .slide-review__item {
		min-width: 220px;
		width: 220px;
	}
}
@media (min-width: 576px) and (max-width: 767.98px) {
	.reviewsList .slide-review-ajax .slide-review__item {
		min-width: 450px;
		width: 450px;
	}
}
.reviewsList .slide-review-ajax .swiper-slide.slide-review__item {
	height: 332px;
	flex-direction: column;
	box-shadow: none;
	border: 1px solid #D8D8D8;
}

.reviewsList .slide-review__header {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	padding-bottom: 8px;
}

.reviewsList .slide-review__header-text__name {
	font-size: 16px;
	font-weight: 600;
	color: #242731;
	line-height: 20px;
	text-transform: none;
	margin-bottom: 0px;
}

.reviewsList .slide-review__header-text__city {
font-size: 14px;
color: #242731;
line-height: 20px;
}
.reviewsList .slide-review__header-text__other {
color: #888DA0;
font-size: 16px;
line-height: 130%;
text-transform: uppercase;
}

.reviewsList .slide-review__header-img {
width: 60px !important;
height: 60px !important;
border-radius: 15px;
object-fit: cover;
}

.reviewsList .slide-review__header-text {
width: calc(100% - 60px);
height: 60px;
padding-left: 15px;
}

.reviewsList .slide-review__text p {
font-size: 15px;
line-height: 1.6;
}

.reviewsList .leave_review {
background: none;
color: #010000;
font-size: 20px;
display: inline-block;
transition: .3s;
border-top: none;
border-left: none;
border-right: none;
border-bottom: 2px dotted;
}

.reviewsList .leave_review:hover {
border-bottom-color: transparent;
}

.reviewsList .franchise_page__review__share {
display: flex;
flex-direction: column;
align-items: center;
margin-bottom: 20px;
}

.reviewsList .review__share__text {
margin-bottom: 10px;
}

@media (max-width: 767.98px) {
.reviewsList .slide-review__item {
padding: 30px;
background-color: #fff;
box-shadow: none;
border-radius: 8px;
}

.reviewsList .slide-review__header {
margin-bottom: 10px;
}

.reviewsList .slide-review__header-text {
height: auto;
}

.reviewsList .slide-review__text p {
margin-top: 0;
margin-bottom: 0;
}

.reviewsList .franchise_page__review__share {
margin-bottom: 12px;
}

.reviewsList .review__share__text {
text-align: center;
}
}

@media (min-width: 768px) {
.reviewsList .franchise_page__review .slide-review__text p {
font-size: 17px;
}
}
/* End */


/* Start:/local/templates/rtf2024/components/mx/mx.html/catalog.filter.search/style.css?17600969991322*/
.choose_category_filter .content ul li a figure,
.choose_category_filter .content ul li a figure img {
    min-width: 24px;
    width: 24px;
    min-height: 24px;
    height: 24px;
}
.franchise_filter .filter_list li a figure,
.filter_advanced_list li a img,
.choose_category_filter .content ul li a figure {
    margin-right: 8px;
}
.franchise_filter .filter_list li,
.choose_category_filter .content ul li {
    margin-bottom: 10px;
}

.filter_advanced_list {
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap; }
.filter_advanced_list li {
    margin-right: 10px;
    margin-bottom: 10px;
    list-style-type: none;
}
.filter_advanced_list li a {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 40px;
    border-radius: 6px;
    background-color: #ffffff;
    padding: 0 15px;
    color: #000000;
    font-size: 16px;
    border: 1px solid transparent; }
.filter_advanced_list li a:hover {
    border: 1px solid #1e70b9; }
.filter_advanced_list li a img {
    margin-right: 9px;
    max-height: 24px;}

.fr-filter-wrapper{
    max-width: 100%;
}

.fr-filter__selectric-inputs,
.fr-filter__selectric-inputs-wrapper{
    flex-wrap: wrap;
}
.fr-filter .fr-filter__selectric-inputs-wrapper{
    align-items: flex-end;
}
/* End */


/* Start:/local/templates/rtf2024/components/bitrix/advertising.banner/bannerBlockSlider/style.css?1731509685921*/
.video_review_fr {
    width: 100%;
    display: flex;
    justify-content: center;
    margin-top: 49px;}
.video_review_fr .h2 {
    margin-bottom: 30px;
    color: #000; }
.video_review_fr .slider {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px; }
.video_review_fr .slider .slide {
    margin: 0 10px;
    position: relative; }
.video_review_fr .slider .slide .preview {
    width: 100%;
    height: 165px;
    border-radius: 6px;
    object-fit: cover; }
.video_review_fr .slider .slide .play_btn {
    position: absolute;
    left: 10px;
    bottom: 9px;
    z-index: 2;
    width: 34px;
    height: 34px;
    border-radius: 6px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center; }

.video_review_fr .slider .slide {
    display: block;
}

.catalogBannerSlider .slider,
.catalogBannerSlider .slider .slide img {
    height: auto;
}
/* End */


/* Start:/local/templates/rtf2024/css/content/catalog-2.css?176459670330270*/
@import url("/local/templates/rtf2024/css/content/css/ad-banner.css");

@import url("https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600;700&display=swap&subset=cyrillic");



.mb-0  {margin-bottom:0   !important;}
.mb-4  {margin-bottom:4px !important;}
.mb-8  {margin-bottom:8px !important;}
.mb-10 {margin-bottom:10px!important;}
.mb-12 {margin-bottom:12px!important;}
.mb-16 {margin-bottom:16px!important;}
.mb-20 {margin-bottom:20px!important;}
.mb-24 {margin-bottom:24px!important;}
.mb-32 {margin-bottom:32px!important;}

@media (max-width:1180px){
    .m-mb-0  {margin-bottom:0!important;}
    .m-mb-4  {margin-bottom:4px!important;}
    .m-mb-8  {margin-bottom:8px!important;}
    .m-mb-10 {margin-bottom:10px!important;}
    .m-mb-12 {margin-bottom:12px!important;}
    .m-mb-16 {margin-bottom:16px!important;}
    .m-mb-20 {margin-bottom:20px!important;}
    .m-mb-24 {margin-bottom:24px!important;}
    .m-mb-32 {margin-bottom:32px!important;}
}


@media (max-width: 991.98px) {
    p {
        font-size: unset !important;
    }
}

@media (min-width: 992px) {
    p:not(:last-child) {
        margin-bottom: 0;
    }
}

h3 {
    margin: unset !important;
}

h2 {
    margin-block-start: 0   !important;
    /* all: unset; */
}



.category_content {
    display: flex;
    /* align-items: center; */
    flex-direction: column;
    /* justify-content: center; */
    background: #F8FAFC;
    max-width: 1640px;
    width: 100%;
    margin: 0 auto;
}

.main_category {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background: #fff;
     */
    background: #F8FAFC;
    max-width: 1640px;
    padding: 0 12px;
    width: 100%;
    margin: 0 auto;
}

.breadcrumbs-wrapper {
    display: none !important;
}

/*.breadcrumbs_wrapper {*/
/*    display: none !important;*/
/*}*/

@media (min-width: 1440px) {
    .body2 .main {
        margin-top: 88px !important;
    }
}

@media (min-width: 992px) and (max-width: 1439.98px) {
    .body2 .main {
        margin-top: 132px !important;
    }
}

.main {
    margin-top: 88px;
    background: #F8FAFC;
}



/* breadcrumbs / хлебные крошки */

.rtf.breadcrumbs {
    all: unset;
    max-width: 1640px;
    /* margin: 0 auto; */
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    padding: 8px 16px 24px;
    background-color: #F8FAFC;
    font-family: 'Source Sans 3', sans-serif;

}

.rtf.breadcrumb {
    background-color: #ffffff;
    border-radius: 8px;
    padding: 12px 16px;
    font-weight: 400;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0%;
    display: flex;
    max-height: 44px;
    align-items: center;
}

.rtf.breadcrumb.current {
    background-color: transparent;
    color: #888DA0;
    padding: 12px 0;
}

@media (max-width: 990px) {
    .rtf.breadcrumbs {
        display: none;
    }
}


/* Первый экран (hero) */

.hero-row{
    display:grid;
    width: 100%;
    grid-template-columns:2fr 1fr;
    grid-template-areas:"hero ad";
    gap:32px;
    align-items:stretch;
    margin-bottom:16px;
}

.category-hero{
    grid-area:hero;
    background:#b1e4dd;
    border-radius:10px 10px 0 0;
    padding:36px 0 6px 36px;
    position:relative;
    align-items:flex-start;
    overflow:hidden;
    display: flex;
    box-sizing:border-box;


    aspect-ratio: 525 / 253;
    max-height: 253px;
    width: 100%;

}
.category-hero *{z-index:2}
.category-hero img{flex: 0 0 auto; max-height: 100%;}


/*.category-hero:before {*/
/*    content:"";*/
/*    position:absolute;*/
/*    top:50%;*/
/*    transform:translateY(-50%);*/
/*    background:url("/local/components/dev/catalog.redis/templates/section_redis/img/title-img.png") center/contain no-repeat;*/
/*    right: -80px;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    max-width: 450px;*/
/*}*/


@media(max-width: 1200px) {

    .category-hero:before {
        top: 60%;
        max-width: 380px;
    }
}

@media(max-width: 1000px) {

    .category-hero:before {
        top: 65%;
        max-width: 300px;
    }

}

.category-title{
    flex:1 1 auto;
    margin:0 0 50px 0;
    font:500 25px/1.3 "Source Sans 3",sans-serif;
    word-break:break-word;
    z-index: 3;
}
.category-count{
    position:absolute;
    bottom:20px;
    left:36px;
    margin:0;
    font:200 18px/1.2 "Source Sans 3",sans-serif;
}

.ad-banner{
    position: relative;
    grid-area:ad;
    border-radius:8px;
    overflow:hidden;
    aspect-ratio: 525 / 253;
    max-height: 253px;
    width: 100%;
}
.ad-banner img{
    width:100%;
    height:100%;
    object-fit:fill;
    display:block;
}

@media(max-width: 992px) {
    .hero-row{
        gap: 20px;
    }
}



@media(max-width:768px){
    .hero-row{
        grid-template-columns:1fr;
        grid-template-areas:
      "ad"
      "hero";
    }

    .category-hero{
        aspect-ratio: 336 / 255;
        min-height: 280px;
        width: 100%;
        flex-direction:column;
        padding:20px;
    }
    .category-title{
        font-size:24px;
        margin-bottom:16px;
    }
    .category-count{
        font-size:16px;
        left:20px;
        bottom:20px;
    }

}


/* Интро блок */

.category-intro{
    width: 100%;
    background:#fff;
    border-radius:8px;
    padding:16px 24px 24px;
    color:#242731;
    font:400 18px/140% "Source Sans 3",sans-serif;
}

.category-intro a{color:#4582EF;text-decoration:underline}

.intro-note{
    border-top:1px solid #888DA0;
    border-bottom:1px solid #888DA0;
    padding:10px 0;
    margin:24px 0;
}
.intro-note p{
    margin:0;
    font:400 17px/140% "Source Sans 3",sans-serif;
}

@media(max-width:768px){
    .category-intro{
        font-size:17px;
        line-height:130%;
        margin-bottom:16px!important;
        padding: 8px 12px;
    }

    .intro-note{
        position:relative;
        cursor:pointer;
        padding:5px 0;
        margin:16px 0;
        font:400 16px/140% "Source Sans 3",sans-serif;
    }


    .intro-note p{
        display:none;
    }

    .intro-note::after{
        content:"▼";
        position:absolute;
        left:50%;
        top: 22px;
        transform:translate(-50%,-50%);
        font-size:20px;
        color:#888DA0;
    }

    .intro-note.open p{display:block;}

    .intro-note.open::after{ display: none;
    }
}



/* Избранное */

@media (min-width: 769px){
    .fav-grid{
        display:grid !important;
        grid-template-columns:repeat(4,1fr);
        gap:32px;
    }
    .swiper.fav-swiper{display:none !important;}
}

.fav-section{margin-bottom:24px; width: 100%;}
@media(max-width:768px){.fav-section{margin-bottom:16px;}}

/* ───── заголовок + иконка сердца ───── */
.fav-title{
    position:relative;
    padding-left:30px; /* 24px иконка + 6px отступ */
    font:600 32px/120% "Source Sans 3",sans-serif;
    color:#242731;
}
.fav-title::before{
    content:"";
    position:absolute;
    left:0; top:50%;
    width:24px;height:28px;
    transform:translateY(-50%);
    background:url("/local/components/dev/catalog.redis/templates/section_redis/img/icons/h-orange.png") center/contain no-repeat;
}
@media(max-width:768px){
    .fav-title{font:600 22px/140% "Source Sans 3",sans-serif;padding-left:24px;}
    .fav-title::before{width:20px;height:29px;}
}

/* ───── контейнер карточек ───── */

/* карточка */
.fav-card{
    min-width:0;
    width:100%;
    display:flex;
    flex-direction:column;
}
.fav-card img{
    width:100%; border-radius:6px; display:block;
}


.fav-card h3{
    font:600 18px/120% "Source Sans 3",sans-serif;
    color:#242731;
}
.fav-card p{
    font:400 17px/120% "Source Sans 3",sans-serif;
    color:#242731;
}
.fav-like{
    display:flex;align-items:center;gap:6px;
    font:500 17px/120% "Source Sans 3",sans-serif;
    color:#4582EF;
}
.fav-like::before{
    content:"";
    width:18px;height:16px;
    background:url("/local/components/dev/catalog.redis/templates/section_redis/img/icons/fav.svg") center/contain no-repeat;
}

/* ───── mobile swiper ───── */
@media(max-width:768px){

    .swiper,
    .swiper-wrapper,
    .swiper-slide{
        min-width:0;
        max-width:100%;
        box-sizing:border-box;
    }
    .swiper-slide img{
        width:100%;
        height:auto;
        display:block;
        object-fit:cover;
    }

    .swiper{
        overflow:hidden;
        width:100%;
        max-width:100vw;  /* не шире вьюпорта */
        overflow:visible; /* нужен для peek-slide */
    }


    .swiper-slide{
        flex-shrink:0;
        min-width:0;
    }

    .fav-grid{display:none !important;}           /* прячем сетку */
    .swiper   {display:block!important;}

    .swiper-slide h3{
        font:600 15px/120% "Source Sans 3",sans-serif;
    }
    .swiper-slide p{
        font:400 13px/120% "Source Sans 3",sans-serif;
        margin-bottom: 4px;
    }
    .swiper-slide .fav-like{
        font:500 13px/120% "Source Sans 3",sans-serif;
    }
    .swiper-slide .fav-like::before{
        width:12px;height:11px;
    }



    .fav-like {
        margin-top: auto;
        display: flex;
        align-items: center;
    }

    .swiper-slide{
        display:flex;flex-direction:column;
    }

    .swiper-slide.fav-card > p {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        text-overflow: ellipsis;
        word-break: break-word;
    }

    .fav-card img,
    .swiper-slide img{
        border-radius:6px;
        width:100%;
        max-width:100%;
        height:auto;
        display:block;
        object-fit:cover;
    }
}




/* Секция выбора категорий */
.other-categories {
    margin-bottom: 32px;
    color: #242731;
    font-family: "Source Sans 3", sans-serif;
    width: 100%;
}

.other-categories__title {
    font: 600 32px/120% "Source Sans 3", sans-serif;
    /* margin: 0 0 16px 0; */
}

.categories-scroll-container::-webkit-scrollbar      { display:none; }
.categories-scroll-container { scrollbar-width:none; cursor:grab;
    -webkit-overflow-scrolling:touch;  }



.categories-scroll-container {
    display: flex;align-items: flex-start;gap: 28px;
    flex-wrap: nowrap;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling:touch;
    scrollbar-width:none;
}

.oc-list {
    list-style: none;
    row-gap: 8px;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
    min-width: 120px;
    flex: 0 0 auto;
    width: auto;
    scroll-snap-align: start;
}

.oc-link {
    color: #242731;
    user-select: none;
    text-decoration: none;
    font: 400 18px/140% "Source Sans 3", sans-serif;
}
.oc-link span {
    color: #4582EF;
}

@media (max-width: 768px) {



    .categories-scroll-container::-webkit-scrollbar      { display:block; }
    .categories-scroll-container { scrollbar-width:thin; cursor:grab;
        -webkit-overflow-scrolling:touch;  }


    .other-categories { margin-bottom: 16px; }
    .other-categories__title {
        font: 600 22px/120% "Source Sans 3", sans-serif;
        /* margin-bottom: 16px; */
    }
    .oc-link {
        font: 400 17px/140% "Source Sans 3", sans-serif;
    }

    .categories-scroll-container {
        display: flex;
        flex-wrap: nowrap;
        overflow-x: scroll;
        overflow-y: hidden;
        gap: 16px;
        -webkit-overflow-scrolling: touch;
    }
    .categories-scroll-container::-webkit-scrollbar {
        display: none;
    }
}


.other-categories__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.scroll-next-btn {
    display: none; /* скрыта по умолчанию */
    border-radius: 50%;
    width: 32px;
    height: 32px;
    font-size: 18px;
    cursor: pointer;
}

@media (max-width: 768px) {
    .scroll-next-btn {
        display: block;
    }
}



/* Фильтр */



/* Chrome, Safari */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Firefox */
input[type="number"] {
    -moz-appearance: textfield;
}


.chevron {
    display: inline-block;
    transition: transform 0.3s ease;
    font-size: 7px;
    transform: rotate(0deg);
}

.chip_active .chevron {
    transform: rotate(180deg);
}

.sort__mobile {
    display: none;
}
/* ===== базовый десктоп ===== */
.sort{width:100%;background:#E7EBF4;border-radius:10px 10px 16px 16px;padding:20px 24px 24px;font-family:"Source Sans 3",sans-serif;color:#242731}
.sort button{border:0;cursor:pointer}
.sort input{border:0;outline:0}
.sort img{display:block;max-width:100%}

/* заголовок */
.sort__title{display:flex;align-items:center;gap:6px;font:500 20px/130% "Source Sans 3", sans-serif;margin:0}
.sort__title img{width:29px;height:27px}

/* flex-компоновка */
.sort__form{display:flex;flex-direction:column;gap:12px;width:100%}
.sort__union{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;width:100%}
.sort__chips{display:flex;gap:8px}
.sort__range{display:flex;align-items:center;gap:12px}
.sort__union__fields{display:flex;gap:8px}
.sort__actions{display:flex;align-items:center;gap:12px;margin-left:auto}

/* чип */
.chip{display:inline-flex;align-items:center;padding:9px 12px;font:400 17px/22px "Source Sans 3", sans-serif; max-height: 40px; border:1px solid #D0D4DC;border-radius:8px;background:#fff;white-space:nowrap;transition:.2s; cursor: pointer; color:#242731;}
.chip:hover{border-color:#B9BED0}
.chip_active{

    /* background:#F97237;border-color:#F97237;color:#fff */
    color: #F97237;
    border-color: #F97237 !important;
    border: 1px solid #F97237 !important;
}
.chip_filter{border-color:#B9BED0}

/* поля */
.field{position:relative;max-width:160px}
.field input{width:100%;padding:9px 14px 10px 25px;border:1px solid #D0D4DC;border-radius:8px;font:400 17px/100% "Source Sans 3", sans-serif;color:#242731;transition:.2s}
.field input:focus{border-color:#F97237}
.field__currency{position:absolute;right:10px;top:50%;transform:translateY(-50%);font:400 17px/100% "Source Sans 3", sans-serif;color:#242731}
.field input::placeholder {
    font-size: 17px;
}

/* кнопки */
.sort__reset{display:flex;align-items:center;gap:4px;font:400 17px/120% "Source Sans 3", sans-serif;color:#8C8C8C;background:none;transition:.2s; padding: unset;}
.sort__reset img{width:13px;height:13px}
.sort__reset:hover{opacity:.7}
.sort__submit{padding:10px 40px;min-width:140px;font:500 17px/120% "Source Sans 3", sans-serif;background:#EC6124;color:#fff;border-radius:6px;transition:.2s}
.sort__submit:hover{background:#9DA2B8}


.sort__submit--active{
    background:#F97237;        /* основной */
}
.sort__submit--active:hover{
    background:#d65f28;        /* чуть темнее при наведении */
}




@media(max-width: 1260px) {
    .sort__union {
        width: fit-content;
    }

    .sort__chips, .sort__range, .chip, .sort__union__fields, .field {
        width: 100%;

    }

    .field {max-width: unset !important;}

    .chip {
        width: 100%;
    }

    .sort__range{
        gap: 8px;
    }
}



/* ===== mobile ≤768px ===== */
@media(max-width:768px){
    .sort__title {
        display: none;
    }

    .sort__union {
        gap: unset;
        width: 100%;
    }



    .chip {
        width: unset;
    }


    .sort__union:has(.sort__range.open),
    .sort__union:has(.sort__chips.open) {
        gap: 16px;
    }


    .sort__actions {
        display: none;
    }

    .sort__range.open + .sort__actions {
        display: flex;
    }

    .sort__reset {
        align-self: flex-start;
    }


    .field input::placeholder {
        font-size: 16px;
    }

    .field input {
        padding: 9px 10px 10px 14px;
    }

    .sort__mobile__buttons {
        display: flex;gap: 6px;
        color:#242731;
    }

    .sort__union {
        flex-direction: column;
    }
    .sort{padding:10px;  width: 100vw; /* ширина равна ширине экрана */
        position: relative; /* или absolute, если надо */
        left: -10px; border-radius: unset;}
    .sort__title{font-size:22px;margin-bottom:16px}
    .sort__form{gap:16px}
    .sort__mobile {
        display: flex;
    }

    .sort__range.open > .chip.chip_filter {
        display: none;
    }

    /* две главные кнопки-селекты вместо длинной строки */
    .sort__chips,
    .sort__range{display:none}     /* спрятаны по умолчанию */

    /* контр-кнопки */
    .chip[data-value="sort"],
    .chip[data-value="invest"]{display:inline-flex; border: unset}

    .chip{
        position: relative;
        display: inline-flex;
        align-items: center;
        gap: 6px;
        font-size: 16px;
        padding: 2px 8px;
    }
    /* горизонтальный скролл внутри панелей */
    .sort__chips{flex-wrap:wrap}
    .sort__chips.open{display:flex;flex-wrap:wrap;}

    .sort__actions.open {display: flex;}
    .sort__range.open{display:flex;flex-direction:column;gap:12px; width: 100%;}
    .sort__union__fields {
        width: 100%;
    }
    .sort__union__fields > .field {width:100%; max-width:unset;}
    .field{width:calc(50% - 4px)}

    /* actions вниз */
    .sort__actions{flex-direction:column;width:100%;margin:0;gap:12px}
    .sort__submit{width:100%}
}


/* Карточки */


.category-card.disabled > .category-card__buttons > a {
    background: #B9BED0;
    transition: opacity 0.2s;
}

.category-card.disabled > .category-card__buttons > a:hover {
    opacity: .8;
}

.content__feature {
    /*grid-column: span 2;*/
}


.content__feature a:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
}



.content__feature-group {
    display: flex;
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
    grid-column: span 4;

}


.content__feature:only-child {
    grid-column: span 2;
}




.content__feature-group:has(.content__feature:only-child) .content__feature {
    grid-column: span 4;
}

.content__feature {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
}

.content__feature img {
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
    display: block;
}



.design2024 .main_category .franchises_list .franchises_list-container {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 32px;
}


.category-card {
    border-radius: 8px;
    padding: 12px;
    background: #fff;
    box-shadow: 0px 8px 16px 0px rgba(100, 93, 144, 0);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
}


.category-card__image-wrapper {
    position: relative;
    margin-bottom: 8px;
    max-height: 190px;
}

.category-card__image {
    width: 100%;
    border-radius: 8px;
    object-fit: inherit;
    max-height: 190px;
}

.category-card__title {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 17px !important;
    line-height: 110%;
    color: #242731;
    margin-bottom: 4px !important;
}

.category-card__title a{
    color: #333;
}

.category-card__desc {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 120%;
    color: #242731;
    margin-bottom: 8px !important;
    max-width: 340px;
}

.category-card__meta {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 12px;
}

.category-card__invest {
    display: flex;
    align-items: baseline;
    gap: 4px;
}

.category-card__invest-label {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 100%;
    color: #888DA0;
}

.category-card__invest-value {
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 100%;
    color: #242731;
}

.category-card__icons {
    display: flex;
}

.category-card__icon {
    background: transparent;
    border: none;
    padding: 0;
    cursor: pointer;
    display: flex;
    align-items: center;
}

.category-card__icon svg {
    transition: all 0.2s;
}

.category-card__icon.like:hover svg path,
.category-card__icon.like.active svg path {
    fill: #888DA0;
}

.category-card__icon.stats:hover svg path {
    stroke: #888DA0;
    fill: #888DA0;
}

.category-card__buttons {
    display: flex;
    gap: 8px;
    max-height: 52px;
    height: 52px;
}

.category-card__btn {
    user-select: unset;
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 10px 16px;
    border-radius: 8px;
    background: #4582EF;
    color: #fff;
    font-family: 'Source Sans 3', sans-serif;
    font-weight: 500;
    font-size: 17px;
    line-height: 120%;
    cursor: pointer;
    border: none;
    transition: background 0.2s;
}

.category-card__btn:hover {
    background: #3272E5;
}

.category-card__btn:active {
    background: #B9BED0;
}

.category-card__chevron {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    background: #EDF0F7;
    border-radius: 8px;
    width: 100%;
    max-width: 52px;
    transition: background 0.2s;

}


.category-card__chevron:hover {
    background: #DAE1F0;

}

.category-card__chevron svg {
    width: 7px;
    height: 13px;
}



@media(max-width: 1200px) {
    .content__feature-group {
        gap: 8px;
    }

    .design2024 .main_category .franchises_list .franchises_list-container {
        gap: 8px;
    }

    .category-card__invest {
        flex-direction: column;
    }
}

@media (max-width: 1024px) {
    .design2024 .main_category .franchises_list .franchises_list-container {
        grid-template-columns: repeat(2, 1fr);
    }

    .content__feature-group {
        grid-column: span 2;
    }

    .category-card__image {
        max-height: 100%;
    }

    .category-card__image-wrapper {
        max-height: 100%;
    }

    .category-card__invest {
        flex-direction: row;
    }

    .category-hero img{
        align-self: flex-end;
        padding-bottom: 20px;
        right: -70px;
        position: relative;
    }
}


@media(max-width: 768px) {
    .content__feature-group {
        grid-column: span 1;
        gap: 16px;
        grid-template-columns: repeat(1, 1fr) !important;
    }

    .design2024 .main_category .franchises_list .franchises_list-container {
        grid-template-columns: repeat(1, 1fr);
        gap: 16px;
    }

    .content__feature-group {
        gap: 16px;
    }
}


@media(max-width: 480px) {
    .content__feature > a, .content__feature img {
        width: 100%;
    }
}

/* Блок внутри карточек с рекомендацией подбора франшиз */

.rtf-quiz-banner {
    position: relative;
    background: #202020;
    color: #FFFFFF;
    border-radius: 20px;
    display: flex;
    align-items: flex-start;
    flex-direction: row;
    gap: 16px;
    padding: 25px 12px 25px 0;
    overflow: hidden;
}

.rtf-quiz-banner:not(.rtf-quiz-banner--second)::before {
    content: "";
    position: absolute;
    transform: none;
    left: -56px;
    top: 12px;
    z-index: 1;
    width: 100%;
    height: 100%;
    max-width: 240px;
    background: url('/local/components/dev/franchise.item/templates/catalog_2/img/ceo.png') center/cover no-repeat;
    filter: grayscale(100%);
}

.rtf-quiz-content {
    z-index: 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 95px;
    width: 100%;
    padding-left: 120px;
    padding-top: 30px;
}

.rtf-quiz-banner.rtf-quiz-banner--second {
    background: #ffa364;
    padding: 0;
}

.rtf-quiz-banner--second .rtf-quiz-content {
    padding: 0;
}

.rtf-quiz-title {
    flex: 1;
    margin: 0;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 130%;
    color: #fff;
}

.rtf-quiz-title .fw-600 {
    font-weight: 600;
}

.rtf-quiz-btn {
    width: 100%;
    text-align: center;
    padding: 16px 6px;
    font-size: 17px;
    background: #EB6124;
    border-radius: 8px;
    color: #fff;
    text-decoration: none;
    font-family: "Source Sans 3", sans-serif;
    font-weight: 600;
    line-height: 120%;
    /* white-space: nowrap; */
    transition: opacity 0.2s;
}

.rtf-quiz-btn:hover {
    opacity: 0.9;
}


@media(max-width: 1300px) {
    .rtf-quiz-content {
        padding-left: 100px;
    }
}

@media(max-width: 1200px) {
    .rtf-quiz-title {
        font-size: 16px;
    }
}

@media(max-width: 1024px) {
    .rtf-quiz-content{
        padding-left: 150px;
    }

    .rtf-quiz-title {
        max-width: 250px;
    }

    .rtf-quiz-btn {
        max-width: 250px;
    }
}

@media(max-width: 768px) {
    .rtf-quiz-banner::before {
        left: -12px;
        max-width: 140px;
    }
    .rtf-quiz-content {
        gap: 60px;
    }
}


@media(max-width: 480px) {
    .rtf-quiz-content { padding-left: 100px;     padding-top: 25px;}

}






.sort.sticky {
    position: fixed;
    top: 88px;
    left: 0;
    right: 0;
    border-radius: 0;
    z-index: 10;
    background: #E7EBF4;
    transition: transform 0.3s ease, opacity 0.3s ease;
}

.sort.hidden {
    transform: translateY(-100%);
    opacity: 0;
}

@media(max-width: 1439px){

    .sort.sticky {
        top: 131px;
    }
}

@media(max-width: 992px) {
    .sort.sticky {
        top: 52px;
    }
}
/* body .promo-card-footer {align-items: flex-start;} */

.banner-marker__content_top {
    width: unset;
}

.banner-marker__content_bottom {
    width: 100%;
}


@media (max-width: 1000px) {

    .promo-card-img-wrapper .banner-marker {
        top: 5px;
        left: auto;
        right: 5px;
    }
}

.section-title {
    margin-bottom: 24px !important;

}


.promo-preview-text {
    display: none;
}

.container {
    margin-right: unset;
    margin-left: unset;
}

.container.catalog-promo-wrapper {
    max-width: 1616px;

}

.swiper, .swiper-container {
    max-width: 1616px;
}

body.promo-cards {
    width: 100vw;
    max-width: unset;
}

.promo-card-img-wrapper {
    width: 100%;
    position: relative;
}

.promo-card-img-wrapper img {
    border-radius: 8px;
    width: 100%;
    object-fit: cover;
    max-width: 100%;
    height: 100%;
}


@media (min-width: 1200px) {
    body .promo-card {
        height: 360px;
    }
}

@media (max-width: 1200px) {


    body .promo-cards {
        display: grid;
    }

    .swiper-wrapper.promo-cards > a {
        width: 100%;
    }


}

@media (max-width: 1000px) {

    body .promo-card {
        height: 280px;
    }
}


@media (max-width: 850px) {

    body .promo-card {
        height: 250px;
    }
}


@media (max-width: 768px) {

    .section-title {
        margin-bottom: 12px !important;
    }

    body .promo-cards {
        grid-template-columns: repeat(4, 1fr);
        gap: 8px;
    }

    .hero-row img{
        height: auto;
    }


    /*.swiper-slide {*/
    /*    height: 305px !important;*/
    /*}*/


    .promo-card-img-wrapper .banner-marker__content, .promo-card-img-wrapper .banner-marker {
        font-size: 10px;
    }


    .promo-card-img-wrapper .banner-marker__inner {
        width: 10px;
        height: 8px;
    }



    .design2024 .category_content .franchises_list .franchises_list-container {
        grid-template-columns: repeat(1, 1fr);
    }

    .category_content {
        max-width: 100%;
    }


    .main_category .swiper, .main_category .swiper-container{
        max-width: 100vw;
    }
}


@media (max-width: 600px) {
    /*.swiper-slide {*/
    /*    height: 280px !important;*/
    /*}*/
}


@media (max-width: 550px) {
    /*.swiper-slide {*/
    /*    height: 260px !important;*/
    /*}*/
}


@media (max-width: 480px) {
    /*.swiper-slide {*/
    /*    height: 230px !important;*/
    /*}*/



    .promo-card-img-wrapper .banner-marker__content, .promo-card-img-wrapper .banner-marker {
        font-size: 9px;
    }
}


@media (max-width: 400px) {
    /*.swiper-slide {*/
    /*    height: 210px !important;*/
    /*}*/
}


@media (max-width: 360px) {
    .banner-marker__content_close {
        width: 10px;
        height: 10px;
    }


    .promo-card-img-wrapper .banner-marker__content, .promo-card-img-wrapper .banner-marker {
        font-size: 9px;
    }
}

.category_content .container,
.nav-breadcrumbs-wrapper .container,
.popular_franchise{
    max-width: 100%;
    width: 100%;
}

/*.popular_franchise{*/
/*    overflow: hidden;*/
/*}*/

.category_content .translucent-shell{
    box-shadow: none;
    padding: 0;
}

.design2024 .category_content .franchise_item .approve-wrapper{
    top: -33px;
}

/* Когда баннер отсутствует (нет дочернего .ad-banner), применяем flex */
.hero-row:not(:has(.ad-banner)) {
    display: flex;
}

.sort.sticky .sort__form{
    max-width: 1640px;
    margin: auto;
    padding: 0 12px;
}

.main > .banners_slider{
    margin-bottom: 16px;
}


/* Улучшение стилей для .content__feature-group */
.content__feature-group {
    display: flex;
    flex-wrap: wrap; /* Поддержка переноса на узких экранах */
    gap: 32px;
    width: 100%;
    box-sizing: border-box;
    -webkit-backface-visibility: hidden; /* Предотвращает проблемы с рендерингом */
    -webkit-transform: translateZ(0); /* Ускорение рендеринга */
}

.content__feature {
    border-radius: 8px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%; /* Явная установка ширины */
    max-width: 100%; /* Ограничение переполнения */
}

.content__feature-group .banners_slider{
    width: 100%;
}

@media (min-width: 769px) {
    .content__feature-group.content__feature-group-double{
        flex-wrap: nowrap;
    }

    .content__feature-group-double .banners_slider{
        flex: 1 1 50%;
        width: 50%;
    }
}

/* End */
/* /local/templates/rtf2024/components/mx/mx.html/catalog.top.banner.2/style.css?17593023596860 */
/* /local/templates/rtf2024/components/bitrix/advertising.banner/bannerCatalogSectionTop/style.css?1754306365921 */
/* /local/components/dev/catalog.stories/templates/.default/style.css?1755599214796 */
/* /local/templates/rtf2024/components/mx/mx.html/catalog.subcategory.list.2/style.css?17543063652211 */
/* /local/templates/rtf2024/components/mx/mx.html/catalog.filter.2/style.css?17543063651907 */
/* /local/templates/rtf2024/components/bitrix/system.pagenavigation/pageCatalogSection/style.css?17334030272519 */
/* /local/components/dev/franchise.item/templates/catalog_2/style.css?17543063652836 */
/* /local/components/dev/banner.calc/templates/.default/style.css?17630250103967 */
/* /local/templates/rtf2024/components/mx/mx.html/city.links/style.css?1758579562890 */
/* /local/components/dev/catalog.reviews.ajax/templates/.default/style.css?17647857646940 */
/* /local/templates/rtf2024/components/mx/mx.html/catalog.filter.search/style.css?17600969991322 */
/* /local/templates/rtf2024/components/bitrix/advertising.banner/bannerBlockSlider/style.css?1731509685921 */
/* /local/templates/rtf2024/css/content/catalog-2.css?176459670330270 */