/* ============================================================
   Новые B2B-страницы — убираем большой отступ под H1
   ============================================================ */

.about-stroyres > h1,
.services-stroyres > h1,
.vyshki-tury-stroyres > h1,
.towers-stroyres > h1 {
    margin-bottom: 10px !important;
}


/**
 * Created: 29.11.2019, 12:03
 * Author : Pavel Vinogradov <vinogradov@34web.ru>
 * Company: 34web Studio
 */

html {
    height: auto !important;
}

a {
    outline: none;
}

.catalog-menu > ul.newstyle.list-unstyled > li > a:after {
    display: none;
}

.catalog-menu > ul.newstyle.list-unstyled > li > a > .icon,
.catalog-menu > ul.newstyle.list-unstyled > li > span > .icon {
    position: absolute;
    width: 24px;
    height: 24px;
    top: 50%;
    left: 0;
    margin-top: -12px;
    background: none no-repeat center/contain;
}

.top-search__list {
    position: absolute;
    width: 100%;
    z-index: 100;
    margin: 12px 0 0;
}

.top-search__list .overflow {
    max-height: 500px;
    overflow: auto;
    box-shadow: 0 1px 2px rgba(71, 73, 72, 0.5);
    margin-right: 41px;
    background-color: #ffffff;
}

.top-search__list ul {
    background-color: #ffffff;
    border-left: 5px solid #5d79ae;
    position: relative;
    border-radius: 2px;
    background-clip: padding-box;
    margin-bottom: 0;
    padding-left: 0;
}

.top-search__list .overflow:before {
    content: "";
    display: block;
    width: 26px;
    height: 14px;
    position: absolute;
    left: 50%;
    top: -14px;
    margin-left: -13px;
    background-image: url('../images/design/triangle.png');
    z-index: 100;
}

.top-search__list ul li {
    list-style: none;
    border-top: 1px solid #f0f0f0;
    cursor: pointer;
    background-color: #ffffff;
    display: inline-block;
    width: 100%;
}

.top-search__list ul li:first-child {
    border-top: none;
}

.top-search__list ul a {
    display: block;
    padding: 10px;
    color: inherit;
    text-decoration: none;
    height: 67px;
}

.top-search__list ul a .image {
    width: 40px;
    height: 40px;
    overflow: hidden;
    display: table-cell;
    margin-right: 10px;
}

.top-search__list ul a .image img {
    display: block;
}

.top-search__list ul a h6 {
    line-height: 30px;
    font-size: 12px;
    margin: 0;
    font-weight: 400;
    display: table-cell;
    vertical-align: middle;
    padding-left: 15px;
}

.top-search__list ul a.ui-state-hover,
.top-search__list ul a:hover {
    background-color: #f0f0f0;
}

.top-search__list ul li.active a {
    text-decoration: none;
    background-color: #1abc9c;
}

.top-search__list ul li.active a h6 {
    font-weight: 700;
    color: #ffffff;
}

.top-search__list p {
    text-align: center;
    padding: 12px 20px 2px;
    font-size: 13px;
}

.raiting_stars {
    display: inline-block;
    padding: 0 8px;
}

.compare_list .compare-item .info .btn {
    float: none;
    height: 29px;
}

.catalog_not_available {
    padding: 4px 5px;
    height: 29px;
    margin: 0;
    font-size: 12px;
}

.compare_list .compare-item .info,
.compare_list .compare-item .charact_value_list .charact_value,
.compare_table .charact {
    padding: 0;
}

.compare_list .compare-item .info .info_inner {
    padding: 6px 10px;
    overflow: hidden;
}

.compare_left_block {
    overflow: auto;
}

.compare_list .compare-item .charact_value_list .charact_value .charact_value_inner,
.compare_table .charact .charact_inner {
    padding: 12px 18px;
    overflow: hidden;
}

div.inner-page .inner-page-content {
    padding: 20px;
}

@media (max-width: 768px) {
    div.inner-page .inner-page-content {
        padding: 20px 0;
    }
}

.compare_list .compare-item .info {
    display: block;
}

.compare_list .compare-item .charact_value_list .charact_value {
    min-height: 0;
}

#compare_left_block_content .nav_for_slides {
    display: block !important;
}

.compare_remove_container {
    display: flex;
    align-items: center;
}

.irs-slider.from {
    margin-left: -13px;
}

.irs-slider.to {
    margin-right: -13px;
}

.bx-filter .bx-ui-slider-range {
    left: 11px !important;
    right: 11px !important;
}

.catalog-menu-hidden {
    position: absolute;
    top: 72px;
    left: 22px;
    width: 285px;
    z-index: 13;
}

.catalog-menu-hidden .catalog-menu {
    border: 0;
    border-top: 4px solid #5d79ae;
    margin-right: 18px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 0;
    background: #f0f5ff;
    display: block !important;
}

.catalog-menu-hidden .catalog-menu .sub-menu {
    border: 0;
    background: #e7efff;
    padding: 0;
}

.catalog-menu-hidden .catalog-menu li {
    border-bottom: 1px solid #e0e8f8;
}

.catalog-menu-hidden .catalog-menu li:hover {
    background-color: #e0e8f8;
}

.catalog-menu-hidden .catalog-menu li a {
    padding: 9px 7px;
    border: 0;
}

.catalog-menu-hidden .catalog-menu li:hover a {
    text-decoration: none;
}

.info-basket {
    font-size: 17px;
    padding: 20px 25px;
    border: 1px solid #e0e8f8;
    border-radius: 5px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-top: 30px;
}

.info-basket .fa {
    color: #5d79ae;
    margin-right: 20px;
    font-size: 30px;
}

.sale_order_full_table {
    font-size: 15px;
}

.sale_order_full_table .ps_logo {
    display: flex;
    align-items: center;
}

.promotions-and-special-offers-sidebar-wrap {
    margin: 30px 0 0 0;
    padding: 22px 22px 50px 22px;
    background: #bf3738;
    color: #fff;
    border-radius: 4px;
}

.promotions-and-special-offers-sidebar-title {
    margin: 0 0 15px 0;
}

.promotions-and-special-offers-sidebar-descr {
    font-size: 12px;
}

.promotions-and-special-offers-sidebar-link-wrap {
    margin: 20px 0 0 0;
    width: 100%;
    text-align: center;
}

.promotions-and-special-offers-sidebar-link-wrap a {
    padding: 5px 10px;
    background: #fff;
    color: #000;
    font-size: 12px;
    border-radius: 4px;
}

.popup-window-titlebar {
    height: auto;
}

.popup-window.popup-window-with-titlebar {
    padding: 20px 30px;
    border-radius: 5px;
}

.popup-window-titlebar-text {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    color: #000000;
    white-space: normal;
    font-size: 23px;
    font-weight: 700;
}

.popup-window-with-titlebar .popup-window-content {
    padding: 0;
}

.basket-popup {
    display: flex;
    align-items: stretch;
    max-width: 780px;
    padding: 15px;
}

.basket-popup__image {
    width: 200px;
    height: 200px;
    min-width: 200px;
    border-radius: 10px;
    overflow: hidden;
}

.basket-popup__image img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    transition: .4s;
}

.basket-popup__image:hover img {
    transform: scale(1.2);
}

.basket-popup__info {
    padding: 0 30px;
}

.basket-popup__name {
    font-size: 20px;
    text-transform: none;
    font-family: 'Roboto-Medium';
    color: #305c92;
    margin-bottom: 20px;
    text-decoration: none;
    transition: .3s;
    display: inline-block;
    width: 100%;
}

.basket-popup__name:hover {
    color: #083062;
    text-decoration: none;
}

.basket-popup__price {
    font-size: 28px;
    font-family: 'Roboto-Black';
}

.basket-popup__price .fa {
    font-size: 24px;
}

.basket-popup__actions {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.basket-popup__btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    padding: 12px 20px;
    border: 1px solid;
    font-size: 14px;
    transition: .3s;
    letter-spacing: 0.7px;
    width: 200px;
    min-width: 200px;
}

.basket-popup__total .fa {
    font-size: 14px;
}

.basket-popup__btn:hover {
    text-decoration: none;
    filter: brightness(1.15);
}

.basket-popup__btn.green {
    background: #158e00;
    color: white;
}

.basket-popup__btn.blue {
    background-color: #728ec4;
    color: white;
}

.basket-popup__count {
    display: flex;
    align-items: center;
}

.basket-popup__count-plus,
.basket-popup__count-minus {
    opacity: .8;
    width: 20px;
    height: 20px;
    transition: opacity 300ms ease, background 300ms ease;
    display: flex;
}

.basket-popup__count-minus {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxyZWN0IHdpZHRoPSIzMCIgaGVpZ2h0PSI2IiB5PSIxMiIgZmlsbD0iIzUyNUM2OCIgZmlsbC1ydWxlPSJldmVub2RkIi8+PC9zdmc+) no-repeat center;
    background-size: 10px;
}

.product-item-amount-field {}

.basket-popup__count-plus {
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMCIgaGVpZ2h0PSIzMCIgdmlld0JveD0iMCAwIDMwIDMwIj4gIDxwYXRoIGZpbGw9IiM1MjVDNjgiIGZpbGwtcnVsZT0iZXZlbm9kZCIgZD0iTTE4LDEyIEwxOCwwIEwxMiwwIEwxMiwxMiBMMCwxMiBMMCwxOCBMMTIsMTggTDEyLDMwIEwxOCwzMCBMMTgsMTggTDMwLDE4IEwzMCwxMiBMMTgsMTIgWiIvPjwvc3ZnPg==) no-repeat center;
    background-size: 10px;
}

.basket-popup__total {
    color: #323439;
    line-height: 1.4;
    font-size: 15px;
    font-family: 'Roboto-Regular';
    padding-top: 10px;
    margin-top: auto;
}

.basket-popup__total b {
    font-family: 'Roboto-Black';
}

.basket-popup__total-sum {
    font-family: 'Roboto-Black';
}

.popup-window-close-icon {
    opacity: 0.7;
    top: 18px;
    right: 18px;
}

.popup-window-close-icon:hover {
    opacity: 1;
}

.popup-window-titlebar-close-icon:after,
.popup-window-titlebar-close-icon:before {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2px;
    height: 22px;
    background: #728ec4;
    content: '';
    transition: 300ms background-color ease;
}

.popup-window-titlebar-close-icon:before {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
    transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.popup-window-titlebar-close-icon:after {
    -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
    transform: translate3d(-50%, -50%, 0) rotate(45deg);
}


@media screen and (max-width: 991px) {

    button.sm-h2 {
        display: block;
    }

    .catalog-menu-hidden {
        top: 48px;
        left: 0;
    }
}

@media screen and (max-width: 767px) {

    .basket-popup {
        padding: 20px 0 0 0;
        flex-wrap: wrap;
        gap: 20px 0;
    }

    .basket-popup__image {
        width: 100px;
        height: 100px;
        min-width: 100px;
    }

    .basket-popup__info {
        padding: 0 15px;
        width: calc(100% - 100px);
    }

    .basket-popup__actions {
        flex-direction: row;
        width: 100%;
        align-items: center;
        flex-wrap: wrap;
        gap: 3px;
    }

    .basket-popup__total {
        width: 100%;
        font-size: 14px;
    }

    .popup-window-titlebar-text {
        font-size: 18px;
        line-height: 1.1;
    }

    .popup-window.popup-window-with-titlebar {
        padding: 25px 20px 20px 20px;
        width: 96% !important;
        left: 2% !important;
    }

    .basket-popup__total br {
        display: none;
    }

    .basket-popup__name {
        font-size: 16px;
        margin-bottom: 10px;
    }

    .basket-popup__btn {
        width: auto;
        min-width: auto;
    }

    .basket-popup__btn {
        padding: 9px 10px;
        font-size: 14px;
        letter-spacing: 0;
    }

    .basket-popup__price {
        font-size: 20px;
    }

    .basket-popup__price .fa {
        font-size: 19px;
    }

    .top-search {
        padding-bottom: 0 !important;
    }

    .catalog-menu {
        display: none;
    }

    .promotions-and-special-offers-sidebar-wrap {
        margin: 15px 0 0 0;
        padding: 20px;
    }

    .catalog-menu-hidden {
        top: 58px;
        left: 10px;
    }

    .catalog-menu-hidden .catalog-menu .sub-menu {
        background: transparent;
    }

    .catalog-menu-hidden .catalog-menu li {
        padding-left: 0;
    }

    .catalog-menu-hidden .catalog-menu .sub-menu {
        padding-left: 35px;
    }
}

@media screen and (max-width: 390px) {
    .basket-popup__info {
        width: 100%;
    }
}


/* ============================================================
   Цена
   ============================================================ */

.price_normal small,
.good-price small {
    font-size: 12px;
    font-weight: normal;
    font-family: 'Roboto-Regular', sans-serif;
    text-transform: none;
    white-space: nowrap;
}


/* ============================================================
   Рейтинг
   ============================================================ */

.raiting_stars {
    line-height: 1em;
    display: flex;
    height: 100%;
    align-items: center;
    gap: 10px;
}

.stars-block .wd {
    position: absolute;
    z-index: -1;
    top: 0;
    bottom: 0;
    left: 0;
    background-color: #5d79ae;
}

.stars-block span {
    display: inline-block;
    background-color: #cccccc;
    position: relative;
    z-index: 1;
    line-height: 0.8;
    height: 30px;
}

.stars-block [data-rating] {
    position: absolute;
    height: 100%;
    z-index: 1;
    width: 20%;
    top: 0;
    font-size: 0;
}

.stars-block.active [data-rating] {
    cursor: pointer;
}

.stars-block [data-rating="1"] {
    left: 0;
}

.stars-block [data-rating="2"] {
    left: 20%;
}

.stars-block [data-rating="3"] {
    left: 40%;
}

.stars-block [data-rating="4"] {
    left: 60%;
}

.stars-block [data-rating="5"] {
    right: 0;
}

.stars-block.active [data-rating="1"]:hover ~ span {
    width: 20% !important;
}

.stars-block.active [data-rating="2"]:hover ~ span {
    width: 40% !important;
}

.stars-block.active [data-rating="3"]:hover ~ span {
    width: 60% !important;
}

.stars-block.active [data-rating="4"]:hover ~ span {
    width: 80% !important;
}

.stars-block.active [data-rating="5"]:hover ~ span {
    width: 100% !important;
}

.bx_stars_rating_votes {
    font-size: 12px;
    white-space: nowrap;
}

.popup-vote {
    padding: 6px;
    -webkit-box-shadow: 0 0 5px 0 rgb(161 177 210);
    box-shadow: 0 0 5px 0 rgb(161 177 210);
    background: #FFFFFF;
    border: 1px solid rgba(141, 170, 224, 0.49);
    position: absolute;
    right: 0;
    display: none;
    z-index: 9;
    white-space: nowrap;
    line-height: 24px;
}

.popup-vote.active {
    display: block;
}


/* ============================================================
   Общие элементы
   ============================================================ */

.fixed-panel {
    padding-bottom: 80px;
}

.bold {
    font-family: Roboto-Medium;
}


/* Цвет заголовка "Каталог оборудования" в сайдбаре */

.left-sidebar > .h2 {
    color: #3a4b6b;
}


/* Убираем внешнюю рамку вокруг всего текстового блока */

.text-on-main,
.text-on-main .category-text {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
}


/* Убираем внешнюю рамку вокруг второго текстового блока */

.top-main-category-text,
.top-main-category-text .top_text_main {
    border: none !important;
    box-shadow: none !important;
    background: transparent !important;
    border-radius: 0 !important;
    padding: 0 !important;
}


/* Стрелки Swiper */

.swiper-button-next,
.swiper-button-prev {
    color: #425c8f;
}

.swiper-button-next:hover,
.swiper-button-prev:hover {
    color: #3a4b6b;
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
    color: #c7d5ec;
}


.text-on-main .category-text {
    margin-top: 10px;
    padding-left: 0;
    padding-right: 0;
}

@media (max-width: 768px) {

    .hits-title {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .popular-cats-title {
        margin-top: 0;
        margin-bottom: 25px;
    }

    .articles-on-main-block .aom-h2 {
        margin-top: 0;
        margin-bottom: 25px;
    }
}


/* Расстояние между популярными категориями и статьями */

.popular_categories_wrapper + .articles-on-main-block {
    margin-top: -15px;
}


/* ============================================================
   Кнопка "Запросить"
   ============================================================ */

.product-item-detail-pay-block .js-open-callback {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 5px 20px !important;
    height: 34px !important;
    min-height: 0 !important;
    min-width: 134px !important;
    font-family: "Roboto-Regular", Roboto, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1 !important;
    color: #ffffff !important;
    background-color: #158E00 !important;
    background-image: none !important;
    border: none !important;
    border-radius: 3px !important;
    box-shadow: none !important;
    text-decoration: none !important;
    text-align: center !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;
    cursor: pointer !important;
    vertical-align: baseline !important;
    margin: 0 !important;
    transition: background-color .15s ease;
}

.product-item-detail-pay-block .js-open-callback:hover,
.product-item-detail-pay-block .js-open-callback:focus {
    background-color: #127a00 !important;
    color: #ffffff !important;
    text-decoration: none !important;
    outline: none !important;
}

@media (max-width: 767px) {

    .product-item-detail-pay-block .js-open-callback {
        display: flex !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        padding: 5px 20px !important;
        font-size: 15px !important;
        align-items: center !important;
        justify-content: center !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
}


/* ============================================================
   Кнопка "Сравнить"
   ============================================================ */

.product-item-detail-compare-container .add_to_compare {
    display: inline-block !important;
    box-sizing: border-box !important;

    width: 134px !important;
    min-width: 134px !important;

    height: 34px !important;
    min-height: 34px !important;

    padding: 6px 20px !important;
    margin: 0 !important;

    font-family: "Roboto-Regular", Roboto, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;

    color: #ffffff !important;

    background: #728ec4 !important;
    background-image: none !important;

    border: none !important;
    border-radius: 3px !important;
    box-shadow: none !important;

    text-align: center !important;
    text-indent: 0 !important;
    text-transform: none !important;
    letter-spacing: normal !important;
    white-space: nowrap !important;

    cursor: pointer !important;
    vertical-align: middle !important;
}


/* Убираем старую иконку */

.product-item-detail-compare-container .add_to_compare::before,
.product-item-detail-compare-container .add_to_compare::after {
    display: none !important;
    content: none !important;
}


@media (max-width: 767px) {

    .product-item-detail-compare-container .add_to_compare {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 6px 20px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}


/* ============================================================
   Кнопка "В корзину"
   ============================================================ */

a.product-item-detail-buy-button.order {
    display: inline-block !important;
    box-sizing: border-box !important;
    height: 34px !important;
    min-height: 34px !important;
    padding: 6px 12px !important;
    margin-bottom: 0 !important;
    font-family: "Roboto-Regular", Roboto, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.4 !important;
    vertical-align: middle !important;
}

a.product-item-detail-buy-button.order .product-item-detail-buy-text {
    position: static !important;
    top: auto !important;
}

@media (max-width: 767px) {

    a.product-item-detail-buy-button.order {
        display: block !important;
        width: 100% !important;
        min-width: 0 !important;
        max-width: none !important;
        height: 34px !important;
        min-height: 34px !important;
        padding: 6px 20px !important;
        box-sizing: border-box !important;
        text-align: center !important;
    }
}


/* ============================================================
   Кнопка "Сравнить" в карусели "Хиты продаж"
   ============================================================ */

.add_to_compare {
    background-image: none !important;
}

.add_to_compare.in_compare {
    background-image: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center !important;
}

.add_to_compare,
.add_to_compare:hover,
.add_to_compare:focus,
.add_to_compare:active {
    text-decoration: none !important;
}

@media screen and (max-width: 767px) {

    .add_to_compare,
    .add_to_compare.in_compare {
        padding-left: 0 !important;
        padding-right: 0 !important;
        text-align: center !important;
    }
}


/* ============================================================
   Сердечко "В избранное"
   ============================================================ */

.product-item-wishlist {
    display: inline-block !important;
    width: 20px !important;
    height: 20px !important;
    vertical-align: top !important;
    position: relative !important;
    top: -2px !important;
}

.product-item-wishlist svg {
    display: block !important;
    width: 20px !important;
    height: 20px !important;
    position: relative !important;
    top: 0 !important;
}


/* ============================================================
   Знак рубля
   ============================================================ */

.fafa_normal.fa-rub {
    font-family: "Font Awesome 6 Free" !important;
    font-weight: 900 !important;
    font-size: 17px !important;
    position: relative !important;
    top: -1px !important;
}

@media (max-width: 767px) {

    .fafa_normal.fa-rub {
        font-size: 14px !important;
        top: -1px !important;
    }
}


/* Знак рубля в основной цене карточки товара */

.price_normal.product-item-detail-price-current i.fa.fa-rub {
    font-size: 31px !important;
    position: relative !important;
    top: 1px !important;
}


/* ============================================================
   Центрирование "Сравнить" в листинге
   ============================================================ */

.list-spisok .add_to_compare {
    padding: 0 !important;
    margin-left: 0 !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    text-align: center !important;
}


/* ============================================================
   Сердечко в листинге товаров
   ============================================================ */

@media (min-width: 768px) {

    .category-item[data-entity="item"] .product-item-wishlist-container .product-item-wishlist {
        transform: translateY(-3px) !important;
    }
}


/* ============================================================
   Блок сравнения — убираем рамку
   ============================================================ */

#wrapper > div.container.container-2 > div:nth-child(2) > div.col-lg-9.col-md-8.col-sm-8.col-xs-12 > div > div.inner-page-content,
#bx_catalog_compare_block .inner-page-content {
    border: none !important;
}


/* ============================================================
   Скрытие бокового блока "Акции и спецпредложения"
   ============================================================ */

body.hide-promo-sidebar .promo-sidebar {
    display: none !important;
}


/* ============================================================
   Страницы:
   - Расчет строительных лесов
   - Монтаж/демонтаж лесов
   - Монтаж подъемников
   - ППР
   - Ремонт подъёмников Scanclimber
   - Ремонт электрических лебёдок
   - Ремонт строительных люлек ZLP
   - Ремонт мачтовых грузовых подъёмников
   ============================================================ */

.inner-page-content:has(.lescalc-page),
.inner-page-content:has(.ppr-page),
.inner-page-content:has(.podemnik-page),
.inner-page-content:has(.montazh-page),
.inner-page-content:has(.scanrepair-page),
.inner-page-content:has(.winchrepair-page),
.inner-page-content:has(.zlprepair-page),
.inner-page-content:has(.pmgrepair-page) {
    padding-left: 0 !important;
    padding-right: 0 !important;
    padding-top: 0 !important;

    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    border-radius: 0 !important;
}

.lescalc-page,
.podemnik-page,
.ppr-page,
.montazh-page,
.scanrepair-page,
.winchrepair-page,
.zlprepair-page,
.pmgrepair-page {
    width: 100% !important;
    max-width: 100% !important;

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

    padding-top: 0 !important;

    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
}

.lescalc-page > *:first-child,
.podemnik-page > *:first-child,
.ppr-page > *:first-child,
.montazh-page > *:first-child,
.scanrepair-page > *:first-child,
.winchrepair-page > *:first-child,
.zlprepair-page > *:first-child,
.pmgrepair-page > *:first-child {
    margin-top: 0 !important;
    padding-top: 0 !important;
}


/* Fallback для браузеров без :has() */

@supports not selector(:has(*)) {

    @media (min-width: 769px) {

        .lescalc-page,
        .podemnik-page,
        .ppr-page,
        .montazh-page,
        .scanrepair-page,
        .winchrepair-page,
        .zlprepair-page,
        .pmgrepair-page {
            margin-left: -20px !important;
            margin-right: -20px !important;
            width: calc(100% + 40px) !important;
        }
    }
}


/* ============================================================
   B2B-СТРАНИЦЫ
   ============================================================

   Используемые классы:
   .about-stroyres
   .services-stroyres
   .vyshki-tury-stroyres
   .towers-stroyres

   Убираем стандартную рамку .inner-page-content,
   снимаем внутренние боковые отступы и растягиваем
   содержимое на всю доступную ширину.
   ============================================================ */


/* --- Основная обёртка страницы --- */

.inner-page-content:has(
    .about-stroyres,
    .services-stroyres,
    .vyshki-tury-stroyres,
    .towers-stroyres
) {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;
    background: transparent !important;
    border-radius: 0 !important;

    padding: 0 !important;

    margin-top: 0 !important;
    margin-bottom: 0 !important;
}


/* --- Сами B2B-блоки --- */

.about-stroyres,
.services-stroyres,
.vyshki-tury-stroyres,
.towers-stroyres {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;

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

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


/* --- Десктоп:
       .inner-page-content раньше имел padding: 20px.
       Сейчас он снимается, поэтому компенсация уже
       не нужна. --- */

@media (min-width: 769px) {

    .about-stroyres,
    .services-stroyres,
    .vyshki-tury-stroyres,
    .towers-stroyres {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* --- Мобильная версия --- */

@media (max-width: 768px) {

    .inner-page-content:has(
        .about-stroyres,
        .services-stroyres,
        .vyshki-tury-stroyres,
        .towers-stroyres
    ) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .about-stroyres,
    .services-stroyres,
    .vyshki-tury-stroyres,
    .towers-stroyres {
        width: 100% !important;
        max-width: 100% !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }
}


/* ============================================================
   Аренда вышек-тур — убираем верхнюю рамку и отступ
   ============================================================ */

.vyshki-tury-stroyres {
    margin-top: 0 !important;
    padding-top: 0 !important;
    border-top: none !important;
}


/* ============================================================
   Новые B2B-страницы — убираем старую рамку и отступы
   category-text
   ============================================================ */

.category-text:has(
    .about-stroyres,
    .services-stroyres,
    .vyshki-tury-stroyres,
    .towers-stroyres,
    .lescalc-page,
    .podemnik-page,
    .ppr-page,
    .montazh-page,
    .scanrepair-page,
    .winchrepair-page,
    .zlprepair-page,
    .pmgrepair-page
) {
    border: none !important;
    box-shadow: none !important;
    outline: none !important;

    padding: 0 !important;
    margin-top: 0 !important;
}


/* ============================================================
   Верхнее меню — десктоп справа, мобильная версия по центру
   ============================================================ */

.top-menu-second {
    display: flex !important;
    justify-content: flex-end !important;
    align-items: center !important;
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
}

/* Десктоп */
@media (min-width: 769px) {
    .top-menu-second {
        transform: translateY(-7px);
    }
}

/* Мобильная версия */
@media (max-width: 768px) {
    .top-menu-second {
        justify-content: center !important;
        transform: none !important;
    }
}


/* ============================================================
   KDR — сохраняем прежнее расстояние до баннера
   после удаления пунктов top2
   ============================================================ */

body.kdr-site .top-menu-second {
    padding-bottom: 55px !important;
}
/* ============================================================
   СТАТЬИ /articles/
   Единый блок всех изменений страницы статей
   ============================================================ */


/* ============================================================
   1. Убираем большой верхний отступ
   ============================================================ */

#wrapper > div.container.container-2
> div:nth-child(2)
> div.col-lg-9.col-md-8.col-sm-8.col-xs-12
> div
> div.inner-page-content {
    padding-top: 0 !important;
    margin-top: 0 !important;
}

#wrapper > div.container.container-2
> div:nth-child(2)
> div.col-lg-9.col-md-8.col-sm-8.col-xs-12
> div
> div.inner-page-content
> h1:first-child {
    margin-top: 0 !important;
}


/* ============================================================
   2. "Читайте также" — без внешней рамки и тени
   ============================================================ */

.article-additional-content-wrap,
.article-additional-content-wrap * {
    box-shadow: none !important;
}

.article-additional-content-wrap {
    border: none !important;
    outline: none !important;
}


/* ============================================================
   3. "Поделиться" — только иконки
   ============================================================ */

.article-share-wrapper {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 0 !important;
    padding: 0 !important;

    border: none !important;
    outline: none !important;
    box-shadow: none !important;

    background: transparent !important;
}

.article-share-wrapper .article-additional-content-title {
    display: none !important;
}

.article-share-wrapper .share-buttons {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 8px !important;

    margin: 0 !important;
    padding: 0 !important;
}

.article-share-wrapper .share-btn {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 40px !important;
    height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid #d0d9ea !important;
    border-radius: 4px !important;

    background: #f4f6fb !important;
    box-shadow: none !important;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        transform .15s ease;
}

.article-share-wrapper .share-btn .logo {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

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

    object-fit: contain;
}

.article-share-wrapper .share-btn:hover {
    background: #ffffff !important;
    border-color: #8daae0 !important;
    transform: translateY(-1px);
}

.article-share-wrapper .share-btn:focus {
    outline: none !important;
    box-shadow: 0 0 0 2px rgba(93, 121, 174, .15) !important;
}

@media (max-width: 767px) {

    .article-share-wrapper {
        margin: 0 !important;
        padding: 0 !important;
    }

    .article-share-wrapper .share-buttons {
        justify-content: center !important;
        gap: 8px !important;
    }
}


/* ============================================================
   4. Карточки статей
   ============================================================ */

.inner-page-news #ajax-categories-paginate .media {
    margin-bottom: 25px !important;
    padding: 15px !important;

    background: #fff !important;

    border: 1px solid #dfe4ef !important;
    border-radius: 8px !important;

    box-shadow: none !important;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.2s ease;
}

.inner-page-news #ajax-categories-paginate .media:hover {
    border-color: #bfcbe0 !important;

    box-shadow: 0 4px 14px rgba(58, 75, 107, 0.10) !important;

    transform: translateY(-2px);
}

.inner-page-news #ajax-categories-paginate .media-left img {
    transition: transform 0.25s ease;
}

.inner-page-news #ajax-categories-paginate .media:hover .media-left img {
    transform: scale(1.03);
}


/* ============================================================
   5. Кнопка "Подробнее"
   ============================================================ */

.inner-page-news #ajax-categories-paginate .moredetails {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 !important;
    padding: 8px 20px !important;

    color: #425c8f !important;
    background: #f4f6fb !important;

    border: 1px solid #dfe4ef !important;
    border-radius: 5px !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;

    text-align: center !important;
    text-decoration: none !important;

    position: static !important;
    transform: none !important;

    box-shadow: none !important;
    cursor: pointer !important;

    transition:
        color 0.2s ease,
        background-color 0.2s ease,
        border-color 0.2s ease !important;
}

.inner-page-news #ajax-categories-paginate .moredetails:hover {
    color: #3a4b6b !important;
    background: #fff !important;
    border-color: #8daae0 !important;

    transform: none !important;
    box-shadow: none !important;

    text-decoration: none !important;
}

.inner-page-news #ajax-categories-paginate .moredetails:active,
.inner-page-news #ajax-categories-paginate .moredetails:focus {
    color: #3a4b6b !important;
    background: #fff !important;
    border-color: #8daae0 !important;

    transform: none !important;
    box-shadow: none !important;
    outline: none !important;
}


/* ============================================================
   6. "Показать ещё"
   ============================================================ */

.inner-page-news {
    position: relative !important;
}

.inner-page-news .how_much_products {
    width: 100% !important;
    text-align: center !important;
}

.inner-page-news .load-more-products-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

    margin: 0 auto !important;
    padding: 8px 20px !important;

    color: #fff !important;
    background: #425c8f !important;

    border: 1px solid #425c8f !important;
    border-radius: 5px !important;

    font-family: inherit !important;
    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 20px !important;

    text-align: center !important;

    transform: none !important;
    position: static !important;

    box-shadow: none !important;
    cursor: pointer !important;

    transition:
        background-color 0.2s ease,
        border-color 0.2s ease,
        box-shadow 0.2s ease !important;
}

.inner-page-news .load-more-products-button:hover {
    color: #fff !important;
    background: #3a4b6b !important;
    border-color: #3a4b6b !important;

    transform: none !important;

    box-shadow: 0 3px 8px rgba(58, 75, 107, 0.12) !important;
}

.inner-page-news .load-more-products-button:active,
.inner-page-news .load-more-products-button:focus {
    transform: none !important;
    outline: none !important;
}


/* ============================================================
   7. Отключаем scroll anchoring
   ============================================================ */

body:has(.inner-page-news) {
    overflow-anchor: none !important;
}

html:has(.inner-page-news) {
    overflow-anchor: none !important;
}


/* ============================================================
   8. ПАГИНАЦИЯ — ПК
   ============================================================ */

@media (min-width: 768px) {

    .inner-page-news .how_much_products {
        width: 100% !important;

        margin: 0 !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;

        text-align: center !important;
    }


    /* --------------------------------------------------------
       Сам блок пагинации

       "Показать ещё" остаётся по центру.
       Пагинация находится справа от него.

       ВАЖНО:
       не используем transform для перемещения всего блока.
       -------------------------------------------------------- */

    .inner-page-news #pagination-new {
        position: absolute !important;

        top: 3px !important;

        left: calc(50% + 105px) !important;
        right: auto !important;

        width: max-content !important;

        margin: 0 !important;
        padding: 0 !important;

        white-space: nowrap !important;

        border: none !important;
        outline: none !important;
        box-shadow: none !important;

        background: transparent !important;

        transform: none !important;
    }


    /* --------------------------------------------------------
       Надпись "Страницы"
       -------------------------------------------------------- */

    .inner-page-news #pagination-new p {
        display: inline-block !important;

        margin: 0 8px 0 0 !important;
        padding: 0 !important;

        color: #5a6b85 !important;

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

        vertical-align: middle !important;
    }


    /* --------------------------------------------------------
       Ряд кнопок
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul {
        display: inline-flex !important;

        align-items: center !important;
        justify-content: flex-start !important;
        flex-wrap: nowrap !important;

        gap: 4px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;

        vertical-align: middle !important;
        white-space: nowrap !important;
    }


    /* --------------------------------------------------------
       Элементы ряда
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li {
        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 34px !important;

        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* --------------------------------------------------------
       ВСЕ КНОПКИ:
       страницы + стрелки
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li a,
    .inner-page-news #pagination-new ul li span {

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #425c8f !important;
        background: #f4f6fb !important;

        border: none !important;
        outline: none !important;
        box-shadow: none !important;

        border-radius: 5px !important;

        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1 !important;

        text-align: center !important;
        text-decoration: none !important;

        position: relative !important;

        transform: none !important;

        transition:
            color 0.2s ease,
            background-color 0.2s ease !important;
    }


    /* --------------------------------------------------------
       Hover
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li a:hover,
    .inner-page-news #pagination-new ul li a:focus,
    .inner-page-news #pagination-new ul li a:active {

        color: #3a4b6b !important;
        background: #fff !important;

        border: none !important;
        outline: none !important;
        box-shadow: none !important;

        text-decoration: none !important;

        transform: none !important;
    }


    /* --------------------------------------------------------
       Активная страница
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li.active span {

        color: #fff !important;
        background: #425c8f !important;

        border: none !important;
        outline: none !important;
        box-shadow: none !important;
    }


    /* --------------------------------------------------------
       Стрелки

       Это обычные кнопки той же самой геометрии,
       что и кнопки 1 / 2 / 3.

       Никакого отдельного движения.
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li.toPrev a,
    .inner-page-news #pagination-new ul li.toNext a {

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;

        position: relative !important;

        transform: none !important;
    }


    /* --------------------------------------------------------
       Сам glyphicon

       Стрелка находится строго в центре кнопки.
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li.toPrev .glyphicon,
    .inner-page-news #pagination-new ul li.toNext .glyphicon {

        position: static !important;

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        width: auto !important;
        height: auto !important;

        margin: 0 !important;
        padding: 0 !important;

        font-size: 12px !important;
        line-height: 1 !important;

        vertical-align: middle !important;

        transform: none !important;
    }
}


/* ============================================================
   9. ПАГИНАЦИЯ — МОБИЛЬНАЯ
   ============================================================ */

@media (max-width: 767px) {

    /* --------------------------------------------------------
       Сам блок пагинации
       -------------------------------------------------------- */

    .inner-page-news #pagination-new {

        position: static !important;

        display: block !important;

        width: 100% !important;

        margin: 30px 0 0 !important;

        padding: 0 0 140px !important;

        text-align: center !important;

        border: none !important;
        outline: none !important;
        box-shadow: none !important;

        background: transparent !important;

        transform: none !important;
    }


    /* --------------------------------------------------------
       Убираем "Страницы"
       -------------------------------------------------------- */

    .inner-page-news #pagination-new p {
        display: none !important;
    }


    /* --------------------------------------------------------
       Ряд кнопок
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul {

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;
        flex-wrap: nowrap !important;

        gap: 8px !important;
        column-gap: 8px !important;

        margin: 0 !important;
        padding: 0 !important;

        list-style: none !important;
    }


    /* --------------------------------------------------------
       Элементы ряда
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li {

        display: flex !important;

        align-items: center !important;
        justify-content: center !important;

        flex: 0 0 34px !important;

        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;
    }


    /* --------------------------------------------------------
       Кнопки мобильной пагинации
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li a,
    .inner-page-news #pagination-new ul li span {

        display: inline-flex !important;

        align-items: center !important;
        justify-content: center !important;

        box-sizing: border-box !important;

        width: 34px !important;
        min-width: 34px !important;
        max-width: 34px !important;

        height: 34px !important;
        min-height: 34px !important;
        max-height: 34px !important;

        margin: 0 !important;
        padding: 0 !important;

        color: #425c8f !important;
        background: #f4f6fb !important;

        border: 1px solid #dfe4ef !important;
        border-radius: 5px !important;

        font-family: inherit !important;
        font-size: 14px !important;
        font-weight: 500 !important;
        line-height: 1 !important;

        text-align: center !important;
        text-decoration: none !important;

        box-shadow: none !important;

        position: relative !important;
        overflow: hidden !important;

        transform: none !important;

        transition:
            color 0.2s ease,
            background-color 0.2s ease,
            border-color 0.2s ease !important;
    }


    /* --------------------------------------------------------
       Активная страница
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li.active span {

        color: #fff !important;
        background: #425c8f !important;

        border-color: #425c8f !important;
    }


    /* --------------------------------------------------------
       Hover
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li a:hover {

        color: #3a4b6b !important;
        background: #fff !important;

        border-color: #8daae0 !important;

        text-decoration: none !important;

        transform: none !important;
    }


    /* ========================================================
       Стрелка ВЛЕВО
       ======================================================== */

    .inner-page-news #pagination-new ul li.toPrev a {

        font-size: 0 !important;
    }

    .inner-page-news #pagination-new ul li.toPrev a::before {

        content: "" !important;

        display: block !important;

        width: 8px !important;
        height: 8px !important;

        border-left: 2px solid #425c8f !important;
        border-bottom: 2px solid #425c8f !important;

        transform: rotate(45deg) !important;
    }


    /* ========================================================
       Стрелка ВПРАВО
       ======================================================== */

    .inner-page-news #pagination-new ul li.toNext a {

        font-size: 0 !important;
    }

    .inner-page-news #pagination-new ul li.toNext a::before {

        content: "" !important;

        display: block !important;

        width: 8px !important;
        height: 8px !important;

        border-top: 2px solid #425c8f !important;
        border-right: 2px solid #425c8f !important;

        transform: rotate(45deg) !important;
    }


    /* --------------------------------------------------------
       Старые glyphicon на мобильном скрываем
       -------------------------------------------------------- */

    .inner-page-news #pagination-new ul li.toPrev .glyphicon,
    .inner-page-news #pagination-new ul li.toNext .glyphicon {

        display: none !important;
    }


    /* --------------------------------------------------------
       Поднимаем "Показать ещё"
       -------------------------------------------------------- */

    .inner-page-news .how_much_products {

        transform: translateY(-35px) !important;
    }


    /* --------------------------------------------------------
       Размер "Показать ещё"
       -------------------------------------------------------- */

    .inner-page-news .load-more-products-button {

        width: 150px !important;
        min-width: 150px !important;
        max-width: 150px !important;
    }
}
/* ============================================================
   ПАГИНАЦИЯ — стрелки без glyphicon
   ============================================================ */

/* Прячем битый glyphicon */
@media (min-width: 768px) {

    .inner-page-news #pagination-new ul li.toPrev .glyphicon,
    .inner-page-news #pagination-new ul li.toNext .glyphicon {
        display: none !important;
    }


    /* Левая стрелка */
    .inner-page-news #pagination-new ul li.toPrev a {
        font-size: 0 !important;
    }

    .inner-page-news #pagination-new ul li.toPrev a::before {
        content: "" !important;

        display: block !important;

        width: 8px !important;
        height: 8px !important;

        border-left: 2px solid #425c8f !important;
        border-bottom: 2px solid #425c8f !important;

        transform: rotate(45deg) !important;
    }


    /* Правая стрелка */
    .inner-page-news #pagination-new ul li.toNext a {
        font-size: 0 !important;
    }

    .inner-page-news #pagination-new ul li.toNext a::before {
        content: "" !important;

        display: block !important;

        width: 8px !important;
        height: 8px !important;

        border-top: 2px solid #425c8f !important;
        border-right: 2px solid #425c8f !important;

        transform: rotate(45deg) !important;
    }
}
/* ============================================================
   КАТАЛОГ — КНОПКА «ПОКАЗАТЬ ЕЩЁ» И ПАГИНАЦИЯ
   ============================================================ */


/* ------------------------------------------------------------
   1. ОБЩИЙ БЛОК
   ------------------------------------------------------------ */

.catalog__pagination {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   2. БЛОК «ПОКАЗАТЬ ЕЩЁ»
   ------------------------------------------------------------ */

.catalog__pagination .how_much_products {
    position: relative !important;

    display: block !important;

    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   3. КНОПКА
   ------------------------------------------------------------ */

html body .catalog__pagination .how_much_products .load-more-products-button,
html body .catalog__pagination .load-more-products-button,
html body .how_much_products .load-more-products-button {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    box-sizing: border-box !important;

    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;

    height: 40px !important;
    min-height: 40px !important;
    max-height: 40px !important;

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

    position: relative !important;

    left: auto !important;
    right: auto !important;
    top: auto !important;
    bottom: auto !important;

    color: #fff !important;

    background: #425c8f !important;
    background-color: #425c8f !important;

    border: 1px solid #425c8f !important;
    border-radius: 5px !important;

    font-size: 14px !important;
    font-weight: 500 !important;
    line-height: 40px !important;

    text-align: center !important;

    cursor: pointer !important;

    box-shadow: none !important;
    outline: none !important;

    transform: none !important;

    /* КНОПКА ДОЛЖНА БЫТЬ ВЫШЕ ПАГИНАЦИИ */
    z-index: 10 !important;
}


/* ------------------------------------------------------------
   4. СОСТОЯНИЯ КНОПКИ
   ------------------------------------------------------------ */

html body .catalog__pagination .how_much_products .load-more-products-button:hover,
html body .catalog__pagination .load-more-products-button:hover {

    color: #fff !important;

    background: #3a4b6b !important;
    background-color: #3a4b6b !important;

    border-color: #3a4b6b !important;
}


html body .catalog__pagination .how_much_products .load-more-products-button:active,
html body .catalog__pagination .how_much_products .load-more-products-button:focus,
html body .catalog__pagination .load-more-products-button:active,
html body .catalog__pagination .load-more-products-button:focus {

    color: #fff !important;

    background: #425c8f !important;
    background-color: #425c8f !important;

    border-color: #425c8f !important;

    outline: none !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   5. ПАГИНАЦИЯ
   ------------------------------------------------------------ */

.catalog__pagination .catalogBottomPager {

    position: absolute !important;

    top: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 100% !important;
    height: 40px !important;
    min-height: 40px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;

    /* НИЖЕ КНОПКИ */
    z-index: 1 !important;
}


/* ------------------------------------------------------------
   6. САМА ПАГИНАЦИЯ
   ------------------------------------------------------------ */

.catalog__pagination .catalogBottomPager #pagination-new {

    position: absolute !important;

    top: 3px !important;
    left: calc(50% + 115px) !important;

    display: block !important;

    width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   7. УБИРАЕМ «СТРАНИЦЫ:»
   ------------------------------------------------------------ */

.catalog__pagination .catalogBottomPager #pagination-new > p {
    display: none !important;
}


/* ------------------------------------------------------------
   8. СПИСОК
   ------------------------------------------------------------ */

.catalog__pagination .catalogBottomPager #pagination-new ul {

    display: flex !important;

    align-items: center !important;

    gap: 4px !important;

    width: max-content !important;

    margin: 0 !important;
    padding: 0 !important;

    list-style: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   9. ЭЛЕМЕНТЫ
   ------------------------------------------------------------ */

.catalog__pagination .catalogBottomPager #pagination-new li {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    min-width: 34px !important;

    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   10. ССЫЛКИ / ACTIVE
   ------------------------------------------------------------ */

.catalog__pagination .catalogBottomPager #pagination-new li a,
.catalog__pagination .catalogBottomPager #pagination-new li span {

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 34px !important;
    height: 34px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    border-radius: 4px !important;

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

    text-align: center !important;

    text-decoration: none !important;

    outline: 0 !important;
    box-shadow: none !important;
}


/* ------------------------------------------------------------
   11. ОБЫЧНЫЕ СТРАНИЦЫ
   ------------------------------------------------------------ */

.catalog__pagination .catalogBottomPager #pagination-new li:not(.active) a {

    color: #3a4b6b !important;

    background: #f4f6fb !important;

    border: 1px solid #dfe4ef !important;
}


/* ------------------------------------------------------------
   12. АКТИВНАЯ
   ------------------------------------------------------------ */

.catalog__pagination .catalogBottomPager #pagination-new li.active span {

    color: #fff !important;

    background: #425c8f !important;

    border: 1px solid #425c8f !important;
}


/* ------------------------------------------------------------
   13. СТРЕЛКИ
   ------------------------------------------------------------ */

.catalog__pagination .catalogBottomPager #pagination-new li.toPrev .glyphicon,
.catalog__pagination .catalogBottomPager #pagination-new li.toNext .glyphicon {

    display: none !important;
}


.catalog__pagination .catalogBottomPager #pagination-new li.toPrev a::before {

    content: "‹" !important;

    font-family: Arial, sans-serif !important;

    font-size: 24px !important;
    font-weight: 400 !important;

    line-height: 30px !important;

    color: #3a4b6b !important;
}


.catalog__pagination .catalogBottomPager #pagination-new li.toNext a::before {

    content: "›" !important;

    font-family: Arial, sans-serif !important;

    font-size: 24px !important;
    font-weight: 400 !important;

    line-height: 30px !important;

    color: #3a4b6b !important;
}


/* ------------------------------------------------------------
   14. МОБИЛЬНАЯ ВЕРСИЯ
   ------------------------------------------------------------ */

@media (max-width: 767px) {

    .catalog__pagination {

        min-height: 82px !important;
    }


    .catalog__pagination .how_much_products {

        height: 40px !important;
        min-height: 40px !important;
    }


    html body .catalog__pagination .how_much_products .load-more-products-button,
    html body .catalog__pagination .load-more-products-button {

        position: relative !important;

        margin: 0 auto !important;

        z-index: 10 !important;
    }


    .catalog__pagination .catalogBottomPager {

        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;

        height: 34px !important;
        min-height: 34px !important;

        margin: 8px 0 0 !important;

        z-index: 1 !important;
    }


    .catalog__pagination .catalogBottomPager #pagination-new {

        position: relative !important;

        top: auto !important;
        left: auto !important;

        width: 100% !important;

        display: flex !important;

        justify-content: center !important;
    }


    .catalog__pagination .catalogBottomPager #pagination-new ul {

        gap: 4px !important;
    }
}
/* ============================================================
   КАТАЛОГ — отключаем автоматический scroll anchoring
   при AJAX-подгрузке товаров
   ============================================================ */

html,
body,
.catalog-items,
[data-entity="parent-container"] {
    overflow-anchor: none !important;
}
/* ============================================================
   Убираем рамку у блока в листинге «Описание»
   ============================================================ */

#wrapper > div.container.container-2 > div:nth-child(3) > div > div.col-md-9.col-sm-8 > div.row_dopinfo > div > div > div {
    border: none !important;
}
/* ============================================================
   Выравниваем номера страниц по вертикальному центру
   ============================================================ */

.catalog__pagination a,
.catalog__pagination span {
    line-height: normal !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
}
/* ============================================================
   ПАГИНАЦИЯ — точная вертикальная настройка на ПК
   ============================================================ */

@media (min-width: 768px) {

    /* --------------------------------------------------------
       Цифры страниц — опускаем на 1 px
       -------------------------------------------------------- */

    .catalog__pagination .catalogBottomPager #pagination-new ul li:not(.toPrev):not(.toNext) a,
    .catalog__pagination .catalogBottomPager #pagination-new ul li:not(.toPrev):not(.toNext) span {
        padding-top: 1px !important;
    }


    /* --------------------------------------------------------
       Стрелки — поднимаем на 1 px,
       сама кнопка остаётся на месте
       -------------------------------------------------------- */

    .catalog__pagination .catalogBottomPager #pagination-new ul li.toPrev a::before,
    .catalog__pagination .catalogBottomPager #pagination-new ul li.toNext a::before {
        transform: translateY(-1px) !important;
    }
}
/* ============================================================
   ПЕРЕКЛЮЧАТЕЛЬ ВИДА КАТАЛОГА
   Тестовый раздел: Световые башни автономные
   catalog_spisok / catalog_plitka
   ============================================================ */


/* ============================================================
   1. ПЕРЕКЛЮЧАТЕЛЬ
   ============================================================ */

.catalog-items .catalog-view-switcher {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 4px;

    margin: 0 0 15px;
}

.catalog-items .catalog-view-switcher__button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;

    height: 34px;
    padding: 0 12px;

    box-sizing: border-box;

    border: 1px solid #dfe4ef;
    border-radius: 4px;

    background: #f4f6fb;
    color: #425c8f;

    font-family: inherit;
    font-size: 14px;
    line-height: 1;

    cursor: pointer;

    transition:
        background-color .15s ease,
        border-color .15s ease,
        color .15s ease;
}

.catalog-items .catalog-view-switcher__button:hover {
    border-color: #cbd5e6;
    background: #eef2f8;
}

.catalog-items .catalog-view-switcher__button.active {
    background: #425c8f;
    border-color: #425c8f;
    color: #fff;
}


/* ============================================================
   2. ИКОНКА «СПИСОК»
   ============================================================ */

.catalog-view-switcher__icon--list {
    position: relative;

    width: 14px;
    height: 12px;

    border-top: 2px solid currentColor;
    border-bottom: 2px solid currentColor;
}

.catalog-view-switcher__icon--list::after {
    content: "";

    position: absolute;
    top: 4px;
    left: 0;
    right: 0;

    border-top: 2px solid currentColor;
}


/* ============================================================
   3. ИКОНКА «ПЛИТКА»
   ============================================================ */

.catalog-view-switcher__icon--grid {
    display: grid;

    grid-template-columns: repeat(2, 5px);
    grid-template-rows: repeat(2, 5px);

    gap: 2px;

    width: 12px;
    height: 12px;
}

.catalog-view-switcher__icon--grid::before,
.catalog-view-switcher__icon--grid::after {
    content: "";

    width: 5px;
    height: 5px;

    box-sizing: border-box;

    border: 1.5px solid currentColor;
}

.catalog-view-switcher__icon--grid::before {
    grid-column: 1;
    grid-row: 1;
}

.catalog-view-switcher__icon--grid::after {
    grid-column: 2;
    grid-row: 2;
}


/* ============================================================
   4. НАСТОЯЩИЙ СПИСОК
   ============================================================ */

.catalog-items .list-spisok [data-entity="item"] .catalog-tile-price,
.catalog-items .list-spisok [data-entity="item"] .catalog-tile-meta-new,
.catalog-items .list-spisok [data-entity="item"] .product-item-wishlist-top,
.catalog-items .list-spisok [data-entity="item"] .product-item-compare-top {
    display: none !important;
}


/* ============================================================
   5. НАСТОЯЩАЯ ПЛИТКА — КОНТЕЙНЕР
   catalog_plitka уже формирует сетку через Bootstrap.
   Здесь только убираем лишние отступы.
   ============================================================ */

.catalog-items .list-plitka {
    width: 100%;
    margin: 0;
    padding: 0;

    box-sizing: border-box;
}

.catalog-items .list-plitka::after {
    content: "";

    display: table;

    clear: both;
}


/* ============================================================
   6. КОЛОНКИ ТОВАРОВ
   На ПК сохраняем штатные 3 товара в ряд.
   ============================================================ */

.catalog-items .list-plitka > .row > .object_price {
    box-sizing: border-box;

    padding-left: 7px;
    padding-right: 7px;

    margin-bottom: 20px;
}


/* ============================================================
   7. КАРТОЧКА
   ============================================================ */

.catalog-items .list-plitka [data-entity="item"] {
    position: relative;

    width: 100%;

    margin: 0;
    padding: 10px;

    box-sizing: border-box;

    background: #fff;

    border: 1px solid #dfe4ef;
    border-radius: 4px;
}


/*
 * Внутренний product-item Bitrix.
 */

.catalog-items .list-plitka [data-entity="item"] .product-item {
    width: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;

    box-shadow: none;
}


/*
 * Не даём стандартной карточке Bitrix
 * расширяться при наведении.
 */

.bx-no-touch .catalog-items .list-plitka
.product-item-container.hover .product-item {
    position: relative;

    top: auto;
    right: auto;
    left: auto;

    width: 100%;

    margin: 0;
    padding: 0;

    border: 0;

    background: transparent;

    box-shadow: none;
}


/* ============================================================
   НАСТОЯЩАЯ КАРТОЧКА catalog_plitka
   Порядок:
   фото → цена → название → рейтинг + артикул → корзина
   ============================================================ */


/* ============================================================
   1. КАРТОЧКА
   ============================================================ */

.catalog-items .list-plitka
[data-entity="item"] {
    position: relative;
}


/* ============================================================
   2. ВНУТРЕННИЙ КОНТЕНТ
   В текущем catalog_plitka внутри него находятся:
   .item-name
   .text-center (картинка)
   .category-item-text
   ============================================================ */

.catalog-items .list-plitka
.category-item-content {
    display: contents;
}


/* ============================================================
   3. КАРТИНКА
   В текущем шаблоне картинка находится внутри:
   .text-center → span.img
   ============================================================ */

.catalog-items .list-plitka
.category-item-content > .text-center {
    display: block !important;

    order: 1;

    width: 100% !important;
    height: 220px !important;

    margin: 0 0 10px !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    text-align: center;
}


/*
 * Сама картинка.
 */

.catalog-items .list-plitka
.category-item-content > .text-center
span.img {
    display: block !important;

    width: 100% !important;
    height: 220px !important;

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

    box-sizing: border-box !important;

    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: contain !important;
}


/*
 * Родительская ссылка вокруг изображения.
 */

.catalog-items .list-plitka
.category-item-content > .text-center > a {
    display: block !important;

    width: 100% !important;
    height: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/* ============================================================
   4. НАЗВАНИЕ
   ============================================================ */

.catalog-items .list-plitka
.category-item-content > .item-name {
    display: -webkit-box !important;

    order: 3;

    width: 100% !important;
    min-height: 48px !important;
    max-height: 48px !important;

    overflow: hidden !important;

    margin: 0 0 6px !important;
    padding: 0 4px !important;

    box-sizing: border-box !important;

    color: #274162 !important;
    text-decoration: none !important;

    font-family: 'Roboto-Medium', sans-serif !important;
    font-size: 20px !important;
    font-weight: 400 !important;
    line-height: 24px !important;

    text-align: left !important;

    -webkit-box-orient: vertical !important;
    -webkit-line-clamp: 2 !important;
}


/* ============================================================
   5. РЕЙТИНГ + АРТИКУЛ
   Реальный блок текущего шаблона:
   .articul-rating
   ============================================================ */

.catalog-items .list-plitka
.articul-rating {
    display: flex !important;

    order: 4;

    align-items: center !important;

    width: 100% !important;

    margin: 0 0 8px !important;
    padding: 0 4px !important;

    box-sizing: border-box !important;
}


/*
 * Артикул слева.
 */

.catalog-items .list-plitka
.articul-rating .articul {
    float: none !important;

    width: auto !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #868686 !important;

    font-family: 'Roboto-Regular', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4 !important;

    text-align: left !important;
}


/*
 * Рейтинг справа.
 */

.catalog-items .list-plitka
.articul-rating .rating {
    float: none !important;

    width: auto !important;

    margin-left: auto !important;
    padding: 0 !important;

    color: #868686 !important;

    font-family: 'Roboto-Regular', sans-serif !important;
    font-size: 12px !important;
    line-height: 1.4 !important;

    text-align: right !important;
}


/* ============================================================
   6. ЦЕНА
   Цена находится вне category-item-content,
   поэтому управляем реальным .price-order.
   ============================================================ */

.catalog-items .list-plitka
.price-order {
    order: 2;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/*
 * Скрываем левый стандартный блок цены,
 * потому что в этой версии цена выводится
 * непосредственно в price-order.
 */

.catalog-items .list-plitka
.price-order > .row {
    width: 100% !important;

    margin: 0 !important;

    box-sizing: border-box !important;
}


/*
 * Цена слева.
 */

.catalog-items .list-plitka
.price-order > .row > .col-md-6.text-left {
    display: block !important;

    width: 100% !important;

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    text-align: left !important;
}


/*
 * Размер нашей цены.
 */

.catalog-items .list-plitka
.price-order .price {
    display: block !important;

    margin: 0 0 4px 5px !important;
    padding: 0 !important;

    color: #000 !important;

    font-family: 'Roboto-Black', sans-serif !important;
    font-size: 23px !important;
    font-weight: 900 !important;
    line-height: 1.2 !important;
}


/* ============================================================
   7. ПРАВАЯ ЧАСТЬ — КОРЗИНА
   ============================================================ */

.catalog-items .list-plitka
.price-order > .row > .col-md-6.text-right {
    display: block !important;

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

    float: none !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    text-align: left !important;
}


/*
 * Убираем <br>, который сейчас создаёт
 * лишний отступ перед кнопкой.
 */

.catalog-items .list-plitka
.price-order > .row > .col-md-6.text-right > br {
    display: none !important;
}


/*
 * Контейнер кнопки.
 */

.catalog-items .list-plitka
[id$="_basket_actions"] {
    display: block !important;

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

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/*
 * Сама кнопка.
 */

.catalog-items .list-plitka
[id$="_basket_actions"] .addItem {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

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

    margin: 0 !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;
}


/* ============================================================
   8. МОБИЛЬНАЯ ВЕРСИЯ
   ============================================================ */

@media (max-width: 767px) {

    /*
     * Картинка.
     */

    .catalog-items .list-plitka
    .category-item-content > .text-center {
        height: 150px !important;
    }

    .catalog-items .list-plitka
    .category-item-content > .text-center
    span.img {
        height: 150px !important;
    }


    /*
     * Название.
     */

    .catalog-items .list-plitka
    .category-item-content > .item-name {
        min-height: 34px !important;
        max-height: 34px !important;

        margin-bottom: 5px !important;
        padding-left: 0 !important;
        padding-right: 0 !important;

        font-size: 14px !important;
        line-height: 17px !important;
    }


    /*
     * Цена.
     */

    .catalog-items .list-plitka
    .price-order .price {
        margin-left: 0 !important;

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


    /*
     * Артикул + рейтинг.
     */

    .catalog-items .list-plitka
    .articul-rating {
        margin-bottom: 6px !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .catalog-items .list-plitka
    .articul-rating .articul,
    .catalog-items .list-plitka
    .articul-rating .rating {
        font-size: 11px !important;
    }
}
/* ============================================================
   16. НИЖНИЙ БЛОК — КОРЗИНА
   Цена здесь скрывается, потому что она уже выведена
   под картинкой.
   ============================================================ */

.catalog-items .list-plitka
.price-order > .price {
    display: none !important;
}

.catalog-items .list-plitka
.price-order > .bottom_mobile_rating {
    display: none !important;
}

.catalog-items .list-plitka
.price-order > .additional-price-lable {
    display: none !important;
}

.catalog-items .list-plitka
.price-order > .product-item-info-container {
    display: none !important;
}

.catalog-items .list-plitka
.price-order > [data-entity="quantity-block"] {
    display: none !important;
}

.catalog-items .list-plitka
.price-order .product-item-wishlist-container,
.catalog-items .list-plitka
.price-order .product-item-compare-container {
    display: none !important;
}


/*
 * Ряд цены/корзины.
 */

.catalog-items .list-plitka
.price-order > .row {
    width: 100% !important;

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

    box-sizing: border-box !important;
}


/*
 * Реальная Bootstrap-колонка,
 * внутри которой находится корзина.
 */

.catalog-items .list-plitka
.price-order > .row
> .col-md-6.text-right {
    display: block !important;

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

    float: none !important;
    flex: none !important;

    margin: 0 !important;

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

    box-sizing: border-box !important;

    text-align: left !important;
}


/*
 * Внутренний контейнер, который раньше
 * ограничивал кнопку 20 px.
 */

.catalog-items .list-plitka
.price-order > .row
> .col-md-6.text-right
> div {
    display: block !important;

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

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/*
 * Контейнер корзины.
 */

.catalog-items .list-plitka
[id$="_basket_actions"] {
    display: block !important;

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

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;
}


/*
 * Кнопка «В корзину».
 */

.catalog-items .list-plitka
[id$="_basket_actions"] .addItem {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

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

    margin: 0 !important;
    padding-left: 10px !important;
    padding-right: 10px !important;

    box-sizing: border-box !important;

    white-space: nowrap !important;

    text-align: center !important;

    overflow: hidden !important;
}


/* ============================================================
   17. КНОПКА КАК ЧАСТЬ КАРТОЧКИ
   ============================================================ */

.catalog-items .list-plitka
.product-item-button-container {
    width: 100%;

    margin-top: 8px;

    text-align: center;
}

.catalog-items .list-plitka
.product-item-button-container .btn {
    box-sizing: border-box;
}


/* ============================================================
   18. ПЛАНШЕТ
   2 ТОВАРА В РЯД
   ============================================================ */

@media (min-width: 768px) and (max-width: 1199px) {

    .catalog-items .list-plitka
    > .row
    > .object_price {
        padding-left: 7px;
        padding-right: 7px;
    }
}


/* ============================================================
   19. МОБИЛЬНАЯ ПЛИТКА
   2 ТОВАРА В РЯД
   ============================================================ */

@media (max-width: 767px) {

    /*
     * Переключатель по центру.
     */

    .catalog-items .catalog-view-switcher {
        justify-content: center;

        margin-bottom: 12px;
    }

    .catalog-items .catalog-view-switcher__button {
        height: 32px;
        padding: 0 10px;

        font-size: 13px;
    }


    /*
     * В настоящем catalog_plitka между
     * .list-plitka и .object_price находится
     * дополнительный .row.
     *
     * Поэтому ширину 50% задаём здесь.
     */

    .catalog-items .list-plitka > .row {
        width: 100% !important;

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

        box-sizing: border-box !important;
    }

    .catalog-items .list-plitka
    > .row
    > .object_price {
        display: block !important;

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

        float: left !important;

        box-sizing: border-box !important;

        padding-left: 5px !important;
        padding-right: 5px !important;

        margin-bottom: 15px !important;
    }


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

    .catalog-items .list-plitka
    [data-entity="item"] {
        padding: 8px;
    }


    /*
     * Картинка.
     */

    .catalog-items .list-plitka
    .category-item-content > .row
    > .col-md-3.col-sm-12.col-xs-12
    span.img {
        height: 150px !important;
    }


    /*
     * Верхнее «Сравнить» —
     * левый верхний угол карточки.
     */

    .catalog-items .list-plitka
    .product-item-compare-top {
        top: 12px !important;
        left: 12px !important;

        width: 20px !important;
        height: 20px !important;
    }


    /*
     * Верхнее сердечко —
     * правый верхний угол карточки.
     */

    .catalog-items .list-plitka
    .product-item-wishlist-top {
        top: 12px !important;
        right: 12px !important;

        width: 20px !important;
        height: 20px !important;
    }


    /*
     * Название.
     */

    .catalog-items .list-plitka
    .category-item-content > a {
        margin-bottom: 5px;

        padding-left: 0;
        padding-right: 0;
    }

    .catalog-items .list-plitka
    .category-item-content > a > span {
        min-height: 34px;
        max-height: 34px;

        font-size: 14px;
        line-height: 17px;
    }


    /*
     * Цена.
     */

    .catalog-items .list-plitka
    .category-item-content > .catalog-tile-price {
        margin-top: 8px;
        margin-bottom: 4px;
    }

    .catalog-items .list-plitka
    .catalog-tile-price .price_normal {
        margin-left: 0;

        font-size: 14px;
        line-height: 1.2;
    }


    /*
     * Рейтинг + артикул.
     */

    .catalog-items .list-plitka
    .category-item-content > .catalog-tile-meta-new {
        margin-bottom: 6px;

        padding-left: 0;
        padding-right: 0;

        gap: 6px;
    }

    .catalog-items .list-plitka
    .catalog-tile-rating-new {
        display: flex !important;
    }

    .catalog-items .list-plitka
    .catalog-tile-article-new {
        font-size: 12px;
        line-height: 15px;
    }


    /*
     * Корзина.
     */

    .catalog-items .list-plitka
    .price-order > .row
    > .col-md-6.text-right {
        width: 100% !important;
        max-width: 100% !important;

        float: none !important;

        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .catalog-items .list-plitka
    [id$="_basket_actions"] .addItem {
        width: 100% !important;
        max-width: 100% !important;
    }

    .catalog-items .list-plitka
    .product-item-button-container {
        margin-top: 6px;
    }
}
/* ============================================================
   МОБИЛЬНАЯ ПЛИТКА — УБИРАЕМ ПРИНУДИТЕЛЬНЫЙ ПЕРЕХОД МЕЖДУ ROW
   catalog_plitka разбивает товары на отдельные .row.
   На мобильном мы объединяем эти строки в один поток,
   но Bootstrap оставляет у них ::before / ::after.
   
   ::after содержит очистку float и заставляет следующий
   блок начинать новую строку.
   
   Убираем эти псевдоэлементы, чтобы все товары шли
   единым потоком по 2 карточки в ряд:
   
   1 2
   3 4
   5 6
   ============================================================ */

@media (max-width: 767px) {

    .catalog-items .list-plitka > .row {
        display: contents !important;
    }

    .catalog-items .list-plitka > .row::before,
    .catalog-items .list-plitka > .row::after {
        display: none !important;
        content: none !important;
    }

    .catalog-items .list-plitka
    > .row
    > .object_price {
        display: block !important;

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

        float: left !important;
        clear: none !important;

        box-sizing: border-box !important;

        padding-left: 5px !important;
        padding-right: 5px !important;

        margin-bottom: 15px !important;
    }

}
/* ============================================================
   НАСТОЯЩАЯ catalog_plitka
   Верхние кнопки поверх изображения
   ============================================================ */


/* Область изображения является якорем
   для абсолютного позиционирования кнопок */

.catalog-items .list-plitka
.category-item-content > .text-center {
    position: relative !important;
}


/* ============================================================
   ВЕРХНЕЕ СЕРДЕЧКО
   Справа сверху
   ============================================================ */

.catalog-items .list-plitka
.product-item-wishlist-top {
    position: absolute !important;

    top: 7px !important;
    right: 7px !important;

    z-index: 1000 !important;

    display: block !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    cursor: pointer !important;
}

.catalog-items .list-plitka
.product-item-wishlist-top svg {
    display: block !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;
}


/* ============================================================
   ВЕРХНЕЕ «СРАВНИТЬ»
   Слева сверху
   ============================================================ */

.catalog-items .list-plitka
.product-item-compare-top {
    position: absolute !important;

    top: 7px !important;
    left: 7px !important;

    z-index: 1000 !important;

    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    width: 20px !important;
    height: 20px !important;

    margin: 0 !important;
    padding: 0 !important;

    box-sizing: border-box !important;

    background: transparent !important;
    border: 0 !important;

    cursor: pointer !important;
}

.catalog-items .list-plitka
.product-item-compare-top svg {
    display: block !important;

    width: 21px !important;
    height: 21px !important;

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

    margin: 0 !important;
    padding: 0 !important;
}

.catalog-items .list-plitka
.product-item-compare-top svg path {
    stroke: #467DD0 !important;

    transition: stroke .15s ease !important;
}

.catalog-items .list-plitka
.product-item-compare-top:hover svg path {
    stroke: #3a4b6b !important;
}

.catalog-items .list-plitka
.product-item-compare-top.active svg path,
.catalog-items .list-plitka
.product-item-compare-top.active:hover svg path {
    stroke: #bf3738 !important;
}


/* ============================================================
   В СПИСКЕ ВЕРХНИЕ КНОПКИ НЕ ПОКАЗЫВАЕМ
   ============================================================ */

.catalog-items .list-spisok
.product-item-wishlist-top,
.catalog-items .list-spisok
.product-item-compare-top {
    display: none !important;
}


/* ============================================================
   ШТАТНЫЕ НИЖНИЕ КНОПКИ В ПЛИТКЕ НЕ НУЖНЫ
   Верхние кнопки являются основными.
   ============================================================ */

.catalog-items .list-plitka
.product-item-wishlist-container,
.catalog-items .list-plitka
.product-item-compare-container {
    display: none !important;
}


/* ============================================================
   МОБИЛЬНАЯ ВЕРСИЯ
   Кнопки остаются поверх изображения.
   ============================================================ */

@media (max-width: 767px) {

    .catalog-items .list-plitka
    .product-item-wishlist-top {
        top: 5px !important;
        right: 5px !important;
    }

    .catalog-items .list-plitka
    .product-item-compare-top {
        top: 5px !important;
        left: 5px !important;
    }

}
/* ============================================================
   ПЛИТКА КАТАЛОГА
   ПК — 4 товара в ряд
   Мобильный — 2 товара в ряд
   ============================================================ */

@media (min-width: 992px) {

    /* --------------------------------------------------------
       Контейнер плитки
       -------------------------------------------------------- */

    .catalog-items .list-plitka {
        display: grid;
        grid-template-columns: repeat(4, minmax(0, 1fr));
        width: 100%;
        margin: 0;
        padding: 0;
    }

    /* list-plitka сам имеет класс Bootstrap .row.
       Его псевдоэлементы в grid превращались в пустые
       карточки. Убираем их. */

    .catalog-items .list-plitka::before,
    .catalog-items .list-plitka::after {
        display: none;
        content: none;
    }


    /* Внутренние row catalog_plitka объединяем
       в один поток */

    .catalog-items .list-plitka > .row {
        display: contents;
    }

    .catalog-items .list-plitka > .row::before,
    .catalog-items .list-plitka > .row::after {
        display: none;
        content: none;
    }


    /* --------------------------------------------------------
       Карточка товара
       -------------------------------------------------------- */

    .catalog-items .list-plitka
    > .row
    > .object_price {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin-bottom: 20px;

        box-sizing: border-box;
    }

    .catalog-items .list-plitka
    [data-entity="item"] {
        height: 100%;
    }


    /* --------------------------------------------------------
       Название
       -------------------------------------------------------- */

    .catalog-items .list-plitka
    .category-item-content > .item-name {
        display: -webkit-box;

        width: 100%;
        min-height: 38px;
        max-height: 38px;

        margin: 0 0 6px;
        padding: 0 4px;

        overflow: hidden;

        color: #274162;
        text-decoration: none;

        font-family: 'Roboto-Medium', sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 19px;

        text-align: left;

        box-sizing: border-box;

        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }


    /* --------------------------------------------------------
       Цена
       -------------------------------------------------------- */

    .catalog-items .list-plitka
    .price-order .price {
        margin: 0 0 4px 5px;

        padding: 0;

        color: #000;

        font-family: 'Roboto-Black', sans-serif;
        font-size: 18px;
        font-weight: 900;
        line-height: 22px;
    }
}


/* ============================================================
   МОБИЛЬНАЯ ПЛИТКА
   2 товара в ряд
   ============================================================ */

@media (max-width: 767px) {

    .catalog-items .list-plitka {
        display: block;
        width: 100%;
    }

    .catalog-items .list-plitka::before,
    .catalog-items .list-plitka::after {
        display: none;
        content: none;
    }

    .catalog-items .list-plitka > .row {
        display: contents;
    }

    .catalog-items .list-plitka > .row::before,
    .catalog-items .list-plitka > .row::after {
        display: none;
        content: none;
    }

    .catalog-items .list-plitka
    > .row
    > .object_price {
        display: block;

        width: 50%;
        max-width: 50%;
        min-width: 0;

        float: left;
        clear: none;

        padding-left: 5px;
        padding-right: 5px;

        margin-bottom: 15px;

        box-sizing: border-box;
    }
}
/* ============================================================
   ПЛИТКА — размер названия и единица цены
   ============================================================ */

@media (min-width: 768px) {

    /* Название как в режиме «Список» */
    .catalog-items .list-plitka
    .category-item-content > .item-name {
        font-size: 16px !important;
        line-height: 20px !important;
        min-height: 40px !important;
        max-height: 40px !important;
    }

    /* Цена + единица измерения */
    .catalog-items .list-plitka
    .price-order .price {
        display: inline-block !important;
        margin-bottom: 4px !important;
        vertical-align: baseline;
    }

    .catalog-items .list-plitka
    .price-order .additional-price-lable {
        display: inline-block !important;
        margin-left: 4px;
        color: #5a6b85;
        font-size: 13px;
        line-height: 20px;
        vertical-align: baseline;
    }
}
.catalog-items .list-plitka .price small {
    font-size: 14px;
}

form[name="form_auth"] input[type="text"],
form[name="form_auth"] input[type="password"],
form[name="bform"] input[type="text"] {
	max-width: 280px;
	height: 40px;
}
form[name="bform"] input[name="USER_LOGIN"], 
form[name="bform"] input.bx-auth-input {
	display: block;
    width: 100%;
    padding: 6px 12px;
    font-size: 12px;
    line-height: 1.42857143;
    color: #6d7b85;
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    box-shadow: inset 0 1px 1px rgb(0 0 0 / 8%);
    -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
	max-width: 280px;
}
form[name="bform"] input[type="submit"],
form[name="form_auth"] input[type="submit"] {
	display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 10px 22px;
    border-radius: 10px;
    background: #425c8f;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-decoration: none;
    border: none;
    cursor: pointer;
    transition: background 0.25s ease, transform 0.25s ease, box-shadow 0.25s ease;
    box-shadow: 0 4px 12px rgb(66 92 143 / 25%);
    position: relative;
    z-index: 1;
    white-space: nowrap;
}
form[name="bform"] input[type="submit"]:hover,
form[name="form_auth"] input[type="submit"]:hover {
    background: #3a4b6b;
    transform: translateY(-2px);
    box-shadow: 0 8px 22px rgba(58, 75, 107, 0.35);
    color: #fff;
    text-decoration: none;
}