.cityList {
    align-items: flex-start;
    justify-content: flex-start;
}
.select-city__modal__list {
    columns: 1;
}
.select-city__modal__list__item {
    white-space: nowrap;
}
.pageTitleSection {
    padding-top: 80px;
    margin-bottom: -60px;
}
.pageTitleSection h1 {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 46px;
    line-height: 55.2px;
    letter-spacing: 1%;
}
.mainAdvantages .mainAdvantagesInfo .mainAdvantagesInfoTop {
    flex-direction: row;
    flex-wrap: nowrap;
}
.catalogInnerSections .innerSectionsList {
	justify-content: flex-start;
}
.mobile-wrapper {
    overflow-y: auto;
    height: calc(100% - 145px);
}
.description-text {
    padding-top: 40px;
}

@media (min-width: 821px) {
    .catalogInnerSections .innerSectionsList {
        gap: 45px;
    }
}
@media (max-width: 820px) {
    .pageTitleSection {
        padding-top: 50px;
        margin-bottom: -20px;
    }
    .mainAdvantages .mainAdvantagesInfo .mainAdvantagesInfoTop .mainAdvantagesInfoTopTitle {
        padding-top: 0;
        padding-left: 30px;
    }
}
@media (max-width: 480px) {
    .mainAdvantages .mainAdvantagesInfo .mainAdvantagesInfoTop {
        flex-direction: column;
        align-items: center;
    }
    .mainAdvantages .mainAdvantagesInfo .mainAdvantagesInfoTop .mainAdvantagesInfoTopTitle {
        padding-top: 15px;
        padding-left: 0;
    }
    .pageTitleSection h1 {
        font-size: 26px;
        line-height: 120%;
    }
}
/* === Правка 10.2026: логотип в хедере строго по центру === */
.header .container > .flexRow {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    align-items: start;
    column-gap: 30px;
}
.header .container > .flexRow > .leftInfo { justify-self: start; }
.header .container > .flexRow > .centerLogo { justify-self: center; }
.header .container > .flexRow > .rightInfo { justify-self: end; }
.header .centerLogo a,
.header .centerLogo img { display: block; }
@media (max-width: 1120px) {
    .header .container > .flexRow {
        grid-template-columns: 1fr 1fr;
        grid-template-areas: "logo logo" "left right";
        row-gap: 20px;
    }
    .header .container > .flexRow > .centerLogo { grid-area: logo; }
    .header .container > .flexRow > .leftInfo { grid-area: left; }
    .header .container > .flexRow > .rightInfo { grid-area: right; }
    .header .rightInfo .currentCityPhones .currentCityPhonesColumn { margin-left: 24px; }
    .header .leftInfo .currentCityInfo .currentCityInfoColumn { margin-right: 24px; }
}
/* === /Правка: логотип === */

/* === Правка 10.2026: формы виджета Битрикс24 (звонок/замерщик) помещаются в экран ===
   Окно виджета прибито к низу (bottom: 130px, над кнопкой), поэтому ограничиваем высоту
   его содержимого: экран − 130px снизу − 24px отступ сверху. Лишнее прокручивается внутри.
   display не трогаем: им виджет сам открывает/закрывает окна. */
.b24-window-widget .b24-window-widget-body {
    max-height: calc(100vh - 154px);
    max-height: calc(100dvh - 154px);
    overflow-y: auto;
    overscroll-behavior: contain;
    -webkit-overflow-scrolling: touch;
    border-radius: inherit;
}
/* === /Правка: виджет Битрикс24 === */