/* Start:/bitrix/templates/timeoil/css/mobile.css?178022656925869*/
@media (min-width: 1024px) and (max-width: 1350px) {
.header_top{ height: 80px; }
}
@media (min-width: 246px) and (max-width: 1024px) {
.mobile_menu, .mobile_menu_block_left, .mobile_menu_search, .body_contacts_mobile{
    display: block !important;
}
.header_top{ height: 140px; }
.mobile_menu_block{
    background: rgba(var(--grey-color-block), 1);
    display: flex;
    justify-content: space-around;
    align-items: center;
}
.header img{
    margin-bottom: 0px !important;
    height: 65px !important;
    margin-right: 0px !important;
    max-height: 65px !important;
}
.mobile_menu_block_left { padding-left: 12px !important; }
.mobile_menu_search svg { width: 80px !important; height: 80px !important; }
.contacts_head_block_up a[href="/personal/"] svg { width: 80px !important; height: 80px !important; }
#bx_basketFKauiI a svg, .bx-basket-block a svg { width: 80px !important; height: 80px !important; }
.contacts_head_block_up { gap: 10px !important; padding-right: 10px !important; align-items: center !important; }
#title-search { display: none; }
.svg_whatsapp, .svg_telegram, .favor-list-block { display: none !important; }
.bx-basket-block span, .bx-basket-block .bx-basket-block-item { display: none !important; }
.header{ justify-content: space-between !important; }
.slider-block-info{ font-size: 30px !important; width: 700px !important; }
.slider-block-name{ font-weight: 400 !important; margin-bottom: 30px !important; }
.slider-block-text{ font-size: 34px !important; }
.slider-block-contents{ margin-bottom: 400px !important; }
.slider-blocklist{ height: 700px !important; overflow: hidden !important; }
.slider-blocklist .slick-track{ height: 700px !important; }
.control_style .slick-dots{ margin-bottom: 0px !important; margin-top: 20px !important; }
.control_style .slick-dots button{ min-width: 20px !important; min-height: 20px !important; }
.body_block { border-radius: 0px !important; top: 100px !important; }
.body_lenta_brands img{ height: 80% !important; margin: 20px !important; }
.body_info_down_is{ max-width: 95% !important; }
.menu_list, .contacts_head_block, .slider-block-button, .block-info, .block_send_form, .body_shop_info, .body_footer, .body_contacts, .favor-list-block{ display: none !important; }
.catalog_name{ font-size: 50px !important; }
.popular{ height: auto !important; width: 400px !important; margin: 20px; }
.popular_catalog img{ height: 420px !important; width: auto !important; }
.popular-block-name{ width: 380px !important; height: 90px !important; font-size: 26px !important; }
.popular-block-price{ width: 380px !important; font-size: 40px !important; }
.catalog_goods{
    height: 380px !important;
    width: 46% !important;
    border-radius: 14px;
    flex-direction: column-reverse !important;
    background: #ffd13c !important;
    margin: 5px 8px 15px 8px !important;
    transition: all .2s;
    justify-content: center !important;
    border: 2px solid #e6b800;
    box-shadow: 0 2px 8px rgba(255, 209, 60, 0.3);
    padding: 10px;
    box-sizing: border-box;
}
.catalog-block-name{ font-weight: 700 !important; font-size: 36px !important; margin-left: 0px !important; text-align: center !important; }
.catalog-block-price img{ height: 220px !important; margin: 0px !important; }
.shop_block_button{ border-radius: 50px !important; width: 380px !important; height: 90px !important; font-size: 26px !important; }
.shop_block_button::before{ width: 80px !important; height: 80px !important; left: 595px !important; }
.shop_block_button_icon{ height: 100px !important; margin: 0 0 0px 80px !important; }
.shop_block_image img{ height: 480px !important; }
.body_catalog span, .body_brands{ font-size: 40px !important; }
.body_brands{ margin-top: 0px !important; right: 10% !important; }
.body_info{ max-width: 100% !important; top: 0px !important; box-shadow: 0px 0px 0px #0000001f !important; margin: 40px 0px 80px 0px !important; }
.body_block{ border-radius: 0px !important; top: 100px !important; }
.header-menu__wrapper{ height: auto !important; flex-direction: column; }
.svg_telegram, .svg_whatsapp{ margin-left: 50px !important; }
.header-menu__title{ font-size: 50px !important; }
.slider-blocklist .slick-track{ height: 100%; }
.catalog_icons_{ height: auto !important; font-size: 50px !important; }
.header-menu__item{ padding: 28px !important; }
.shop_block_button_title { margin-left: 35px !important; }
.contacts_search_icon_svg{ height: 50px !important; margin-left: 27px !important; }
.address_text{ font-size: 48px; }
.form-text { font-size: 50px !important; }
.form-message{ width: 800px !important; }

/* ===== КАТАЛОГ НА /PRODUCT/ ===== */
.bx_catalog_text { padding: 10px 10px 20px; }
.bx_catalog_text::before {
    content: "\041A\0430\0442\0430\043B\043E\0433";
    display: block;
    font-size: 36px;
    font-weight: 900;
    color: #1a1a2e;
    text-align: center;
    margin-bottom: 20px;
}
.bx_catalog_text_ul li:nth-child(n+5) { display: none !important; }
.bx_catalog_text_ul{
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 14px;
    list-style: none;
    padding: 0;
    margin: 0;
}
.bx_catalog_text_ul li { margin: 0; padding: 0; }
.bx_catalog_text_title { margin: 0; font-size: 0; font-weight: 400; }
.bx_catalog_text_title a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    text-align: center;
    height: 380px;
    padding: 15px 10px 18px;
    background: #ffd13c;
    border: 2px solid #e6b800;
    border-radius: 14px;
    color: #1a1a2e;
    text-decoration: none;
    transition: all 0.2s;
    font-size: 36px;
    font-weight: 800;
    box-sizing: border-box;
    box-shadow: 0 3px 10px rgba(255, 209, 60, 0.3);
    line-height: 1.2;
}
/* Белый круг для иконки */
.bx_catalog_text_title a::before {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 200px;
    height: 200px;
    background: #fff;
    border-radius: 50%;
    box-shadow: 0 4px 12px rgba(0,0,0,0.12);
    flex-shrink: 0;
    margin-bottom: 8px;
    content: "";
    background-repeat: no-repeat;
    background-position: center;
    background-size: 65%;
}
/* Иконки PNG для каждой категории */
#bx_1847241719_167 .bx_catalog_text_title a::before {
    background-image: url(/upload/iblock/990/1bnhac0smfa9mye6ho2ygzlx0bs0695b.png);
}
#bx_1847241719_168 .bx_catalog_text_title a::before {
    background-image: url(/upload/iblock/d80/wej560f5jgbuakedbifo3q7wuqaxgf6k.png);
}
#bx_1847241719_169 .bx_catalog_text_title a::before {
    background-image: url(/upload/iblock/577/r8et754j0ihec8lqsqc73f6jpw6k1zxy.png);
}
#bx_1847241719_170 .bx_catalog_text_title a::before {
    background-image: url(/upload/iblock/611/960gtpyguuj44kb28ya1e77gxdwe48tn.png);
}
/* Скрываем оригинальный текст и подставляем новый */
#bx_1847241719_167 a { font-size: 0 !important; color: transparent !important; }
#bx_1847241719_167 a::after {
    content: "\0414\043B\044F  \043B\0435\0433\043A\043E\0432\044B\0445";
    display: block;
    font-size: 36px;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1.2;
}
#bx_1847241719_168 a { font-size: 0 !important; color: transparent !important; }
#bx_1847241719_168 a::after {
    content: "\0414\043B\044F  \043C\043E\0442\043E";
    display: block;
    font-size: 36px;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1.2;
}
#bx_1847241719_169 a { font-size: 0 !important; color: transparent !important; }
#bx_1847241719_169 a::after {
    content: "\0412\043E\0434\043D\0430\044F  \0442\0435\0445\043D\0438\043A\0430";
    display: block;
    font-size: 36px;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1.2;
}
#bx_1847241719_170 a { font-size: 0 !important; color: transparent !important; }
#bx_1847241719_170 a::after {
    content: "\0414\043B\044F  \0433\0440\0443\0437\043E\0432\044B\0445";
    display: block;
    font-size: 36px;
    font-weight: 800;
    color: #1a1a2e;
    line-height: 1.2;
}
.bx_catalog_text_title a:hover,
.bx_catalog_text_title a:active {
    border-color: #cc9900;
    box-shadow: 0 4px 20px rgba(230, 184, 0, 0.4);
    background: #e6c234;
}
}
/* ===== ОТСТУПЫ МЕЖДУ КАРТОЧКАМИ ТОВАРОВ ===== */
@media (min-width: 246px) and (max-width: 1024px) {
.product-item-small-card {
    padding: 5px !important;
}
.product-item-list-col-4 {
    margin-left: -5px !important;
    margin-right: -5px !important;
}
.col-xs-6 {
    padding-left: 5px !important;
    padding-right: 5px !important;
}
.product-item {
    border: 1px solid #e9ecef;
    border-radius: 12px;
    padding: 10px;
    background: #fff;
}
.product-item-title {
    margin-top: 8px;
    margin-bottom: 6px;
}
.product-item-title a {
    font-size: 14px;
    font-weight: 600;
    color: #1a1a2e;
}
.product-item-price-container {
    margin-bottom: 8px;
}
.product-item-button-container .btn {
    width: 100%;
    border-radius: 8px;
}
}

/* Главная страница — жёлтые кнопки */
.body_brands a {
    display: inline-block;
    padding: 12px 30px;
    background: #ffd13c !important;
    color: #1a1a2e !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 8px;
    border: 2px solid #e6b800 !important;
    box-shadow: 0 2px 8px rgba(255, 209, 60, 0.3);
    transition: all 0.3s ease;
}
.body_brands a:hover {
    background: #e6c234 !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(230, 184, 0, 0.4);
}
.shop_block_button { background: #ffd13c !important; color: #1a1a2e !important; border: 2px solid #e6b800 !important; }
.body_popular_catalog .btn.btn-default.btn-lg.center-block {
    background: #ffd13c !important;
    color: #1a1a2e !important;
    border: 2px solid #e6b800 !important;
    border-radius: 8px !important;
    font-weight: 700 !important;
    box-shadow: 0 2px 8px rgba(255, 209, 60, 0.3) !important;
}
.body_popular_catalog .btn.btn-default.btn-lg.center-block:hover {
    background: #e6c234 !important;
    box-shadow: 0 4px 12px rgba(230, 184, 0, 0.4) !important;
}
.btn.btn-default.btn-sm { background: #ffd13c !important; color: #1a1a2e !important; border: 2px solid #e6b800 !important; border-radius: 8px !important; font-weight: 700 !important; }

/* Категории на главной — меняем текст */
.catalog-block-name span { font-size: 0; }
.catalog-block-name span::before { font-size: 36px !important; font-weight: 700 !important; color: #1a1a2e !important; }
a[href*=legkovye] .catalog-block-name span::before { content: "Для легковых"; }
a[href*=mototsikly] .catalog-block-name span::before { content: "Для мото"; }
a[href*=vodno] .catalog-block-name span::before { content: "Водная техника"; }
a[href*=gruzovye] .catalog-block-name span::before { content: "Для грузовых"; }

@media (min-width: 1024px) { .filter_block_button{ display: none; } }
@media (min-width: 1024px) and (max-width: 1350px) {
.contacts_head_block{ margin-left: 0px !important; }
.header-menu__item{ margin: 0px 5px 0px 5px !important; }
.catalog_icons_{ font-size: 75% !important; }
.contacts_number{ font-size: 12px; margin-left: 0px !important; margin-right: 0px !important; }
}
@media (max-width: 1024px) {
.menu_all_list{
    position: fixed !important;
    top: 140px !important;
    left: 0 !important;
    transform: none !important;
    width: 100% !important;
    max-width: 100% !important;
    max-height: calc(100vh - 140px) !important;
    display: none !important;
}
.menu_all_block{ flex-direction: column !important; }
.menu_all_block_list{ width: 100% !important; border-right: none !important; border-bottom: 1px solid #eee !important; }
.header-menu__wrapper{ flex-direction: column !important; height: auto !important; }
.catalog_icons_{ height: auto !important; }
.header-menu__item{ padding: 15px !important; }
.header-menu__title{ font-size: 30px !important; }
}
.slider-blocklist-item { max-height: 700px !important; }
.slider-block-image { height: 700px !important; }
.slider-block-image img { max-height: 700px !important; }



/* === БЕГУЩАЯ СТРОКА БРЕНДОВ === */
.body_lenta_brands {
    display: flex !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch !important;
    scrollbar-width: none !important;
    white-space: nowrap !important;
}
.body_lenta_brands::-webkit-scrollbar {
    display: none !important;
}
.body_lenta_brands img {
    height: 60px !important;
    margin: 25px !important;
    flex-shrink: 0 !important;
}

/* === СЛАЙДЕР на мобильных — переключаем absolute → relative === */
@media (max-width: 1024px) {
    .slider-block-image {
        position: relative !important;
        height: auto !important;
    }
    .slider-block-image img {
        position: relative !important;
        display: block !important;
        width: 100% !important;
        height: auto !important;
        object-fit: contain !important;
        max-height: none !important;
    }
    .slider-blocklist {
        height: auto !important;
        overflow: visible !important;
    }
    .slider-blocklist-item {
        max-height: none !important;
        overflow: visible !important;
    }
    .slider-list {
        max-height: none !important;
        overflow: visible !important;
    }
    .slider-track {
        height: auto !important;
    }
    .slider-block-contents {
        display: none !important;
    }
}

/* === Детальная карточка товара на мобильных === */
@media (max-width: 767px) {
    .bx-catalog-element {
        width: 100% !important;
        max-width: 100vw !important;
        overflow: hidden !important;
    }

    .bx-catalog-element > .container-fluid {
        width: 100% !important;
        max-width: 100% !important;
        padding: 0 16px !important;
        box-sizing: border-box !important;
    }

    .bx-catalog-element .container-fluid > .row,
    .bx-catalog-element .col-md-6 > .row {
        display: block !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .bx-catalog-element .container-fluid > .row > [class*="col-"],
    .bx-catalog-element .col-md-6 > .row > [class*="col-"] {
        float: none !important;
        width: 100% !important;
        max-width: 100% !important;
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .bx-catalog-element .col-md-6 > .row {
        display: flex !important;
        flex-direction: column-reverse !important;
    }

    .bx-catalog-element .bx-title {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px 0 14px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: visible !important;
        text-overflow: clip !important;
        white-space: normal !important;
        overflow-wrap: anywhere !important;
        font-size: 20px !important;
        line-height: 1.2 !important;
        letter-spacing: 0 !important;
        color: #111 !important;
    }

    .bx-breadcrumb {
        margin: 12px 12px 8px !important;
    }

    .bx-breadcrumb span {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .bx-catalog-element .product-item-detail-slider-container {
        width: 100% !important;
        max-width: 250px !important;
        margin: 6px auto 12px !important;
    }

    .bx-catalog-element .product-item-detail-slider-block,
    .bx-catalog-element .product-item-detail-slider-block.product-item-detail-slider-block-square {
        height: 250px !important;
        padding-top: 0 !important;
    }

    .bx-catalog-element .product-item-detail-slider-image img {
        max-width: 100% !important;
        max-height: 235px !important;
        object-fit: contain !important;
    }

    .bx-catalog-element .product-item-detail-info-section,
    .bx-catalog-element .product-item-detail-info-container {
        max-width: 100% !important;
        overflow: visible !important;
    }

    .bx-catalog-element .product-item-detail-pay-block {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .bx-catalog-element .product-item-detail-info-container > .product-item-detail-price-current {
        margin: 8px 0 12px !important;
        padding: 0 !important;
        font-size: 26px !important;
        line-height: 1.15 !important;
        white-space: nowrap !important;
    }

    .bx-catalog-element .control_block {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;
        gap: 10px !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 10px 0 16px !important;
    }

    .bx-catalog-element .product-item-detail-info-container > .product-item-amount > .product-item-amount-field-container {
        width: 128px !important;
        height: 42px !important;
        padding: 0 10px !important;
        box-sizing: border-box !important;
    }

    .bx-catalog-element .product-item-amount-field {
        max-width: 46px !important;
        font-size: 18px !important;
    }

    .bx-catalog-element .product-item-detail-info-container a.product-item-detail-buy-button {
        width: auto !important;
        min-width: 132px !important;
        max-width: 158px !important;
        height: 42px !important;
        margin-left: 0 !important;
        padding: 0 18px !important;
        font-size: 15px !important;
        line-height: 42px !important;
        border-radius: 22px !important;
        white-space: nowrap !important;
    }

    .bx-catalog-element .product-item-detail-info-container a.product-item-detail-buy-button span {
        font-size: 15px !important;
        line-height: 1 !important;
    }

    .bx-catalog-element .product-item-detail-info-container > .product-item-detail-properties,
    .bx-catalog-element .product-item-detail-tab-content .product-item-detail-properties {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 12px 0 !important;
        padding: 10px 12px !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
    }

    .bx-catalog-element .product-item-detail-properties dl {
        margin: 0 !important;
    }

    .bx-catalog-element .product-item-detail-properties dt,
    .bx-catalog-element .product-item-detail-properties dd {
        float: none !important;
        display: inline !important;
        margin: 0 !important;
        font-size: 14px !important;
        line-height: 1.4 !important;
        color: #111 !important;
    }

    .bx-catalog-element .product-item-detail-properties dt {
        font-weight: 600 !important;
    }

    .bx-catalog-element .product-item-detail-properties dt::after {
        content: " ";
    }

    .bx-catalog-element .product-item-detail-properties dd::after {
        content: "";
        display: block;
        margin-bottom: 6px;
    }

    .bx-catalog-element .product-item-detail-tab-content {
        padding: 14px 0 0 !important;
        box-sizing: border-box !important;
        font-size: 14px !important;
        line-height: 1.45 !important;
    }
}

/* === Корзина на мобильных === */
@media (max-width: 767px) {
    .bx-basket,
    .bx-basket * {
        box-sizing: border-box !important;
        letter-spacing: 0 !important;
    }

    .bx-basket {
        width: 100% !important;
        max-width: 100vw !important;
        padding: 0 16px !important;
        overflow: hidden !important;
    }

    .bx-basket .row {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .bx-basket .col-xs-12 {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .bx-basket span,
    .bx-basket a,
    .bx-basket div,
    .bx-basket input,
    .bx-basket button {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    .bx-basket .basket-items-list-wrapper {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 12px 0 !important;
    }

    .bx-basket .basket-items-list-table,
    .bx-basket .basket-items-list-table tbody,
    .bx-basket .basket-items-list-item-container {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
    }

    .bx-basket .basket-items-list-item-descriptions,
    .bx-basket .basket-items-list-item-amount,
    .bx-basket .basket-items-list-item-price,
    .bx-basket .basket-items-list-item-remove {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        padding: 10px 0 !important;
    }

    .bx-basket .basket-items-list-item-descriptions-inner {
        display: grid !important;
        grid-template-columns: 86px minmax(0, 1fr) !important;
        gap: 12px !important;
        align-items: start !important;
        width: 100% !important;
    }

    .bx-basket .basket-item-block-image {
        width: 86px !important;
        height: 116px !important;
        padding: 0 !important;
    }

    .bx-basket .basket-item-image-link {
        width: 86px !important;
        height: 116px !important;
    }

    .bx-basket .basket-item-image {
        width: auto !important;
        max-width: 86px !important;
        max-height: 116px !important;
        object-fit: contain !important;
    }

    .bx-basket .basket-item-block-info {
        width: 100% !important;
        min-width: 0 !important;
        padding: 0 !important;
    }

    .bx-basket .basket-item-info-name,
    .bx-basket .basket-item-info-name-link,
    .bx-basket .basket-item-info-name-link span {
        margin: 0 0 8px !important;
        font-size: 16px !important;
        line-height: 1.25 !important;
        font-weight: 600 !important;
        color: #222 !important;
    }

    .bx-basket .basket-item-property-name,
    .bx-basket .basket-item-property-value,
    .bx-basket .basket-item-price-title {
        font-size: 12px !important;
        line-height: 1.3 !important;
    }

    .bx-basket .basket-item-price-current-text,
    .bx-basket .basket-item-sum-price-current,
    .bx-basket .basket-coupon-block-total-price-current {
        font-size: 20px !important;
        line-height: 1.2 !important;
        font-weight: 700 !important;
    }

    .bx-basket .basket-item-amount-filed,
    .bx-basket .basket-item-amount-field {
        width: 48px !important;
        height: 36px !important;
        font-size: 18px !important;
        line-height: 36px !important;
    }

    .bx-basket .basket-item-amount-btn-plus,
    .bx-basket .basket-item-amount-btn-minus {
        width: 36px !important;
        height: 36px !important;
    }

    .bx-basket .basket-checkout-container {
        display: block !important;
        width: 100% !important;
        height: auto !important;
        margin: 16px 0 !important;
        padding: 14px !important;
    }

    .bx-basket .basket-coupon-section {
        display: none !important;
    }

    .bx-basket .basket-checkout-section {
        display: block !important;
        width: 100% !important;
        height: auto !important;
    }

    .bx-basket .basket-checkout-section-inner {
        width: 100% !important;
    }

    .bx-basket .basket-checkout-block-total-title,
    .bx-basket .basket-checkout-block-total-price-inner {
        font-size: 16px !important;
        line-height: 1.3 !important;
    }

    .bx-basket .basket-btn-checkout {
        width: 100% !important;
        height: 44px !important;
        margin-top: 12px !important;
        font-size: 16px !important;
        line-height: 44px !important;
        border-radius: 22px !important;
    }
}

/* === Фикс горизонтального сдвига на мобильных === */
@media (max-width: 767px) {
    html,
    body {
        width: 100% !important;
        max-width: 100% !important;
        overflow-x: hidden !important;
        overscroll-behavior-x: none;
        touch-action: pan-y;
    }

    body {
        position: relative;
    }

    #panel,
    #header,
    .header,
    .body_block,
    .body_info,
    .container,
    .container-fluid,
    .catalog-section,
    .bx-catalog-element,
    .bx-basket,
    .product-item,
    .product-item-container,
    .product-item-info-container {
        max-width: 100vw !important;
        box-sizing: border-box !important;
    }

    .catalog-section .row,
    .product-item-list-col-4 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    html body .row.product-item-list-col-4 {
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .catalog-section .col-xs-12,
    .catalog-section .product-item-small-card {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .btn[data-use^="show-more"] {
        display: block !important;
        width: calc(100% - 30px) !important;
        max-width: calc(100% - 30px) !important;
        box-sizing: border-box !important;
    }

    .menu_mobile_container {
        left: 0 !important;
        right: 0 !important;
        width: 100vw !important;
        max-width: 100vw !important;
        overflow: hidden !important;
    }

    .menu_mobile_content,
    .menu_mobile_list,
    .bx-sidebar-block,
    .bx-filter-section {
        max-width: min(86vw, 340px) !important;
        box-sizing: border-box !important;
    }
}

/* End */


/* Start:/bitrix/templates/timeoil/css/top-menu.css?17785811002337*/
.header_top_scroll{
	position: fixed;
    top: 0;
    z-index: 100;
    width: 100%;
}

.catalog_icons_{
	margin: 0;
	padding: 0;
	min-height: 27px;
	height: 88px;
	list-style: none;
	float: left;
	font-size: 90%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header-menu__wrapper{
	display: flex;
    height: 100px;
    align-items: center;
    margin-bottom: -20px;
}
.header-menu__item{
	margin: 0px 20px 0px 20px;
}
.header-menu__title{
	text-decoration: none;
	color: rgba(var(--white-color-text), 1);
	font-size: 20px;
}
.header-menu__link:hover .header-menu__title{
	color: rgba(var(--yellow-color-svg), 1);
}
.menu_list{
	display: flex;
	justify-content: center;
	position: relative;
}
.menu_all_list_hover{
	/*opacity: 1 !important;*/
	display: block !important;
}
.header-menu__link{
	text-decoration: none;
}
.header-menu__link:hover{
	padding-top: 10px;
	/*background: rgba(var(--grey-color-block), 1);*/
	padding-bottom: 32px;
}
.header-menu--centered .header-menu__wrapper {
	justify-content: center;
}
.header-menu__item--more-items{
	display: none;
}
.header-menu__dropdown-menu, header-menu__dropdown-menu{
	display: none;
}

.menu_all_list{
    position: fixed;
    z-index: 999;
	
	top: 140px;
left: 50%; transform: translateX(-50%);
	
	width: 95vw; max-width: 95vw;
	max-width: 95vw;
	max-height: 60vh;
	overflow-y: auto;
	
	
	display: none;
}
.menu_all_block{
	display: flex;
	justify-content: space-around;
	background: #ffffff;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 4px 4px 4px #0000001f;
    border: 1px solid #E6E6E6;
}
.menu_all_section{
	display: flex;
	justify-content: center;
	align-content: center;
	flex-direction: column;
	padding: 0px 20px 20px 20px;
}
.menu_all_name a{
	font-size: 20px;
	font-weight: 900;
	text-transform: uppercase;
 	text-decoration: none;
	color: rgba(var(--black-color-text), 1);	
}
.menu_all_section a{
	margin: 10px 0px 10px 0px;
	text-decoration: none;
	color: rgba(var(--black-color-text), 1);
}
.menu_all_section a:hover{
	color: rgba(var(--yellow-color-svg), 1);
}
.menu_all_name{
	background: rgba(var(--grey-color-white), 1);
	padding: 20px 10px 10px 20px;
    min-height: 60px;
}

.id_blockinfo_167, .id_blockinfo_168, .id_blockinfo_169{
	border-right: 2px solid rgba(var(--grey-color-white), 1);
}



.registration_form{
	display: none;
}

/* End */


/* Start:/bitrix/templates/timeoil/css/desktop.css?17786107442402*/
/* desktop.css — стили только для десктопа (>= 1025px) */
@media (min-width: 1025px) {

/* Слайдер 450px */
.slider-list {
    max-height: 450px;
    overflow: hidden;
}
.slider-blocklist-item {
    max-height: 450px;
    overflow: hidden;
}
.slider-block-image {
    height: 450px !important;
}
.slider-block-image img {
    max-height: 450px !important;
    object-fit: cover;
}
.slider-list .slider-blocklist .slider-blocklist-item .slider-block-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center;
}

/* Кнопка Все бренды */
.body_brands {
    position: absolute;
    right: 0;
    margin-top: 25px;
}
.body_brands a {
    display: inline-block;
    padding: 12px 30px;
    background: rgba(var(--yellow-color-svg), 1);
    color: rgba(var(--black-color-text), 1) !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.body_brands a:hover {
    background: rgba(var(--yellow-color-svg), 0.85);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.body_brands a:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Кнопка Показать еще — жёлтая */
.body_popular_catalog .btn.btn-default.btn-lg.center-block {
    background: rgba(var(--yellow-color-svg), 1) !important;
    color: rgba(var(--black-color-text), 1) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    cursor: pointer;
    display: inline-block !important;
    width: auto !important;
    float: right;
    margin: 15px 0 !important;
}
.body_popular_catalog .btn.btn-default.btn-lg.center-block:hover {
    background: rgba(var(--yellow-color-svg), 0.85) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}
.body_popular_catalog .btn.btn-default.btn-lg.center-block:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
}

}

/* End */


/* Start:/bitrix/templates/timeoil/components/bitrix/menu/menu_new/style.css?17785811006459*/
/*more items wide-menu item*/
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-menu
  .dropdown {
  right: 0;
  min-width: 240px;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-item-img {
  display: none;
}
.header-menu__item--more-items .header-menu__dropdown-menu .maxwidth-theme {
  padding: 0;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-submenu {
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, visibility 0.2s ease-in-out;
  transition-delay: 0.2s;
  position: absolute;
  right: 100%;
  top: -17px;
  background: #fff;
  background: var(--card_bg_black);
  border-radius: 4px;
  -webkit-box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  box-shadow: 0px 5px 20px rgba(0, 0, 0, 0.15);
  padding: 17px 0;
  min-width: 240px;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown:hover
  > .header-menu__wide-item-wrapper
  > .header-menu__wide-submenu {
  opacity: 1;
  visibility: visible;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown
  > .header-menu__wide-item-wrapper
  > .header-menu__wide-submenu
  .header-menu__wide-submenu-item--with-dropdown
  > span
  > a {
  display: block;
  position: relative;
}

.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__wide-submenu-item-inner {
  position: static;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown
  .header-menu__wide-submenu-item--with-dropdown:hover
  .header-menu__wide-submenu-item-inner
  .submenu-wrapper
  .header-menu__wide-submenu {
  opacity: 1;
  visibility: visible;
  z-index: 2;
  margin-left: 0;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown
  .header-menu__wide-submenu-item--with-dropdown
  .header-menu__wide-submenu-item-inner
  .submenu-wrapper {
  display: block !important;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown
  .header-menu__wide-submenu-item--with-dropdown
  .header-menu__wide-submenu-item-inner
  .toggle_block {
  display: none;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__wide-item-wrapper
  > a {
  font-weight: normal;
  display: block;
  position: relative;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .switcher-title {
  font-family: inherit;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__dropdown-item--with-dropdown
  .header-menu__wide-item-wrapper
  > a {
  padding-right: 7px;
}
.header-menu__wide-submenu-right-arrow.only_more_items {
  display: none;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__wide-item-wrapper
  .header-menu__wide-submenu-right-arrow.only_more_items {
  display: block;
  position: absolute;
  top: calc(1em - 4px);
  transform: translateY(-50%);
  right: 0;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
  display: block;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-limiter {
  padding: 17px 0;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu {
  padding: 0;
  top: -17px;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide {
  position: relative;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-item-wrapper {
  width: 100%;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__wide-right-part {
  display: none;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .header-menu__dropdown-menu--grids {
  width: 100%;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .mCSB_container {
  overflow: visible;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .mCustomScrollBox {
  overflow: visible;
  max-height: none !important;
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide > .header-menu__dropdown-menu,
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  > .header-menu__dropdown-menu
  > .mCustomScrollBox {
  max-height: none;
  border-radius: 4px;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  > .header-menu__dropdown-menu
  .dropdown.dropdown--no-shadow {
  -webkit-box-shadow: 0px 5px 20px rgb(0 0 0 / 15%);
  box-shadow: 0px 5px 20px rgb(0 0 0 / 15%);
}
.header-menu__item--more-items .header-menu__dropdown-menu .header-menu__item--wide .mCSB_scrollTools {
  display: none !important;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__wide-submenu-item-inner
  > a {
  font-size: 1em;
}
.header-menu__item--more-items
  .header-menu__dropdown-menu
  .header-menu__item--wide
  .header-menu__wide-submenu-item-inner
  > a:not(:hover) {
  color: #333;
  color: var(--white_text_black);
}

.header--narrow:not(.header--offset)
  .header-menu__item--more-items
  .header-menu__item--wide
  > .header-menu__dropdown-menu {
  width: auto;
  transform: unset;
  left: auto;
  right: 100%;
}

/* #headerfixed .hide-dotted:not(.dotted-complete) .header-menu__dropdown-menu{
  display: none;
} */

.header-menu .header-menu__wide-submenu-item--more_items .menu-arrow{
  top: 4px;
  right: 0;
}
.header-menu  .header-menu__wide-submenu-item--more_items .menu-arrow svg{
    position: static;
}
.header-menu  .header-menu__wide-submenu-item--more_items .with_dropdown{
    padding-right: 20px;
}

.header-menu__dropdown-menu .mCustomScrollBox{
  flex:1;
}

.header-menu__dropdown-menu .mCSB_container{
  display: flex;
  flex-direction: row-reverse;
  padding: 40px; 
}
/* End */


/* Start:/bitrix/components/bitrix/search.title/templates/visual_old/style.css?16991023062964*/
.bx_search_container{
	height: 50px;
	line-height: 50px;
	padding: 0 10px;
}

.bx_search_container .bx_field{
	position: relative;
	margin-top: 15px;
	height: 30px;
	border-top:    1px solid #8ca3ae;
	border-right:  1px solid #a0b4be;
	border-bottom: 1px solid #b6c8d1;
	border-left:   1px solid #a0b4be;
	border-radius: 3px;
	background: #fff;
	box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.1);
	line-height: 30px;
}
.bx_search_container .bx_field .bx_input_text{
	position: absolute;
	left: 0;
	height: 30px;
	outline: none;
	border: none;
	background: none;
	line-height: 30px;
	width: 100%;
	padding-right: 40px;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-left: 5px;
}
.bx_search_container .bx_field .bx_input_submit{
	position: absolute;
	top: 2px;
	right: 0;
	bottom: 0;
	width: 34px;
	border: none;
	background: url('/bitrix/components/bitrix/search.title/templates/visual_old/images/search_lupe.png') no-repeat left center;
	cursor: pointer;

}

div.title-search-result {
	border:1px solid #c6c6c6;
	display:none;
	overflow:hidden;
	z-index:999;
	min-width: 370px;
	margin-left: 11px;
	margin-top:-20px;
	background-color: #FFF;
}

div.title-search-fader {
	display:none;
	background-image: url('/bitrix/components/bitrix/search.title/templates/visual_old/images/fader.png');
	background-position: right top;
	background-repeat: repeat-y;
	position:absolute;
}

p.title-search-preview {
	font-size:12px;
}
div.title-search-result td.title-search-price span {
	font-size: 26px;
}

/*========================*/
.bx_searche{}
.bx_searche .bx_img_element{
	background: #fafafa;
	float: left;
	width: 45px;
	padding: 5px 10px;
	position: absolute;
	top: 0;
	bottom: 0;
}
.bx_searche .bx_item_block{
	min-height: 65px;
	position: relative
}
.bx_searche .bx_image{
	width: 45px;
	height: 45px;
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	border: 1px solid #e8e8e8;
}
.bx_searche .bx_item_element{
	/*float: left;*/
	padding-left: 10px;
	margin-left: 70px;
}
.bx_searche .bx_item_element hr{
	margin: 0;
	border: none;
	border-bottom: 1px solid #e5e5e5;
}
.bx_searche .bx_item_element a{
	margin-top: 10px;
	display: inline-block;
	color: #4788cb;
	font-size: 13px;
	text-decoration: none;
}
.bx_searche .bx_item_element a b{color: #000;font-weight: normal;}
.bx_searche .bx_item_element a:hover,
.bx_searche .bx_item_element a:hover b{text-decoration: underline;}
.bx_searche .bx_price{
	font-weight:bold;
	font-size:13px;
}
.bx_searche .bx_price .old{
	font-weight:normal;
	text-decoration: line-through;
	color: #636363
}
.bx_item_block.all_result{min-height:0}
.bx_item_block.others_result{
	min-height: 0;
	padding: 0 0 12px;
	line-height: 12px;
}
.bx_item_block.all_result .all_result_title{
	display: block;
	font-size: 12px;
	color: #a7a7a7;
	padding-top: 15px;
	padding-bottom: 10px;
}
.bx_item_block.all_result .all_result_title a{color: #a7a7a7}
.bx_item_block.all_result .all_result_title a:hover{color: #4788cb}
.bx_item_block.all_result a{
	margin-top: 0;
}
/* End */


/* Start:/bitrix/components/bazarow/favorites.line/templates/.default/style.css?1736449756510*/
.favor-list-wrap{
    width: 30px;
    height: 30px;
    cursor: pointer;
    position: relative;
}

.favor-list-wrap svg{
    width: 100%;
    height: 100%;
    fill: #E6BB1B !important;
    stroke: #E6BB1B !important;
}

.count_favor{
    right: 0%;
    width: 15px;
    height: 15px;
    font-size: 12px;
    position: absolute;
    top: 65%;
    background-color: rgba(var(--yellow-color-svg), 1);
    border-radius: 50px;
    text-align: center;
    border: none;
}

/*# sourceMappingURL=style.css.map */

/* End */


/* Start:/bitrix/templates/timeoil/styles.css?178021427244131*/
:root{
	--grey-color-text: 232,232,232;
	--black-color-text: 0,0,0;
	--white-color-text: 255,255,255;

	--grey-color-block:58,58,58;

    --green-color-block:0, 147, 67;

	--grey-color-white:245,245,245;

	--yellow-color-svg: 230,187,27;


	--font-family: Century Gothic;

	--contents-size:2.5vw;

	--line-height: normal;
	--letter-spacing: normal;

	--mabail-contents-size:6vw;
}

body {
	margin: 0;
	font-family: Century Gothic, verdana;
	overflow-x: hidden;
	user-select: none;
}
body::-webkit-scrollbar{
	width: 0;
	height: 0;
	background: transparent;
}
.mobile_menu, .catalog_goods_button{
	display: none;
}
.mobile_menu_block .heder_logo{
    margin: 20px 0px;
}
.mobile_menu_block_left{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mobile_menu_block_right{
    display: flex;
    justify-content: center;
    align-items: center;
}
.mobile_menu_search{
    //margin-left: 20px;
}
.contacts_head_block_up{
    display: flex;
    margin-top: 18px;
}
.svg_telegram, .svg_whatsapp{
	cursor: pointer;
    margin-left: 15px;
}
.svg_image .path-i9w9glir5 {
	fill: rgba(var(--yellow-color-svg), 1);
}
#horizontal-multilevel-menu, #horizontal-multilevel-menu ul {
	margin: 0;
	padding: 0;
	background: #464746;
	min-height: 27px;
	width: 100%;
	height: 90px;
	list-style: none;
	float: left;
	font-size: 90%;
	display: flex;
	align-items: center;
	justify-content: center;
}
.header {
	margin: 0px;
	padding: 0px;
	z-index: 1009;
    transition: opacity 0.5s;
    opacity: 1;
    top: 0;
    width: 100%;
}
.header.header_scroll{
    transform: translateY(0%);
    position: fixed;
    opacity: 1;
}
.header_top{
	display: flex;
	justify-content: space-around;
	align-items: center;
	flex-direction: row;
	flex-wrap: nowrap;
	background: rgba(var(--grey-color-block), 1);
}
.header_down{
	display: flex;
	justify-content: center;
	align-items: center;
	border: 1px solid rgba(var(--yellow-color-svg), 1);
}
.heder_logo img{  
	height: 70px;
	cursor: pointer;
}

ul {
	padding-left: 0px;
}
a.font_15.dark_link.fill-theme-hover1.menu-light-text1.fill-dark-light-block.svg {
	color: rgba(var(--white-color-text), 1);
}
.mobile_menu_search{
    display: none;
}
.mobile_menu_block_left{
    display: none;
}
.body_contacts_mobile{
	background: rgba(var(--grey-color-block), 1);
    color: rgba(var(--grey-color-text), 1);
	display: none;
	margin-top: 50px;
}
.contacts_mobile{
	display: flex;
    flex-direction: column;
    align-items: center;
}
.contacts_mobile_block{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    width: 90%;
}
.contacts_tel{
    color: rgba(var(--yellow-color-svg), 1);
	font-size: 45px;
    text-decoration-line: none;
    text-align: center;
    font-weight: 900;
}
.mail{
	font-size: 30px;
	color: rgba(var(--grey-color-text), 1);
	text-decoration-line: none;
}
.contacts_block_mobile{
	display: flex;
	align-items: center;
	flex-direction: column;
}
.contacts_head_block_down{
	display: flex;
	align-items: center;
	right: 80px;
	position: absolute;
}
.contacts_head_block_down svg{
	cursor: pointer;
}
.contacts_number{
	margin-left: 10px;
	cursor: pointer;
}
.contacts_number a {
	text-decoration-line: none;
	color: rgba(var(--black-color-text), 1);
}
.contacts_nombre_telegram_whatsapp{
	display: flex;
	align-items: center;
}
.contacts_info_user{
	display: flex;
	flex-direction: row;
	align-content: center;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.contacts_basket_icon_svg{
	margin-left: 10px;
	cursor: pointer;
}

/*.contacts_info_user svg{
	height: 20px;
	width: 20px;
	fill: rgba(var(--yellow-color-svg), 1);
}
.contacts_basket_icon_svg{
	height: 25px;
	fill: rgba(var(--yellow-color-svg), 1);
	margin-left: 20px;
	cursor: pointer;
}*/

/*---------------------------------------------------*/
.nav-toggle {
	background: transparent;
	border: 1px solid transparent;
}
.nav-toggle:focus {
	outline-width: 0;
}
.nav-toggle [class*='bar-'] {
	background: rgba(var(--white-color-text), 1);
	display: block;
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: .2s ease all;
	transition: .2s ease all;
	border-radius: 6px;
	height: 5px;
	width: 70px;
	margin-bottom: 13px;
}
.nav-toggle .bar-bot {
	margin-bottom: 0;
}
/*---------------------------------------------------*/
.menu_mobile_contacts{
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 130px;
}
.menu_contacts_tel a{
    font-size: 45px;
    font-weight: 800;
    color: rgba(var(--yellow-color-svg), 1);
    text-decoration-line: none;
}
.menu_mobile{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.menu_mobile_address{
	width: 800px;
	color: rgba(var(--grey-color-text), 1);
	font-size: 45px;
	margin: 60px;
	text-align: center;
	font-weight: 800;
}
.menu_mobile_text{
	color: rgba(var(--grey-color-text), 1);
	font-size: 35px;
}
/*---------------------------------------------------*/
.slider-list{  
    width: 100%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    position: relative;
    display: block;  
}
.slider-list-scrol{
    padding-top: 82px;
}
.slider-blocklist{
    overflow: hidden;
    flex: 0 0 100%;
    max-width: 100%;
    user-select: none;
    will-change: transform;
}
.slick-slider{
    display: flex;
}
.slick-track{
	display: flex;
}
.slick-list{
	overflow: hidden;
}
.slick-slide{
	display: flex;
	align-items: center;
	justify-content: center;
	align-content: center;
}
.slider-block-image {
	position: absolute;
	display: inline-block;
	vertical-align: top;
	overflow-x: hidden;
	overflow-y: hidden;
	width: 100%;
	height: 100%;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	right: 0px;
	left: 0px;
}
.slider-block-contents {
	width: 100%;
	max-width: 1440px;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	z-index: 1;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: center;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	top: auto;
}
.slider-block-info {
    width: auto;
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: center;
    font-size: 40px;
    color: rgba(var(--white-color-text), 1);
    text-align-last: center;
}
.slider-blocklist .slick-track{
	height: 600px;
}
.slider-block-name{
    margin-top: 10px;
    margin-bottom: 180px;
    text-transform: uppercase;
    font-weight: 900;
    text-align: center;
}
.slider-block-heading {
    font-size: 3vw;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 2.5%;
    margin-left: 0px;.slider-block-info
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: relative;
    line-height: 1.2em;
    font-weight: 700;
}
.slider-block-text {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    vertical-align: top;
    position: relative;
    font-size: 12px;
    text-align: center;
    line-height: 1.4em;
}
.slider-block-image img{
    width: 100%;
    filter: brightness(60%);
}
.block-button::before {
    background-color: rgba(var(--yellow-color-svg), 1);
    background-position: center center;
    content: "";
    width: 50px;
    height: 50px;
    margin-left: 105px;
    position: absolute;
    border-radius: 50%;
	
}
.block-button {
    display: flex;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 25px;
    width: 160px;
    height: 50px;
    font-size: 14px;
    color: rgba(var(--white-color-text), 1);
    background-color: rgba(var(--grey-color-text), 0.33);
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    align-items: center;
    cursor: pointer;
}
.block-button_title{
    margin-left: 10px;
}
.block-button_icon {
  height: 50px;
  width: auto;
  margin: 0 0 0 .5rem;
  z-index: 2;
}
.slick-arrow.slick-prev {
    position: absolute;
    left: 6%;
    top: 50%;
    z-index: 9999;
    background: none;
    border: none;
    cursor: pointer;
}
.slick-arrow.slick-next {
    position: absolute;
    right: 6%;
    top: 50%;
    z-index: 9999;
    background: none;
    border: none;
    cursor: pointer;
}
/*---------------------------------------------------*/
.slider_control_panel{
    position: relative;
    margin-top: -210px;
    padding-bottom: 20px;
    z-index: 1002;
}
.control_style .slick-dots{
    display: flex;
    justify-content: center;
    padding-left: 0;
    list-style: none;
    margin-top: 80px;
    margin-bottom: 80px;
}
.control_style .slick-dots button{
	flex-shrink: 0;
    cursor: pointer;
    min-width: 10px;
    min-height: 12px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
    margin-left: 5px;
    border: none;
    border-top-left-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-bottom-left-radius: 1000px;
    transition-property: all;
    transition-duration: 500ms;
    transition-delay: 0ms;
    transition-timing-function: ease;
    background-color: rgba(101 100, 100, 20);;
}
.control_style .slick-dots button{
    font-size: 0;
	cursor: pointer;
}
.control_style .slick-active button{
	background-color: rgba(var(--yellow-color-svg), 1);
    flex-shrink: 0;
    cursor: pointer;
    min-width: 10px;
    min-height: 12px;
    margin-top: 2px;
    margin-right: 5px;
    margin-bottom: 2px;
    margin-left: 5px;
	min-width: 5px;
    border-top-left-radius: 1000px;
    border-top-right-radius: 1000px;
    border-bottom-right-radius: 1000px;
    border-bottom-left-radius: 1000px;
    transition-property: all;
    transition-duration: 500ms;
    transition-delay: 0ms;
    transition-timing-function: ease;
}
/*---------------------------------------------------*/
.body_block{
    /*display: flex;
    justify-content: center;*/
}
.body_info{
    position: relative;
    top: -50px;
    width: 100%;
    max-width: 85%;
    margin-top: 0px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    background: rgba(var(--white-color-text), 1);
    box-shadow: 0px 4px 4px #0000001f;
    border-radius: 15px;
    z-index: 1001;
}
.body_brands{
	position: absolute;
	right: 0;
	margin-top: 20px;
	font-size: 16px;
	text-decoration: underline;
	cursor: pointer;
}
.body_brands a{
    color: (var(--black-color-text), 1);
}
.body_info_down{
    width: 100%;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
}
.body_info_down_is{
    width: 100%;
    min-height: 450px;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}

.body_lenta_brands{
    padding: 0px 10px 0px 10px;
}

.body_lenta_brands img{
    height: 60px;
    margin: 25px;
}

/*---------------------------------------------------*/
.body_popular_catalog{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-bottom: 20px;
}

.catalog_name{
	text-transform: uppercase;
	font-weight: 900;
	font-size: 30px;
	margin-bottom: 20px;
	color: rgba(var(--black-color-text), 1);
}
.popular_catalog{
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
}
.popular{
    height: 390px;
    width: 23%;
    display: flex;
    flex-direction: column;
    align-items: center;
    cursor: pointer;
    box-shadow: 4px 4px 4px #0000001f;
    margin: 10px;
    border-radius: 10px;
    border: 1px solid #E6E6E6;
    justify-content: center;
}
.popular_catalog img{
	width: 220px;
	height: 220px;
	object-fit: contain;
}
.popular-block-name{
	height: 40px;
    display: flex;
    justify-content: flex-start;
    flex-direction: column;
    align-items: flex-start;
}
.popular-block-name, .popular-block-price{
	font-weight: 600;
	font-size: 13px;
	width: 95%;
	margin: 10px 0px 10px 0px;
	color: rgba(var(--black-color-text), 1);
}
.popular-block-button{
	width: 100%;
}

.basket {
    display: inline-block;
    box-sizing: border-box;
    padding: 1px;
    outline: none;
    width: 50%;
    line-height: 0;
    text-decoration: none;
    color: rgba(var(--white-color-text), 1);
}
.basket span {
    display: flex;
    box-sizing: border-box;
    line-height: 38px;
    border-radius: 25px;
    font-size: 14px;
    color: rgba(var(--black-color-text), 1);
    background-color: rgba(var(--yellow-color-svg), 1);
    text-align: center;
    font-weight: 600;
    margin: 0px 10px 0px 10px;
    align-items: center;
    justify-content: center;
}
.basket:focus-visible {
    box-shadow: 0 0 0 3px lightskyblue;
}
.basket:hover span {
    color: rgba(var(--white-color-text), 1);}
.basket:active span {
    background-color: #c17237 !important;
}
.basket:disabled {
    opacity: 0.65;
    pointer-events: none;
}
/*---------------------------------------------------*/
.block-info{
    display: flex;
    justify-content: center;
}
.info-block-image{
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: row;
}
.info-block-image img{
    border-radius: 15px;
    width: 100%;
    height: 300px;
    filter: brightness(60%)
}
.info-block-text{
	position: absolute;
	color: rgba(var(--white-color-text), 1);
	font-size: 30px;
	text-transform: uppercase;
	text-align-last: center;
	text-align: center;
	font-weight: 900;
}
/*---------------------------------------------------*/
.body_catalog_goods {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    align-content: center;
}
.catalog_goods{
    width: 48%;
    display: flex;
    align-items: center;
    flex-direction: row;
    background: rgba(var(--yellow-color-svg), 1);
    margin: 20px 7px 20px 7px;
    justify-content: space-between;
    transition: transform .3s;
    cursor: pointer;
    border-radius: 15px;
    text-decoration: none;
}
.catalog-block-name{
    font-weight: 600;
    text-transform: uppercase;
    font-size: 18px;
    width: 320px;
    margin-left: 50px;
    color: rgba(var(--black-color-text), 1);
}
.catalog-block-price img{
    height: 100px;
    margin: 20px;
}
.catalog_goods:hover{
    transform: scale(1.05);
}
/*---------------------------------------------------*/
.block_send_form{
    display: flex;
    align-items: flex-end;
    flex-direction: row;
    margin: 60px 0px 60px 0px;
    justify-content: space-between;
}
.send_form{
    display: flex;
    align-items: center;
    flex-direction: row;
}
.send_form_title{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 32px;
}
.send_info_text{
    display: inline-block;
    position: absolute;
    margin-top: 10px;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: 11px;
}
.send_form input{
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    margin: 0px 15px 0px 15px;
    padding: 12px 0;
}
.send_form input:focus {
    outline: none;
    /*border-bottom: 2px solid #1976D2;*/
}
.send_form input::placeholder {
    transition: 0.5s;
}
.send_form input:focus::placeholder { 
    font-size: 10px;
    transform: translateY(-16px);
}
.form_send_checkbox{
    margin-left: 50px;
}
.send_button{
    display: block;
    box-sizing: border-box;
    line-height: 38px;
    width: 250px;
    border-radius: 25px;
    font-size: 14px;
    color: rgba(var(--black-color-text), 1);
    background-color: rgba(var(--yellow-color-svg), 1);
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    cursor: pointer;
}
.send_checkbox {
    display: inline-block;
    position: absolute;
    margin-top: 10px;
    margin-left: 30px;
    padding-left: 30px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.send_checkbox input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.send_checkbox input:checked ~ .send_checkbox_checkmark {
  background-color: #f7cb15;
}
.send_checkbox input:checked ~ .send_checkbox_checkmark:after {
  opacity: 1;
}
.send_checkbox:hover input ~ .send_checkbox_checkmark {
  background-color: #eee;
}
.send_checkbox:hover input:checked ~ .send_checkbox_checkmark {
  background-color: #f7cb15;
}
.send_checkbox .send_checkbox_checkmark {
  position: absolute;
    border: 1px solid #ccc;
    left: 0;
    height: 12px;
    width: 12px;
    transition: background-color 0.25s ease;
}
/*.send-checkbox .send-checkbox-checkmark:after {
  content: "";
  position: absolute;
  left: 9px;
  top: 4px;
  width: 4px;
  height: 10px;
  border: solid #333;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
  opacity: 0;
  transition: opacity 0.25s ease;
}*/
.send_checkbox_text{
    font-size: 8px;
}
/*---------------------------------------------------*/
.body_shop_info{
    display: flex;
    flex-direction: column;
}
.shop_block_title{
    font-weight: 900;
    text-transform: uppercase;
    font-size: 25px;
    text-decoration: none;
}
.body_shop_info_span{
    background: rgba(var(--yellow-color-svg), 1);
    border-radius: 25px;
}
.shop_block{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.shop_block_info{
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    margin-right: 10px;
}
.shop_block_info a{
    text-decoration: none;
}
.shop_block_image img{
    width: 450px;
	border-radius: 15px;
}
.shop_block_button {
    position: relative;
    display: flex;
    text-decoration: none;
    box-sizing: border-box;
    border-radius: 25px;
    cursor: pointer;
    width: 200px;
    height: 50px;
    font-size: 14px;
    color: rgba(var(--black-color-text), 1);
    background-color: rgba(var(--yellow-color-svg), 1);
    text-align: center;
    font-weight: 600;
    text-transform: uppercase;
    border: none;
    align-items: center;
}
.shop_block_button_title {
    margin-left: 15px;
}
.shop_block_button_icon {
    height: 50px;
    width: auto;
    transition: margin-left 0.5s;
    z-index: 2;
}
.shop_block_button::before {
    background-color: rgba(var(--white-color-text), 1);
    background-position: center center;
    content: "";
    width: 45px;
    height: 45px;
    left: 76%;
    position: absolute;
    border-radius: 50%;
}
.shop_block_button:hover .shop_block_button_icon{
    margin-left: 35px;
}
/*---------------------------------------------------*/
.body_contacts{
    color: rgba(var(--grey-color-text), 1);
    margin-top: 20px;
    background: #464847;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.contacts_up, .contacts_centr, .contacts_down{
    width: 85%;
}
.contacts_block_end{
    display: flex;
    justify-content: space-between;
    margin-bottom: 10px;
}
.contacts_block_info{
    display: flex;
    align-items: center;
}
.contacts_block_end_info{
    margin-left: 60px;
    font-size: 12px;
    text-decoration: underline;
    cursor: pointer;
}
.contacts-line{
    width: 100%;
    border-top: 2px solid rgba(var(--yellow-color-svg), 0.5);;
    margin: 20px 0px 10px 0px;
}
.body_setka img{
	height: 220px;
}
.contacts-block{
    display: flex;
    font-size: 13px;
    align-items: flex-start;
    justify-content: space-between;
    flex-wrap: nowrap;
}
.contacts_block_text{
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.contacts_block_menu{
    margin: 40px 50px 0px 50px;
}
.footer_all{
    margin-top: 40px;
}
.footer_all iframe{
	border-radius: 15px;
	height: 300px;
	width: 550px;
}
.contacts_adress_block{
	display: flex;
	font-size: 17px;
	color: rgba(var(--withe-color-text), 1);
	justify-content: center;
	align-items: center;
}
.contacts_block_down{
    display: flex;
    align-items: center;
}
.contacts_adress_text{
	margin: 0px 0px 0px 5px;
}
.contacts_mobile_block_down{
    display: flex;
    align-items: center;
    cursor: pointer;
    margin-top: 20px;
}
.catalog_down_name{
    margin-bottom: 10px;
    font-size: 17px;
    cursor: pointer;
}
.contacts_block{
	display: flex;
    flex-direction: column;
    align-items: flex-start;
    height: 100%;
    width: 90%;
}
.contacts_mobile_block_up{
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    height: 100%;
    width: 90%;
}

.contacts_block_mail{
    display: flex;
    align-items: center;
}
.contacts_block_mail svg{
    cursor: pointer;
}
.contacts_down_tel{
	text-decoration-line: none;
	color: rgba(var(--grey-color-text), 1);
	cursor: pointer;
	font-size: 17px;
	margin: 20px 0px 20px 5px;
}
.contacts_down_mail{
    text-decoration-line: none;
    color: rgba(var(--grey-color-text), 1);
    cursor: pointer;
    margin: 20px 0px 20px 5px;
    font-size: 15px;
}
.contacts_block_button{
    width: 450px;
    margin: 50px;
}
.contacts_mode_job{
    margin-top: 80px;
    font-size: 40px;
    text-align: center;
    width: 100%;
    height: 100%;
}
.contacts_full_info{
	display: flex;
    color: rgba(var(--grey-color-text), 1);
    font-size: 30px;
    margin: 80px 0px 50px 0px;
    flex-direction: row;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 100%;
}
.contacts_button{
    display: inline-block;
    box-sizing: border-box;
    padding: 1px;
    outline: none;
    width: 100%;
    line-height: 0;
    text-decoration: none;
    color: rgba(var(--white-color-text), 1);
}
.contacts_button span{
	display: flex;
	box-sizing: border-box;
	line-height: 38px;
	border-radius: 50px;
	height: 90px;
	font-size: 28px;
	color: rgba(var(--grey-color-text), 1);
	text-align: center;
	margin: 0px 10px 0px 10px;
	text-transform: uppercase;
	align-items: center;
	border: 2px solid rgba(var(--grey-color-text), 1);
	justify-content: center;
	font-weight: 900;
}
.contacts_mobile_adress{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin: 50px 80px 0px 80px;
}
.address_text{
	color: rgba(var(--grey-color-text), 1);
    font-size: 40px;
	font-weight: 900;
	text-align: center;
}
.contacts-info img{
    width: 150px;
    margin-left: 210px;
    margin-bottom: 60px;
}
/*---------------------------------------------------*/
/*.body_footer{
    background: rgba(var(--black-color-text), 1);
    position: relative;
    margin-top: -80px;
    width: 100%;
}*/
/*---------------------------------------------------*/
.menu_mobile_block {
    position: fixed;
    top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    height: 100%;
    width: 100%;
    z-index: 1020;
    pointer-events: none;
}
.menu_mobile_block .menu_open {
    transform: translateX(0%);
}
.menu_mobile_content {
    width: 80%;
    height: 100%;
    bottom: 0px;
    right: auto;
    pointer-events: auto;
    position: absolute;
    background: rgba(var(--grey-color-block), 1);
    transition: 1s;
    transform: translateX(-100%);
}
.menu_mobile_container {
    display: none;
    position: absolute;
    height: 100%;
    right: 0px;
    bottom: 0px;
    left: 0px;
    pointer-events: auto;
    background-color: rgba(0, 0, 0, 0.5);
    transition: all 1s ease-in-out;
}
.menu_mobile_list{
    padding-top: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}
/*---------------------------------------------------*/
.overlay{
    width: 100%;
    height: 4800px;
    top: 0;
	left: 0;
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	z-index: 1003;
}
.block_message{
	display: none;
}
.popup{
    border-radius: 10px;
    margin: 0 auto;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.form-message{
	background-color: rgba(var(--grey-color-block), 1);
	padding:42px 27px 42px 27px;
	box-shadow:0px 0px 50px rgba(0,0,0,0.3);
	color:#FFF;
	text-align:center;
}
.form-text{
	font-size:24px;
}
/*---------------------------------------------------*/
.body_company_info{
    width: 100%;
    max-width: 85%;
    margin-right: auto;
    margin-left: auto;
    display: flex;
    flex-direction: column;
}
.company_title{
    font-size: 26px;
    margin-bottom: 25px;
    font-weight: 900;
    text-transform: uppercase;
}
.company_block{
    display: flex;
    justify-content: space-between;
}
.company_block_info{
    width: 49%;
}
.company_block_image{
    display: flex;
    width: 49%;
    height: 50%;
    justify-content: flex-end;
}
.company_block_image img{
    width: 100%;
    height: 60%;
}

.sertificar_block_all{
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.sertificar_block_image{
    width: 33%;
    margin: 5px;
}

.sertificar_block_image img{
    width: 100%;
    height: 100%;
}
/*---------------------------------------------------*/
.block_contacts{
    width: 100%;
    max-width: 85%;
    margin-right: auto;
    margin-left: auto;
}
.block_contacts_title{
    font-size: 40px;
    margin: 25px 0px;
}
.block_contacts_text_bold span{
    font-size: 22px;
}
.block_contacts_info{
    font-size: 24px;
}
.block_contacts_bold{
    font-weight: 900;
}
.block_contacts_line{
    width: 100%;
    border-top: 2px solid rgba(var(--green-color-block), 0.5);
    margin: 20px 0px 10px 0px;
}
/*---------------------------------------------------*/
.catalog_favorites{
    min-height: 450px;
    max-width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 40px;
    margin-bottom: 40px;
}
/*---------------------------------------------------*//* Исправление иконок в шапке - увеличены */
.contacts_head_block_up .contacts_basket_icon_svg,
.contacts_head_block_up svg {
    width: 42px !important;
    height: 42px !important;
}
/* Корзина - скрыть текст, показать иконку */
.bx-basket-block a {
    display: flex;
    align-items: center;
    font-size: 0 !important;
}
.bx-basket-block a svg {
    width: 42px !important;
    height: 42px !important;
}
/* Иконка пользователя */
.contacts_head_block_up a[href="/personal/"] svg {
    width: 42px !important;
    height: 42px !important;
}
/* Избранное (сердечко) */
.favor-list-block svg {
    width: 42px !important;
    height: 42px !important;
}

/* Hermes: высота слайдера 450px (08.05.2026) */
.slider-list {
    max-height: 700px;
    overflow: hidden;
}
.slider-blocklist-item {
    max-height: 700px;
    overflow: hidden;
}
.slider-block-image img {
    max-height: 700px !important;
    object-fit: cover;
}

/* Адаптация изображения под высоту слайдера */
.slider-block-image {
    height: 700px !important;
}
.slider-list .slider-blocklist .slider-blocklist-item .slider-block-image img {
    height: 100% !important;
    width: 100% !important;
    object-fit: cover !important;
    object-position: center center;
}

/* Hermes: кнопка Все бренды */
.body_brands {
    position: absolute;
    right: 0;
    margin-top: 25px;
}
.body_brands a {
    display: inline-block;
    padding: 12px 30px;
    background: rgba(var(--yellow-color-svg), 1);
    color: rgba(var(--black-color-text), 1) !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.body_brands a:hover {
    background: rgba(var(--yellow-color-svg), 0.85);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.body_brands a:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}

/* Hermes: кнопка Смотреть все товары */
.popular_catalog_btn {
    margin-top: 20px;
    text-align: center;
}
.popular_catalog_btn a {
    display: inline-block;
    padding: 12px 30px;
    background: rgba(var(--yellow-color-svg), 1);
    color: rgba(var(--black-color-text), 1) !important;
    font-size: 15px;
    font-weight: 700;
    text-decoration: none !important;
    border-radius: 8px;
    transition: all 0.3s ease;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1);
}
.popular_catalog_btn a:hover {
    background: rgba(var(--yellow-color-svg), 0.85);
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}
.popular_catalog_btn a:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1);
}



/* Hermes: кнопка Показать еще — как Все бренды, справа */
.body_popular_catalog div.row:has(.btn.btn-default.btn-lg.center-block) {
    text-align: right;
    padding-right: 0;
}
.body_popular_catalog .btn.btn-default.btn-lg.center-block {
    background: rgba(var(--yellow-color-svg), 1) !important;
    color: rgba(var(--black-color-text), 1) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    cursor: pointer;
    margin: 15px 0 !important;
    float: none;
    display: inline-block;
    width: auto;
}
.body_popular_catalog .btn.btn-default.btn-lg.center-block:hover {
    background: rgba(var(--yellow-color-svg), 0.85) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}
.body_popular_catalog .btn.btn-default.btn-lg.center-block:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
}

/* Hermes: кнопка Показать еще — как Все бренды, справа */
.body_popular_catalog .btn.btn-default.btn-lg.center-block {
    background: rgba(var(--yellow-color-svg), 1) !important;
    color: rgba(var(--black-color-text), 1) !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    border: none !important;
    border-radius: 8px !important;
    padding: 12px 30px !important;
    transition: all 0.3s ease !important;
    box-shadow: 0 2px 8px rgba(0,0,0,0.1) !important;
    cursor: pointer;
    display: inline-block !important;
    width: auto !important;
    float: right;
    margin: 15px 0 !important;
}
.body_popular_catalog .btn.btn-default.btn-lg.center-block:hover {
    background: rgba(var(--yellow-color-svg), 0.85) !important;
    transform: translateY(-2px);
    box-shadow: 0 4px 12px rgba(0,0,0,0.15) !important;
}
.body_popular_catalog .btn.btn-default.btn-lg.center-block:active {
    transform: translateY(0);
    box-shadow: 0 1px 4px rgba(0,0,0,0.1) !important;
}

/* ===== КАРТОЧКИ ТОВАРОВ — глобально (мобила + десктоп) ===== */
.product-item-image-wrapper {
        padding: 0 !important;
        aspect-ratio: 1 / 1 !important;
        overflow: hidden !important;
        background: #fff !important;
}
.product-item-image-original {
        width: 75% !important;
        height: 75% !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        margin: 12.5% auto !important;
}
.product-item-image-alternative {
        width: 75% !important;
        height: 75% !important;
        background-size: contain !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
        margin: 12.5% auto !important;
}
.product-item {
        display: flex !important;
        flex-direction: column !important;
}
.product-item-title {
        min-height: 40px !important;
        flex-grow: 1 !important;
}
.product-item-info-container {
        flex-shrink: 0 !important;
}
.product-item-image-slider-progress-bar-container {
        display: none !important;
}

/* === СЛАЙДЕР — фикс высоты === */
.slider-blocklist {
    height: 700px !important;
    min-height: 700px !important;
}
.slider-blocklist .slider-block-image {
    height: 700px !important;
}
.slider-blocklist .slider-block-image img {
    width: 100% !important;
    height: 700px !important;
    object-fit: cover !important;
    display: block !important;
}

/* ===== КАРТОЧКИ ТОВАРОВ — отступы между ===== */
.row.product-item-list-col-4 {
    gap: 15px !important;
}
.product-item-small-card {
    padding: 0 !important;
}

/* ===== Убираем белую полосу между шапкой и слайдером ===== */
body > .slider-blocklist,
.header + .slider-blocklist,
.slider-blocklist {
    margin-top: -2px !important;
}


/* Hermes 2026-05-30: compact product catalog filter */
.bx-filter {
    max-width: 1180px !important;
    margin: 24px auto 28px !important;
}
.bx-filter .bx-filter-section {
    width: auto !important;
    margin: 0 !important;
    padding: 16px 20px !important;
    border-radius: 12px !important;
}
.bx-filter form.smartfilter > .row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(160px, 1fr)) !important;
    gap: 18px 32px !important;
    margin: 0 !important;
}
.bx-filter .name_filter_name,
.bx-filter form.smartfilter > .row > .bx-filter-parameters-box:nth-child(2) {
    display: none !important;
}
.bx-filter .bx-filter-parameters-box {
    float: none !important;
    width: auto !important;
    min-height: 0 !important;
    padding: 0 !important;
    border: 0 !important;
}
.bx-filter .bx-filter-parameters-box-title {
    padding-bottom: 6px !important;
}
.bx-filter .bx-filter-parameters-box-title span {
    font-size: 15px !important;
    line-height: 1.25 !important;
}
.bx-filter .bx-filter-param-text {
    font-size: 14px !important;
    line-height: 1.35 !important;
}
.bx-filter .bx-filter-input-checkbox > input {
    width: 16px !important;
    height: 16px !important;
    margin: 3px 8px 3px 0 !important;
}
.bx-filter-parameters-box-container {
    padding-bottom: 0 !important;
}
.bx-filter .bx-filter-block {
    margin: 0 !important;
}
@media (max-width: 767px) {
    .bx-filter {
        max-width: none !important;
        margin: 16px 12px 20px !important;
    }
    .bx-filter .bx-filter-section {
        padding: 14px !important;
    }
    .bx-filter form.smartfilter > .row {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}

/* Hermes fix 2026-05-31: header search and account icon */
.header_top {
    position: relative;
}
.mobile_menu_search {
    cursor: pointer;
    position: relative;
    z-index: 30;
}
.header-personal-link {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    position: relative;
    z-index: 30;
    cursor: pointer;
    text-decoration: none;
}
.header-personal-link svg {
    width: 42px !important;
    height: 42px !important;
    pointer-events: none;
}
#title-search.bx_search_container_open {
    display: block !important;
    position: absolute !important;
    top: calc(100% + 8px) !important;
    right: 16px !important;
    width: min(480px, calc(100vw - 32px)) !important;
    height: auto !important;
    padding: 10px !important;
    background: #464746 !important;
    border: 1px solid #E6BB1B !important;
    border-radius: 6px !important;
    box-shadow: 0 10px 30px rgba(0,0,0,0.22) !important;
    z-index: 6000 !important;
    line-height: normal !important;
}
#title-search.bx_search_container_open .bx_field {
    margin-top: 0 !important;
    height: 42px !important;
    line-height: 42px !important;
}
#title-search.bx_search_container_open .bx_input_text {
    height: 42px !important;
    line-height: 42px !important;
    font-size: 16px !important;
}
#title-search.bx_search_container_open .bx_input_submit {
    height: 38px !important;
}
div.title-search-result {
    z-index: 7000 !important;
}
@media (max-width: 1024px) {
    .header-personal-link svg {
        width: 80px !important;
        height: 80px !important;
    }
    #title-search.bx_search_container_open {
        left: 12px !important;
        right: 12px !important;
        width: auto !important;
    }
}

/* Hermes fix 2026-05-31: customer cabinet */
.to-cabinet {
    width: min(1180px, calc(100% - 32px));
    margin: 34px auto 56px;
    color: #1f1f1f;
}
.to-cabinet--narrow {
    width: min(760px, calc(100% - 32px));
}
.to-cabinet__header {
    margin-bottom: 24px;
}
.to-cabinet__header h1 {
    margin: 0 0 8px;
    font-size: 34px;
    line-height: 1.2;
    font-weight: 800;
}
.to-cabinet__header p {
    margin: 0;
    color: #606060;
    font-size: 16px;
}
.to-cabinet__auth {
    display: grid;
    grid-template-columns: minmax(0, 1.1fr) minmax(260px, .9fr);
    gap: 22px;
    align-items: stretch;
}
.to-cabinet__auth-main,
.to-cabinet__auth-side,
.to-cabinet__panel,
.to-cabinet__card {
    border: 1px solid #e4e4e4;
    border-radius: 8px;
    background: #fff;
    box-shadow: 0 8px 24px rgba(0,0,0,.06);
}
.to-cabinet__auth-main,
.to-cabinet__auth-side {
    padding: 24px;
}
.to-cabinet__auth-main h2,
.to-cabinet__auth-side h2 {
    margin: 0 0 16px;
    font-size: 22px;
}
.to-cabinet__auth-side p {
    margin: 0 0 18px;
    color: #666;
    line-height: 1.5;
}
.to-cabinet__panel {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
    padding: 20px 22px;
    margin-bottom: 22px;
}
.to-cabinet__eyebrow {
    color: #777;
    font-size: 13px;
    margin-bottom: 4px;
}
.to-cabinet__name {
    font-size: 20px;
    font-weight: 700;
}
.to-cabinet__grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 16px;
}
.to-cabinet__grid--public {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    margin-top: 18px;
}
.to-cabinet__card {
    display: block;
    min-height: 124px;
    padding: 20px;
    text-decoration: none !important;
    color: #1f1f1f !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}
.to-cabinet__card:hover {
    border-color: #e6bb1b;
    transform: translateY(-2px);
    box-shadow: 0 12px 28px rgba(0,0,0,.09);
}
.to-cabinet__card span {
    display: block;
    margin-bottom: 8px;
    font-size: 19px;
    font-weight: 800;
}
.to-cabinet__card small {
    display: block;
    color: #666;
    line-height: 1.45;
}
.to-cabinet__button,
.to-cabinet__logout,
.to-cabinet input[type="submit"] {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 10px 18px !important;
    border: 0 !important;
    border-radius: 6px !important;
    background: #e6bb1b !important;
    color: #111 !important;
    font-weight: 800 !important;
    text-decoration: none !important;
    cursor: pointer;
}
.to-cabinet__link {
    display: inline-block;
    margin-left: 12px;
    color: #333 !important;
}
.to-cabinet input[type="text"],
.to-cabinet input[type="password"],
.to-cabinet input[type="email"] {
    max-width: 100%;
    min-height: 38px;
    padding: 8px 10px;
    border: 1px solid #cfcfcf;
    border-radius: 5px;
    box-sizing: border-box;
}
@media (max-width: 900px) {
    .to-cabinet__auth,
    .to-cabinet__grid,
    .to-cabinet__grid--public {
        grid-template-columns: 1fr;
    }
    .to-cabinet__panel {
        align-items: flex-start;
        flex-direction: column;
    }
    .to-cabinet__header h1 {
        font-size: 28px;
    }
}

/* Hermes fix 2026-05-31: balanced mobile header */
@media (max-width: 1024px) {
    html, body { width: 100%; max-width: 100%; overflow-x: hidden; }
    #header, .header { width: 100% !important; max-width: 100vw !important; min-width: 0 !important; }
    #header_top, .header_top {
        width: 100% !important; max-width: 100vw !important; height: 74px !important; min-height: 74px !important;
        padding: 0 12px !important; box-sizing: border-box !important; display: grid !important;
        grid-template-columns: 44px minmax(112px, 1fr) auto !important; column-gap: 10px !important;
        align-items: center !important; justify-content: initial !important; flex-wrap: nowrap !important;
    }
    .mobile_menu_block_left {
        display: flex !important; width: 44px !important; height: 44px !important; padding-left: 0 !important;
        align-items: center !important; justify-content: center !important; grid-column: 1 !important;
    }
    .mobile_menu_block_left .link-universal, .mobile_menu_block_left .nav-toggle {
        width: 44px !important; height: 44px !important; display: flex !important; align-items: center !important;
        justify-content: center !important; padding: 0 !important; margin: 0 !important;
    }
    .heder_logo {
        grid-column: 2 !important; display: flex !important; align-items: center !important; justify-content: center !important;
        min-width: 0 !important; width: 100% !important; height: 74px !important; margin: 0 !important; flex-shrink: 1 !important;
    }
    .heder_logo img, .header img {
        width: auto !important; max-width: 148px !important; height: 50px !important; max-height: 50px !important;
        margin: 0 !important; object-fit: contain !important; display: block !important;
    }
    .contacts_head_block_up {
        grid-column: 3 !important; display: flex !important; align-items: center !important; justify-content: flex-end !important;
        gap: 8px !important; width: auto !important; height: 44px !important; margin: 0 !important; padding: 0 !important; flex-shrink: 0 !important;
    }
    .mobile_menu_search, .header-personal-link, .basket-link {
        display: inline-flex !important; align-items: center !important; justify-content: center !important;
        width: 38px !important; height: 38px !important; min-width: 38px !important; min-height: 38px !important;
        margin: 0 !important; padding: 0 !important; line-height: 1 !important; border-radius: 50% !important;
        box-sizing: border-box !important; position: relative !important; z-index: 35 !important;
    }
    .mobile_menu_search svg, .header-personal-link svg,
    .contacts_head_block_up a[href="/personal/"] svg, .contacts_head_block_up a[href="/cabinet/"] svg,
    .contacts_head_block_up .contacts_basket_icon_svg, .basket-link svg, .contacts_head_block_up svg {
        width: 30px !important; height: 30px !important; max-width: 30px !important; max-height: 30px !important;
        margin: 0 !important; display: block !important;
    }
    .svg_whatsapp, .svg_telegram, .favor-list-block, .menu_list, .contacts_head_block { display: none !important; }
    #title-search { display: none !important; }
    #title-search.bx_search_container_open {
        display: block !important; position: absolute !important; top: 82px !important; left: 12px !important; right: 12px !important;
        width: auto !important; max-width: none !important; box-sizing: border-box !important; padding: 10px !important;
    }
}
@media (max-width: 370px) {
    #header_top, .header_top { grid-template-columns: 40px minmax(96px, 1fr) auto !important; column-gap: 6px !important; padding: 0 8px !important; }
    .heder_logo img, .header img { max-width: 128px !important; height: 44px !important; max-height: 44px !important; }
    .contacts_head_block_up { gap: 5px !important; }
    .mobile_menu_search, .header-personal-link, .basket-link { width: 34px !important; height: 34px !important; min-width: 34px !important; min-height: 34px !important; }
    .mobile_menu_search svg, .header-personal-link svg, .basket-link svg, .contacts_head_block_up svg { width: 27px !important; height: 27px !important; max-width: 27px !important; max-height: 27px !important; }
}

/* End */
/* /bitrix/templates/timeoil/css/mobile.css?178022656925869 */
/* /bitrix/templates/timeoil/css/top-menu.css?17785811002337 */
/* /bitrix/templates/timeoil/css/desktop.css?17786107442402 */
/* /bitrix/templates/timeoil/components/bitrix/menu/menu_new/style.css?17785811006459 */
/* /bitrix/components/bitrix/search.title/templates/visual_old/style.css?16991023062964 */
/* /bitrix/components/bazarow/favorites.line/templates/.default/style.css?1736449756510 */
/* /bitrix/templates/timeoil/styles.css?178021427244131 */