/* ============================================================
   Адаптив пользовательской части
   Брейкпоинты: 1200 / 992 / 980 / 768 / 480
   Минимальная ширина макета: 320px (ниже — масштаб через viewport в main.tpl)
   Техника: float, inline-block, %, box-sizing (без flex/grid)
   ============================================================ */

html,
body,
#html_container {
    min-width: 320px;
}

/* Кнопка «Меню» — только на узких экранах */
.head_mobile_nav_toggle {
    display: none;
}

.head_menu_blocker {
    display: none;
}

/* Шапка: обёртка прозрачна на десктопе (>1200) — вид как в style.css */
.header_vin_caption_short {
    display: none;
}

.category_mycar_caption_short {
    display: none;
}

.header_actions {
    display: contents;
}

.header_search_toggle,
.head_scroll_search_toggle {
    display: none;
}

.header_phone_icon {
    display: none;
}

.head_menu_adapt_item {
    display: none;
}

.korzina_item_del_link {
    display: none;
    
    margin-top: 10px;
}

.korzina_item_del_link:hover {
    text-decoration: none;
}

/* Обёртки блока категорий (разметка welcome.tpl) */
.welcome_sections_item_content,
.welcome_sections_item_text {
    display: block;
}

/* Скрытые категории блога: height:0 не прячет position:absolute стрелки */
.welcome_articles_block {
    overflow: hidden;
}

.welcome_articles_block .aaaleafer_arrows {
    visibility: hidden;
}

.welcome_articles_block_active {
    overflow: visible;
}

.welcome_articles_block_active .aaaleafer_arrows {
    visibility: visible;
}

/* Отзывы: форма — процентные ширины вместо фиксированных px из style.css */
.form_container:not(.searchban_form) .form_item_text {
    width: 48%;
    margin-left: 4%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form_container:not(.searchban_form) .form_item_text:first-child {
    margin-left: 0;
}

.form_container:not(.searchban_form) .form_item_text .mazdaford_inputtext,
.form_container:not(.searchban_form) .form_item_textarea .mazdaford_inputtext {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

/* Десктоп >1200: раскрытие плашки через CSS (без jQuery animate/slideDown)
   Свёрнутое состояние — явные top/bottom (как у jQuery animate), без transform:
   иначе при hover bottom:0 схлопывает блок, пока top ещё не доехал. */
@media only screen and (min-width: 1201px) {
    .welcome_sections_item_inner {
        /* 30px снизу + ~172px контента (padding 60 + icon 76 + title ~36) */
        top: calc(100% - 202px);
        bottom: 30px;
        -webkit-transition: top 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            left 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            right 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            bottom 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            background-color 0.37s ease-in-out, color 0.37s ease-in-out,
            border-radius 0.37s ease-in-out, padding 0.37s ease-in-out;
        -moz-transition: top 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            left 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            right 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            bottom 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            background-color 0.37s ease-in-out, color 0.37s ease-in-out,
            border-radius 0.37s ease-in-out, padding 0.37s ease-in-out;
        transition: top 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            left 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            right 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            bottom 0.43s cubic-bezier(0.4, 0, 0.2, 1),
            background-color 0.37s ease-in-out, color 0.37s ease-in-out,
            border-radius 0.37s ease-in-out, padding 0.37s ease-in-out;
    }

    .welcome_sections_item_hide {
        display: block;
        max-height: 0;
        opacity: 0;
        overflow: hidden;
        visibility: hidden;
        -webkit-transition: max-height 0.37s cubic-bezier(0.4, 0, 0.2, 1),
            opacity 0.3s ease-in-out, visibility 0s linear 0.37s;
        -moz-transition: max-height 0.37s cubic-bezier(0.4, 0, 0.2, 1),
            opacity 0.3s ease-in-out, visibility 0s linear 0.37s;
        transition: max-height 0.37s cubic-bezier(0.4, 0, 0.2, 1),
            opacity 0.3s ease-in-out, visibility 0s linear 0.37s;
    }

    @media (hover: hover) and (pointer: fine) {
        .welcome_sections_item:hover .welcome_sections_item_inner {
            top: 0;
            left: 0;
            right: 0;
            bottom: 0;
        }

        .welcome_sections_item:hover .welcome_sections_item_hide {
            max-height: 280px;
            opacity: 1;
            visibility: visible;
            -webkit-transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.15s,
                opacity 0.33s ease-in-out 0.2s, visibility 0s;
            -moz-transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.15s,
                opacity 0.33s ease-in-out 0.2s, visibility 0s;
            transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1) 0.15s,
                opacity 0.33s ease-in-out 0.2s, visibility 0s;
        }
    }
}

/* ---------- ≤ 1300px: стрелки каруселей внутрь ленты (боковые поля 80px уже не влезают) ---------- */
@media only screen and (max-width: 1300px) {

    .welcome_tovars_block .tovar_list,
    .welcome_tovars_block .tovar_list.aaaleafer,
    .welcome_articles_list.aaaleafer,
    .welcome_tovars_block .tovar_list_arrow_container,
    .welcome_articles_block_wrapper,
    .welcome_articles_block_wrapper .articles_carusel_arrow_container {
        width: 100%;
        margin-left: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_tovars_block .tovar_list_arrow_container .aaaleafer_arrow_left,
    .welcome_articles_block_wrapper .articles_carusel_arrow_container .aaaleafer_arrow_left {
        left: 6px;
        right: auto;
    }

    .welcome_tovars_block .tovar_list_arrow_container .aaaleafer_arrow_right,
    .welcome_articles_block_wrapper .articles_carusel_arrow_container .aaaleafer_arrow_right {
        right: 6px;
        left: auto;
    }
}

/* ---------- ≤ 1200px: каркас ---------- */
/* Карусель: не ограничивать ленту max-width (ширину задаёт aaaleafer / JS) */
.tovar_list.carusel,
.tovar_list.aaaleafer,
ul.carusel.jcarousel-list,
ul.carusel.jcarousel-list-horizontal {
    max-width: none !important;
}

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

    html,
    body,
    #html_container {
        max-width: 100%;
    }

    /* overflow-x на html/body ломает window.scroll и position:fixed (плавающая черта) */
    #html_container {
        overflow-x: hidden;
    }

    .band_holder,
    .band .band_background,
    .band .band_shadow {
        min-width: 0;
    }

    .wrapper {
        width: auto;
        max-width: 1140px;
        padding: 0 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Список статей: скрываем поиск и убираем жёсткие ширины, которые ломают ряд */
    .articles_search {
        display: none;
    }

    .articles_list .articles_item {
        padding-right: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .articles_list .articles_item_img_wrapper {
        width: 28%;
        height: auto;
    }

    .articles_list .articles_item_img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .articles_list .articles_item_right {
        width: 72%;
        float: right;
        overflow: visible;
        margin-top: 0;
        margin-left: 0;
        padding-left: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .head_scroll_container {
        width: auto;
        left: 20px;
        right: 20px;
        z-index: 40;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .scroll_band_item {
        z-index: 39;
    }

    /* Шапка ≤1200: VIN+корзина справа, поиск заполняет середину */
    .header_container {
        position: relative;
        padding-right: 300px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_actions {
        display: block;
        position: absolute;
        right: 0;
        top: 20px;
        margin-left: 0;
    }

    .header_actions .header_vin_button {
        float: left;
        margin-left: 0;
        margin-right: 12px;
        width: auto;
        height: 40px;
        line-height: 38px;
        padding: 0 14px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_actions .header_phone_icon {
        float: left;
        width: 40px;
        height: 40px;
        margin-right: 12px;
        background-color: #eeeff9;
        border: 1px solid #dddfeb;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background-image: url(/img/phone_icon_gray.png);
        background-position: center;
        background-repeat: no-repeat;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_actions .header_phone_icon:hover {
        background-color: #0aa4dd;
        border-color: #0aa4dd;
    }

    .header_actions .korzina_block {
        float: left;
        min-width: 0;
    }

    .header_logo {
        margin-right: 20px;
        margin-top: 0;
        margin-bottom: 0;
        max-width: 200px;
        max-height: 40px;
    }

    .header_container .header_search_block {
        float: none;
        overflow: hidden;
        width: auto;
        max-width: none;
        display: block;
        margin: 0;
        height: 40px;
    }

    .header_container .header_search_form {
        width: 100%;
    }

    .header_container .header_search_text {
        width: 100%;
        max-width: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Плавающая черта: поиск занимает всю свободную ширину между каталогом и корзиной */
    .head_scroll_search_toggle {
        display: none;
        cursor: pointer;
    }

    .head_scroll_container .head_catalog_button {
        margin-right: 12px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .head_scroll_container .header_search_block {
        float: none;
        overflow: hidden;
        width: auto;
        max-width: none;
        display: block;
        margin: 5px 0 0;
        height: 40px;
    }

    .head_scroll_container .header_search_form {
        width: 100%;
    }

    .head_scroll_container .header_search_text {
        width: 100%;
        max-width: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .head_scroll_container .korzina_block {
        margin-left: 12px;
    }

    .head_scroll_container .head_lk_button {
        margin-left: 16px;
    }

    .up_button_container {
        width: auto;
        max-width: 1200px;
    }

    .up_button {
        margin-left: 0;
        right: 20px;
        left: auto;
    }

    /* Футер ≤1200: одна строка, без перескока до перестройки на 992 */
    .footer_container,
    .footer {
        height: auto;
        min-height: 140px;
    }

    .footer_marginer {
        height: 24px;
    }

    .footer_container {
        margin-top: 0;
    }

    .footer_content {
        padding-top: 22px;
        padding-bottom: 10px;
        overflow: hidden;
    }

    .footer_left,
    .footer_left2,
    .footer_email {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .footer_left {
        width: 26%;
    }

    .footer_left2 {
        width: 24%;
        margin-left: 2%;
    }

    .footer_email {
        width: 30%;
        margin-left: 2%;
    }

    .footer_vk {
        float: right;
        max-width: 16%;
        white-space: nowrap;
    }

    .footer_contacts1 {
        width: auto;
        max-width: 100%;
    }

    .footer_phone {
        font-size: 16px;
    }

    .footer-bottom-pay {
        margin-right: 0;
        padding-top: 6px;
    }

    .footer-bottom-pay-text {
        display: block;
        margin-bottom: 4px;
    }

    .footer-bottom-pay-icon {
        width: 42px;
        height: 24px;
        margin-left: 0;
        margin-right: 4px;
        background-repeat: no-repeat;
        background-position: center;
        background-size: contain;
    }

    .footer_bottom {
        position: relative;
        width: 100%;
        height: auto;
        line-height: 20px;
        padding: 8px 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .footer_copy,
    .footer_rules,
    .footer_itgo {
        font-size: 12px;
    }

    .footer_rules {
        margin-left: 12px;
    }

    .tovar_list,
    .welcome_tovars_block .tovar_list,
    .dauther_list,
    .podbor_models,
    .tovar_articles_list,
    .slider_list {
        width: 100% !important;
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Карусель — не сжимать ленту правилом .tovar_list { width:100% } */
    .tovar_list.carusel,
    .welcome_tovars_block .tovar_list.carusel,
    ul.carusel.jcarousel-list,
    ul.carusel.jcarousel-list-horizontal {
        width: auto !important;
        max-width: none !important;
    }

    .welcome_tovars_block .tovar_list.aaaleafer,
    .welcome_articles_list.aaaleafer {
        width: 100% !important;
        max-width: 100% !important;
    }

    /* Баннер: картинка целиком, без обрезки при сужении */
    .slider_container {
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        touch-action: pan-y;
    }

    .slider_item {
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .slider_arrow_left {
        left: 5px;
    }

    .slider_arrow_right {
        right: 5px;
    }

    .page_right {
        width: 72%;
        max-width: 850px;
    }

    .page_left {
        width: 24%;
        max-width: 260px;
    }

    /* 100% от .page_left — иначе 24%×24% даёт ~62px и ломает перенос текста */
    .page_left .left_menu {
        width: 100%;
        max-width: none;
    }

    .left_menu_search_text {
        width: 100%;
        max-width: 220px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Блок выбранного авто: одна строка (как на десктопе), длинное имя — многоточие */
    .category_mycar {
        height: 35px;
        padding: 12px 20px;
        overflow: hidden;
    }

    .category_mycar_left {
        float: left;
        max-width: 80%;
        height: 35px;
        line-height: 35px;
        overflow: hidden;
        white-space: nowrap;
    }

    .category_mycar_left a {
        display: inline;
    }

    .category_mycar_title {
        display: inline-block;
        max-width: 52%;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        vertical-align: middle;
        margin-left: 0px;
    }

    .category_mycar_img {
        display: inline;
        vertical-align: middle;
        height: 35px;
        margin-left: 12px;
        float: none;
    }

    .category_mycar_button {
        float: right;
        margin-top: 3px;
    }

    /* Подкатегории (.dauther_list): 3 в ряд в %, картинка по центру без деформации */
    .dauther_item {
        width: 30%;
        margin-right: 3%;
        height: 240px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dauther_item:nth-child(3n) {
        margin-right: 0;
    }

    .dauther_item_img {
        height: 160px;
        width: auto;
        max-width: 100%;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    /* Подбор по авто: модели — 4 в ряд в %, картинка по центру без деформации */
    .podbor_models {
        width: 100%;
        max-width: 100%;
    }

    .podbor_model_item {
        width: 22%;
        margin-right: 4%;
        height: 170px;
        padding: 20px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .podbor_model_item:nth-child(4n) {
        margin-right: 0;
    }

    .podbor_mark_img_container {
        display: block;
        width: 100%;
        height: 85px;
        line-height: 85px;
        text-align: center;
        font-size: 0;
    }

    .podbor_model_img {
        display: inline-block;
        vertical-align: middle;
        max-width: 100%;
        max-height: 85px;
        width: auto;
        height: auto;
        margin: 0 auto;
    }

    .podbor_model_caption {
        font-size: 13px;
        overflow: hidden;
        max-height: 20px;
    }

    /* Каталог /catalog: дерево категорий — 2 колонки, обе float:left + padding между ними */
    .category_tree {
        overflow: hidden;
    }

    .category_tree_block {
        float: left;
        width: 50%;
        margin-bottom: 20px;
        padding-left: 10px;
        padding-right: 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .category_tree_block_left,
    .category_tree_block_right {
        float: left;
    }

    .category_tree > .clearer {
        clear: both;
    }

    .category_tree_item a {
        word-wrap: break-word;
    }

    /* Плитка каталога: 3 колонки в % на всю ширину. НЕ карусель (aaaleafer / jcarousel) */
    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item {
        width: 31.333%;
        margin-right: 3%;
        margin-bottom: 20px;
        height: auto;
        min-height: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item:nth-child(3n) {
        margin-right: 0;
    }

    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_inner,
    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item:hover .tovar_item_inner {
        width: auto;
        max-width: 100%;
        padding: 18px 16px;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_container:not(.tovar_list_rows) .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_img_container {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 140px;
        line-height: 140px;
        text-align: center;
        font-size: 0;
    }

    .tovar_list_container:not(.tovar_list_rows) .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_img {
        display: inline-block;
        vertical-align: middle;
        width: auto;
        max-width: 100%;
        height: auto;
        max-height: 140px;
        margin: 0 auto;
    }

    /* Плитка: корзина слева, остаток справа (float), всегда одна строка */
    .tovar_list_container:not(.tovar_list_rows) .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_button {
        float: left;
        display: inline-block;
        width: auto;
        max-width: none;
        padding: 0 10px;
        white-space: nowrap;
        overflow: visible;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_container:not(.tovar_list_rows) .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_count {
        float: right;
        display: block;
        height: 30px;
        line-height: 30px;
        margin-top: 0;
        max-width: calc(100% - 132px);
        white-space: normal;
        text-align: center;
        padding: 0 4px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        overflow: hidden;
    }

    .tovar_list_container:not(.tovar_list_rows) .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_count_value,
    .tovar_list_container:not(.tovar_list_rows) .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_count_nonalich .tovar_item_count_caption {
        display: inline-block;
        vertical-align: middle;
        line-height: 13px;
        max-width: 100%;
    }

    img {
        max-width: 100%;
        height: auto;
    }

    table {
        max-width: 100%;
    }

    form:not(.zakazform) input[type="text"],
    form:not(.zakazform) input[type="password"],
    form:not(.zakazform) input[type="email"],
    form:not(.zakazform) input[type="tel"],
    form:not(.zakazform) select,
    form:not(.zakazform) textarea {
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Главная: подбор по авто — фиксированные % ячеек, без скачков при смене option */
    .welcome_search_block {
        table-layout: fixed;
        width: 100%;
    }

    .welcome_search_item,
    .welcome_search_item:first-child {
        width: 28%;
    }

    .welcome_search_item_submit {
        width: 16%;
        padding-left: 0;
        padding-right: 0;
    }

    .welcome_search_item_inner {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_search_item_submit .welcome_search_item_inner {
        padding: 8px 9px;
        height: 67px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_search_block select.welcome_search_select {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .welcome_search_block .custom_form_span,
    .welcome_search_block .custom_form_content {
        max-width: 100%;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_search_button {
        display: block;
        width: 100%;
        max-width: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* Жёлтый блок «Заявка на подбор»: фон без шва, место под картинку */
    .podbor_block {
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        padding-right: 300px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .podbor_block_text {
        position: relative;
        z-index: 2;
        max-width: 400px;
    }

    .podbor_block_button {
        position: relative;
        z-index: 2;
    }

    .podbor_block_img {
        width: 280px;
        height: 140px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: right center;
        top: 40px;
        z-index: 1;
    }

    /* Карусель товаров ≤1200: резиновая лента (не сетка) */
    .tovar_list_carusel_wrapper .jcarousel-skin-tango .jcarousel-container-horizontal,
    .welcome_tovars_block .jcarousel-skin-tango .jcarousel-container-horizontal,
    .welcome_articles_block .jcarousel-skin-tango .jcarousel-container-horizontal {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0;
        margin-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_carusel_wrapper .jcarousel-skin-tango .jcarousel-clip-horizontal,
    .welcome_tovars_block .jcarousel-skin-tango .jcarousel-clip-horizontal,
    .welcome_articles_block .jcarousel-skin-tango .jcarousel-clip-horizontal {
        width: 100% !important;
        max-width: 100%;
        margin-left: 0 !important;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_carusel_wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal,
    .tovar_list_carusel_wrapper .jcarousel-skin-tango .jcarousel-next-horizontal,
    .welcome_tovars_block .jcarousel-skin-tango .jcarousel-prev-horizontal,
    .welcome_tovars_block .jcarousel-skin-tango .jcarousel-next-horizontal,
    .welcome_articles_block .jcarousel-skin-tango .jcarousel-prev-horizontal,
    .welcome_articles_block .jcarousel-skin-tango .jcarousel-next-horizontal {
        visibility: visible;
        display: block;
        z-index: 5;
    }

    .tovar_list_carusel_wrapper .jcarousel-skin-tango .jcarousel-prev-horizontal,
    .welcome_tovars_block .jcarousel-skin-tango .jcarousel-prev-horizontal,
    .welcome_articles_block .jcarousel-skin-tango .jcarousel-prev-horizontal {
        left: 6px;
    }

    .tovar_list_carusel_wrapper .jcarousel-skin-tango .jcarousel-next-horizontal,
    .welcome_tovars_block .jcarousel-skin-tango .jcarousel-next-horizontal,
    .welcome_articles_block .jcarousel-skin-tango .jcarousel-next-horizontal {
        right: 6px;
    }

    /* aaaleafer на главной: стрелки jCarousel-стиля внутри ленты */
    .welcome_tovars_block .tovar_list_arrow_container,
    .welcome_articles_block_wrapper .articles_carusel_arrow_container {
        width: 100%;
        max-width: 100%;
        margin-left: 0;
        padding: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_tovars_block .tovar_list_arrow_container .aaaleafer_arrow,
    .welcome_articles_block_wrapper .articles_carusel_arrow_container .aaaleafer_arrow {
        width: 18px;
        height: 41px;
        top: 50% !important;
        margin-top: -20px;
        background-color: transparent;
        border-radius: 0;
        z-index: 5;
    }

    .welcome_tovars_block .tovar_list_arrow_container .aaaleafer_arrow_left,
    .welcome_articles_block_wrapper .articles_carusel_arrow_container .aaaleafer_arrow_left {
        left: 6px;
    }

    .welcome_tovars_block .tovar_list_arrow_container .aaaleafer_arrow_right,
    .welcome_articles_block_wrapper .articles_carusel_arrow_container .aaaleafer_arrow_right {
        right: 6px;
    }

    /* Блог: резиновая лента, стрелки поверх, 2 карточки */
    .welcome_articles_block_wrapper {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-left: 0;
        height: auto;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_articles_block {
        overflow: hidden;
        height: 0;
    }

    .welcome_articles_block_active {
        height: auto;
        overflow: visible;
    }

    .welcome_articles_item {
        width: 48%;
        white-space: normal;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_articles_img {
        width: 140px;
        height: 150px;
        object-fit: cover;
    }

    .welcome_articles_right {
        float: none;
        width: auto;
        overflow: hidden;
        padding: 20px 16px 16px 14px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_articles_title {
        font-size: 16px;
        white-space: nowrap;
    }

    .welcome_articles_anons {
        font-size: 14px;
        line-height: 20px;
        max-height: 60px;
    }

    .tovar_list_carusel_wrapper .jcarousel-item .tovar_item,
    .welcome_tovars_block .jcarousel-item .tovar_item {
        width: 100%;
        max-width: 100%;
        height: auto;
        float: none;
        margin-right: 0;
        margin-bottom: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_carusel_wrapper .jcarousel-item .tovar_item_inner,
    .welcome_tovars_block .jcarousel-item .tovar_item_inner {
        width: auto;
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_carusel_wrapper .jcarousel-item .tovar_item:hover .tovar_item_inner,
    .welcome_tovars_block .jcarousel-item .tovar_item:hover .tovar_item_inner {
        padding: 20px 25px 20px;
        margin-top: 0;
        margin-left: 0;
    }

    .tovar_list_carusel_wrapper .jcarousel-item .tovar_item_img_container,
    .welcome_tovars_block .jcarousel-item .tovar_item_img_container {
        width: 100%;
        max-width: 100%;
    }

    .tovar_list_carusel_wrapper .jcarousel-item .tovar_item_img,
    .welcome_tovars_block .jcarousel-item .tovar_item_img {
        max-width: 100%;
        height: auto;
    }

    .tovar_list_carusel_wrapper,
    .welcome_tovars_block .jcarousel-container,
    .welcome_articles_block .jcarousel-container,
    .welcome_articles_list.aaaleafer {
        touch-action: pan-y;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none;
    }

    /* Категории: 3 в ряд, квадрат через padding-bottom, cover */
    .welcome_sections_container {
        padding-top: 24px;
        padding-bottom: 40px;
    }

    .welcome_sections_item {
        width: 31%;
        margin-left: 3.5%;
        margin-bottom: 0;
        height: 0;
        padding-bottom: 31%;
        min-height: 0;
        overflow: hidden;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_sections_item:first-child {
        margin-left: 0;
    }

    .welcome_sections_item_inner {
        left: 8%;
        right: 8%;
        bottom: 8%;
        padding: 18px 14px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_sections_item_icon {
        width: 48px;
        height: 48px;
        margin-bottom: 10px;
        background-size: contain;
        background-repeat: no-repeat;
        background-position: left center;
    }

    .welcome_sections_item_title {
        font-size: 24px;
        line-height: 1.15;
        word-wrap: break-word;
    }
    
    .tovar_card_images_main_item {
        width: 100%;
    }
    
    .tovar_card_images_main_wrapper {
        width: 100%:
    }
    
    .tovar_card_images_main_item img {
        max-width: 100%;
    }
    
    
    .tovar_card_nalich {
        margin-left: 20px;
    }
    
    .zakazform_hint {
        width: 210px;
        float: left;
        margin-left: 20px;
    }

    /* Контакты: карта на всю ширину белой подложки (.category_descr padding 20px) */
    .contacts_block_map {
        margin-left: -20px;
        margin-right: -20px;
        max-width: none;
        overflow: hidden;
    }

    .contacts_block_map iframe,
    .contacts_block_map > div {
        width: 100% !important;
        max-width: 100% !important;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/* ---------- 993–1200px: карточка товара (ширины колонок) ---------- */
@media only screen and (max-width: 1200px) and (min-width: 993px) {
    .tovar_card_left {
        /* Под ширину ~1200 возвращаем ширину левой колонки ближе к исходным px,
           чтобы оверлеи/стрелки слева не перекрывали блок с количеством справа */
        width: 44%;
    }

    .tovar_card_right {
        width: 54%;
    }
}

/* ---------- ≤ 1100px: плавающая черта — компактнее каталог/вход ---------- */
@media only screen and (max-width: 1100px) {

    .header_logo {
        margin-right: 16px;
        margin-top: 0;
        margin-bottom: 0;
        max-width: 170px;
        max-height: 40px;
    }

    .header_container {
        padding-right: 290px;
    }

    .header_actions .header_vin_button {
        margin-right: 10px;
        padding: 0 12px;
    }

    /* Header2: адрес убираем, когда перестаёт влазить */
    .header_adres_list {
        display: none;
    }

    .head_scroll_container {
        left: 16px;
        right: 16px;
    }

    .head_scroll_container .head_catalog_button {
        width: 130px;
        padding: 0 14px;
        margin-right: 12px;
    }

    .head_scroll_container .head_lk_button {
        margin-left: 16px;
        padding: 0 10px;
    }

    .head_scroll_container .head_lk_button_inner {
        max-width: 90px;
    }

    /* Подбор: ещё уже — уменьшаем картинку и текст */
    .podbor_block {
        padding-right: 250px;
    }

    .podbor_block_text {
        max-width: 340px;
        font-size: 20px;
        line-height: 28px;
        margin-right: 16px;
    }

    .podbor_block_button {
        width: 220px;
        font-size: 13px;
    }

    .podbor_block_img {
        width: 230px;
        height: 115px;
        top: 45px;
    }

    /* О компании: без карты, колонки столбиком */
    .welcome_about_band .band_background,
    .welcome_about_band .band_background.welcome_about_background1,
    .welcome_about_band .band_background.welcome_about_background2,
    .welcome_about_band .band_background.welcome_about_background3 {
        background-image: none;
    }

    .welcome_about_container {
        padding-top: 40px;
        padding-bottom: 30px;
    }

    .welcome_about_left,
    .welcome_about_right {
        width: 100%;
        float: none;
        margin-bottom: 28px;
    }

    .welcome_about_left h1 {
        font-size: 32px;
        margin-bottom: 18px;
    }

    .welcome_about_descr {
        margin-bottom: 20px;
    }

    .welcome_about_contacts {
        display: none;
    }

    .welcome_about_advantage {
        padding-top: 0;
        text-align: center;
        font-size: 0;
    }

    .welcome_about_advantage_item {
        display: inline-block;
        vertical-align: top;
        width: 31%;
        margin-left: 3.5%;
        margin-bottom: 0;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_about_advantage_item:first-child {
        margin-left: 0;
    }

    .welcome_about_advantage_icon {
        float: none;
        display: block;
        width: 56px;
        height: 56px;
        margin: 0 auto 12px;
        background-size: contain;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .welcome_about_advantage_text {
        float: none;
        display: block;
        width: auto;
        margin: 0;
        font-size: 14px;
        line-height: 20px;
        font-weight: 600;
        text-align: center;
    }
    
    .category_mycar_button {
        width: 120px;
    }
    
    .category_mycar_button_icon {
        display: none;
    }

    /* Футер: чуть плотнее между 1200 и 992 */
    .footer_left {
        width: 25%;
    }

    .footer_left2 {
        width: 23%;
    }

    .footer_email {
        width: 28%;
    }

    .footer_vk {
        max-width: 18%;
    }

    .footer_phone {
        font-size: 15px;
    }

    .footer-bottom-pay-icon {
        width: 38px;
        height: 22px;
        margin-right: 3px;
    }
    
    .zakazform_hint {
        margin-left: 0;
        width: 100%;
    }
}

/* ---------- ≤ 992px ---------- */
@media only screen and (max-width: 992px) {

    .wrapper {
        padding: 0 15px;
    }

    .head_catalog_button {
        margin-right: 40px;
        width: 110px;
        padding: 0 12px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .head_lk_button {
        margin-left: 40px;
        padding: 0 10px;
    }

    .head_lk_button_inner {
        max-width: 100px;
    }

    .head_menu_item {
        margin-right: 10px;
    }

    .head_menu_item a {
        font-size: 11px;
    }

    .header_logo {
        margin-right: 15px;
        margin-top: 0;
        margin-bottom: 0;
        max-width: 150px;
        max-height: 40px;
    }

    .header_container {
        padding-right: 270px;
    }

    .header_actions .header_vin_button {
        margin-right: 10px;
        padding: 0 10px;
        font-size: 11px;
    }

    .header_search_text,
    .header_search_form {
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .head_scroll_container .head_catalog_button {
        width: 110px;
        margin-right: 12px;
        padding: 0 12px;
    }

    .head_scroll_container .head_lk_button {
        margin-left: 16px;
        padding: 0 8px;
    }

    .head_scroll_container .head_lk_button_inner {
        max-width: 70px;
    }

    .header2_container {
        height: 50px;
        padding: 0;
        text-align: justify;
        white-space: nowrap;
        overflow: hidden;
    }

    .header_lozung {
        display: inline-block;
        line-height: 50px;
        margin-bottom: 0;
        width: auto;
        vertical-align: middle;
    }

    .header_phoneblock,
    .header_adreses {
        display: inline-block;
        vertical-align: middle;
        margin-right: 0;
        margin-bottom: 0;
    }

    .header_adres_list {
        display: none;
    }

    .header_zvonok {
        float: none;
        margin-top: 0;
        line-height: 50px;
    }

    .header_zvonokblock_left {
        margin-left: 24px;
        margin-right: 12px;
    }

    .header_adreses {
        
    }

    .header_phone {
        line-height: 50px;
    }

    .header_adres {
        line-height: 50px;
    }

    /* Каталог — выезжающая панель */
    .main_leftmenu,
    #main_leftmenu {
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        width: 280px;
        max-width: 85%;
        z-index: 20;
        background-color: #ffffff;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .main_leftmenu_scroll {
        height: 100%;
        overflow: auto;
    }

    .main_leftmenu .left_menu {
        width: 100%;
        max-width: none;
    }

    .main_leftmenu .left_menu_search_text {
        max-width: none;
        width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .siteblocker {
        z-index: 19;
    }

    .page_left {
        display: none;
    }

    .page_right {
        width: 100%;
        float: none;
        max-width: none;
    }

    .welcome_tovars_container {
        padding-bottom: 15px;
    }
    
    /* Плитка: те же 3 колонки в % (правила с 1200). Карусель не трогаем. */
    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_inner,
    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item:hover .tovar_item_inner {
        padding: 15px;
        margin: 0;
    }

    /* Карусель: карточка на всю ширину слайда (иначе 31.3% сжимает до ~88px) */
    .jcarousel-list .tovar_item,
    .jcarousel-item .tovar_item,
    .welcome_tovars_block .jcarousel-item .tovar_item,
    .tovar_list_carusel_wrapper .jcarousel-item .tovar_item {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        float: none;
        height: auto;
    }
    
    .tovar_item_mark {
        top: 175px;
    }

    .jcarousel-item .tovar_item_inner,
    .welcome_tovars_block .jcarousel-item .tovar_item_inner {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 10px 8px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .jcarousel-item .tovar_item_img_container,
    .jcarousel-item .tovar_item_img {
        width: 100%;
        max-width: 100%;
    }

    /* Панель сортировка/фильтр/вид: одна строка, пока влазит; без столбика на 992 */
    .tovar_prelist {
        overflow: hidden;
    }

    .sort_block_caption {
        display: none;
    }

    .sort_block_switcher_item {
        padding: 0 10px;
        margin-right: 8px;
    }

    .sort_block,
    .filter_block,
    .kind_block {
        max-width: 100%;
        margin-bottom: 8px;
    }

    .filter_item {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 0 0;
    }

    .filter_item_select {
        width: auto;
        min-width: 130px;
        max-width: 100%;
    }

    .dauther_list {
        width: 100%;
    }

    .dauther_item {
        width: 30%;
        margin-right: 3%;
        height: 240px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dauther_item:nth-child(3n) {
        margin-right: 0;
    }

    .welcome_marks_block,
    .welcome_marks_block_three {
        padding-left: 0;
        text-align: center;
    }

    .welcome_marks_item {
        float: none;
        display: inline-block;
        vertical-align: top;
        margin: 0 10px 15px;
    }

    .welcome_marks_title {
        font-size: 32px;
    }

    .welcome_sections_item_inner {
        left: 6%;
        right: 6%;
        bottom: 6%;
        padding: 14px 10px;
    }

    .welcome_sections_item_icon {
        width: 40px;
        height: 40px;
        margin-bottom: 8px;
    }

    .welcome_sections_item_title {
        font-size: 18px;
        line-height: 1.2;
    }

    /* Описание при наведении — только на широких экранах */
    .welcome_sections_item_descr {
        display: none;
    }

    .welcome_articles_switcher {
        position: static;
        text-align: center;
        margin: 0 0 16px;
    }

    .welcome_articles_switcher_item {
        margin: 0 12px 8px;
    }

    .welcome_articles_container h2 {
        margin-bottom: 20px;
    }

    .welcome_articles_img {
        width: 120px;
        height: 140px;
    }

    .welcome_articles_right {
        padding: 16px 14px 14px 12px;
    }

    .welcome_articles_title {
        font-size: 15px;
    }

    .slider_list {
        height: 300px;
    }

    .slider_arrow {
        top: 125px;
    }

    .slider_arrow_left {
        left: 5px;
    }

    .slider_arrow_right {
        right: 5px;
    }

    .tovar_card_block {
        padding: 25px 20px;
    }

    .tovar_card_left {
        width: 40%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_card_right {
        width: 55%;
    }

    .tovar_card_images_main_container,
    .tovar_card_images_main_item,
    .tovar_card_images_main_wrapper {
        /*width: 100%;
        height: auto;*/
        min-height: 200px;
    }
    
    .tovar_card_images_main_item img {
        max-width: 100%;
        max-height: 280px;
    }

    .tovar_articles_list {
        width: 100%;
    }

    .tovar_articles_item {
        width: 31%;
        margin-right: 3%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_articles_img_wrapper {
        width: 100%;
        height: auto;
    }

    .korzina_content {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .korzina_table {
        min-width: 560px;
    }

    .korzina_bottom_hint {
        width: auto;
        float: none;
        margin-bottom: 15px;
        text-align: center;
    }

    .korzina_bottom_hint br {
        display: none;
    }
    
    
    .zakazform_item_field {
        float: none;
    }
    
    .zakazform_item .mazdaford_inputtext, .ordering_itog_block {
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    .zakazform_item .mazdaford_inputtext,
    .zakazform_item .mazdaford_select,
    #ordering_item_block2 .mazdaford_inputtext,
    #dostavka_hint_block,
    .ordering_itog_block {
        width: 100%;
        max-width: 100%;
    }
    
    .zakazform_item #phone, .zakazform_item #code {
        width: 100%;
    }

    /* Оформление заказа: «Подтвердить телефон» / код — псевдоссылка, как .pseudolink */
    .zakazform .submiter_button.mazdaford_button2,
    .zakazform .submiter_button2.mazdaford_button2,
    .zakazform .submiter_button.mazdaford_button2.mazdaford_button2_small,
    .zakazform .submiter_button2.mazdaford_button2.mazdaford_button2_small {
        float: right;
        display: inline-block;
        width: auto;
        max-width: none;
        height: auto;
        margin-left: 12px;
        margin-right: 0;
        padding: 0;
        background: none;
        background-color: transparent;
        border: 0;
        border-bottom: 1px dotted #0aa4dd;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        color: #0aa4dd;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        text-transform: none;
        text-align: left;
        text-decoration: none;
        box-shadow: none;
        margin-top: 10px;
    }

    .zakazform .submiter_button.mazdaford_button2:hover,
    .zakazform .submiter_button2.mazdaford_button2:hover {
        background: none;
        background-color: transparent;
        border-bottom-color: transparent;
        color: #0aa4dd;
    }

    /* Регистрация: «Подтвердить телефон» / код — как на оформлении заказа */
    .register_form #phone,
    .register_form #code {
        width: 100%;
        max-width: 100%;
    }

    .register_form .submiter_button.mazdaford_button2,
    .register_form .submiter_button2.mazdaford_button2,
    .register_form .submiter_button.mazdaford_button2.mazdaford_button2_small,
    .register_form .submiter_button2.mazdaford_button2.mazdaford_button2_small {
        float: right;
        display: inline-block;
        width: auto;
        max-width: none;
        height: auto;
        margin-left: 12px;
        margin-right: 0;
        padding: 0;
        background: none;
        background-color: transparent;
        border: 0;
        border-bottom: 1px dotted #0aa4dd;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        color: #0aa4dd;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        text-transform: none;
        text-align: left;
        text-decoration: none;
        box-shadow: none;
        margin-top: -2px;
    }

    .register_form .submiter_button.mazdaford_button2:hover,
    .register_form .submiter_button2.mazdaford_button2:hover {
        background: none;
        background-color: transparent;
        border-bottom-color: transparent;
        color: #0aa4dd;
    }

    /* Личный кабинет: «Заявка на изменение» — как «Подтвердить телефон» */
    .personal_content .settings_feedback_button.mazdaford_button2,
    .personal_content .settings_feedback_button.mazdaford_button2.mazdaford_button2_small {
        float: right;
        display: inline-block;
        width: auto;
        max-width: none;
        height: auto;
        margin-left: 12px;
        margin-right: 0;
        padding: 0;
        background: none;
        background-color: transparent;
        border: 0;
        border-bottom: 1px dotted #0aa4dd;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        color: #0aa4dd;
        font-weight: 400;
        font-size: 13px;
        line-height: 20px;
        text-transform: none;
        text-align: left;
        text-decoration: none;
        box-shadow: none;
        margin-top: 10px;
    }

    .personal_content .settings_feedback_button.mazdaford_button2:hover {
        background: none;
        background-color: transparent;
        border-bottom-color: transparent;
        color: #0aa4dd;
    }

    .personal_menu_item {
        height: 44px;
        line-height: 44px;
        font-size: 11px;
    }

    .personal_menu_item_inner {
        padding: 0 22px;
    }

    .personal_content {
        padding: 30px 25px 10px;
    }

    .personal_content.personal_content_nopad {
        padding: 0;
    }

    .personal_sell_container {
        float: none;
        clear: both;
        margin-bottom: 14px;
        display: inline-block;
        max-width: 100%;
    }

    .zakaz_table {
        table-layout: fixed;
        width: 100%;
    }

    .zakaz_table th,
    .zakaz_table td {
        padding-left: 18px;
    }

    .zakaz_table th:nth-child(2),
    .zakaz_table td:nth-child(2) {
        font-size: 12px;
    }
    
    .zakazform_item_checkbox .zakazform_item_caption {
        display: none;
    }

    .footer_container,
    .footer {
        height: auto;
        min-height: 0;
    }

    .footer_marginer {
        height: 20px;
    }

    .footer_container {
        margin-top: 0;
    }

    .footer_content {
        padding-top: 20px;
        padding-bottom: 12px;
        overflow: hidden;
    }

    .footer_left,
    .footer_left2,
    .footer_email,
    .footer_vk {
        width: 45%;
        max-width: none;
        margin-left: 0;
        margin-bottom: 12px;
        white-space: normal;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .footer_left,
    .footer_email {
        float: left;
    }

    .footer_left2,
    .footer_vk {
        float: right;
    }

    /* Новая строка — иначе email/vk «подпрыгивают» в пустоту справа от адреса */
    .footer_email {
        clear: both;
    }

    .footer_vk {
        max-width: none;
    }

    .footer_contacts1 {
        width: auto;
        max-width: none;
    }

    .footer_bottom {
        width: auto;
        position: relative;
        height: auto;
        line-height: 22px;
        padding: 10px 15px;
        overflow: hidden;
        background-color: #141415;
        margin-left: -15px;
        margin-right: -15px;
    }

    .footer_copy,
    .footer_rules,
    .footer_itgo {
        float: none;
        display: inline-block;
        margin: 0 12px 6px 0;
    }

    .footer_band_item {
        display: none;
    }

    .popup_block {
        max-width: 94%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        padding: 25px 20px !important;
    }

    .popup_block_wide {
        max-width: 94%;
    }
    
    .newmodal_submit input[type="button"].mazdaford_button2 {
        width: 49%;
        
    }
    .autorization_submit .mazdaford_button3 {
        width: 45%;
    }

    /* Крестик закрытия: внутри белого блока, 4px от угла */
    .modal > .modal_close {
        width: 22px;
        height: 22px;
        margin: 0;
        float: none;
        position: absolute;
        top: 4px;
        right: 4px;
        background-size: 12px 12px;
        z-index: 2;
    }

    .newmodal_caption {
        width: auto !important;
        display: block;
        float: none;
    }

    .newmodal_field {
        width: 100% !important;
        float: none;
    }

    .newmodal_field input[type="text"],
    .newmodal_field input[type="password"],
    .newmodal_field textarea,
    .popup_block_wide .newmodal_field input[type="text"],
    .popup_block_wide .newmodal_field input[type="password"] {
        width: 100% !important;
        max-width: 100%;
    }

    .personal_content {
        width: auto;
        margin-left: 0;
        float: none;
        padding: 24px 18px 10px;
        background-color: transparent;
    }

    .personal_content.personal_content_nopad {
        padding: 0;
    }

    .personal_menu_item {
        height: 40px;
        line-height: 40px;
        font-size: 10px;
    }

    .personal_menu_item_inner {
        padding: 0 12px;
    }

    .mycar_button_container {
        padding-bottom: 20px;
    }

    .mycar_add_button {
        height: 56px;
        line-height: 56px;
        font-size: 17px;
    }

    .mycar_add_icon {
        width: 42px;
        height: 18px;
        background-size: contain;
        margin-right: 8px;
    }

    .mycar_item {
        padding: 20px 18px;
    }

    .mycar_item_img_container {
        width: 90px;
    }

    .mycar_item_img_wrapper {
        width: 90px;
        height: 50px;
    }

    .mycar_item_img {
        width: 90px;
        max-width: 100%;
        height: auto;
    }

    .mycar_item_info {
        margin-left: 18px;
        margin-top: 4px;
    }

    .mycar_item_title {
        font-size: 16px;
    }

    .mycar_item_manage {
        margin-top: 6px;
    }

    .mycar_item_edit,
    .mycar_item_del {
        width: 34px;
        height: 34px;
        background-size: 16px 16px;
        margin-left: 6px;
    }

    .zakaz_table th,
    .zakaz_table td {
        padding-left: 12px;
        padding-right: 8px;
    }

    .zakaz_oplata_button {
        width: auto;
        min-width: 0;
        margin-left: 10px;
        padding: 0 10px;
    }

    .zakaz_print_button {
        display: none;
    }

    .korzina_print_button {
        width: auto;
        display: none;
    }

    .zakaz_sostav_container {
        padding: 12px 14px 5px;
    }

    .zakaz_sostav_td .sostav_table td,
    .zakaz_sostav_td .sostav_table th {
        padding-left: 20px;
    }

    .mycar_form_menu {
        float: none;
        width: 100%;
        overflow: hidden;
        margin-bottom: 12px;
    }

    .mycar_form_menu_item {
        float: left;
        width: 25%;
        height: auto;
        line-height: 36px;
        padding: 0 4px;
        font-size: 9px;
        text-align: center;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .mycar_form_right {
        float: none;
        width: 100%;
    }

    .mycar_form_content {
        width: auto;
        padding: 10px 12px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .mycar_form_scroller {
        width: 100%;
        height: auto;
        max-height: 380px;
        padding-right: 12px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        overflow-y: auto;
        overflow-x: hidden;
        -webkit-overflow-scrolling: touch;
    }

    .mycar_form_item_radio {
        width: 100%;
    }

    .mycar_form_mark_block {
        width: auto;
    }
    
    .mycar_form_item_radio label {
        width: 24%;
        margin-right: 1%;
        margin-bottom: 16px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    /* 3 колонки: убираем правый отступ у каждого 3-го элемента */
    .mycar_form_item_radio label:nth-child(3n) {
        margin-right: 0;
    }

    .mycar_form_mark {
        width: 100%;
        padding: 8px 0;
    }

    .mycar_form_mark_img_container {
        display: block;
        width: 100%;
        height: 70px;
        text-align: center;
    }

    .mycar_form_mark_img {
        max-width: 100%;
        max-height: 70px;
    }

    .mycar_form_item select {
        width: 100%;
        height: 56px;
    }

    .mycar_form_item .mazdaford_inputtext {
        width: 100%;
        max-width: 100%;
        height: 56px;
        line-height: 56px;
        font-size: 16px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_search_res {
        width: 100%;
        max-width: 100%;
        left: 0;
        right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_search_res_item {
        white-space: normal;
        line-height: 1.4;
        padding: 8px 15px;
    }

    .vidget_img {
        width: 100%;
        max-width: 100%;
        height: auto;
    }

    /* Блок «Заявка на подбор» */
    .podbor_block {
        padding: 20px 15px;
        overflow: hidden;
        min-height: 0;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
        text-align: center;
    }

    .podbor_block_text {
        display: block;
        max-width: 100%;
        font-size: 18px;
        line-height: 26px;
        margin: 0 0 15px;
    }

    .podbor_block_button {
        display: block;
        width: 100%;
        max-width: 280px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        margin: 0 auto;
    }

    .podbor_block_img {
        display: none;
    }
}

/* ---------- ≤ 980px: корзина — без колонки с фото, заголовок «Товар» остаётся ---------- */
@media only screen and (max-width: 980px) {
    .korzina_table {
        min-width: 0;
        width: 100%;
        table-layout: auto;
    }

    .korzina_table .korzina_th_photo,
    .korzina_table .korzina_td_photo {
        display: none;
    }

    .korzina_table th,
    .korzina_table td {
        padding-right: 10px;
    }

    .korzina_table th {
        text-align: center;
    }

    /* Название забирает оставшуюся ширину; html width="130" на «Товар» снимаем */
    .korzina_table th:first-child,
    .korzina_table tr.korzina_item td.korzina_td_info {
        width: auto;
        padding-left: 20px;
    }

    .korzina_table th:first-child {
        text-align: left;
    }

    .korzina_item_cost {
        text-align: center;
    }

    /* Количество / удаление — по содержимому */
    .korzina_table .korzina_th_count,
    .korzina_table th:last-child,
    .korzina_table .korzina_td_count,
    .korzina_table .korzina_td_last {
        width: 1%;
        white-space: nowrap;
    }

    /* Цена и сумма — с запасом под рост числа при смене количества */
    .korzina_table .korzina_th_cost,
    .korzina_table .korzina_th_summ,
    .korzina_table .korzina_td_cost,
    .korzina_table .korzina_td_summ {
        width: 100px;
        min-width: 100px;
        white-space: nowrap;
    }

    .korzina_table th:last-child,
    .korzina_table .korzina_td_last {
        padding-right: 16px;
        padding-left: 0;
    }

    .korzina_modal_content .korzina_table tr.korzina_item td.korzina_td_info {
        padding-left: 16px;
        border-left: 1px solid #e8e9ee;
    }

    .korzina_modal_content .korzina_table .korzina_td_last {
        padding-right: 16px;
    }
}

/* ---------- ≤ 992px: таблица совместимости компактнее, без скролла ---------- */
@media only screen and (max-width: 992px) {

    .tovar_card_cars_table {
        width: 100%;
        table-layout: fixed;
    }

    .tovar_card_cars_table td,
    .tovar_card_cars_table th {
        padding: 0 6px 0 10px;
    }

    .tovar_card_cars_table th {
        font-size: 10px;
        line-height: 1.2;
        height: 34px;
    }

    .tovar_card_cars_table td {
        font-size: 12px;
        line-height: 18px;
        height: 42px;
        word-wrap: break-word;
    }
}

/* ---------- ≤ 900px: шапка — без суммы корзины ---------- */
@media only screen and (max-width: 900px) {

    .header_container .korzina_block_cost {
        display: none;
    }

    .header_logo {
        margin-right: 12px;
        margin-top: 2px;
        margin-bottom: 0;
        max-width: 140px;
        max-height: 40px;
    }

    .header_container {
        padding-right: 210px;
    }

    .header_actions .header_vin_button {
        margin-right: 8px;
        padding: 0 10px;
        font-size: 11px;
    }
}

/* ---------- ≤ 850px: плавающая черта — без суммы корзины ---------- */
@media only screen and (max-width: 850px) {

    .head_scroll_container {
        left: 12px;
        right: 12px;
    }

    .head_scroll_container .head_catalog_button {
        width: auto;
        min-width: 0;
        margin-right: 10px;
        padding: 0 12px;
        font-size: 11px;
    }

    .head_scroll_container .korzina_block {
        min-width: 0;
        width: auto;
        margin-left: 10px;
    }

    .head_scroll_container .korzina_block_cost {
        display: none;
    }

    .head_scroll_container .head_lk_button {
        margin-left: 14px;
        padding: 0 6px;
    }

    .head_scroll_container .head_lk_button_inner {
        max-width: 55px;
    }
}

/* ---------- ≤ 768px ---------- */
@media only screen and (max-width: 768px) {

    .wrapper {
        padding: 0 12px;
    }

    /* Верхняя полоса: Каталог | Меню | Вход */
    .head_menu_band {
        overflow: visible;
        z-index: 22;
    }

    .head_menu_band .wrapper {
        height: 50px;
        overflow: visible;
    }

    .head_menu_container {
        position: relative;
        overflow: visible;
        z-index: 23;
    }

    .head_catalog_button {
        float: left;
        width: auto;
        min-width: 110px;
        margin-right: 0;
        padding: 0 16px;
    }

    .head_mobile_nav_toggle {
        display: block;
        float: left;
        height: 50px;
        line-height: 50px;
        padding: 0 16px;
        color: #ffffff;
        text-transform: uppercase;
        font-weight: 800;
        font-size: 12px;
        cursor: pointer;
        position: relative;
        z-index: 24;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .head_mobile_nav_toggle:hover,
    .head_mobile_nav_toggle_open {
        background-color: #2a2a2a;
    }

    .head_mobile_nav_toggle_inner {
        display: block;
        padding-right: 16px;
        background-image: url(/img/head_catalog_arrow.png);
        background-position: right center;
        background-repeat: no-repeat;
    }

    .head_lk_button {
        float: right;
        width: auto;
        margin-left: 0;
        padding: 0 12px;
        text-align: left;
        position: relative;
        z-index: 24;
    }

    /* Выпадающая панель — поверх контента, как каталог */
    .head_menu_blocker {
        display: block;
        position: fixed;
        left: 0;
        top: 0;
        right: 0;
        bottom: 0;
        z-index: 21;
        background-color: rgba(0, 0, 0, 0.25);
    }

    .head_menu {
        display: none;
        position: absolute;
        top: 100%;
        left: 110px;
        width: 240px;
        max-width: calc(100vw - 24px);
        text-align: left;
        padding: 0;
        margin: 0;
        background-color: #141414;
        border-top: 1px solid #2a2a2a;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
        z-index: 25;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .head_menu_container.head_menu_open .head_menu {
        display: block;
    }

    .head_menu_item {
        display: block;
        float: none;
        height: auto;
        margin-right: 0;
        border-top: 1px solid #2a2a2a;
    }

    .head_menu_item:first-child {
        border-top: none;
    }

    .head_menu_item a {
        height: auto;
        line-height: 36px;
        padding: 0 16px;
        font-size: 12px;
    }

    .head_menu_item a:hover {
        background-color: #2a2a2a;
        text-decoration: none;
    }

    .head_menu .expander,
    .head_menu .clearer {
        display: none;
    }

    /* Шапка */
    .header_container {
        position: relative;
        padding: 12px 210px 12px 0;
        text-align: left;
        overflow: visible;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_logo {
        float: left;
        display: block;
        margin: 4px 10px 0 0;
        max-width: 130px;
        max-height: 40px;
    }

    .header_actions {
        display: block;
        position: absolute;
        right: 0;
        top: 12px;
        margin-left: 0;
        float: none;
    }

    .header_actions .header_vin_button {
        float: left;
        display: block;
        width: auto;
        max-width: none;
        margin: 0 8px 0 0;
        padding: 0 10px;
        font-size: 11px;
    }

    .header_actions .korzina_block {
        float: left;
        display: block;
        width: auto;
        min-width: 0;
        max-width: none;
        margin: 0;
        text-align: left;
        overflow: visible;
    }

    .header_container .korzina_block_cost {
        display: none;
    }

    .header_container .header_search_block {
        float: none;
        overflow: hidden;
        width: auto;
        max-width: none;
        margin: 0;
        height: 40px;
    }

    .header_container .header_search_text {
        width: 100%;
    }

    .header_container .clearer {
        height: 0;
    }

    /* Вложенность каталога */
    .page_content .left_menu,
    .dauther_list + *,
    .pagetext {
        max-width: 100%;
    }

    .left_menu_item .left_menu_item,
    .left_menu .left_menu_item_link {
        padding-left: 12px;
        padding-right: 12px;
    }

    .korzina_block_cost {
        max-width: none;
        overflow: visible;
        white-space: nowrap;
    }

    /* Sticky: компактнее боковые отступы */
    .head_scroll_container {
        left: 0;
        right: 0;
        padding: 0 12px;
        width: auto;
    }

    .head_scroll_container .head_catalog_button {
        margin-right: 10px;
        padding: 0 10px;
    }

    .head_scroll_container .header_search_block {
        float: none;
        width: auto;
        max-width: none;
        margin: 5px 0 0;
        overflow: hidden;
    }

    .head_scroll_container .korzina_block {
        float: right;
        width: auto;
        max-width: none;
        min-width: 0;
        margin-top: 5px;
        margin-left: 10px;
    }

    .head_scroll_container .korzina_block_cost {
        display: none;
    }

    .head_scroll_container .head_lk_button {
        margin-left: 14px;
    }

    /* Header2 — лозунг слева, телефон справа; псевдоссылки в меню */
    .header2_container {
        height: 50px;
        padding: 0;
        text-align: left;
        white-space: nowrap;
        overflow: hidden;
    }

    .header_lozung {
        display: block;
        float: left;
        font-size: 12px;
        line-height: 50px;
        margin-bottom: 0;
        width: auto;
    }

    .header_zvonokblock_left,
    .header_cityblock {
        display: none;
    }

    .header_adres_list {
        display: none;
    }

    .header_adreses {
        display: block;
        float: right;
        vertical-align: middle;
        margin: 0;
        width: auto;
    }

    .header_adreses .header_phoneblock {
        display: inline-block;
        margin: 0;
        width: auto;
    }

    .header_phones {
        float: none;
    }

    .header_phone {
        font-size: 15px;
        line-height: 50px;
        margin-right: 0;
    }

    .head_menu_adapt_item {
        display: block;
    }

    .head_menu_adapt_item span {
        display: block;
        height: auto;
        line-height: 36px;
        padding: 0 16px;
        color: #ffffff;
        text-transform: uppercase;
        font-size: 12px;
        cursor: pointer;
    }

    .head_menu_adapt_item span:hover {
        background-color: #2a2a2a;
    }

    /* Плитка: 2 колонки в % на всю ширину. Карусель не трогаем. */
    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item {
        width: 48%;
        margin-right: 4%;
        margin-bottom: 15px;
        float: left;
        height: auto;
    }

    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item:nth-child(3n) {
        margin-right: 4%;
    }

    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item:nth-child(2n) {
        margin-right: 0;
    }

    .jcarousel-list .tovar_item,
    .jcarousel-item .tovar_item,
    .welcome_tovars_block .jcarousel-item .tovar_item,
    .tovar_list_carusel_wrapper .jcarousel-item .tovar_item {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        float: none;
        height: auto;
    }

    .jcarousel-item .tovar_item_inner {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 10px 8px;
        box-sizing: border-box;
    }

    .category_tree_item_1 {
        margin-left: 12px;
    }

    .category_tree_item_2 {
        margin-left: 24px;
    }

    .dauther_item {
        width: 47%;
        margin-right: 6%;
        padding: 10px;
        height: 240px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dauther_item:nth-child(3n) {
        margin-right: 6%;
    }

    .dauther_item:nth-child(2n) {
        margin-right: 0;
    }

    .dauther_item_title {
        font-size: 11px;
        line-height: 18px;
        max-height: 54px;
    }

    .dauther_item_img {
        height: auto;
        max-width: 100%;
        width: auto;
        display: block;
        margin-left: auto;
        margin-right: auto;
    }

    .podbor_model_item {
        width: 30%;
        margin-right: 3%;
        height: 170px;
        padding: 20px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .podbor_model_item:nth-child(4n) {
        margin-right: 3%;
    }

    .podbor_model_item:nth-child(3n) {
        margin-right: 0;
    }

    /* Форма подбора на главной: по 2 в ряд, колонки равные */
    .welcome_search_container {
        padding: 15px 0;
    }

    .welcome_search_block,
    .welcome_search_block tbody,
    .welcome_search_block tr {
        display: block;
        width: 100%;
        table-layout: auto;
    }

    .welcome_search_block tr:after {
        content: "";
        display: table;
        clear: both;
    }

    .welcome_search_item,
    .welcome_search_item:first-child,
    .welcome_search_item_submit {
        display: block;
        float: left;
        width: 50%;
        max-width: 50%;
        min-width: 0;
        padding-top: 0;
        padding-left: 0;
        padding-right: 0;
        overflow: hidden;
        white-space: normal;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_search_item_inner {
        position: relative;
        width: 100%;
        max-width: 100%;
        border-left: 0 !important;
        border-top: 0;
        border-right: 0;
        height: 67px !important;
        padding: 0;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_search_item:nth-child(odd) .welcome_search_item_inner {
        border-right: 1px solid #e4e5ea;
    }

    .welcome_search_item:nth-child(n+3) .welcome_search_item_inner {
        border-top: 1px solid #e4e5ea;
    }

    .welcome_search_block select.welcome_search_select {
        display: block;
        width: 100%;
        max-width: 100%;
        min-width: 0;
        height: 67px;
    }

    .welcome_search_block .custom_form_span {
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        max-width: 100%;
        height: 67px;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_search_block .custom_form_arrow {
        display: block;
        width: 100%;
        max-width: 100%;
        height: 67px;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_search_block .custom_form_content {
        display: block;
        width: auto;
        max-width: 100%;
        height: 67px;
        line-height: 67px;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_search_item_submit .welcome_search_item_inner {
        padding: 8px 10px;
        height: 67px;
        border-right: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_search_button {
        width: 100%;
        max-width: none;
    }

    .welcome_marks_title {
        font-size: 24px;
    }

    .welcome_marks_item {
        width: 140px;
        height: auto;
        min-height: 150px;
        margin: 0 6px 12px;
        padding: 8px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_marks_item_img_container {
        width: 100%;
        height: 110px;
    }

    /* Категории: 3 в ряд, плашка на весь блок, иконка+название по центру */
    .welcome_sections_item {
        width: 31%;
        margin-left: 3.5%;
        margin-bottom: 0;
        float: left;
        height: 0;
        padding-bottom: 31%;
        min-height: 0;
        background-size: cover;
        background-position: center center;
        background-repeat: no-repeat;
    }

    .welcome_sections_item:first-child {
        margin-left: 0;
    }

    .welcome_sections_item_inner {
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        right: auto;
        bottom: auto;
        padding: 0;
        display: table;
        border-radius: 0;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_sections_item_content {
        display: table-cell;
        vertical-align: middle;
        text-align: center;
        padding: 12px 8px;
    }

    .welcome_sections_item_icon {
        display: block;
        width: 48px;
        height: 48px;
        margin: 0 auto 10px;
        background-position: center center;
    }

    .welcome_sections_item_text {
        display: block;
    }

    .welcome_sections_item_title {
        display: block;
        font-size: 18px;
        line-height: 1.15;
        text-align: center;
    }

    .welcome_sections_item_hide {
        display: none;
    }

    .welcome_about_container {
        padding-top: 30px;
        padding-bottom: 24px;
    }

    .welcome_about_left h1 {
        font-size: 26px;
        margin-bottom: 14px;
    }

    .welcome_about_advantage_icon {
        width: 48px;
        height: 48px;
        margin-bottom: 10px;
    }

    .welcome_about_advantage_text {
        font-size: 13px;
        line-height: 18px;
    }

    .welcome_articles_item {
        width: 100%;
    }

    .welcome_articles_img {
        width: 130px;
        height: 140px;
    }

    .welcome_articles_right {
        padding: 18px 16px 16px 14px;
    }

    .welcome_articles_title {
        font-size: 16px;
        white-space: normal;
    }

    .welcome_articles_anons {
        max-height: 60px;
    }

    .slider_list {
        height: 200px;
    }

    .slider_arrow {
        top: 75px;
        width: 36px;
        height: 36px;
    }

    /* Карточка */
    .tovar_card_left,
    .tovar_card_right {
        width: 100%;
        float: none;
        border-right: 0;
    }

    .tovar_card_right {
        margin-bottom: 30px;
    }
    
    .tovar_card_left {
        border-bottom: 1px solid #e1e2e9;
        margin-bottom: 16px;
        padding-bottom: 12px;
    }
    
    .tovar_card_images_main_container, .tovar_card_images_main_item, .tovar_card_images_main_wrapper {
        /*min-height: auto;*/
    }

    .tovar_card_images_main_container {
        padding-right: 0;
        height: auto;
        text-align: center;
    }

    .tovar_card_images_main_item {
        /*position: relative;*/
        width: 100%;
        height: auto;
        height: 200px;
    }

    .tovar_card_images_main_wrapper {
        
        width: 100%;
        height: auto;
        height: 200px;
    }

    .tovar_card_right h1 {
        font-size: 20px;
        line-height: 28px;
    }

    .tovar_card_article,
    .tovar_card_producer,
    .tovar_card_model {
        float: none;
        text-align: left;
        width: auto;
        margin-bottom: 10px;
        margin-top: 0;
    }

    .tovar_card_button,
    .tovar_card_oneclick {
        width: 100%;
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_articles_item {
        width: 48%;
        margin-right: 4%;
    }

    .tovar_articles_item:nth-child(2n) {
        margin-right: 0;
    }

    /* Корзина: нижние кнопки столбиком (таблица остаётся таблицей с ≤980) */
    .korzina_zakaz_button,
    .korzina_print_button,
    .korzina_toordering_button {
        float: none;
        display: block;
        width: 100%;
        margin: 0 0 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }

    .korzina_itog {
        float: none;
        width: 100%;
        margin-top: 8px;
        text-align: center;
    }

    .zakazform_item_caption {
        width: auto;
    }
    
    .usertype_caption {
        margin-bottom: 5px;;
    }

    .zakazform_item_field {
        float: none;
        width: 100%;
    }

    .usertype_radio_item {
        float: none;
        width: 100%;
        margin-bottom: 8px;
    }

    .ordering_item {
        padding: 15px;
    }

    .ordering_item_title {
        font-size: 20px;
    }

    .ordering_itog_block {
        width: auto;
        height: auto;
        line-height: 24px;
        padding: 12px 15px;
    }

    .cart_button,
    .ordering_success_button {
        width: 100%;
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
    
    .ordering_success_button + .ordering_success_button {
        margin-top: 10px
    }
    
    .ordering_notnull_message {
        margin-left: 0;
        line-height: 24px;
        margin-top: 12px;
    }

    .personal_content {
        padding: 16px 12px 8px;
        margin-bottom: 00px;
    }

    .personal_content.personal_content_nopad {
        padding: 0;
    }

    .personal_menu_item {
        height: 36px;
        line-height: 36px;
    }

    .personal_menu_item_inner {
        padding: 0 8px;
    }

    .mycar_add_button {
        height: 50px;
        line-height: 50px;
        font-size: 16px;
    }

    .mycar_item {
        padding: 16px 14px;
    }

    .mycar_item_info {
        margin-left: 14px;
    }

    .zakaz_table th:nth-child(2),
    .zakaz_table td:nth-child(2) {
        font-size: 11px;
    }

    .zakaz_item_status {
        display: block;
        float: none;
        max-width: none;
        margin-bottom: 4px;
        padding-top: 0;
    }

    .zakaz_oplata_button {
        float: none;
        display: inline-block;
        margin-left: 0;
        margin-top: 6px;
        margin-right: 8px;
    }

    /* Футер ≤768: две колонки, фиксированные строки */
    .footer_content {
        padding-top: 14px;
        padding-bottom: 8px;
    }

    .footer_left,
    .footer_left2,
    .footer_email,
    .footer_vk {
        width: 45%;
        margin-bottom: 10px;
    }

    .footer_left,
    .footer_email {
        float: left;
    }

    .footer_left2,
    .footer_vk {
        float: right;
        margin-left: 0;
    }

    .footer_email {
        clear: both;
    }

    .footer_bottom {
        padding: 8px 12px;
        margin-left: -12px;
        margin-right: -12px;
        line-height: 20px;
    }

    .footer_copy,
    .footer_rules,
    .footer_itgo {
        display: block;
        margin: 0 0 4px;
    }

    .popup_block {
        max-width: 96%;
        padding: 18px 14px !important;
    }

    .popup_block h2,
    .modal h2 {
        font-size: 18px !important;
    }

    .mycar_popup_block h2 {
        font-size: 22px !important;
    }
    
    .newmodal_submit input[type="button"].mazdaford_button2 {
        font-size: 11px;
        
    }
    .autorization_submit .mazdaford_button3 {
        font-size: 11px;
    }

    .oneclick_block .popup_block_content .newmodal_item {
        float: none;
        width: 100%;
    }

    /* Контакты: кнопки городов остаются в ряд, меньше боковые поля */
    .contacts_switcher {
        padding-left: 0;
        padding-top: 24px;
        margin-bottom: 24px;
    }

    .contacts_switcher_item {
        padding: 0 16px;
        margin-right: 8px;
        margin-bottom: 8px;
    }

    .lesenka {
        font-size: 12px;
        word-wrap: break-word;
    }

    h1 {
        font-size: 22px !important;
        line-height: 1.3 !important;
        margin-bottom: 20px;
    }

    /* Отзывы: кнопка «Оставить отзыв» — компактнее, в одну линию с h1 */
    .otzyv_button_container .otzyv_button {
        width: auto;
        height: auto;
        line-height: 2;
        padding: 4px 10px;
        font-size: 10px;
        margin-top: 1px;
    }
    
    .otzyv_item_fio {
        font-size: 16px;
    }
}

/* ---------- 681–1200px: вид «строки» — одна строка, колонки в %, без столбика ---------- */
@media only screen and (max-width: 1200px) and (min-width: 681px) {

    .tovar_list_rows .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item {
        width: 100%;
        max-width: 100%;
        height: auto;
        float: none;
        margin-right: 0;
    }

    .tovar_list_rows .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_inner,
    .tovar_list_rows .tovar_item:hover .tovar_item_inner {
        width: auto;
        height: auto;
        padding: 24px 20px;
        margin: 0;
        overflow: hidden;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_rows .tovar_item_col1,
    .tovar_list_rows .tovar_item_col2,
    .tovar_list_rows .tovar_item_col3,
    .tovar_list_rows .tovar_item_col4 {
        float: left;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_rows .tovar_item_col1 {
        width: 12%;
        margin: 0 3% 0 0;
    }

    .tovar_list_rows .tovar_item_col2 {
        width: 45%;
        margin: 0 3% 0 0;
    }

    .tovar_list_rows .tovar_item_col3 {
        width: 14%;
        margin: 0;
        text-align: center;
    }

    .tovar_list_rows .tovar_item_col4 {
        width: 120px;
        float: right;
        margin: 0;
    }

    .tovar_list_rows .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_img_container,
    .tovar_list_rows .tovar_item_img_container {
        width: 90px;
        max-width: 100%;
        height: auto;
        line-height: normal;
        font-size: inherit;
        display: block;
        text-align: left;
        margin-bottom: 8px;
    }

    .tovar_list_rows .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_img,
    .tovar_list_rows .tovar_item_img {
        display: block;
        vertical-align: top;
        width: auto;
        max-width: 90px;
        max-height: 80px;
        height: auto;
        margin: 0;
    }

    .tovar_list_rows .tovar_item_button,
    .tovar_list_rows .tovar_item_count {
        display: block;
        float: none;
        width: 120px;
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_rows .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item_count,
    .tovar_list_rows .tovar_item_count {
        font-size: 11px;
        line-height: 16px;
        text-align: center;
        text-transform: uppercase;
        padding: 9px 10px;
        margin-top: 12px;
        white-space: normal;
        word-wrap: normal;
    }
}

/* ---------- ≤ 680px: короткие подписи блока выбранного авто; список товаров — только плитка ---------- */
@media only screen and (max-width: 680px) {

    .articles_item_title {
        font-size: 20px;
        line-height: 24px;
    }

    /* Отзывы: дата над именем */
    .otzyv_item_fio,
    .otzyv_item_kogda {
        float: none;
        display: block;
    }

    .otzyv_item_kogda {
        margin-top: 0;
        margin-bottom: 6px;
    }

    /* Корзина: цена / количество / сумма столбиком, в шапке только «Сумма» */
    .korzina_table .korzina_th_cost,
    .korzina_table .korzina_th_count {
        display: none;
    }

    .korzina_table tr.korzina_item td.korzina_td_cost,
    .korzina_table tr.korzina_item td.korzina_td_count,
    .korzina_table tr.korzina_item td.korzina_td_summ {
        display: block;
        width: 120px;
        padding-right: 0;
        border-top: 0;
        padding-top: 0;
        padding-bottom: 10px;
    }
    
    .korzina_table tr.korzina_item td.korzina_td_cost {
        
        padding-top: 25px;
        border-top: 1px solid #e8e9ee;
    }
    
    .korzina_table th {
        padding-right: 0;
    }
    
    .korzina_table th:last-child, .korzina_table .korzina_td_last {
        padding-left: 30px;
    }
    
    .korzina_item_title {
        font-size: 16px;
    }
    
    .korzina_table th:first-child, .korzina_table tr.korzina_item td.korzina_td_info {
        padding-left: 15px;
        padding-right: 5px;
    }
    
    .category_mycar_caption_full {
        display: none;
    }

    .category_mycar_caption_short {
        display: inline;
        font-size: 11px;
        text-transform: uppercase;
    }

    .category_mycar_title {
        max-width: 62%;
    }

    .kind_block {
        display: none;
    }

    /* Сбрасываем десктопный вид «строки» — карточка как плитка */
    .tovar_list_rows .tovar_item_inner,
    .tovar_list_rows .tovar_item:hover .tovar_item_inner {
        width: auto;
        max-width: 100%;
        height: auto;
        padding: 15px;
        margin: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_rows .tovar_item_col1,
    .tovar_list_rows .tovar_item_col2,
    .tovar_list_rows .tovar_item_col3,
    .tovar_list_rows .tovar_item_col4 {
        float: none;
        width: auto;
        margin: 0;
        text-align: left;
    }

    .tovar_list_rows .tovar_item_img_container {
        height: 140px;
        width: 100%;
        max-width: 100%;
        display: block;
        line-height: 140px;
        text-align: center;
        font-size: 0;
        margin-bottom: 0;
    }

    .tovar_list_rows .tovar_item_img {
        display: inline-block;
        vertical-align: middle;
        max-height: 140px;
        max-width: 100%;
        width: auto;
        height: auto;
        margin: 0 auto;
    }

    .tovar_list_rows .tovar_item_article {
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-top: 19px;
        margin-bottom: 7px;
    }

    .tovar_list_rows .tovar_item_title {
        height: 52px;
        max-height: none;
        margin-bottom: 7px;
    }

    .tovar_list_rows .tovar_item_mark {
        position: absolute;
        right: 15px;
        top: 160px;
        margin-bottom: 0;
        max-width: 100px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tovar_list_rows .tovar_item:hover .tovar_item_mark {
        right: 15px;
        top: 160px;
    }

    .tovar_list_rows .tovar_item_descr {
        display: none;
    }

    .tovar_list_rows .tovar_item_cost {
        margin-bottom: 15px;
    }

    .tovar_list_rows .tovar_item_cost_old {
        float: right;
        display: block;
    }

    .tovar_list_rows .tovar_item_cost_now {
        float: left;
    }

    .tovar_list_rows .tovar_item_button {
        line-height: 30px;
        float: left;
        display: inline-block;
        width: auto;
        max-width: none;
        padding: 0 10px;
        margin-right: 0;
        text-align: center;
        white-space: nowrap;
        overflow: visible;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_list_rows .tovar_item_count {
        font-size: 10px;
        height: 30px;
        line-height: 30px;
        text-align: center;
        text-transform: none;
        padding: 0 4px;
        float: right;
        display: block;
        margin-top: 0;
        max-width: calc(100% - 132px);
        white-space: normal;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        word-wrap: break-word;
        overflow: hidden;
    }

    .tovar_list_rows .tovar_item_count_caption {
        display: none;
    }

    .tovar_list_rows .tovar_item_count.tovar_item_count_nonalich .tovar_item_count_caption,
    .tovar_list_rows .tovar_item_count_value {
        display: inline-block;
        vertical-align: middle;
        line-height: 13px;
        max-width: 100%;
    }

    .tovar_list_rows .tovar_list_nalich_cells {
        display: block;
    }

    .tovar_list_rows .tovar_list_nalich_rows {
        display: none;
    }
}

/* ---------- ≤ 600px: каталог /catalog — дерево в одну колонку ---------- */
@media only screen and (max-width: 600px) {

    .category_tree_block,
    .category_tree_block_left,
    .category_tree_block_right {
        float: none;
        width: 100%;
        padding-left: 0;
        padding-right: 0;
    }

    .category_mycar {
        height: auto;
        padding: 10px 12px;
        overflow: visible;
    }

    .category_mycar_left {
        float: none;
        max-width: none;
        height: auto;
        line-height: 22px;
        margin-bottom: 8px;
        white-space: normal;
        overflow: visible;
    }

    .category_mycar_img {
        display: inline;
        height: 28px;
        margin: 0 0 0 8px;
        vertical-align: middle;
        float: none;
    }

    .category_mycar_title {
        display: inline;
        max-width: none;
        overflow: visible;
        white-space: normal;
        vertical-align: baseline;
    }

    .category_mycar_button {
        float: none;
        display: block;
        width: 100%;
        margin-top: 0;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .images_item {
        width: 32%;
        margin-right: 2%;
    }

    .images_item:nth-child(3n) {
        margin-right: 0;
    }

    /* Отзывы: форма — поля на всю ширину */
    .form_container:not(.searchban_form) .form_item_text {
        float: none;
        width: 100%;
        margin-left: 0;
    }

    .form_container:not(.searchban_form) .form_block {
        padding: 24px 16px;
    }
}

/* ---------- ≤ 640px: плавающая черта — компактнее кнопки ---------- */
@media only screen and (max-width: 640px) {

    .head_scroll_container .head_catalog_button {
        margin-right: 8px;
        padding: 0 10px;
        font-size: 11px;
    }

    .head_scroll_container .head_catalog_button_inner {
        padding-right: 14px;
        background-size: 8px auto;
    }

    .head_scroll_container .head_lk_button {
        margin-left: 12px;
        padding: 0 4px;
    }

    .head_scroll_container .head_lk_button_inner {
        max-width: 0;
        padding-left: 18px;
        overflow: hidden;
    }

    .head_scroll_container .header_search_block {
        float: none;
        width: auto;
        max-width: none;
        margin: 5px 0 0;
        overflow: hidden;
    }

    .head_scroll_container .korzina_block {
        float: right;
        margin-top: 5px;
        margin-left: 8px;
    }

    /* О компании: преимущества снова столбиком — 3 колонки уже тесные */
    .welcome_about_advantage {
        text-align: left;
        font-size: medium;
    }

    .welcome_about_advantage_item {
        display: block;
        width: 100%;
        margin-left: 0;
        margin-bottom: 20px;
        text-align: left;
        overflow: hidden;
    }

    .welcome_about_advantage_icon {
        float: left;
        width: 52px;
        height: 52px;
        margin: 0 14px 0 0;
    }

    .welcome_about_advantage_text {
        display: block;
        overflow: hidden;
        text-align: left;
        font-size: 14px;
        line-height: 20px;
        margin-top: 4px;
    }

    .welcome_articles_img {
        width: 100px;
        height: 110px;
    }

    .welcome_articles_right {
        padding: 12px 12px 12px 10px;
    }

    .welcome_articles_title {
        font-size: 15px;
        margin-bottom: 4px;
    }

    .welcome_articles_anons {
        font-size: 13px;
        line-height: 18px;
        max-height: 54px;
    }
}

/* ---------- ≤ 560px: шапка — VIN коротко ---------- */
@media only screen and (max-width: 560px) {

    .tovar_card_cars_table,
    .tovar_card_cars_table tbody {
        display: block;
        width: 100%;
        background-color: #ffffff;
        border: 1px solid #dfdfe7;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_card_cars_table tr {
        display: block;
        position: relative;
        margin-bottom: 0;
        padding: 10px 12px 10px 20px;
        background-color: transparent;
        border: 0;
        border-top: 1px solid #dfdfe7;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .tovar_card_cars_table tr:first-child {
        display: none;
    }

    .tovar_card_cars_table tr:first-child + tr {
        border-top: 0;
    }

    .tovar_card_cars_table tr:before {
        content: "";
        position: absolute;
        left: 8px;
        top: 50%;
        width: 5px;
        height: 5px;
        margin-top: -2px;
        background-color: #0aa4dd;
        border-radius: 50%;
        -moz-border-radius: 50%;
        -webkit-border-radius: 50%;
    }

    .tovar_card_cars_table td {
        display: inline-block;
        border: 0;
        padding: 0;
        margin-right: 0;
        height: auto;
        background-color: transparent;
        font-size: 14px;
        line-height: 20px;
    }
    
    .tovar_card_cars_table td:first-child, .tovar_card_cars_table th:first-child {
        border-left: 0;
    }
    
    .tovar_card_cars_table .mob_hide {
        display: none;
    }

    .header_logo {
        max-width: 110px;
        max-height: 40px;
        margin-top: 6px;
        margin-bottom: 0;
        margin-right: 8px;
    }

    .header_container {
        padding-right: 130px;
    }

    .header_vin_caption_full {
        display: none;
    }

    .header_vin_caption_short {
        display: inline;
    }

    .header_actions .header_vin_button {
        padding: 0 10px;
        margin-right: 6px;
        min-width: 0;
    }

    /* Категории: столбиком, без фото, слева иконка / справа текст+кнопка */
    .welcome_sections_item,
    .welcome_sections_item1,
    .welcome_sections_item2,
    .welcome_sections_item3 {
        width: 100%;
        margin-left: 0;
        margin-bottom: 12px;
        float: none;
        height: auto;
        padding-bottom: 0;
        min-height: 0;
        background-image: none;
        background-color: transparent;
    }

    .welcome_sections_item_inner {
        position: relative;
        top: auto;
        left: auto;
        right: auto;
        bottom: auto;
        width: auto;
        height: auto;
        display: block;
        padding: 16px;
        background-color: #0aa4dd;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_sections_item:hover .welcome_sections_item_inner {
        background-color: #ffff00;
    }

    .welcome_sections_item_content {
        display: block;
        vertical-align: top;
        text-align: left;
        padding: 0;
        overflow: hidden;
    }

    .welcome_sections_item_icon {
        float: left;
        width: 56px;
        height: 56px;
        margin: 4px 16px 0 0;
        background-position: center center;
    }

    .welcome_sections_item_text {
        display: block;
        overflow: hidden;
        text-align: left;
    }

    .welcome_sections_item_title {
        display: block;
        font-size: 20px;
        line-height: 1.2;
        text-align: left;
        margin-bottom: 6px;
    }

    .welcome_sections_item_hide {
        display: block;
    }

    .welcome_sections_item_descr {
        display: block;
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 13px;
        line-height: 1.4;
    }

    .welcome_sections_item_button {
        width: auto;
        padding: 0 14px;
        border-color: #ffffff;
        color: #ffffff;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .welcome_sections_item:hover .welcome_sections_item_button {
        border-color: #000000;
        color: #000000;
        background-color: transparent;
    }

    .welcome_sections_item:hover .welcome_sections_item_button:hover {
        background-color: #000000;
        color: #ffffff;
    }
    
    .pagetext {
        text-align: left;
    }
    
    .client_tk_item {
        width: 48%;
        background-size: contain;
        margin: 0 0 2% 2%;
        background-repeat: no-repeat;
    }

    .podbor_model_item {
        width: 47%;
        margin-right: 6%;
        height: 170px;
        padding: 20px 10px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .podbor_model_item:nth-child(3n) {
        margin-right: 6%;
    }

    .podbor_model_item:nth-child(4n) {
        margin-right: 6%;
    }

    .podbor_model_item:nth-child(2n) {
        margin-right: 0;
    }

    /* Контакты: кнопки городов в одну колонку */
    .contacts_switcher_item {
        display: block;
        float: none;
        margin: 0 0 8px;
        width: 100%;
        padding: 0 16px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        text-align: center;
    }
}

/* ---------- ≤ 480px: шапка — поиск иконкой; header2 скрыт, телефон в шапке ---------- */
@media only screen and (max-width: 480px) {

    /* Корзина: колонка удаления скрыта, ссылка «Удалить» в блоке названия */
    .korzina_table th:last-child,
    .korzina_table .korzina_td_last {
        display: none;
    }

    .korzina_item_del_link {
        display: inline-block;
    }

    /* Подбор по авто: в одну колонку */
    .welcome_search_item,
    .welcome_search_item:first-child,
    .welcome_search_item_submit {
        float: none;
        width: 100%;
        max-width: 100%;
    }

    .welcome_search_item:nth-child(odd) .welcome_search_item_inner {
        border-right: 0;
    }

    .welcome_search_item:nth-child(n+2) .welcome_search_item_inner {
        border-top: 1px solid #e4e5ea;
    }

    .welcome_search_item_submit .welcome_search_item_inner {
        padding: 8px 10px;
    }

    .header2_band {
        display: none;
    }

    .header_phone_icon {
        display: block;
    }

    .header_container {
        padding-right: 148px;
    }

    .header_container .header_search_block {
        float: left;
        width: 34px;
        max-width: 34px;
        height: 34px;
        margin: 3px 0 0 6px;
        overflow: visible;
        position: static;
    }

    .header_container .header_search_toggle {
        display: block;
        width: 34px;
        height: 34px;
        background-color: #eeeff9;
        border: 1px solid #dddfeb;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background-image: url(/img/header_search_icon.png);
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_container .header_search_toggle:hover,
    .header_container .header_search_block.head_scroll_search_open .header_search_toggle {
        background-color: #ffe70a;
        border-color: #ffe70a;
    }

    .header_container .header_search_form {
        display: none;
        position: absolute;
        left: 0;
        right: 0;
        top: 100%;
        width: auto;
        max-width: none;
        margin: 0;
        padding: 8px 0;
        background-color: #f4f5fb;
        z-index: 16;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: 0 6px 12px rgba(0, 0, 0, 0.12);
    }

    .header_container .header_search_block.head_scroll_search_open .header_search_form {
        display: block;
    }

    .header_container .header_search_block.head_scroll_search_open .header_search_button {
        top: 50%;
        margin-top: -9px;
    }

    .header_container .header_search_text {
        width: 100%;
        max-width: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_actions .header_phone_icon {
        width: 34px;
        height: 34px;
        margin: 3px 5px 0 0;
    }

    .header_actions .header_vin_button {
        height: 34px;
        line-height: 32px;
        margin: 3px 5px 0 0;
        padding: 0 6px;
        font-size: 11px;
    }

    .header_actions .korzina_block {
        margin-top: 3px;
    }

    .header_actions .korzina_block_icon {
        width: 34px;
        height: 34px;
    }
}

/* ---------- ≤ 400px: чуть плотнее; подкатегории — 1 колонка ---------- */
@media only screen and (max-width: 400px) {

    .header_container {
        padding-right: 140px;
    }

    .header_actions .header_phone_icon {
        margin-right: 4px;
    }

    .header_actions .header_vin_button {
        margin-right: 4px;
        padding: 0 5px;
    }

    .dauther_item {
        width: 100%;
        margin-right: 0;
        float: none;
        display: block;
        height: 240px;
        margin-bottom: 20px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .dauther_item:nth-child(2n),
    .dauther_item:nth-child(3n) {
        margin-right: 0;
    }
}

/* ---------- ≤ 360px: шапка компактнее ---------- */
@media only screen and (max-width: 360px) {

    .header_container {
        padding-right: 132px;
    }

    .header_container .header_search_block {
        width: 32px;
        max-width: 32px;
        height: 32px;
        margin: 4px 0 0 4px;
    }

    .header_container .header_search_toggle {
        width: 32px;
        height: 32px;
    }

    .header_actions .header_phone_icon {
        width: 32px;
        height: 32px;
        margin: 4px 3px 0 0;
    }

    .header_actions .header_vin_button {
        height: 32px;
        line-height: 30px;
        margin: 4px 3px 0 0;
        padding: 0 4px;
    }

    .header_actions .korzina_block {
        margin-top: 4px;
    }

    .header_actions .korzina_block_icon {
        width: 32px;
        height: 32px;
    }
}

/* ---------- ≤ 380px: плавающая черта — поиск иконкой ---------- */
@media only screen and (max-width: 380px) {

    .head_scroll_container .header_search_block {
        float: left;
        width: 40px;
        max-width: 40px;
        height: 40px;
        margin: 5px 6px 0;
        overflow: visible;
        position: static;
    }

    .head_scroll_container .head_scroll_search_toggle {
        display: block;
        width: 40px;
        height: 40px;
        background-color: #ffffff;
        border-radius: 2px;
        -moz-border-radius: 2px;
        -webkit-border-radius: 2px;
        background-image: url(/img/header_search_icon.png);
        background-position: center;
        background-repeat: no-repeat;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .head_scroll_container .head_scroll_search_toggle:hover,
    .head_scroll_container .header_search_block.head_scroll_search_open .head_scroll_search_toggle {
        background-color: #ffe70a;
    }

    .head_scroll_container .header_search_form {
        display: none;
        position: absolute;
        left: 10px;
        right: 10px;
        top: 50px;
        width: auto;
        max-width: none;
        padding: 8px;
        background-color: #141414;
        z-index: 6;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.35);
    }

    .head_scroll_container .header_search_block.head_scroll_search_open .header_search_form {
        display: block;
    }

    .head_scroll_container .header_search_block.head_scroll_search_open .header_search_button {
        top: 50%;
        margin-top: -9px;
    }

    .head_scroll_container .header_search_text {
        width: 100%;
        max-width: none;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }
}

/* ---------- ≤ 480px ---------- */
@media only screen and (max-width: 480px) {

    .wrapper {
        padding: 0 8px;
    }

    .articles_item {
        padding: 10px 12px 16px;
    }

    .articles_item_img_wrapper,
    .articles_list .articles_item_img_wrapper {
        float: none;
        display: block;
        width: 100%;
        max-width: 300px;
        height: auto;
        margin: 0 auto 16px;
    }

    .articles_item_img,
    .articles_list .articles_item_img {
        width: 100%;
        height: auto;
        margin-left: 0;
    }

    .articles_item_right,
    .articles_list .articles_item_right {
        width: auto;
        float: none;
        padding-left: 0;
        text-align: center;
    }

    .head_catalog_button {
        min-width: 0;
        padding: 0 12px;
        font-size: 11px;
        width: auto;
    }

    .head_menu {
        left: 96px;
        width: 220px;
    }

    .head_mobile_nav_toggle {
        padding: 0 10px;
        font-size: 11px;
    }

    .head_lk_button {
        padding: 0 8px;
        font-size: 11px;
    }

    .head_lk_button_inner {
        max-width: 70px;
        padding-left: 18px;
    }

    .header_logo {
        max-width: 120px;
        margin-top: 5px;
        margin-bottom: 0;
        margin-right: 8px;
        max-height: 40px;
    }
    
    .korzina_block_count {
        margin-top: 2px;
    }

    .header_actions .header_vin_button {
        float: left;
        display: block;
        width: auto;
        max-width: none;
        margin: 3px 5px 0 0;
        padding: 0 6px;
        height: 34px;
        line-height: 32px;
        font-size: 11px;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .header_actions .korzina_block {
        float: left;
        display: block;
        width: auto;
        max-width: none;
        overflow: visible;
        margin-top: 3px;
    }

    .header_actions .korzina_block_icon {
        width: 34px;
        height: 34px;
    }

    .header_container .korzina_block_cost {
        display: none;
    }

    .header_container {
        padding-right: 148px;
    }

    .header_phone_icon {
        display: block;
    }

    .header2_band {
        display: none;
    }

    .header_actions .header_phone_icon {
        width: 34px;
        height: 34px;
        margin: 3px 5px 0 0;
    }

    .head_scroll_container .korzina_block {
        float: right;
        display: block;
        min-width: 0;
    }

    .head_scroll_container .head_catalog_button {
        padding: 0 8px;
        font-size: 11px;
    }

    .head_scroll_container {
        padding: 0 8px;
    }

    .korzina_block_cost {
        max-width: none;
    }

    /* 1 колонка плитки; карусель — на всю ширину слайда */
    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item {
        width: 100%;
        margin-right: 0;
        float: none;
        height: auto;
        margin-bottom: 12px;
    }

    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item:nth-child(2n),
    .tovar_list:not(.aaaleafer):not(.carusel):not(.jcarousel-list) .tovar_item:nth-child(3n) {
        margin-right: 0;
    }

    .jcarousel-list .tovar_item,
    .jcarousel-item .tovar_item,
    .welcome_tovars_block .jcarousel-item .tovar_item,
    .tovar_list_carusel_wrapper .jcarousel-item .tovar_item {
        width: 100%;
        max-width: 100%;
        margin-right: 0;
        margin-bottom: 0;
        float: none;
        height: auto;
    }

    .jcarousel-item .tovar_item_inner {
        width: 100%;
        max-width: 100%;
        margin: 0;
        padding: 10px 6px;
        box-sizing: border-box;
    }

    .header_lozung {
        font-size: 11px;
    }

    .podbor_block_text {
        font-size: 16px;
        line-height: 22px;
    }

    /* Подкатегории: 2 колонки до 400px — мельче название */
    .dauther_item_title {
        font-size: 10px;
        line-height: 16px;
        max-height: 48px;
    }

    .category_descr {
        padding: 12px;
    }

    .contacts_block_map {
        margin-left: -12px;
        margin-right: -12px;
    }

    .category_tree_item_0 {
        font-size: 16px;
    }

    .category_tree_item_1 {
        margin-left: 8px;
        line-height: 26px;
    }

    .category_tree_item_2 {
        margin-left: 16px;
    }

    .welcome_marks_item {
        width: 100%;
        max-width: 180px;
        margin: 0 auto 12px;
        display: block;
        float: none;
    }

    .welcome_marks_title {
        font-size: 20px;
    }

    .welcome_marks_anons {
        font-size: 13px;
    }

    .welcome_sections_item_inner {
        padding: 14px 12px;
    }

    .welcome_sections_item_icon {
        width: 48px;
        height: 48px;
        margin: 2px 12px 0 0;
    }

    .welcome_sections_item_title {
        font-size: 18px;
    }

    .welcome_sections_item_descr {
        font-size: 12px;
        margin-bottom: 10px;
    }

    .welcome_about_left h1 {
        font-size: 22px;
    }

    .welcome_about_descr {
        font-size: 14px;
        line-height: 22px;
    }

    .welcome_about_advantage_icon {
        width: 48px;
        height: 48px;
        margin-right: 12px;
    }

    .welcome_about_advantage_text {
        font-size: 13px;
        line-height: 19px;
        margin-top: 2px;
    }

    .tovar_articles_item {
        width: 100%;
        margin-right: 0;
        float: none;
        margin-bottom: 12px;
    }

    .slider_list {
        height: 140px;
    }

    .slider_arrow {
        top: 50px;
        width: 30px;
        height: 30px;
    }

    .tovar_card_block {
        padding: 12px 10px;
    }

    .tovar_card_right h1 {
        font-size: 17px;
        line-height: 24px;
    }

    .tovar_card_count_block {
        
    }

    .tovar_card_nalich {
        
    }
    
    .tovar_card_images_main_container, .tovar_card_images_main_item, .tovar_card_images_main_wrapper {
        min-height: 150px;
    }

    .tovar_card_images_main_item {
        height: 150px;
    }

    .tovar_card_images_main_wrapper {
        height: 150px;
    }

    .main_leftmenu,
    #main_leftmenu {
        width: 90%;
        max-width: 90%;
    }

    .mazdaford_button2,
    .mazdaford_button3 {
        max-width: 100%;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
    }

    .zakazform_item #phone,
    .zakazform_item #code {
        width: 100%;
        max-width: 100%;
        clear: both;
    }

    .zakazform .submiter_button.mazdaford_button2,
    .zakazform .submiter_button2.mazdaford_button2,
    .zakazform .submiter_button.mazdaford_button2.mazdaford_button2_small,
    .zakazform .submiter_button2.mazdaford_button2.mazdaford_button2_small {
        line-height: 20px;
        margin: 10px 0 0 0;
        font-size: 12px;
    }

    .register_form #phone,
    .register_form #code {
        width: 100%;
        max-width: 100%;
        clear: both;
    }

    .register_form .submiter_button.mazdaford_button2,
    .register_form .submiter_button2.mazdaford_button2,
    .register_form .submiter_button.mazdaford_button2.mazdaford_button2_small,
    .register_form .submiter_button2.mazdaford_button2.mazdaford_button2_small {
        line-height: 20px;
        margin: 0px 0 0 0;
        font-size: 12px;
    }
    
    .register_form .submiter_message {
        margin-top: -10px;
    }
    
    .submiter_message {
        margin-left: 0;
    }

    .personal_content .settings_feedback_button.mazdaford_button2,
    .personal_content .settings_feedback_button.mazdaford_button2.mazdaford_button2_small {
        /*float: none;*/
        display: inline-block;
        /*margin: 0 0 8px 0;*/
        font-size: 12px;
    }

    .mycar_form_menu {
        display: none;
    }

    .mycar_popup_block h2 {
        font-size: 20px !important;
    }

    .mycar_add_button {
        height: 46px;
        line-height: 46px;
        font-size: 15px;
    }

    .mycar_add_icon {
        width: 36px;
        height: 16px;
        margin-right: 6px;
    }

    .mycar_item {
        padding: 14px 12px;
    }

    .mycar_item_img_container {
        width: 72px;
    }

    .mycar_item_img_wrapper {
        width: 72px;
        height: 44px;
    }

    .mycar_item_img {
        width: 72px;
    }

    .mycar_item_info {
        margin-left: 10px;
        margin-top: 2px;
    }

    .mycar_item_title {
        font-size: 14px;
        margin-bottom: 4px;
    }

    .mycar_item_years {
        font-size: 12px;
    }

    .mycar_item_manage {
        margin-top: 2px;
    }

    .mycar_item_edit,
    .mycar_item_del {
        width: 30px;
        height: 30px;
        margin-left: 4px;
    }

    .up_button {
        right: 10px;
        bottom: 10px;
    }

    /* Футер ≤480: одна колонка, по центру */
    .footer_content {
        padding-top: 12px;
        padding-bottom: 6px;
        text-align: center;
    }

    .footer_left,
    .footer_left2,
    .footer_email,
    .footer_vk {
        float: none;
        width: 100%;
        margin-bottom: 8px;
        text-align: center;
    }

    .footer_email {
        clear: none;
    }

    .footer_contacts1,
    .footer_phone,
    .footer_vk {
        display: inline-block;
        text-align: left;
        max-width: 100%;
        width: auto;
    }

    .footer_works {
        text-align: center;
    }

    .footer_bottom {
        margin-left: -8px;
        margin-right: -8px;
        padding: 8px;
        text-align: center;
    }

    .footer_copy,
    .footer_rules,
    .footer_itgo {
        display: block;
        margin: 0 0 4px;
        font-size: 12px;
    }

    .footer-bottom-pay {
        margin-right: 0;
        padding-top: 4px;
        text-align: center;
    }

    .footer-bottom-pay-text {
        font-size: 12px;
        margin-bottom: 3px;
    }

    .footer-bottom-pay-icon {
        width: 34px;
        height: 20px;
        margin-left: 0;
        margin-right: 3px;
        background-size: contain;
    }
}

/* После второго ≤480: вернуть размер названия на 1 колонке */
@media only screen and (max-width: 400px) {

    .dauther_item_title {
        font-size: 13px;
        line-height: 20px;
        max-height: 60px;
    }

    .category_mycar {
        text-align: center;
    }

    .category_mycar_left {
        text-align: center;
    }

    .category_mycar_caption,
    .category_mycar_caption_short {
        display: block;
        margin-right: 0;
        margin-bottom: 4px;
    }

    .category_mycar_title {
        display: inline;
        margin-left: 0;
    }

    .category_mycar_img {
        display: inline;
        margin: 0 0 0 8px;
    }

    .category_mycar_left a {
        display: block;
    }
    
    .tovar_card_count_block {
        width: 100%;
        float: none;
    }
    
    .tovar_card_count_field {
        width: 100%;
        height: 50px;
        box-sizing: border-box;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
    }
    
    .korzina_tr_count_field {
        box-sizing: content-box;
        -moz-box-sizing: content-box;
        -webkit-box-sizing: content-box;
    }

    .tovar_card_nalich {
        float: none;
        margin-left: 0;
        display: inline-block;
    }
    
    .tovar_card_nalich_treug {
        display: none;
    }
    
}

/* ---------- Личный кабинет: дополнительные брейкпоинты ---------- */
@media only screen and (max-width: 1100px) {

    .personal_menu_item_inner {
        padding: 0 28px;
    }
}

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

    .personal_content.personal_content_nopad {
        padding: 0;
        background-color: transparent;
    }

    .zakaz_table > tbody > tr:first-child,
    .zakaz_table > tr:first-child {
        display: none;
    }

    .zakaz_table,
    .zakaz_table tbody {
        display: block;
    }

    .zakaz_table .zakaz_item {
        display: block;
        margin-bottom: 16px;
        border: 1px solid #dddfe8;
        background-color: #ffffff;
        box-shadow: 0 4px 10px rgba(154, 164, 164, 0.14);
    }

    .zakaz_table .zakaz_item.zakaz_item_active {
        margin-bottom: 0;
        box-shadow: 0 4px 10px rgba(154, 164, 164, 0.14);
    }

    .zakaz_table .zakaz_item td {
        display: block;
        width: auto;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
        padding: 0 18px;
        background-color: #ffffff;
        cursor: pointer;
    }

    .zakaz_table .zakaz_item td:first-child {
        padding-top: 16px;
        padding-bottom: 4px;
        text-align: left;
        border-left: 0;
        font-size: 19px;
        font-weight: 800;
        line-height: 1.2;
    }

    .zakaz_table .zakaz_item td:nth-child(2) {
        padding-bottom: 12px;
        font-size: 12px;
        color: #7a7e88;
        line-height: 1.4;
    }

    .zakaz_table .zakaz_item td:nth-child(3) {
        padding-top: 12px;
        padding-bottom: 12px;
        border-top: 1px solid rgba(255,255,255,0.45);
    }

    .zakaz_table .zakaz_item td:nth-child(4) {
        padding-top: 14px;
        padding-bottom: 16px;
        border-top: 1px solid #e5e7f0;
        font-size: 22px;
        line-height: 1.2;
    }

    .zakaz_item_status {
        display: inline-block;
        float: none;
        max-width: none;
        margin-bottom: 0;
        margin-right: 12px;
        vertical-align: middle;
        padding-top: 0;
        font-size: 12px;
        line-height: 1.3;
    }

    .zakaz_oplata_button {
        float: none;
        display: inline-block;
        vertical-align: middle;
        width: auto;
        min-width: 0;
        margin: 0;
        padding: 0 12px;
    }

    .zakaz_item_pay {
        display: block;
        clear: both;
        margin-top: 8px;
        margin-left: 0;
        margin-right: 0;
        line-height: 1.4;
    }

    .zakaz_sostav_tr {
        display: block;
        margin: -1px 0 20px;
    }

    .zakaz_sostav_tr .zakaz_sostav_td {
        display: block;
        border: 0;
    }

    .zakaz_sostav_container {
        box-shadow: 0 4px 10px rgba(154, 164, 164, 0.14);
        margin: 0;
        padding: 14px 16px 8px;
        border: 1px solid #dddfe8;
        border-top: 0;
        background-color: #fcfcff;
    }

    .zakaz_sostav_treug {
        display: none;
    }

    .zakaz_sostav_head,
    .zakaz_sostav_dostavka {
        float: none;
        width: 100%;
        margin-bottom: 8px;
        line-height: 1.4;
    }

    .zakaz_sostav_td .sostav_table th,
    .zakaz_sostav_td .sostav_table td {
        padding-left: 14px;
        padding-right: 8px;
    }

    .zakaz_sostav_td .sostav_table th:nth-child(1),
    .zakaz_sostav_td .sostav_table td:nth-child(1) {
        width: 36px;
    }

    .zakaz_sostav_td .sostav_table th:nth-child(3),
    .zakaz_sostav_td .sostav_table td:nth-child(3) {
        width: 90px;
    }

    .zakaz_sostav_td .sostav_table th:nth-child(4),
    .zakaz_sostav_td .sostav_table td:nth-child(4),
    .zakaz_sostav_td .sostav_table th:nth-child(5),
    .zakaz_sostav_td .sostav_table td:nth-child(5) {
        width: 120px;
    }
}

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

    .personal_menu_item {
        /*height: 34px;
        line-height: 34px;
        font-size: 9px;*/
    }

    .personal_menu_item_inner {
        /*padding: 0 6px;*/
    }

    .mycar_form_item_radio label {
        width: 31%;
        margin-right: 2%;
    }

    .mycar_form_item_radio label:nth-child(3n) {
        margin-right: 0;
    }

    .sostav_table th:nth-child(1),
    .sostav_table td:nth-child(1) {
        display: none;
    }

    .zakaz_table .zakaz_item td {
        padding-left: 14px;
        padding-right: 14px;
    }

    .zakaz_table .zakaz_item td:first-child {
        font-size: 17px;
    }

    .zakaz_table .zakaz_item td:nth-child(4) {
        font-size: 19px;
    }

    .zakaz_oplata_button {
        margin-right: 6px;
        padding: 0 10px;
    }

    .zakaz_item_pay {
        display: block;
        margin-right: 0;
        line-height: 1.4;
    }

    .zakaz_sostav_container {
        margin-left: 0;
        margin-right: 0;
        padding: 12px 14px 6px;
    }

    .sostav_table th,
    .sostav_table td {
        padding-left: 12px;
        font-size: 12px;
    }

    .zakaz_sostav_head,
    .zakaz_sostav_dostavka {
        float: none;
        width: 100%;
        margin-bottom: 6px;
    }
}

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

    .mycar_form_item_radio label {
        width: 48%;
        margin-right: 4%;
    }

    .mycar_form_item_radio label:nth-child(3n) {
        margin-right: 4%;
    }

    .mycar_form_item_radio label:nth-child(2n) {
        margin-right: 0;
    }

    .personal_menu {
        overflow: hidden;
        margin-bottom: 10px;
    }

    .personal_menu_item {
        float: left;
        width: auto;
        height: auto;
        line-height: 20px;
        font-weight: 600;
        font-size: 12px;
        text-transform: none;
        background-color: transparent;
    }

    .personal_menu_item_inner {
        display: inline-block;
        height: auto;
        line-height: 20px;
        padding: 0 7px;
        border-left: 0;
    }

    .personal_menu_item:first-child .personal_menu_item_inner {
        padding-left: 0;
    }

    .personal_menu_item_active {
        background-color: transparent;
    }

    .personal_menu_item_caption {
        border-bottom: 1px dotted #0aa4dd;
    }

    .personal_menu_item:hover .personal_menu_item_caption {
        border-bottom-color: transparent;
    }

    .personal_menu_item_active .personal_menu_item_caption {
        border-bottom: 0;
        color: #18202e;
        font-weight: 800;
    }

    .personal_menu_item_active + .personal_menu_item .personal_menu_item_inner {
        border-left: 0;
    }

    .zakaz_table > tbody > tr:first-child,
    .zakaz_table > tr:first-child {
        display: none;
    }

    .zakaz_table .zakaz_item {
        display: block;
    }

    .zakaz_table .zakaz_item td {
        display: block;
        float: none;
        width: auto;
        border-left: 0;
        border-right: 0;
        padding: 3px 14px;
        cursor: pointer;
    }

    .zakaz_table .zakaz_item td:first-child {
        padding-top: 14px;
        font-size: 15px;
        font-weight: 800;
        text-align: left;
        border-top: 1px solid #dddfe8;
    }

    .zakaz_table .zakaz_item td:nth-child(2) {
        font-size: 11px;
        color: #7a7e88;
        padding-top: 0;
    }

    .zakaz_table .zakaz_item td:nth-child(3) {
        padding-top: 8px;
        padding-bottom: 6px;
    }

    .zakaz_table .zakaz_item td:nth-child(4) {
        padding-bottom: 14px;
        font-size: 15px;
    }

    .zakaz_item_status {
        display: block;
    }

    .zakaz_oplata_button {
        display: inline-block;
        margin: 8px 8px 0 0;
        vertical-align: middle;
    }

    .zakaz_sostav_tr {
        display: block;
        background-color: #eeeff9;
    }
    
    .zakaz_sostav_container {
        background-color: #eeeff9;
    }
    
    .zakaz_sostav_td .sostav_table td{
        background-color: #eeeff9;
    }

    .zakaz_sostav_tr .zakaz_sostav_td {
        display: block;
    }

    .sostav_table > tbody > tr:first-child,
    .sostav_table > tr:first-child {
        display: none;
    }

    .sostav_table tr {
        display: block;
        border-top: 0;
        padding: 8px 0 10px;
        background-color: #eeeff9;
    }

    .sostav_table td {
        background-color: #eeeff9;
        display: block;
        border: 0;
        padding: 2px 0;
        font-size: 12px;
        cursor: auto;
    }

    .zakaz_sostav_td .sostav_table td {
        border-top: 0;
    }

    .sostav_table td:nth-child(2) {
        font-weight: 600;
        padding-top: 4px;
        padding-bottom: 6px;
    }

    .sostav_table td:nth-child(3),
    .sostav_table td:nth-child(4),
    .sostav_table td:nth-child(5) {
        color: #7a7e88;
        background-color: transparent;
    }

    .sostav_table td:nth-child(3):before {
        content: "Количество: ";
        color: #101116;
    }

    .sostav_table td:nth-child(4):before {
        content: "Цена: ";
        color: #101116;
    }

    .sostav_table td:nth-child(5):before {
        content: "Сумма: ";
        color: #101116;
    }
}

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

    .personal_menu_item {
        font-size: 11px;
    }

    .personal_menu_item_inner {
        padding: 0 5px;
    }

    .mycar_form_item_radio label {
        /*width: 100%;
        margin-right: 0;*/
    }

    .mycar_add_caption {
        font-size: 14px;
    }
}

/* ---------- ≤ 360px: усиление после ≤480 ---------- */
@media only screen and (max-width: 360px) {

    .header_container {
        padding-right: 132px;
    }

    .header_logo {
        max-width: 120px;
        margin-right: 6px;
    }

    .header_actions .header_vin_button {
        height: 32px;
        line-height: 30px;
        padding: 0 4px;
        margin: 4px 3px 0 0;
    }

    .header_actions .header_phone_icon {
        width: 32px;
        height: 32px;
        margin: 4px 3px 0 0;
    }

    .header_actions .korzina_block_icon {
        width: 32px;
        height: 32px;
    }

    .header_container .header_search_block {
        width: 32px;
        max-width: 32px;
        height: 32px;
        margin: 4px 0 0 4px;
    }

    .header_container .header_search_toggle {
        width: 32px;
        height: 32px;
    }

    .footer-bottom-pay-icon {
        width: 28px;
        height: 16px;
        margin-right: 2px;
    }

    .footer-bottom-pay-text {
        font-size: 11px;
    }
}


@media only screen and (max-width: 1000px) {
    .car_warning_container {
        padding: 10px 0;
        height: auto;
    }
    
    .car_warning_text {
        background-image: none;
        display: block;
        background-color: #ffffff;
        margin-right: 130px;
        float: none;
        line-height: 20px;
        height: auto;
        padding: 10px 20px;
        width: auto;
        
    }
    
    .car_warning_button {
        margin-top:  0;
    }
    
}

@media only screen and (max-width: 850px) {
    .car_warning_text {
        font-size: 16px;
    }
}

@media only screen and (max-width: 780px) {
    .car_warning_band .band_background {
        background-size: cover;
    }
    
    .car_warning_button {
        font-size: 0;
        background-color: transparent;
        position: absolute;
        right: 3px;
        top: 13px;
    }
    
    .car_warning_text {
        margin-right: 0;
        padding-right: 55px;
    }
    
    
}