/* Minification failed. Returning unminified contents.
(2963,9): run-time error CSS1062: Expected semicolon or closing curly-brace, found 'minmax('
(4400,26): Scanner error CSS1002: Unterminated string: '
(4400,26): run-time error CSS1062: Expected semicolon or closing curly-brace, found ''
'
(5018,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(5144,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(5314,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(5433,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(5728,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(5846,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(5928,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(5948,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(5986,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(6011,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(6050,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(6229,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(6294,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(6352,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(6886,12): run-time error CSS1038: Expected hex color, found '#8080'
(7211,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(7220,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(7263,15): run-time error CSS1034: Expected closing parenthesis, found '<'
(9262,1): run-time error CSS1019: Unexpected token, found '}'
 */
.price-color--red {color: #FF383C;}

@media (max-width: 768px) {
    .sr-title {
        display: block;
    }

    .sr-title span {
        margin-left: 0;
        margin-right: 0;
    }
}

.sr-catalog .content__title-sm {
    font-weight: 500;
    margin-top: 50px;
}

.sr-message-block {
    position: relative;
    display: flex;
    margin-bottom: 35px;
    padding: 12px 14px;
    background-color: #F2FAFD;
    border-left: 4px solid #009BDC;
    border-radius: 10px;
    color: #4B5057;
    line-height: 1.5;
}

.sr-message-block a {
    text-decoration: underline;
}
.sr-message-block a:hover {
    text-decoration: none;
    color: #000000;
}

.sr-message-block svg {
    flex: 0 0 auto;
    align-items: flex-start;
    width: 24px;
    height: 24px;
    color: #009BDC;
    margin-top: -1px;
    margin-right: 8px;
}

@media (max-width: 768px) {

    .sr-message-block {
        font-size: 13px;
        line-height: 1.3;
        padding: 10px;
    }

    .sr-message-block svg {
        width: 18px;
        height: 18px;
        margin-right: 4px;
    }

}

.sr-catalog__view-switcher {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 18px;
}

.sr-catalog__view-hdr {
    font-size: 18px;
    color: #808080;
}
.sr-catalog__view-hdr.top--margined {
    margin-top: 33px;
}

@media (max-width: 850px) {

    .sr-catalog__view-switcher {
        margin-top: 20px;
    }

    .sr-catalog__view-hdr {
        font-size: 14px;
        color: #000000;
    }

    .sr-catalog__view-hdr.top--margined {
        margin-top: 0;
    }

    .sr-catalog__view-switcher .sr-catalog__view-hdr {
        display: none;
    }

}

.sr-catalog__filter-mob {
    display: none;
}

@media (max-width: 850px) {
    .sr-catalog__filter-mob {
        display: block;
        width: 32px;
        height: 32px;
        margin-bottom: 15px;
        padding: 10px 6px 6px 0;
    }
}


.sr-catalog__view-bar {
    margin-top: 70px;
    margin-bottom: 30px;
}

@media (max-width: 768px) {
    .sr-catalog__view-bar {
        margin-top: 30px;
        margin-bottom: 20px;
    }
}

.sr-catalog__view-switcher .catalog__type {
    background-color: transparent;
}

.sr-catalog__view-switcher .catalog__type svg {
    color: #808080;
}

.sr-catalog__view-switcher .catalog__type.active {
    border: none;
}

.sr-catalog__view-switcher .catalog__type.active svg {
    color: #009BDC;
}


/* локальные стили для select2 сортировки */

.sr-catalog__view-switcher .catalog__sort {
    display: flex;
    align-items: center;
    gap: 8px;
    font-size: 14px;
    color: #545454;
}

@media (max-width: 850px) {
    .sr-catalog__view-switcher .catalog__sort {
        display: none;
    }
}

.sr-catalog__view-switcher .catalog__sort-label {
    flex: 1;
    white-space: nowrap;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort {
    min-width: 220px;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-selection--single {
    height: 34px;
    border: 1px solid #808080;
    border-radius: 4px !important;
    background-color: #fff;
    display: flex;
    align-items: center;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-selection__rendered {
    line-height: 30px !important;
    padding: 0 30px 0 10px !important;
    color: #545454 !important;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-dropdown {
    border: 1px solid #909090;
    border-radius: 4px;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-dropdown--below {
    padding: 0 !important;
}


.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-results__option {
    font-size: 14px;
    min-height: 20px;
    padding: 8px 10px;
    color: #545454;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-results__option--highlighted {
    background-color: #D9F0FA !important;
    color: #009BDC;
    border-radius: 3px;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-results__option--selected {
    background-color: transparent;
    color: #000000;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-results__option--selected.select2-results__option--highlighted {
    background-color: #D9F0FA;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-selection__arrow {
    display: none;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-selection--single::after {
    content: "";
    position: absolute;
    right: 12px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-right: 1.5px solid #545454;
    border-bottom: 1.5px solid #545454;
    transform: translateY(-60%) rotate(45deg);
    pointer-events: none;
}

.catalog__sort-select-wrapper .select2-container--catalog-sort .select2-container--open .select2-selection--single::after {
    transform: translateY(-40%) rotate(-135deg);
}

/* локальные стили для select2 сортировки */

.star--active svg {
    color: #FF9900 !important;
}
/* ========== Новый Паджинатор ========== */

.sr-custom-pagination {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 50px;
    margin-bottom: 100px;
}

.sr-custom-pagination .sr-pagination {
    display: flex;
    align-items: center;
    padding: 8px 20px 8px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,.1);
    gap: 6px;
}

.sr-custom-pagination .sr-page {
    min-width: 36px;
    height: 36px;
    padding: 0 10px;
    border: none;
    background: transparent;
    border-radius: 4px;
    font-size: 16px;
    line-height: 1;
    cursor: pointer;
    color: #000000;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sr-custom-pagination .sr-page:hover {
    background: #f8f8f8;
}

.sr-custom-pagination .sr-page.is-active {
    background: #D9F0FA;
    color: #009BDC;
}

.sr-custom-pagination .sr--nav {
    padding: 0;
}

.sr-custom-pagination .sr--nav svg {
    width: 36px;
    height: 36px;
    padding: 0;
}



.sr-custom-pagination .sr-dots {
    padding: 0;
    line-height: 36px;
    color: #777;
}

/* select */
.sr-custom-pagination .sr-select {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-left: 6px;
    color: #000000;
    font-size: 14px;
    white-space: nowrap;
}

.sr-custom-pagination .sr-select select {
    appearance: none;
    color: #808080;
    padding: 6px 28px 6px 10px;
    border-radius: 6px;
    border: 1px solid #808080;
    font-size: 16px;
    min-height: 30px;
    background: url("data:image/svg+xml,%3Csvg width='7' height='4' viewBox='0 0 7 4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.47173 0.195262C6.73208 0.455612 6.73208 0.877722 6.47173 1.13807L3.80506 3.80474C3.54471 4.06509 3.1226 4.06509 2.86225 3.80474L0.195588 1.13807C-0.0647617 0.877722 -0.0647617 0.455612 0.195588 0.195262C0.455937 -0.0650874 0.878048 -0.0650874 1.1384 0.195262L3.33366 2.39052L5.52892 0.195262C5.78927 -0.0650874 6.21138 -0.0650874 6.47173 0.195262Z' fill='%23808080'/%3E%3C/svg%3E")
    no-repeat right 10px center;
    cursor: pointer;
}

@media (max-width: 768px) {

    .sr-custom-pagination {
        margin-bottom: 40px;
    }

    .sr-custom-pagination .sr-pagination {
        flex: 1;
        padding: 0;
        border-radius: 0;
        box-shadow: none;
        justify-content: space-between;
    }

    .sr-custom-pagination .sr-pages {
        justify-content: space-between;
    }

    .sr-custom-pagination .sr-select {
        display: none;
    }

}

/* ========= END Новый Паджинатор ========= */
/* ========= Прокрутка картинок в *-grid по hover ========= */
/* все изменения базовых классов из main.css идут через .sr-catalog__item */

.sr-catalog__item .card-fpx__img-wrap {
    position: relative;
    margin-bottom: 5px;
}

.sr-catalog__item .card-fpx__img-block {
    position: relative;
    width: 100%;
    max-width: 170px;
    max-height: 200px;
    aspect-ratio: 1 / 1;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
    line-height: 0;
    background: #ffffff;
    border-radius: 6px;
    margin-bottom: 5px;
}

.sr-catalog__item .card-fpx__img-block .slick-list,
.sr-catalog__item .card-fpx__img-block .slick-track {
    height: 100%;
}

.sr-catalog__item .card-fpx__img-block .slick-slide {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sr-catalog__item .card-fpx__img-block .slick-slide > div {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sr-catalog__item .card-fpx__img-block img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    display: block;
}

.sr-catalog__item .card-fpx__hoverbar {
    position: absolute;
    inset: 0;
    display: flex;
    z-index: 3;
}

/* отключаем на touch */
@media (hover: none), (pointer: coarse) {
    .sr-catalog__item .card-fpx__hoverbar {
        visibility: hidden;
    }
}

.sr-catalog__item .card-fpx__hoverbar .hoverbar-item {
    flex: 1;
    position: relative;
}

/* если 1 картинка */
.sr-catalog__item .card-fpx__img-block.no-slider {
    pointer-events: auto;
}

/* кастомные dots из-за глюка slick slider (двойная индикация) */
.sr-catalog__item .card-fpx__dots {
    display: flex;
    justify-content: center;
    gap: 5px;
    pointer-events: none;
    height: 5px;
}
.sr-catalog__item .card-fpx__dots.is-hidden {
    visibility: hidden;
}

.sr-catalog__item .card-fpx__dot {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #BFBFBF;
}

.sr-catalog__item .card-fpx__dot.is-active {
    background: #009BDC;
}

/* ========= END Прокрутка картинок в *-grid по hover ========= */



/* настройка кнопок промотки в слайдерах типа Сопутствующие товары */

.sr-catalog__slider {
    margin-left: 20px;
    margin-right: 20px;
}

@media (max-width: 768px) {

    .sr-catalog__slider {
        margin-left: 0;
        margin-right: 0;
    }

    .sr-catalog__slider .sr-catalog__item {
        margin: 3px;
    }

}

.sr-catalog__slider .slick-prev,
.sr-catalog__slider .slick-next {
    height: 100%;
    z-index: 50;
    color: #BFBFBF;
}
.sr-catalog__slider .slick-prev:hover,
.sr-catalog__slider .slick-next:hover {
    color: #808080;
}



/* кастомный slick slider (определяется по .slider--custom)   */

/* custom dots */

.slider--custom .slick-dots {
    display: flex;
    gap: 10px;
    justify-content: center;
    align-items: center;
}

.slider--custom .slick-dots li {
    margin: 0;
    width: auto;
    height: auto;
}

.slider--custom .slick-dots li button {
    padding: 0;
    border: none;
    background: #808080;
    width: 8px;
    height: 4px;
    border-radius: 4px;
    font-size: 0;
    line-height: 0;
    cursor: pointer;
    transition: all 0.25s ease;
}

.slider--custom .slick-dots li button:before {
    display: none;
}

.slider--custom .slick-dots li button:hover {
    background: #a0a0a0;
}

/* active dot */
.slider--custom .slick-dots li.slick-active button {
    background: #009BDC;
    width: 15px;
}

/* ========= FILTER ========= */

.sr-catalog .catalog__filter-block-show {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 6px;
    padding: 8px 18px 8px 12px;
    min-height: 44px;
    border-radius: 10px;
    border: 1px solid #233440;
}

.sr-catalog .catalog__filter-block-show .is-filter-date {
    position: absolute;
    z-index: 3;
    display: block;
    top: -3px;
    right: -3px;
    width: 10px;
    height: 10px;
    background-color: #EE1212;
    border-radius: 50%;
}

.catalog__filter-search {
    margin-bottom: 6px;
    padding: 0;
    border-radius: 10px;
    border: 1px solid #D0D0D0;
    background-color: #F5F5F5;
}

.catalog__filter-search.search--blueborder {
    border: 2px solid #009BDC;
}

.catalog__filter-search input {
    border: none;
    border-radius: 10px;
    background-color: #F5F5F5;
}

.catalog__filter-collapsible-content:last-child {
    border-radius: 0 0 10px 10px;
}

.brand__filter-search {
    margin: 0 10px 10px 20px;
    padding: 0;
    border-radius: 4px;
    border: 1px solid #D0D0D0;
    background-color: #ffffff;
}

.brand__filter-search input {
    padding: 10px 32px;
    width: 100%;
    height: 38px;
    border-radius: 4px;
    font-size: 14px;
    border: none;
}

.brand__filter-search span {
    width: 36px;
    min-width: 36px;
    height: 38px;
}

.brand__filter-search span[data-clear] svg {
    width: 12px;
    height: 12px;
}

.brand__filter-search span svg {
    width: 18px;
    height: 18px;
    color: #808080 !important;
}

.brand__filter-search input::placeholder {
    color: #9FA7B6;
}

.sr-catalog .no-record {
    display: none;
    margin: 10px 20px 0 20px;
}

.sr-catalog .catalog__range-input-to,
.sr-catalog .catalog__range-input-from {
    position: relative;
    top: 1px;
}

.sr-catalog .catalog__range-input-to::placeholder,
.sr-catalog .catalog__range-input-from::placeholder {
    color: #000000;
}

.sr-catalog .no-filter .catalog__left-block {
    margin: 0;
}

.sr-catalog .filter-btn-label:before {
    content: 'Скрыть фильтр';
}

.sr-catalog .no-filter .filter-btn-label:before {
    content: 'Показать фильтр';
}

.sr-catalog .catalog__filter-scroll-wrap {
    max-height: 540px;
}

/* Категории */

.sr-catalog .catalog__filter-categories {
    font-size: 14px;
    color: #020813;
}

.sr-catalog .filter-categories__back {
    padding: 8px 0;
    color: #020813;
    display: flex;
    align-items: center ;
}
.sr-catalog .filter-categories__back:hover {
    color: #009BDC;
}

.sr-catalog  .filter-categories__back svg {
    width: 14px;
    height: 14px;
    color: #808080;
    margin-right: 8px;
    position: relative;
    top: -1px;
}
.sr-catalog .filter-categories__back:hover svg {
    color: #009BDC;
}

.sr-catalog .filter-categories__list.catalog__filter-scroll-wrap {
    overflow-y: auto;
    max-height: 240px;
    margin: 0 -15px -10px 20px;
    padding: 0;
}

.sr-catalog .filter-categories__list  a {
    display: block;
    padding: 8px 12px;
    margin-top: 1px;
    margin-right: 5px;
    border-radius: 4px;
    font-size: 14px;
    color: #020813;
}

.sr-catalog .filter-categories__list a:hover {
    background-color: #D9F0FA;
    color: #009BDC;
}

.sr-catalog .filter-categories__list  a.is-active {
    color: #009BDC;
    background-color: #D9F0FA;
    pointer-events: none; /* отключает клики */
    cursor: default;
}

.sr-catalog .search-typefilter__buttons {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 10px;
    width: 340px;
}

@media (max-width: 1500px) {
    .sr-catalog .search-typefilter__buttons {
        width: 300px;
    }
}

/* если эти кнопки для Оригинальные каталоги, то еще уменьшаем */
@media (max-width: 1440px) {
    .catalog-search__menu .search-typefilter__buttons {
        width: 300px;
    }
}
@media (max-width: 900px) {
    .catalog-search__menu .search-typefilter__buttons {
        width: 250px;
    }
}

.sr-catalog .search-typefilter__buttons > label {
    display: block;
    flex: 1 0 auto;
}


/* в мобильном виде переключатели Склады/Товары превращаем в простой селект */

.search-mobile__buttons {
    display: none;
    margin-bottom: 20px;
    align-items: center;
    justify-content: space-between;
}

.search-mobile__buttons .sr-catalog__filter-mob {
    margin-right: 20px;
}

.search-mobile__buttons .sr-type__filter-mob {
    width: 100%;
    max-width: 400px;
    font-size: 14px;
    padding: 10px 36px 10px 14px; /* место под стрелку */
    color: #000;
    border: 1px solid #808080;
    border-radius: 8px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.48594 4.38844L0.207689 1.18902C0.0746653 1.05842 0 0.881748 0 0.697599C0 0.51345 0.0746653 0.336784 0.207689 0.206184C0.274084 0.140851 0.353078 0.0889955 0.440111 0.0536076C0.527145 0.0182196 0.620497 0 0.714783 0C0.809068 0 0.90242 0.0182196 0.989454 0.0536076C1.07649 0.0889955 1.15548 0.140851 1.22188 0.206184L4.49299 3.41258C4.55938 3.47791 4.63838 3.52977 4.72541 3.56516C4.81244 3.60055 4.9058 3.61877 5.00008 3.61877C5.09437 3.61877 5.18772 3.60055 5.27475 3.56516C5.36179 3.52977 5.44078 3.47791 5.50718 3.41258L8.77829 0.206184C8.91183 0.0749283 9.09333 0.000822451 9.28286 0.000168847C9.47238 -0.000484757 9.65441 0.072368 9.7889 0.202699C9.92339 0.333031 9.99933 0.510165 10 0.695135C10.0007 0.880105 9.92602 1.05776 9.79247 1.18902L6.51422 4.38844C6.11247 4.78004 5.56789 5 5.00008 5C4.43228 5 3.88769 4.78004 3.48594 4.38844Z' fill='black'/%3E%3C/svg%3E")
    no-repeat right 10px center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

@media (max-width:850px) {
    .search-typefilter__buttons {
        display: none !important;
    }
    .search-mobile__buttons {
        display: flex;
    }
}


/* Поправляем вид кнопок По группам/По узлам */

.sr-catalog .ui-kit-city-btn i {
    border: solid 2px #ffffff;
    top: -5px;
    right: -5px;
    width: 20px;
    height: 20px;
}

.ui-kit-city-btn span {
    color: #808080;
    padding: 12px;
    background-color: #ffffff;
    border: 1px solid #D9D9D9;
}
@media (max-width: 768px) {
    .ui-kit-city-btn span {
        font-size: 14px;
        padding: 10px;
    }
}

.sr-catalog .ui-kit-city-btn input:checked ~ span {
    background-color: #009BDC;
    border-color: #009BDC;
    color: #ffffff;
}


/* Поправляем высоту поиска фильтра */

.sr-catalog .catalog-menu__search-input {
    padding: 15px 15px 15px 45px;
}

.sr-catalog .catalog__caption ~ .panel-filters-wrap {
    margin-top: 20px;
}


/* Поправляем чекбоксы фильтра */
.sr-catalog .catalog__checkbox-wrap {
    width: 100%;
}

.sr-catalog .catalog__checkbox-wrap label {
    display: block;
}


/* Цветные лэйблы для чекбокс фильтра */

.sr-colored-label {
    margin-bottom: 10px !important;
}

.sr-colored-label:last-child {
    margin-bottom: 0 !important;
}

.sr-color  {
    display: block;
    width: 100%;
    color: rgba(0, 0, 0 ,0.66);
    padding: 5px 10px 4px 8px;
    border-radius: 30px;
}
.sr-color.label--green {
    background-color: #D3EDD2;
    border: 1px solid #99D697;
}
.sr-color.label--yellow {
    background-color: #FFE5BF;
    border: 1px solid #FFD28F;
}
.sr-color.label--red {
    background-color: #FECCCC;
    border: 1px solid #FDA6A6;
}
.sr-color.label--blue {
    background-color: #BFD5EE;
    border: 1px solid #8FB6E1;
}


/* имитация кастомных радио фильтра */

.sr-radio-block label {
    color: #020813;
    display: flex;
    align-items: flex-start;
    cursor: pointer;
}

.sr-radio-block input[type='radio'] {
    width: 20px;
    height: 20px;
    accent-color: #009BDC;
    margin-right: 10px;
    position: relative;
    top: -3px;
    opacity: 0.3;
}
.sr-radio-block input[type='radio']:checked {
    opacity: 1;
}
.sr-radio-block input[type='radio']:checked ~ span {
    color: #009BDC;
}


/* свитчеры для фильтра */

.catalog__swith-wrap {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 20px;
    font-size: 16px;
    font-weight: 500;
    color: #233440;
}

.switch-block .switch-block__switch {
    position: relative;
    width: 40px;
    height: 22px;
}

.switch-block .switch-block__switch input {
    display: none;
}

.switch-block .switch-block__slider {
    position: absolute;
    inset: 0;
    background: #DEDEDE;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;
    border-radius: 999px;
    cursor: pointer;
    transition: 0.25s;
}

.switch-block .switch-block__slider::before {
    content: "";
    position: absolute;
    width: 18px;
    height: 18px;
    left: 2px;
    top: 2px;
    background: #fff;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.10);
    border-radius: 50%;
    transition: 0.25s ease-in;
}

.switch-block .switch-block__switch input:checked + .switch-block__slider {
    background: #009BDC;
}

.switch-block .switch-block__switch input:checked + .switch-block__slider::before {
    transform: translateX(18px);
}

/* ========= END FILTER ========= */
/* === GRID VIEW (searchresult-article-grid.html, searchresult-name-grid.html) === */
/* ========== searchresult-article-grid.html, searchresult-name-grid.html========= */

/* переделка карточки товара для страниц результатов поиска в зависимости от .sr-catalog */

@media (max-width: 768px) {
    .sr-catalog .catalog__list {
        gap: 10px;
    }
}

.sr-catalog .catalog-card {
    position: relative;
    padding: 20px;
    border-radius: 8px;
}

.sr-catalog .catalog-card:hover {
    background-color: #F8F8F8;
}

@media (max-width: 768px) {
    .sr-catalog .catalog-card {
        padding: 10px;
        box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.1);
    }
}

.sr-catalog .card-fpx__img-block img {
    border-radius: 6px;
}

.sr-catalog .card-fpx__tags {
    position: absolute;
    top: 10px;
    left: 10px;
}

.sr-catalog .card-fpx__tags-icons {
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 9;
    display: inline-block;
    margin-right: 35px;
}

.sr-catalog .card-fpx__tags-icons > svg {
    width: 32px;
    height: 32px;
    margin-right: 3px;
    margin-bottom: 5px;
}

@media (max-width: 768px) {
    .sr-catalog .card-fpx__tags-icons > svg {
        width: 16px;
        height: 16px;
        margin-right: 0;
    }
}

.sr-catalog .card-fpx__favorite {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    z-index: 9;
}

.sr-catalog .card-fpx__favorite svg {
    width: 20px;
    height: 20px;
    background-size: cover;
    color: #808080;
}

.sr-catalog .card-fpx__favorite.star--active svg {
    width: 22px;
    height: 22px;
    color: #FF9900;
}

.sr-catalog .card-fpx__btn-favorites {
    position: absolute;
    top: 12px;
    right: 12px;
    width: 20px;
    height: 20px;
    z-index: 9;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
    transition: color .15s ease;
    -webkit-tap-highlight-color: transparent;
}
@media (max-width: 768px) {
    .sr-catalog .card-fpx__btn-favorites {
        top: 7px;
        right: 7px;
        width: 14px;
        height: 14px;
    }
}

.sr-catalog .card-fpx__btn-favorites svg {
    width: 20px;
    height: 20px;
}
@media (max-width: 768px) {
    .sr-catalog .card-fpx__btn-favorites svg {
        width: 14px;
        height: 14px;
    }
}

.sr-catalog .card-fpx__btn-favorites .far {
    color: #808080;
    opacity: 1;
}

.sr-catalog .card-fpx__btn-favorites .fas {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.sr-catalog .card-fpx__btn-favorites:hover svg {
    color: #009BDC;
}

.sr-catalog input.tofav-toggle:checked + label.card-fpx__btn-favorites .fas {
    opacity: 1;
}

.sr-catalog input.tofav-toggle:checked + label.card-fpx__btn-favorites .far {
    opacity: 0;
}

.sr-catalog .card-fpx__text-block {
    padding-top: 10px;
    padding-bottom: 0;
}

.sr-catalog .card-fpx__text {
    margin-bottom: 10px;
    color: #000000;
}

.sr-catalog .card-fpx__vendor-code {
    white-space: nowrap;
}

@media (max-width: 768px) {
    .sr-catalog .card-fpx__text {
        margin-bottom: 10px;
    }
}

.sr-catalog .card-fpx__price-block {
    font-size: 22px;
    color: #000000;
    white-space: nowrap;
    font-weight: 600;
    min-height: 30px;
}

@media (max-width: 768px) {
    .sr-catalog .card-fpx__price-block {
        font-size: 16px;
        min-height: 20px;
    }
}


.sr-catalog .card-fpx__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    margin-bottom: 10px;
    font-weight: 500;
    color: #020813;
    white-space: normal;
    word-break: break-word;
}

@media (max-width: 768px) {
    .sr-catalog .card-fpx__title {
        font-size: 14px;
        -webkit-line-clamp: 4;
        margin-bottom: 0;
    }
}
@media (max-width: 600px) {
    .card-fpx_catalog .card-fpx__title {
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
        font-size: 14px;
        white-space: normal;
        word-break: break-word;
        height: auto;
    }
}

.sr-catalog .card-fpx__btn-block {
    display: block;
    width: 100%;
    font-weight: 400;
    padding: 10px;
    height: auto;
    text-align: center;
    font-size: 14px;
    margin-top: 12px;
    border-radius: 8px;
}

.sr-catalog .card-fpx__btn-block.disabled,
.sr-catalog .card-fpx__btn-block.disabled:hover,
.sr-catalog .card-fpx__btn-block.disabled:focus,
.sr-catalog .card-fpx__btn-block.disabled:active {
    pointer-events: none;
    cursor: not-allowed;
    outline: none;
    box-shadow: none;
    text-decoration: none;
    color: #FF9900;
    background-color: transparent;
    border: 1px solid #FF9900;
}

.sr-catalog .card-fpx__text-analog {
    display: block;
    width: 100%;
    font-size: 12px;
    color: #9FA7B6;
    text-align: center;
    margin-top: 8px;
}

@media (max-width: 768px) {
    .sr-catalog .card-fpx__text-analog {
        font-size: 10px;
        margin-top: 5px;
    }
}

/* ========= END GRID VIEW ========= */
/* ========= ROW + LINE VIEW ========= */
/* ==== searchresult-article-row.html, searchresult-name-row.html==== */
/* === searchresult-article-line.html, searchresult-name-line.html=== */
/* _row  --- переключатель признака отображения в строку */
/* _line --- переключатель признака отображения в линию */
.sr-catalog__list_row,
.sr-catalog__list_line
{
    display: block;
    margin: 0 0 30px 0;
    /* делаем контейнер, по которому будем отслеживать ширину для переключения в мобильный вид (а не по @media)  */
    container-type: inline-size;
    container-name: catalog-row;
}

.sr-catalog__list_row .catalog__header,
.sr-catalog__list_row .catalog__item,
.sr-catalog__list_line .catalog__header,
.sr-catalog__list_line .catalog__item
{
    display: grid;
    gap: 10px;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
}
.sr-catalog__list_row .catalog__header,
.sr-catalog__list_row .catalog__item {
    grid-template-columns: 1fr 2fr 2fr 5fr 2fr 2fr;
}
.sr-catalog__list_line .catalog__header,
.sr-catalog__list_line .catalog__item {
    grid-template-columns: 2fr 2fr 5fr 1fr 2fr 2fr;
}

.sr-catalog__list_row .catalog__header,
.sr-catalog__list_line .catalog__header
{
    padding: 10px;
    background: #F5F5F5;
    font-size: 13px;
    font-weight: 500;
    color: #808080;
    border-bottom: 1px solid #D9D9D9;
}

.sr-catalog__list_row .catalog__header .header-price,
.sr-catalog__list_line .catalog__header .header-price
{
    text-align: right;
}

.sr-catalog__list_row .catalog__item,
.sr-catalog__list_line .catalog__item
{
    padding: 20px 10px;
    border-bottom: 1px solid #D9D9D9;
    border-right: 1px solid #D9D9D9;
    color: #000000;
    font-size:14px;
}
.sr-catalog__list_line .catalog__item {
    padding: 10px;
}

.sr-catalog__list_row .catalog__item:hover,
.sr-catalog__list_line .catalog__item:hover
{
    background-color: #F8F8F8 ;
}

.sr-catalog__list_row .catalog__item-img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    min-height: 40px;
    max-width: 100px;
    max-height: 100px;
    width: 100%;
}
.sr-catalog__list_row .catalog__item-img picture {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 100%;
    max-height: 100%;
}

.sr-catalog__list_row .catalog__item-img img {
    display: block;
    max-width: 100px;
    max-height: 100px;
    min-width: 40px;
    min-height: 40px;
    width: auto;
    height: auto;
    object-fit: contain;
}

.sr-catalog__list_row .catalog__item-brand,
.sr-catalog__list_line .catalog__item-brand
{
    display: flex;
    flex-wrap: wrap;
    gap: 2px 8px;
    font-weight: 500;
}

.sr-catalog__list_row .catalog__item-icons,
.sr-catalog__list_line .catalog__item-icons
{
    display: flex;
    gap: 4px;
}
.sr-catalog__list_row .catalog__item-icons svg,
.sr-catalog__list_line .catalog__item-icons svg
{
    width: 16px;
    height: 16px;
}

.sr-catalog__list_row .catalog__item-article,
.sr-catalog__list_line .catalog__item-article
{
    color: #009BDC;
    text-decoration: underline;
}
.sr-catalog__list_row .catalog__item-article:hover,
.sr-catalog__list_line .catalog__item-article:hover
{
    color: #000000;
    text-decoration: none;
}

.sr-catalog__list_row .catalog__item-title,
.sr-catalog__list_line .catalog__item-title
{
    color: #000000;
    text-decoration: none;
}

.sr-catalog__list_line .catalog__item-info {
    display: flex;
    gap: 0;
    margin-left: auto;
}
.sr-catalog__list_line .catalog__item-info > div,
.sr-catalog__list_line .catalog__item-info button,
.sr-catalog__list_line .catalog__item-info a {
    display: block;
    border: none;
    padding: 4px;
    margin: 0;
    background-color: #EBEBEB;
}
.sr-catalog__list_line .catalog__item-info > div:only-child,
.sr-catalog__list_line .catalog__item-info button:only-child,
.sr-catalog__list_line .catalog__item-info a:only-child {
    padding: 4px;
    border-radius: 4px;
}
.sr-catalog__list_line .catalog__item-info > div:first-child:not(:only-child),
.sr-catalog__list_line .catalog__item-info button:first-child:not(:only-child),
.sr-catalog__list_line .catalog__item-info a:first-child:not(:only-child) {
    padding-left: 8px;
    border-radius: 4px 0 0 4px;
}
.sr-catalog__list_line .catalog__item-info > div:last-child:not(:only-child),
.sr-catalog__list_line .catalog__item-info button:last-child:not(:only-child),
.sr-catalog__list_line .catalog__item-info a:last-child:not(:only-child) {
    padding-right: 8px;
    border-radius: 0 4px 4px 0;
}
.sr-catalog__list_line .catalog__item-info > div svg,
.sr-catalog__list_line .catalog__item-info button svg,
.sr-catalog__list_line .catalog__item-info a svg {
    width: 16px;
    height: 16px;
    color: #808080;
}
.sr-catalog__list_line .catalog__item-info button:hover svg,
.sr-catalog__list_line .catalog__item-info a:hover svg {
    color: #009BDC;
}

.sr-catalog__list_row .catalog__item-price,
.sr-catalog__list_line .catalog__item-price
{
    text-align: right;
    white-space: nowrap;
    font-weight: 700;
}

.sr-catalog__list_row .catalog__item-analog,
.sr-catalog__list_line .catalog__item-analog
{
    font-size: 10px;
    font-weight: 400;
    color: #808080;
    margin-top: 3px;
    white-space: pre-wrap;
}

.sr-catalog__list_row .price-none,
.sr-catalog__list_line .price-none
{
    color: #FF9900;
    font-weight: 400;
    font-size: 13px;
    line-height: 0.9;
}

.sr-catalog__list_row .catalog__item-actions,
.sr-catalog__list_line .catalog__item-actions
{
    display: flex;
    justify-content: flex-end;
    gap: 8px;
}

.sr-catalog__list_row .catalog__item-actions .actions-icon,
.sr-catalog__list_line .catalog__item-actions .actions-icon
{
    width: 16px;
    height: 16px;
    background: transparent;
    border: none;
    position: relative;
}
.sr-catalog__list_row .catalog__item-actions .actions-icon svg,
.sr-catalog__list_line .catalog__item-actions .actions-icon svg
{
    width: 16px;
    height: 16px;
    color: #777777;
}

.sr-catalog__list_row .catalog__item-actions .actions-icon svg:hover,
.sr-catalog__list_line .catalog__item-actions .actions-icon svg:hover{
    color: #009BDC;
}

.sr-catalog .actions-icon__btn-favorites {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    background: transparent;
    border: none;
    padding: 0;
    transition: color .15s ease;
    -webkit-tap-highlight-color: transparent;
}

.sr-catalog .actions-icon__btn-favorites i {
    transition: color .15s ease, opacity .12s ease;
    line-height: 1;
    display: inline-block;
    position: relative;
}

.sr-catalog .actions-icon__btn-favorites svg {
    width: 16px;
    height: 16px;
}

.sr-catalog .actions-icon__btn-favorites .far {
    color: #777777;
    opacity: 1;
}

.sr-catalog .actions-icon__btn-favorites .fas {
    opacity: 0;
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
}

.sr-catalog .actions-icon__btn-favorites:hover svg {
    color: #009BDC;
}

.sr-catalog input.tofav-toggle:checked + label.actions-icon__btn-favorites .fas {
    opacity: 1;
}

.sr-catalog input.tofav-toggle:checked + label.actions-icon__btn-favorites .far {
    opacity: 0;
}



/* переключаем стили по контейнеру, а не по ширине браузера */
@container catalog-row (max-width: 750px) {

    .sr-catalog__list_row .catalog__header,
    .sr-catalog__list_line .catalog__header
    {
        display: none;
    }

    .sr-catalog__list_row .catalog__item,
    .sr-catalog__list_line .catalog__item
    {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        grid-template-rows: 1fr auto;
        grid-template-areas:
            "title title title price"
            "brand article article price";
        gap: 5px;
        padding: 14px 0;
        border-right: none;
        font-size: 13px;
        align-items: start;
    }

    .sr-catalog__list_row .catalog__item-title,
    .sr-catalog__list_line .catalog__item-title
    {
        grid-area: title;
        font-weight: 400;
    }

    .sr-catalog__list_row .catalog__item-brand,
    .sr-catalog__list_line .catalog__item-brand
    {
        grid-area: brand;
        font-weight: 400;
    }

    .sr-catalog__list_row .catalog__item-icons,
    .sr-catalog__list_line .catalog__item-icons
    {
        grid-area: icons;
        gap: 2px;
    }

    .sr-catalog__list_row .catalog__item-article,
    .sr-catalog__list_line .catalog__item-article
    {
        grid-area: article;
        padding-left: 8px;
        text-decoration: none;
    }

    .sr-catalog__list_row .catalog__item-price,
    .sr-catalog__list_line .catalog__item-price
    {
        grid-area: price;
        text-align: right;
        font-size: 16px;
    }

    .sr-catalog__list_row .price-none,
    .sr-catalog__list_line .price-none
    {
        font-size: 13px;
        font-weight: 500;
    }

    .sr-catalog__list_row .catalog__item-img,
    .sr-catalog__list_row .catalog__item-actions,
    .sr-catalog__list_line .catalog__item-img,
    .sr-catalog__list_line .catalog__item-info,
    .sr-catalog__list_line .catalog__item-actions
    {
        display: none;
    }

}

/* ========= END ROW + LINE VIEW ========= */
/* =========== NOTHINGFOUND ============ */
/* === searchresult-nothingfound.html=== */

.sr-catalog .catalog__no-result-pic {
    margin-bottom: 10px;
}

.sr-catalog .catalog__no-result-text  {
    font-weight: 400;
    color: #020813;
}

.sr-catalog__bubbles {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    align-items: normal;
    justify-content: center;
    gap: 12px 14px;
}

.sr-catalog__bubbles > a {
    display: flex;
    align-items: center;
    padding: 10px 18px 9px 14px;
    background-color: #F2F2F2;
    border-radius: 30px;
    font-size: 14px;
    color: #000000;
}

@media (max-width: 768px) {
    .sr-catalog__bubbles > a {
        font-size: 13px;
    }
}

.sr-catalog__bubbles > a:hover {
    color: #009BDC;
    background-color: #F2FAFD;
}

.sr-catalog__bubbles > a svg {
    flex: 1 0 auto;
    width: 14px;
    height: 14px;
    color: #808080;
    margin-right: 6px;
}
.sr-catalog__bubbles > a:hover svg {
    color: #009BDC;
}

.catalog__no-result-additionalblock {
    margin-top: -100px;
}

/* ========= END NOTHINGFOUND ========= */
/* ============= SEARCH VIN ============ */
/* === searchresult-catalog-vin.html === */

/* Карточка характеристик авто */

.sr-catalog .catalog-auto__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
@media (max-width: 768px) {
    .sr-catalog .catalog-auto__wrap {
        display: block;
    }
}

.sr-catalog .catalog-auto__logo {
    flex: 1 0 20%;
    max-width: 200px;
    min-width: 100px;
    margin-right: 20px;
    margin-bottom: 20px;
}
@media (max-width: 768px) {
    .sr-catalog .catalog-auto__logo {
        flex: none;
        max-width: 160px;
        min-width: 60px;
        max-height: 100px;
        margin-right: auto;
        margin-bottom: 10px;
    }
}

.sr-catalog .catalog-auto__logo img {
    width: 100%;
    height: auto;
    object-fit: contain;
}

.sr-catalog .catalog-auto__item {
    flex: 1 0 auto;
}
@media (max-width: 768px) {
    .sr-catalog .catalog-auto__item {
        font-size: 14px;
    }
}

.sr-catalog .catalog-auto__btn {
    flex: 1 0 auto;
}
@media (max-width: 768px) {
    .sr-catalog .catalog-auto__btn {
        margin-top: 0;
        margin-bottom: 0;
    }
}

.sr-catalog .catalog-auto__btn button {
    margin-left: auto;
    font-weight: 400;
    padding: 14px 40px;
    height: auto;
}
@media (max-width: 768px) {
    .sr-catalog .catalog-auto__btn button {
        font-size: 14px;
    }
}

.sr-catalog .catalog-auto__chars-btn.is_active:hover:not(:active),
.sr-catalog .catalog-auto__chars-btn:hover:not(:active),
.sr-catalog .catalog-auto__chars-btn.is_active
{
    color: #009BDC;
}

.sr-catalog .catalog-auto__model-code span {
    color: #000000;
    margin-right: 5px;
}

.sr-catalog .catalog-auto__model-code {
    margin-bottom: 8px;
}
@media (max-width: 768px) {
    .sr-catalog .catalog-auto__model-code {
        margin-bottom: 4px;
    }
}


/* Поле поиска Деталей> */

.sr-catalog-search__auto {
    margin-top: -20px;
    margin-bottom: 40px;
    display: flex;
    gap: 6px;
}

.sr-catalog-search__auto-label {
    position: relative;
    display: block;
    flex: 1 0 auto;
}

.sr-catalog-search__auto-label svg {
    width: 18px;
    height: 18px;
    left: 15px;
    cursor: pointer;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    color: #808080;
}

.sr-catalog .sr-catalog-menu__search-input {
    color: #545454;
    padding: 14px 14px 14px 40px;
    width: 100%;
    border-radius: 6px;
    border: 1px solid #D9D9D9;
    background-color: #ffffff;
}

.sr-catalog-search__auto button {
    flex: 1 0 auto;
    font-weight: 400;
    max-width: 120px;
}

/* ========= END SEARCH VIN ========= */
/* =========SEARCH PARAM VIN ========= */
/* === searchresult-param-vin.html === */

/* Табы */

.sr-catalog__tabs {
    width: 100%;
    margin-top: 30px;
}

.sr-catalog__tabs-nav {
    display: flex;
}

.sr-catalog__tabs-tab {
    border: none;
    background: transparent;
    padding: 12px 20px 10px 20px;
    height: 36px;
    overflow: hidden;
    font-size: 12px;
    line-height: 1.1;
    color: #808080;
    cursor: pointer;
    transition: none;
}

.sr-catalog__tabs-tab:hover {
    color: #009BDC;
}

.sr-catalog__tabs-tab.is-active {
    /* конченый уголок справа у таба, не надо так рисовать, оно того не стоит */
    background: #D9F0FA url("data:image/svg+xml,%3Csvg%20width='18'%20height='36'%20viewBox='0%200%2018%2036'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3E%3Cg%20clip-path='url(%23clip0_3192_35790)'%3E%3Crect%20width='18'%20height='36'%20fill='white'/%3E%3Cpath%20d='M0%200C5.59188%200.000160803%2010.1252%204.47725%2010.1252%2010V26.6504C10.1253%2031.2342%2013.4363%2035.1655%2018%2036H0V0Z'%20fill='%23D9F0FA'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath%20id='clip0_3192_35790'%3E%3Crect%20width='18'%20height='36'%20fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E") 100% no-repeat;
    color: #009BDC;
    border-radius: 10px 0 0 0;
    padding-right: 28px;
}

.sr-catalog__tabs-panel {
    display: none;
    border: solid 1px #D9D9D9;
}
.sr-catalog__tabs-panel[data-tab-panel="tabpanel-params-all"] {
    border-radius: 0 10px 10px 10px;
}
.sr-catalog__tabs-panel[data-tab-panel="tabpanel-params-diff"] {
    border-radius: 10px;
}

.sr-catalog__tabs-panel.is-active {
    display: block;
}


@media (max-width: 768px) {

    .sr-catalog__tabs-tab {
        flex: 1;
        display: flex;
        align-items: center;
        justify-content: center;
        text-align: center;
        padding: 10px;
        font-size: 12px;
        line-height: 1;
    }

    .sr-catalog__tabs-tab.is-active {
        background: #D9F0FA;
        padding: 10px;
        border-radius: 8px 8px  0 0;
    }

    .sr-catalog__tabs-panel {
        padding: 15px 0;
        border-radius: 0 !important;
        border: none;
        border-top: solid 1px #D9D9D9;
    }

}


/* Карточка параметров */

.sr-catalog-params {
    display: flex;
    gap: 20px;
    font-size: 12px;
    margin: 20px 0 10px 20px;
}

.sr-catalog-params .params__labels {
    margin-top: 1px;
}
.sr-catalog-params .params__labels > div {
    height: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    white-space: nowrap;
}

/* это прячем в desktop, там общие params__labels */
.sr-catalog-params .mob-card__labels {
    display: none;
}

.sr-catalog-params .params__cards {
    display: flex;
    gap: 15px;
    padding-bottom: 10px;
    padding-right: 20px;
    overflow-x: auto;
}

.sr-catalog-params .card-block {
    display: flex;
    gap: 15px;
}

.sr-catalog-params .card__values {
    flex: 0 0 250px;
}

.sr-catalog-params .card__values-val {
    background: #e3f5fc;
    border-radius: 8px;
    padding: 1px 15px;
}

.sr-catalog-params .card__values-val > div {
    color: #000000;
    height: 14px;
    margin-top: 15px;
    margin-bottom: 15px;
    max-width: 220px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sr-catalog-params .card__values-btn {
    width: 100%;
    height: auto;
    font-size: 14px;
    font-weight: 400;
    margin-top: 8px;
    padding: 10px;
}


@media (max-width: 768px) {

    .sr-catalog-params {
        gap: 20px 0;
        margin: 0;
    }

    .sr-catalog-params .params__cards {
        flex: 1;
        flex-direction: column;
        overflow: hidden;
        padding: 0;
    }

    /* прячем общие params__labels из desktop */
    .sr-catalog-params .params__labels {
        display: none;
    }

    .sr-catalog-params .mob-card__labels {
        display: block;
        margin-top: 1px;
        gap: 20px;
    }
    .sr-catalog-params .mob-card__labels > div {
        height: 14px;
        margin-top: 15px;
        margin-bottom: 15px;
        white-space: nowrap;
    }

    .sr-catalog-params .card__values {
        flex: 1;
        width: 100%;
    }

    .sr-catalog-params .card__values-val > div {
        max-width: none;
        white-space: wrap;
    }

}

/* ========= END SEARCH PARAM VIN ========= */
/* ======== SEARCH PRODUCT CARD ======== */
/* === searchresult-productcard.html === */
/* ====== верхняя карточка товара ====== */



.sr-productcard {
    padding-bottom: 20px;
}
@media (max-width: 850px) {
    .sr-productcard {
        padding-bottom: 40px;
    }
}



/* разметка */

.sr-productcard .productcard__container {
    display: grid;
    grid-template-columns: 1fr 4fr;
    grid-template-rows: auto auto;
    gap: 20px;
    grid-template-areas:
        "brand title"
        "pic prop";
}

.sr-productcard__brand {
    grid-area: brand;
    width: 340px;
}

.sr-productcard__title {
    grid-area: title;
    margin-left: 15px;
}

.sr-productcard__mobtns {
    grid-area: mobtns;
    display: none;
}

.sr-productcard__pic {
    grid-area: pic;
    width: 340px;
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.sr-productcard__prop {
    grid-area: prop;
    margin-left: 15px;
}

.sr-productcard__vars {
    grid-area: vars;
    margin-top: 20px;
}


@media (max-width: 1500px) {

    .sr-productcard__brand,
    .sr-productcard__pic {
        width: 300px;
        margin-left: 0;
    }

    .sr-productcard__title,
    .sr-productcard__prop {
        margin-left: 5px;
    }

}


/* брэнд */

.sr-productcard__brand .block-brand {
    background-color: #ffffff;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 14px;
}

.block-brand .brand-namelogo {
    display: flex;
    justify-content: space-between;
}

.brand-namelogo__name {
    font-size: 20px;
    font-weight: 500;
    color: #000000;
}

.brand-namelogo__name a {
    display: block;
    font-size: 14px;
    font-weight: 400;
    color: #808080;
    text-decoration: underline;
    margin-top: 5px;
}
.brand-namelogo__name a:hover {
    color: #000000;
    text-decoration: none;
}

.brand-namelogo__logo {
    flex: 1 1 auto;
    max-width: 100px;
    min-width: 60px;
}

.brand-namelogo__logo img {
    width: 100%;
    height: auto;
}

.block-brand .brand-country {
    display: flex;
    align-items: center;
    gap: 10px;
    color: #000000;
    font-size: 14px;
    margin-top: 10px;
}


/* наименование */

.sr-productcard__title .title-brandshare {
    display: flex;
    gap: 20px;
    align-items: center;
    margin-top: 10px;
}

.sr-productcard__title .title-brandshare svg {
    width: 14px;
    height: 14px;
    color: #808080;
}

.sr-productcard__title .title-brandshare__addtogarage svg {
    width: 20px;
}

.title-brandshare__articul,
.title-brandshare__share,
.title-brandshare__addtogarage {
    font-size: 14px;
    color: #808080;
}

.title-brandshare__share,
.title-brandshare__addtogarage {
    text-decoration: underline;
}
.title-brandshare__share:hover,
.title-brandshare__addtogarage:hover {
    text-decoration: none;
    color: #000000;
}


/* варианты */

.sr-productcard__mobvars {
    display: none;
}

.block-vars {
    background-color: #ffffff;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    border-radius: 10px;
    padding: 4px 14px 2px 14px;
}

.block-vars__variant {
    border-bottom: solid 1px #dedede;
}
.block-vars__variant:last-child {
    border-bottom: none;
}

.block-vars__variant .vars__variant {
    display: flex;
    gap: 10px;
    justify-content: space-between;
    padding: 10px 0;
}

.variant-name__same {
    display: inline-block;
    font-size: 10px;
    font-weight: 500;
    padding: 2px 10px 2px 2px;
    border-radius: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: 1;
    margin-bottom: 10px;
}

.variant-name__same img {
    width: 14px;
    height: 14px;
    margin-right: 4px;
}

.same--cheapest {
    background: #FF5901;
    color: #ffffff;
}
.same--fast {
    background: #FFC800;
    color: #000000;
}

.variant-name__title {
    font-size: 14px;
    line-height: 1.1;
    font-weight: 700;
    color: #000000;
}

.vars__variant .variant-brandlogo {
    flex: 1 0 auto;
    max-width: 72px;
}
.variant-brandlogo img {
    width: 100%;
    height: auto;
}

.variant-pricesupply__price {
    font-size: 16px;
    font-weight: 700;
    white-space: nowrap;
    color: #000000;
    line-height: 1;
}

.vars__variant .variant-btntocart {
    flex: 1 1 auto;
    width: 100%;
    max-width: 100px;
    height: 32px;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.variant-pricesupply__supply .supply-date {
    font-size: 12px;
    color: #808080;
    white-space: nowrap;
    margin-right: 1px;
}

.variant-pricesupply__supply .supply-time {
    font-size: 12px;
    color: #808080;
}

.variant-pricesupply__supply .supply-time::before {
    display: inline-block;
    content: "";
    position: relative;
    top: 1px;
    width: 10px;
    height: 10px;
    margin-right: 1px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0C6.32564 0.00143378 7.59681 0.52845 8.53418 1.46582C9.47155 2.40319 9.99857 3.67436 10 5C10 5.98891 9.70663 6.95607 9.15723 7.77832C8.60783 8.60038 7.82658 9.24076 6.91309 9.61914C5.99951 9.99751 4.99425 10.0972 4.02441 9.9043C3.05453 9.71136 2.16409 9.2344 1.46484 8.53516C0.765596 7.83591 0.288637 6.94547 0.0957031 5.97559C-0.0972094 5.00575 0.00248706 4.00049 0.380859 3.08691C0.759239 2.17342 1.39962 1.39217 2.22168 0.842773C3.04392 0.293367 4.01109 4.47762e-07 5 0ZM6.59473 1.15039C5.8335 0.83508 4.99562 0.752426 4.1875 0.913086C3.37925 1.07386 2.63643 1.47099 2.05371 2.05371C1.47099 2.63643 1.07386 3.37925 0.913086 4.1875C0.752427 4.99562 0.83508 5.8335 1.15039 6.59473C1.46576 7.35602 2.00038 8.00703 2.68555 8.46484C3.37065 8.92248 4.1761 9.16699 5 9.16699C6.1047 9.16578 7.16417 8.72645 7.94531 7.94531C8.72645 7.16417 9.16578 6.1047 9.16699 5C9.16699 4.1761 8.92248 3.37065 8.46484 2.68555C8.00703 2.00038 7.35603 1.46576 6.59473 1.15039ZM5 2.5C5.11047 2.50003 5.21681 2.54395 5.29492 2.62207C5.37293 2.70019 5.41699 2.80659 5.41699 2.91699V4.94922C5.41775 5.02055 5.39945 5.0917 5.36523 5.1543C5.33103 5.21669 5.281 5.26886 5.2207 5.30664L3.62109 6.30664C3.52716 6.36532 3.41358 6.3843 3.30566 6.35938C3.19789 6.33439 3.10452 6.26766 3.0459 6.17383C2.98737 6.08004 2.96839 5.96711 2.99316 5.85938C3.01809 5.75146 3.08478 5.65731 3.17871 5.59863L4.58301 4.71875V2.91699C4.58301 2.80654 4.62701 2.7002 4.70508 2.62207C4.78322 2.54393 4.88949 2.5 5 2.5Z' fill='%23808080'/%3E%3C/svg%3E")
    no-repeat center;
}


/* блок свойств (табы) */

.sr-productcard__prop {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.sr-productcard__prop-tabs {
    display: flex;
    gap: 3%;
    border-bottom: 1px solid #d9d9d9;
    overflow: hidden;
}
@media (max-width: 600px) {
    .sr-productcard__prop-tabs {
        gap: 20px;
        justify-content: space-between;
        margin-top: 25px;
    }
}

.sr-productcard__prop-block {
    display: flex;
    gap: 20px;
}

.prop-block__left {
    flex: 2;
    width: 100%;
}

.prop-block__right {
    flex: 1;
    width: 100%;
    max-width: 360px;
}

.sr-productcard__prop-block.hide-right .prop-block__right{
    display:none;
}

.sr-productcard__prop-tabs .sr-tab {
    background: none;
    border: none;
    padding: 8px 0;
    font-size: 14px;
    color: #808080;
    position: relative;
    overflow: hidden;
    text-overflow: ellipsis;
}

.sr-productcard__prop-tabs .sr-tab.active {
    color: #009BDC;
}

.sr-productcard__prop-tabs .sr-tab.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #009BDC;
}

.sr-productcard__prop .sr-tab-content {
    display: none;
    padding: 20px 0 0 0;
    color: #000000;
    font-size: 14px;
}

.sr-productcard__prop .sr-tab-content.active {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}


/* разные внутренности в контенте */

.sr-productcard__prop p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.sr-productcard__prop .hdr {
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 5px;
}

.sr-productcard__prop .hdr-tabbed {
    font-size: 14px;
    font-weight: 500;
    color: #ffffff;
    background-color: #233440;
    border-radius: 8px 8px 0 0;
    padding: 10px 12px 8px 12px;
    margin-top: 2px;
}

.sr-prop__details {
    margin-top: 10px;
    margin-bottom: 0;
}

.sr-prop__details summary {
    font-size: 12px;
    color: #000000;
    text-decoration: underline;
    margin-bottom: 10px;
}
.sr-prop__details summary:hover {
    color: #009BDC;
    text-decoration: none;
}
.sr-prop__details[open] summary {
    color: #808080;
    text-decoration: none;
}

.sr-productcard__prop .tb-itemcharact {
    width: 100%;
    color: #000000;
    border-top: solid 1px #dedede;
    margin-bottom: 10px;
}

.tb-itemcharact tr {
    border-bottom: dashed 1px #dedede;
}

.tb-itemcharact td {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

.tb-itemcharact td.td-prop {
    text-align: left;
}

.tb-itemcharact td.td-val {
    text-align: right;
    font-weight: 500;
    white-space: nowrap;
}

UL.documents-list {
    margin: 0 0 30px 0;
}

UL.documents-list LI {
    display: flex;
    margin-top: 12px;
    margin-bottom: 12px;
    line-height: 1.4;
}

UL.documents-list LI svg {
    flex: 1;
    width: 8px;
    min-width: 8px;
    max-width: 8px;
    height: 8px;
    margin-right: 10px;
    position: relative;
    top: 5px;
}

UL.documents-list LI a {
    color: #000000;
}
UL.documents-list LI a:hover {
    color: #009BDC;
}



/*-------------------- Применимость -----------------*/

.sr-prop__usage {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.sr-prop__usage-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* поле поиска */

.sr-prop__usage-toolbar .toolbar-search {
    position: relative;
    width: 100%;
    max-width: 260px;
}

.sr-prop__usage-toolbar .toolbar-search input {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    padding-right: 44px;
    font-size: 12px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #808080;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s ease;
}
.sr-prop__usage-toolbar .toolbar-search input:hover {
    border-color: #009BDC;
}

.sr-prop__usage-toolbar .toolbar-search svg {
    width: 14px;
    height: 14px;
    color: #808080;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.sr-prop__usage-toolbar toolbar-search input:hover + svg {
    color: #009BDC;
}


/* кнопки переключения видов */

.sr-prop__usage-toolbar .toolbar-viewbtns {
    display: flex;
    gap: 3px;
    margin-left: auto;
}

.sr-prop__usage-toolbar .toolbar-viewbtns button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: transparent;
}

.sr-prop__usage-toolbar .toolbar-viewbtns button svg {
    width: 31px;
    height: 31px;
    color: #808080;
    transition: all 0.3s;
}

.sr-prop__usage-toolbar .toolbar-viewbtns button:hover svg {
    color: #000000;
}

.sr-prop__usage-toolbar .toolbar-viewbtns button.active svg {
    color: #009BDC;
}


/* блок марок сетка/список */

.sr-prop__usage-marks.usage-marks--grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 26px;
    flex: 1 1 auto;
    margin-top: 30px;
}

.sr-prop__usage-marks.usage-marks--grid .marks-item {
    display: block;
    width: 123px;
    text-align: center;
}

.sr-prop__usage-marks.usage-marks--list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    margin-top: 30px;
}




/*-------------------- Модификации -----------------*/

.sr-prop__usagemod {
    display: none;
}

.sr-prop__usagemod-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.sr-prop__usagemod-toolbar .toolbar-back {
    background: transparent;
    border: none;
    font-size: 14px;
    color: #009BDC;
    text-align: left;
    width: 100px;
}

.sr-prop__usagemod-mod {
    margin-top: 30px;
}



@media  (max-width: 1024px) {

    .prop-block__right {
        display: none;
    }

}



@media  (max-width: 850px) {

    .sr-productcard__mobvars {
        display: block;
    }

    .sr-productcard__mobtns {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 14px;
    }

    .sr-productcard__mobtns .block-mobtns {
        display: flex;
        gap: 10px;
    }

    .mobtns-button {
        width: 34px;
        height: 34px;
        background: #ffffff;
        border: none;
        padding: 0;
    }

    .mobtns-button svg {
        width: 34px;
        height: 34px;
    }

    .sr-productcard__title {
        padding-bottom: 20px;
        border-bottom: solid 1px #dedede;
    }

    .title-brandshare__articul {
        color: #009BDC;
    }

    .title-brandshare__articul svg {
        display: none;
    }

    .title-brandshare__share,
    .title-brandshare__addtogarage {
        display: none;
    }

    .sr-productcard__brand {
        display: none;
    }

    .sr-productcard__prop {
        display: none;
    }

    .sr-productcard__pic {
        margin-top: 0;
        margin-left: auto;
        margin-right: auto;
    }

    #id_sr-productcard-nav {
        display: none;
    }

    .sr-productcard .productcard__container {
        grid-template-columns: 1fr;
        grid-template-areas:
        "vars"
        "mobtns"
        "pic"
        "title";
    }

}

/* ======== END SEARCH PRODUCT CARD ======== */





/* ================ оформление модального окна =================== */
/* на кнопке Инфо id_sr-productcard-info (только в мобильном виде) */

.sr-modalproductcard {
    max-width: 100% !important;
}

.sr-modalproductcard .modal-dialog {
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 576px){
    .sr-modalproductcard .modal-dialog {
        width: 100%;
        height: 100%;
        margin: 0;
    }
}

.sr-modalproductcard .modal-content {
    height: auto;
    min-height: 60dvh;
    border-radius: 10px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}
@media (max-width:576px) {
    .sr-modalproductcard .modal-content{
        height: 100%;
        border-radius: 0;
    }
}

.sr-modalproductcard__header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: none;
}

.sr-modalproductcard__title {
    font-size: 24px;
    font-weight: 700;
}

.sr-modalproductcard__body {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    flex: 1;
    padding-top: 10px;
}

.sr-modalproductcard__select {
    width: 100%;
    font-size: 14px;
    padding: 10px 36px 10px 14px; /* место под стрелку */
    color: #808080;
    border: 1px solid #808080;
    border-radius: 8px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='5' viewBox='0 0 10 5' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.48594 4.38844L0.207689 1.18902C0.0746653 1.05842 0 0.881748 0 0.697599C0 0.51345 0.0746653 0.336784 0.207689 0.206184C0.274084 0.140851 0.353078 0.0889955 0.440111 0.0536076C0.527145 0.0182196 0.620497 0 0.714783 0C0.809068 0 0.90242 0.0182196 0.989454 0.0536076C1.07649 0.0889955 1.15548 0.140851 1.22188 0.206184L4.49299 3.41258C4.55938 3.47791 4.63838 3.52977 4.72541 3.56516C4.81244 3.60055 4.9058 3.61877 5.00008 3.61877C5.09437 3.61877 5.18772 3.60055 5.27475 3.56516C5.36179 3.52977 5.44078 3.47791 5.50718 3.41258L8.77829 0.206184C8.91183 0.0749283 9.09333 0.000822451 9.28286 0.000168847C9.47238 -0.000484757 9.65441 0.072368 9.7889 0.202699C9.92339 0.333031 9.99933 0.510165 10 0.695135C10.0007 0.880105 9.92602 1.05776 9.79247 1.18902L6.51422 4.38844C6.11247 4.78004 5.56789 5 5.00008 5C4.43228 5 3.88769 4.78004 3.48594 4.38844Z' fill='black'/%3E%3C/svg%3E")
    no-repeat right 10px center;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.sr-modalproductcard__content {
    flex: 1;
}

.sr-tab-content {
    display: none;
}

.sr-tab-content.active {
    display: block;
}

.sr-block {
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,.15);
    padding-bottom: 5px;
    margin-top: 14px;
}

.sr-block__title{
    background: #233440;
    color:#ffffff;
    padding: 10px 14px;
    border-radius: 8px 8px 0 0;
    margin-bottom: 10px;
    font-weight: 500;
}

.sr-block__text {
    font-size:14px;
    margin: 14px;
    color: #000000;
}

.sr-block__text p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

.sr-block__text .hdr {
    font-size: 14px;
    font-weight: 500;
    margin-top: 15px;
    margin-bottom: 5px;
}

.sr-block__text .tb-itemcharact {
    border-top: none;
    color: #000000;
}

.sr-block__text .usage-marks--list {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.sr-block__text .marks-item {
    padding: 5px 10px 4px 10px;
    border: solid 1px #808080;
    border-radius: 60px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    overflow: visible;
    text-overflow: inherit;
}
.sr-block__text .marks-item:hover {
    border: solid 1px #000000;
}

.sr-block__text .documents-list {
    margin: 0;
}

.sr-block__text .documents-list li svg {
    top: 10px;
}

.sr-block__text .documents-list a {
    display: block;
    padding-top: 4px;
    padding-bottom: 4px;
}












/*--------------------- список результатов поиска ---------------------*/
/*
иерархия такова:
- productlist-block -- верхний блок
-- productlist-block__header -- чорненькая полоса-хидер, по клику на которой блок сворачивается-разворачивается
-- productlist-block__catalog -- тело, где находятся айтемы и которое сворачивается/разворачивается по клику на хидер
---- productlist__item -- сам айтем
------- productlist__item-brand -- поле Брэнд
------- productlist__item-title -- поле Наименование
------- productlist__item_param -- блок с остальными полями
---------- productlist__item_row -- строки  разных складов (повторем в Аналог)
------------- productlist__item-* -- поля айтемов склада
--(------) sr-moreitems -- кнопка показать еще больше productlist__item ИЛИ productlist__item_row

productlist__item_row#pl-item_* -- id в строке айтемов служит только! для определения дополнительной выпадухи с иконками в мобильном виде. Предложил бы пересмотреть такую концепцию, в мобильном виде там вполне помещаются 3-5 иконок и не пришлось бы городить с выпадающим меню иконок.
*/

.sr-catalog__productlist {
    display: block;
    margin: -75px 0 30px 0;
    container-type: inline-size;
    container-name: productlist-row;
}

/* если нажата Скрыть фильтр, компенсируем отрицательный верхний отступ */
.no-filter .sr-catalog__productlist {
    margin-top: -55px;
}

@media (max-width: 850px) {

    .sr-catalog__productlist {
        margin: 15px 0 0 0;
    }

    .no-filter .sr-catalog__productlist {
        margin-top: 20px;
    }

}

.productlist-block {
    margin: 20px 0;
}


/* хидер */

.productlist__header {
    display: grid;
    grid-template-columns:
        minmax(80px, 2fr)        /* бренд */
        minmax(100px, 4fr)       /* название` */
        minmax(40px, 50px)       /* кол-во */
        minmax(188px, 188px)     /* склад */
        minmax(40px, 40px)       /* возврат */
        minmax(80px, 80px)       /* поставка */
        minmax(80px, 100px)      /* цена */
        minmax(110px, 110px)     /* в корзину */
        minmax(60px, 70px);      /* иконки */
    gap: 10px;
    align-items: center;
}

.productlist__header > div {
    white-space: nowrap;
}

.productlist__header .header-sorted {
    cursor: pointer;
}
.productlist__header .header-sorted:hover {
    color: #000000;
}

.productlist__header svg {
    width: 14px;
    height: 14px;
    position: relative;
    top: -1px;
}

.productlist__header-brand  {
    text-align: left;
}

.productlist__header-title  {
    text-align: left;
}

.productlist__header-qnt {
    text-align: center;
}

.productlist__header-warehouse {
    text-align: center;
}

.productlist__header-return {
    text-align: center;
}

.productlist__header-supply {
    text-align: center;
}

.productlist__header-price {
    text-align: right;
}

.productlist__header {
    min-height: 45px;
    padding: 0 10px;
    background: #F5F5F5;
    font-size: 13px;
    font-weight: 400;
    color: #808080;
}


/* айтем (только Бренд, Название) */
.productlist__item {
    display: grid;
    grid-template-columns:
        minmax(80px, 2fr)       /* бренд */
        minmax(100px, 4fr);     /* название */
        minmax(100px, 6fr);     /* блок параметров */
    gap: 10px;
    align-items: center;
    padding: 8px 10px;
    color: #020813;
    font-size: 14px;
    border-bottom: solid 1px #dedede;
}
.productlist__item:hover {
    background-color: #F8F8F8 ;
}

/* блок параметров (со строками складов) */
.productlist__item_param {
    grid-column: 3;
}

/* строка склада (все остальное) */
.productlist__item_row {
    display: grid;
    grid-template-columns:
        minmax(40px, 50px)       /* кол-во */
        minmax(188px, 188px)     /* склад */
        minmax(40px, 40px)       /* возврат */
        minmax(80px, 80px)       /* поставка */
        minmax(80px, 100px)      /* цена */
        minmax(110px, 110px)     /* в корзину */
        minmax(60px, 80px);      /* иконки */
    gap: 10px;
    align-items: center;
    margin: 10px 0;
}


/* поля айтема */

.productlist__item-brand {
    grid-column: 1;
    display: flex;
    flex-direction: column;
}

.productlist__item-brand .item-article {
    text-decoration: underline;
}
.productlist__item-brand .item-article:hover {
    text-decoration: none;
    color: #000000;
}

.productlist__item-brand .item-brand {
    font-weight: 500;
}

.productlist__item-brand .item-icons {
    display: flex;
    gap: 2px;
    margin-left: -1px;
}
.productlist__item-brand .item-icons svg {
    width: 18px;
    height: 18px;
    border: solid 1px #ffffff;
}

.productlist__item-title {
    grid-column: 2;
    color: #020813;
    min-width: 0;
}

.productlist__item-qnt {
    text-align: center;
}

.productlist__item-warehouse {
    position: relative;
}

.warehouse-name {
    font-weight: 500;
    color: #000000;
    background-color: #eeeeee;
    border: solid 1px rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.15) inset;
    padding: 9px 5px;
    width: 180px;
    margin-right: 8px;
    text-align: center;
    line-height: 1;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.warehouse-sub {
    position: absolute;
    z-index: 2;
    right: 0;
    top: -6px;
    color: #ffffff;
    font-size: 12px;
    padding: 2px 0 1px 0;
    width: 25px;
    text-align: center;
    line-height: 1;
    background-color: #545454;
    border-radius: 4px;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
}

.wh-color--green        { background-color: #EEF9EE !important; }
.wh-color--yellow       { background-color: #FFF5E6 !important; }
.wh-color--red          { background-color: #FFEBEB !important; }
.whsub-color--green     { background-color: #50BA4D !important; }
.whsub-color--yellow    { background-color: #FFB340 !important; }
.whsub-color--red       { background-color: #FE6666 !important; }

.productlist__item-return {
    text-align: center;
}

.productlist__item-supply {
    display: flex;
    flex-direction: column;
}

.supply-date {
    font-size: 12px;
    color: #808080;
    text-align: center;
    white-space: nowrap;
}

.supply-time {
    font-size: 12px;
    color: #808080;
    text-align: center;
    white-space: nowrap;
}

.supply-time::before {
    display: inline-block;
    content: "";
    position: relative;
    top: 1px;
    width: 10px;
    height: 10px;
    margin-right: 3px;
    background: url("data:image/svg+xml,%3Csvg width='10' height='10' viewBox='0 0 10 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5 0C6.32564 0.00143378 7.59681 0.52845 8.53418 1.46582C9.47155 2.40319 9.99857 3.67436 10 5C10 5.98891 9.70663 6.95607 9.15723 7.77832C8.60783 8.60038 7.82658 9.24076 6.91309 9.61914C5.99951 9.99751 4.99425 10.0972 4.02441 9.9043C3.05453 9.71136 2.16409 9.2344 1.46484 8.53516C0.765596 7.83591 0.288637 6.94547 0.0957031 5.97559C-0.0972094 5.00575 0.00248706 4.00049 0.380859 3.08691C0.759239 2.17342 1.39962 1.39217 2.22168 0.842773C3.04392 0.293367 4.01109 4.47762e-07 5 0ZM6.59473 1.15039C5.8335 0.83508 4.99562 0.752426 4.1875 0.913086C3.37925 1.07386 2.63643 1.47099 2.05371 2.05371C1.47099 2.63643 1.07386 3.37925 0.913086 4.1875C0.752427 4.99562 0.83508 5.8335 1.15039 6.59473C1.46576 7.35602 2.00038 8.00703 2.68555 8.46484C3.37065 8.92248 4.1761 9.16699 5 9.16699C6.1047 9.16578 7.16417 8.72645 7.94531 7.94531C8.72645 7.16417 9.16578 6.1047 9.16699 5C9.16699 4.1761 8.92248 3.37065 8.46484 2.68555C8.00703 2.00038 7.35603 1.46576 6.59473 1.15039ZM5 2.5C5.11047 2.50003 5.21681 2.54395 5.29492 2.62207C5.37293 2.70019 5.41699 2.80659 5.41699 2.91699V4.94922C5.41775 5.02055 5.39945 5.0917 5.36523 5.1543C5.33103 5.21669 5.281 5.26886 5.2207 5.30664L3.62109 6.30664C3.52716 6.36532 3.41358 6.3843 3.30566 6.35938C3.19789 6.33439 3.10452 6.26766 3.0459 6.17383C2.98737 6.08004 2.96839 5.96711 2.99316 5.85938C3.01809 5.75146 3.08478 5.65731 3.17871 5.59863L4.58301 4.71875V2.91699C4.58301 2.80654 4.62701 2.7002 4.70508 2.62207C4.78322 2.54393 4.88949 2.5 5 2.5Z' fill='%23808080'/%3E%3C/svg%3E")
    no-repeat center;
}

.productlist__item-price {
    text-align: right;
    white-space: nowrap;
    font-weight: 700;
}

.productlist__item-tocart {
    position: relative;
    width: 110px;
}

.productlist__item-tocart .button {
    width: 100%;
    height: 34px;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.productlist__item-actions {
    display: flex;
    gap: 8px;
    justify-content: flex-end;
}

.productlist__item-actions .actions-icon svg {
    width: 16px;
    height: 16px;
    color: #808080;
}
.productlist__item-actions .actions-icon:hover svg {
    color: #009BDC;
}

.productlist__item-actions .sr-action-mob {
    display: flex;
    gap: 8px;
}

.productlist__item-actions .sr-action-mob__btnmenu {
    display: none;
}


/* если несколько productlist__item_row (в Аналогах), то выравниваем по верху */

.item--hasrows .productlist__item-brand,
.item--hasrows .productlist__item-title {
    align-self: flex-start;
    margin-top: 10px;
}


/* переключаем стили по контейнеру */
@container productlist-row (max-width: 1000px) {

    .productlist__header {
        display: none;
    }

    .productlist__item {
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "title"
            "brand"
            "param";
        gap: 5px;
        font-size: 13px;
        align-items: start;
        padding: 15px 15px 5px 15px;
        min-width: 300px;
        border-bottom: solid 1px #eeeeee;
        color: #000000;
        box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    }

    .productlist__item.item--rounded {
        border-radius: 10px;
        border: none;
    }

    .productlist__item_param {
        grid-area: param;
        margin-top: 0;
    }

    .productlist__item_row {
        grid-area: row;
        grid-template-columns: 1fr;
        grid-template-rows: auto;
        grid-template-areas:
            "price price qnt qnt"
            "supply supply return return"
            "warehouse warehouse warehouse warehouse"
            "tocart tocart tocart actions";
        gap: 5px;
        font-size: 13px;
        align-items: start;
        color: #000000;
        margin-top: 0;
    }


    .productlist__item-title {
        grid-area: title;
        font-weight: 500;
        font-size: 16px;
    }

    .productlist__item-brand {
        grid-area: brand;
        flex-direction: row;
        align-items: center;
        gap: 10px;
    }

    .productlist__item-brand .item-brand {
        font-weight: 400;
    }

    .productlist__item-brand .item-article {
        text-decoration: none;
    }
    .productlist__item-brand .item-article:before {
        content: "Арт. "
    }

    .productlist__item-price {
        grid-area: price;
        text-align: left;
        font-size: 22px;
        font-weight: 700;
        margin-top: 5px;
        align-self: flex-end;
    }

    .productlist__item-qnt {
        grid-area: qnt;
        text-align: right;
        color: #808080;
        white-space: nowrap;
        align-self: flex-end;
    }
    .productlist__item-qnt:before {
        content: "В наличии: ";
    }
    .productlist__item-qnt:after {
        content: " шт";
    }

    .productlist__item-supply {
        grid-area: supply;
        flex-direction: row;
        gap: 8px;
        align-self: flex-end;
    }

    .productlist__item-supply .supply-date,
    .productlist__item-supply .supply-time {
        text-align: left;
        font-size: 12px;
        color: #808080;
    }

    .productlist__item-return {
        grid-area: return;
        text-align: right;
        white-space: nowrap;
        color: #808080;
        align-self: flex-end;
    }
    .productlist__item-return:before {
        content: "Срок возврата: ";
    }
    .productlist__item-return:after {
        content: " дн";
    }

    .productlist__item-warehouse {
        grid-area: warehouse;
        margin-top: 10px;
        padding-right: 10px;
        width: 100%;
    }

    .productlist__item-warehouse .warehouse-name {
        width: 100%;
    }

    .productlist__item-tocart {
        grid-area: tocart;
        width: 100%;
        margin-top: 10px;
        align-self: center;
    }

    .productlist__item-tocart .button {
        width: 100%;
        max-width: 350px;
        height: 42px;
    }

    .productlist__item-actions {
        grid-area: actions;
        gap: 5px;
        margin-top: 10px;
        min-width: 90px;
        align-self: center;
        position: relative;
    }

    .actions-icon {
        padding: 6px;
    }

    .productlist__item-actions .actions-icon svg {
        width: 24px;
        height: 24px;
    }

    .productlist__item-actions .sr-action-mob { display: none; }

    .productlist__item-actions .sr-action-mob__btnmenu { display: block; }

    .productlist__item-actions .btnmenu--menu { display: block; }

    .productlist__item-actions .btnmenu--close { display: none; }

    .productlist__item-actions.openmenu .sr-action-mob {
        display: flex;
        position: absolute;
        bottom: 40px;
        right: -6px;
        z-index: 51;
        flex-direction: column;
        padding: 6px;
        background: #ffffff;
        border-radius: 6px;
        box-shadow: 0 0 8px rgba(0,0,0,0.15);
    }

    .productlist__item-actions.openmenu .btnmenu--menu { display: none; }

    .productlist__item-actions.openmenu .btnmenu--close { display: block; }

}


/* кнопка Показать еще ХХХ предложений */

.sr-moreitems {
    display: flex;
    position: relative;
    right: 0;
    min-width: 210px;
    font-size: 12px;
    padding: 6px 10px 5px 10px;
    border: solid 1px #000;
    margin: 18px 0 10px auto;
    text-align: center;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
}
.sr-moreitems:hover {
    border-color: #009BDC;
    color: #009BDC;
}

@media (max-width: 576px) {
    .sr-moreitems {
        width: 100%;
    }
}


/* Блок с карточками */

.productlist-block__header {
    cursor: pointer;
    position: relative;
    user-select: none;
    background: #233440;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 12px;
    border-radius: 8px 8px 0 0;
}

.productlist-block__header::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-25%) rotate(-135deg);
    transition: transform 0.25s ease;
}

.productlist-block__catalog {
    max-height: 2000px;
    opacity: 1;
    transition:
        max-height 0.35s ease,
        opacity 0.25s ease;
    margin-bottom: 30px;
}

.productlist-block.closed .productlist-block__catalog {
    max-height: 0;
    opacity: 0;
}

.productlist-block.closed .productlist-block__header::after {
    transform: translateY(-50%) rotate(45deg);
}

/* нет в наличии */
.item--notavailable,
.item--notavailable:hover {
    background-color: #FFF5E6;
}
.item--notavailable .productlist__item-tocart {
    color: #ff9900;
}

@container productlist-row (max-width: 1000px) {

    .item--notavailable .productlist__item_row {
        gap: 0;
    }

    .item--notavailable .productlist__item-tocart {
        font-size: 14px;
    }

    .item--notavailable .productlist__item-qnt,
    .item--notavailable .productlist__item-warehouse,
    .item--notavailable .productlist__item-return,
    .item--notavailable .productlist__item-supply,
    .item--notavailable .productlist__item-price
    {
        overflow: hidden;
        max-height: 0;
        margin: 0;
    }

}

/* кнопки инфо */

.productlist__item-brand .item-info {
    display: flex;
    gap: 0;
    margin-top: 5px;
}
.productlist__item-brand .item-info > div,
.productlist__item-brand .item-info button,
.productlist__item-brand .item-info a {
    display: block;
    border: none;
    padding: 4px;
    margin: 0;
    background-color: #EBEBEB;
}
.productlist__item-brand .item-info > div:only-child,
.productlist__item-brand .item-info button:only-child,
.productlist__item-brand .item-info a:only-child {
    padding: 4px;
    border-radius: 4px;
}
.productlist__item-brand .item-info > div:first-child:not(:only-child),
.productlist__item-brand .item-info button:first-child:not(:only-child),
.productlist__item-brand .item-info a:first-child:not(:only-child) {
    padding-left: 8px;
    border-radius: 4px 0 0 4px;
}
.productlist__item-brand .item-info > div:last-child:not(:only-child),
.productlist__item-brand .item-info button:last-child:not(:only-child),
.productlist__item-brand .item-info a:last-child:not(:only-child) {
    padding-right: 8px;
    border-radius: 0 4px 4px 0;
}
.productlist__item-brand .item-info > div svg,
.productlist__item-brand .item-info button svg,
.productlist__item-brand .item-info a svg {
    width: 16px;
    height: 16px;
    color: #808080;
}
.productlist__item-brand .item-info button:hover svg,
.productlist__item-brand .item-info a:hover svg {
    color: #009BDC;
}

@container productlist-row (max-width: 1000px) {

    .productlist__item-brand .item-info {
        margin-top: 0;
        margin-left: auto;
    }

}

/* оформление инпутов в корзине для Аналоги */

.item-tocart__qty {
    display: inline-flex;
    border: 1px solid #ddd;
    border-radius: 6px;
    overflow: hidden;
    width: 100%;
    max-width: 120px;
    height: 34px;
    font-size: 14px;
    color: #808080;
    white-space: nowrap;
    box-shadow: 0 0 4px rgba(0,0,0,0.1) inset;
}
.item-tocart__qty:hover {
    box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;
    color: #000000;
}

.item-tocart__qty-btn {
    flex: 1;
    height: 32px !important;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #808080;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.item-tocart__qty-btn:before {
    content: none;
}

.item-tocart__qty-btn.qty-minus::before {
    content: "";
    width: 8px;
    height: 2px;
    background-color: currentColor;
    border-radius: 1px;
    display: block;
}

.item-tocart__qty-btn.qty-minus.trash::before {
    width: 12px;
    height: 12px;
    background-color: currentColor;
    mask-image: url("/img/svg/icon-input-trash.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/img/svg/icon-input-trash.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.qty-minus:not(.trash)::before {
    background-color: #808080;
    mask-image: none;
    -webkit-mask-image: none;
}

.item-tocart__qty-btn.qty-plus {
    font-size: 18px;
    font-weight: 400;
}

.item-tocart__qty-value {
    flex: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
}

@container productlist-row (max-width: 1000px) {

    .item-tocart__qty {
        width: 100%;
        max-width: 350px;
        height: 42px;
    }

    .item-tocart__qty-btn {
        height: 40px !important;
    }

}


/* оформление переключений корзин в поле productlist__item-tocart  */

.item-tocart__cart-trigger {
    display: flex;
    align-items: center;
    width: 100%;
    height: 30px;
    background: none;
    border: none;
    cursor: pointer;
    color: #808080;
}
.item-tocart__cart-trigger:hover {
    color: #009BDC;
}

.item-tocart__cart-trigger .cart-trigger-name {
    flex: 1;
    min-width: 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: left;
    font-size: 12px;
}

.item-tocart__cart-trigger .cart-trigger-arrow {
    flex-shrink: 0;
    width: 5px;
    height: 5px;
    border-right: 1px solid currentColor;
    border-bottom: 1px solid currentColor;
    transform: rotate(45deg);
    transition: transform 0.2s ease;
    position: relative;
    top: -2px;
    right: 2px;
}
.item-tocart__cart-trigger.active .cart-trigger-arrow {
    transform: rotate(-135deg);
}

.item-tocart__dropdown {
    position: absolute;
    top: calc(100% - 2px);
    right: 0;
    width: 250px;
    background: #ffffff;
    border-radius: 6px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    display: none;
    z-index: 49;
    padding: 0 10px 10px;
}

.item-tocart__dropdown.dropup {
    top: auto;
    bottom: calc(100% + 6px);
}

.item-tocart__dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    color: #000000;
    padding: 10px 5px;
}

.item-tocart__dropdown-close {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400;
    color: #808080;
    position: relative;
    top: -1px;
}
.item-tocart__dropdown-close:hover {
    color: #000000;
}

.item-tocart__dropdown-item {
    width: 100%;
    border: none;
    border-radius: 4px;
    background: none;
    text-align: left;
    padding: 10px;
    cursor: pointer;
    font-size: 12px;
    color: #808080;
}

.item-tocart__dropdown-item:hover {
    color: #000000;
}

.item-tocart__dropdown-item.active {
    background: #F5F5F5;
    color: #000000;
}

.item-tocart__dropdown-create {
    margin-top: 8px;
    width: 100%;
    border: none;
    background: #009BDC;
    color: #fff;
    padding: 8px;
    border-radius: 4px;
    font-size: 12px;
}

@container productlist-row (max-width: 1000px) {

    .item-tocart__dropdown {
        position: absolute;
        top: calc(100% - 2px);
        left: 0;
        right: auto;
        width: 100%;
    }

}
/*--------------------- список Предложения с уценкой ---------------------*/

.sr-catalog__discountlist {
    display: block;
    margin: 0 0 30px 0;
    container-type: inline-size;
    container-name: discountlist-row;
}
@media (max-width: 850px) {
    .sr-catalog__discountlist {
        margin: 0;
    }
}

.discountlist-block {
    margin-bottom: 20px;
}

.discountlist-block__header {
    background: #233440;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 12px;
    border-radius: 10px 10px 0 0;
}

.discountlist-block__catalog {
    padding-left: 14px;
    padding-right: 14px;
    border-radius: 0 0 10px 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}



.discountlist__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    padding: 20px 0;
    color: #020813;
    font-size: 14px;
    border-bottom: solid 1px #dedede;
}

.discountlist__item:last-child {
    border-bottom: none;
}


.discountlist__item-radio {
    color: #020813;
    display: flex;
    align-items: center;
    cursor: pointer;
    flex: 1;
    max-width: 30px;
}

.discountlist__item-radio input[type='radio'] {
    width: 20px;
    height: 20px;
    accent-color: #009BDC;
    margin-right: 10px;
    position: relative;
    top: -3px;
    opacity: 0.3;
}
.discountlist__item-radio input[type='radio']:checked {
    opacity: 1;
}
.discountlist__item-radio input[type='radio']:checked ~ span {
    color: #009BDC;
}


.discountlist__item-cause {
    flex: 3;
}

.cause-images {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.cause-images > div {
    width: 55px;
    height: 55px;
    border-radius: 6px;
    background: #f5f5f5;
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.cause-images > div img {
    max-width: 100%;
    max-height: 100%;
    border-radius: 6px;
}

.cause-reason {
    display: inline-block;
    background: #ffffff;
    border-radius: 6px;
    padding: 10px 14px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    margin-top: 20px;
    font-size: 14px;
    color: #000000;
}

.cause-reason strong {
    display: block;
    font-weight: 500;
    margin-bottom: 3px;
}


.discountlist__item-pricesupply {
    flex: 1;
    max-width: 100px;
    justify-content: flex-end;
}

.pricesupply-price {
    font-size: 16px;
    text-align: right;
    white-space: nowrap;
    font-weight: 700;
}

.pricesupply-supply {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 6px;
    margin-top: 2px;
}


.discountlist__item-infoactions {
    flex: 1;
    justify-content: flex-end;
    max-width: 200px;
}

.infoactions-stock {
    font-size: 14px;
    color: #808080;
    white-space: nowrap;
    margin-bottom: 20px;
    text-align: right;
}

.infoactions-stock span {
    width: 6px;
    height: 6px;
    background: #50BA4D;
    border-radius: 50%;
    display: inline-block;
    margin-right: 6px;
    position: relative;
    top: -1px;
}

.infoactions-warehouse {
    position: relative;
    margin-left: auto;
    width: 188px;
}

.infoactions-cartactions {
    display: flex;
    gap: 12px;
    align-items: center;
    justify-content: flex-end;
    margin-top: 12px;
}

.cartactions-tocart .button {
    height: 30px;
    width: 116px;
    font-size: 14px;
    font-weight: 400;
    white-space: nowrap;
}

.cartactions-actions {
    height: 24px;
    width: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cartactions-actions svg {
    height: 16px;
    width: 16px;
    color: #808080;
}





@container discountlist-row (max-width:  600px) {

    .discountlist__item {
        display: block;
    }

    .discountlist__item-radio {
        display: none;
    }

    .discountlist__item-pricesupply {
        max-width: none;
        margin-top: 20px;
    }

    .discountlist__item-pricesupply {
        flex: 1;
        max-width: 100px;
        justify-content: flex-end;
    }

    .pricesupply-price {
        font-size: 22px;
    }

    .pricesupply-supply {
        justify-content: flex-start;
    }

    .infoactions-stock {
        font-size: 12px;
    }

    .discountlist__item-infoactions {
        justify-content: space-between;
        max-width: none;
        margin-top: -14px;
    }

    .infoactions-warehouse {
        padding-right: 10px;
        width: 100%;
    }

    .warehouse-name {
        width: 100%;
    }

    .infoactions-cartactions {
        margin-top: 14px;
        justify-content: space-between;
    }

    .cartactions-actions {
        height: 42px;
        width: 42px;
    }

    .cartactions-tocart  {
        flex: 1;
        width: 100%;
    }

    .cartactions-tocart .button {
        width: 100%;
        max-width: 350px;
        height: 42px;
    }

    .cartactions-actions svg {
        height: 24px;
        width: 24px;
    }

}



/* ======== MODAL PRODUCT CARD ======== */
/* ====== modal-productcard.html ====== */
/* карточка товара в модальном окне */
/* модальное окно основано на bootstrap v5.3 */

/* переделка модального окна карточки товара в зависимости от .sr-md-productcard */
.md-productcard {
    max-width: 100% !important;
}


/* настройка модального окна */

.md-productcard .modal-dialog {
    width: 99vw;
    max-width: 950px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}
@media (max-width: 768px) {
    .md-productcard .modal-dialog {
        width: 100%;
        height: auto;
        min-height: auto;
        margin: 0;
    }
}

.md-productcard .modal-content {
    height: 90vh;
    max-height: 700px;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}
@media (max-width: 768px) {
    .md-productcard .modal-content {
        height: 100%;
        max-height: 100%;
        border-radius: 0;
    }
}

.md-productcard .modal-header {
    padding-bottom: 0;
    border: none;
}

.md-productcard .modal-body {
    padding: 15px 50px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    min-height: 0;
}
@media (max-width: 960px) {
    .md-productcard .modal-body  {
        padding-left: 15px;
        padding-right: 15px;
    }
}


/*------------------------ блок индикации ---------------------*/

.md-productcard__indc {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
}

.md-productcard__indc-labels {
    flex: 1;
    display: flex;
    align-items: center;
    gap: 8px;
    flex-wrap: wrap;
}

.md-productcard__indc-labels .indc-label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 10px;
    padding: 1px 10px 1px  1px;
    border: solid 1px;
    border-radius: 30px;
}

.indc-label svg {
    width: 18px;
    height: 18px;
}

.indс-label--exclusive {
    color: #24D3FF;
    border-color: #24D3FF;
}
.indс-label--exclusive:after {
    content: "Эксклюзив";
}

.indс-label--specoffer {
    color: #9FCF3B;
    border-color: #9FCF3B;
}
.indс-label--specoffer:after {
    content: "Спецпредложение";
}

.indс-label--bestseller {
    color: #FF401C;
    border-color: #FF401C;
}
.indс-label--bestseller:after {
    content: "Бестселлер";
}

.indс-label--gift {
    color: #EE1212;
    border-color: #EE1212;
}
.indс-label--gift:after {
    content: "Подарок";
}


.md-productcard__indc-avlb {
    font-size: 14px;
    color: #808080;
    white-space: nowrap;
    padding-top: 4px;
}

.md-productcard__indc-avlb > span {
    display: inline-block;
    position: relative;
    top: -1px;
    width: 7px;
    height: 7px;
    margin-right: 6px;
    border-radius: 50%;
}
.md-productcard__indc-avlb .indc-avlb--yes{
    background-color: #50BA4D;
}
.md-productcard__indc-avlb .indc-avlb--no  {
    background-color: #FE6666;
}


/*------------------------ блок наименование-цена -------------------*/

.md-productcard__itemhead {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 16px;
}

.md-productcard__itemhead-itemtitle {
    width: 60%;
}

.md-productcard__itemhead-itemprice {
    width: 40%;
    min-width: 280px;
    padding-left: 50px;
}

@media (max-width:960px) {

    .md-productcard__itemhead-itemprice {
        padding-left: 20px;
    }

}

@media (max-width: 600px) {

    .md-productcard__itemhead {
        display: block;
    }

    .md-productcard__itemhead-itemtitle {
        width: 100%;
    }

    .md-productcard__itemhead-itemprice {
        width: 100%;
        padding-left: 0;
        margin-top: 25px;
    }

}

.md-productcard__itemhead-itemtitle .itemtitle-title {
    font-size: 20px;
    font-weight: 700;
}

.md-productcard__itemhead-itemtitle .itemtitle-brandshare {
    display: flex;
    gap: 14px;
    align-items: center;
    margin-top: 10px;
}

.md-productcard__itemhead-itemtitle .itemtitle-brandshare svg {
    width: 14px;
    height: 14px;
    color: #808080;
}

.itemtitle-brandshare__brand,
.itemtitle-brandshare__share {
    font-size: 14px;
    color: #808080;
}

.itemtitle-brandshare__share {
    text-decoration: underline;
}
.itemtitle-brandshare__share:hover {
    text-decoration: none;
    color: #000000;
}

.md-productcard__itemhead-itemprice {

}

.md-productcard__itemhead-itemprice .itemprice-block {
    padding: 20px;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
}

.itemprice-block__price {

}

.itemprice-block__price .price {
    color: #020813;
    font-size: 18px;
    margin-right: 10px;
    white-space: nowrap;
}

.itemprice-block__price .price strong {
    font-size: 24px;
    font-weight: 700;
}

.itemprice-block__price .price--old {
    color: #808080;
    text-decoration: line-through;
    white-space: nowrap;
}

.itemprice-block__price .analog {
    font-size: 12px;
    color: #808080;
    margin-top: 5px;
}

.itemprice-block__btns {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 15px;
}
@media (max-width: 600px) {
    .itemprice-block__btns {
        justify-content: space-between;
    }
}

.itemprice-block__btns .button {
    font-size: 14px;
    font-weight: 400;
    height: 34px;
}
@media (max-width: 600px) {
    .itemprice-block__btns .button {
        width: 100%;
        max-width: 250px;
    }
}

.itemprice-block__btns .favorite svg {
    width: 24px;
    height: 24px;
    color: #808080;
}

.itemprice-block__btns .favorite.active svg {
    color: #FF9900;
}


/* блок свойств (табы) */

.md-productcard__prop {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.md-productcard__prop-tabs {
    display: flex;
    gap: 50px;
    border-bottom: 1px solid #d9d9d9;
    margin-top: 5px;
}
@media (max-width: 600px) {
    .md-productcard__prop-tabs {
        gap: 20px;
        justify-content: space-between;
        margin-top: 25px;
    }
}

.md-productcard__prop-tabs .md-tab {
    background: none;
    border: none;
    padding: 8px 0;
    font-size: 14px;
    color: #808080;
    position: relative;
}

.md-productcard__prop-tabs .md-tab.active {
    color: #009BDC;
}

.md-productcard__prop-tabs .md-tab.active::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #009BDC;
}

.md-productcard__prop .md-tab-content {
    display: none;
    padding: 20px 0 22px 0;
}

.md-productcard__prop .md-tab-content.active {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.md-productcard__prop p {
    margin-top: 0.5em;
    margin-bottom: 0.5em;'
}


/* разные внутренности в контенте */

.md-productcard__prop .hdr {
    font-size: 14px;
    font-weight: 500;
    margin-bottom: 8px;
}

.tb-itemcharact {
    width: 100%;
    border-top: solid 1px #dedede;
    margin-bottom: 20px;
}

.tb-itemcharact tr {
    border-bottom: dashed 1px #dedede;
}

.tb-itemcharact td {
    font-size: 12px;
    padding-top: 10px;
    padding-bottom: 10px;
    vertical-align: top;
}

.tb-itemcharact td.td-prop {
    text-align: left;
}

.tb-itemcharact td.td-val {
    text-align: right;
    font-weight: 500;
    white-space: nowrap;
}


/*----------------------- тело Описание -------------------------*/

.md-prop__description {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow: hidden;
}
@media (max-width: 600px) {
    .md-prop__description {
        flex-direction: column;
    }
}

.md-prop__description-pic {
    flex: 0 0 300px;
    width: 300px;
    max-width: 300px;
}
@media (max-width: 600px) {
    .md-prop__description-pic {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 20px;
    }
}

.md-prop__description-genset {
    flex: 1 1 auto;
    font-size: 12px;
    overflow-y: auto;
    min-height: 0;
    color: #000000;
    padding-right: 10px;
}
@media (max-width: 768px) {
    .md-prop__description-genset {
        height: 100%;
    }
}


/* галерея с навигацией  */

.block-productgallery {
    width: 250px;
}
@media (max-width: 600px) {
    .block-productgallery {
        margin-left: auto;
        margin-right: auto;
    }
}


.productgallery__pic {
    width: 250px;
    height: 250px;
    margin-bottom: 20px;
}

.productgallery__pic-item {
    width: 250px;
    height: 250px;
    display: flex !important;
    align-items: center;
    justify-content: center;
}

.productgallery__pic-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

.productgallery__pic-mini {
    width: 250px;
    margin-left: auto;
    margin-right: auto;
}

.productgallery__pic-mini .slick-list {
    overflow: hidden;
}

.productgallery__pic-mini .slick-slide {
    width: auto !important;
    height: auto !important;
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.productgallery__pic-mini-item {
    border: 1px solid #dedede;
    background: #fff;
    box-sizing: border-box;
    display: flex !important;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .1s ease;
    padding: 3px;
}

.productgallery__pic-mini-item img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
    pointer-events: none;
}

.productgallery__pic-mini-item.slick-slide.slick-current.slick-active {
    border: 1px solid #808080 !important;
}



/*----------------- тело Характеристики -----------------*/

.md-prop__features {
    overflow-y: auto;
    padding-right: 10px;
}



/*-------------------- тело Применимость марки -----------------*/

.md-prop__usage {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.md-prop__usage-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}


/* поле поиска */

.md-prop__usage-toolbar .toolbar-search {
    position: relative;
    width: 100%;
    max-width: 260px;
}

.md-prop__usage-toolbar .toolbar-search input {
    width: 100%;
    height: 30px;
    padding-left: 10px;
    padding-right: 44px;
    font-size: 12px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #808080;
    border-radius: 6px;
    outline: none;
    transition: border-color 0.2s ease;
}
.md-prop__usage-toolbar .toolbar-search input:hover {
    border-color: #009BDC;
}

.md-prop__usage-toolbar .toolbar-search svg {
    width: 14px;
    height: 14px;
    color: #808080;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.md-prop__usage-toolbar toolbar-search input:hover + svg {
    color: #009BDC;
}


/* кнопки переключения видов */

.md-prop__usage-toolbar .toolbar-viewbtns {
    display: flex;
    gap: 3px;
    margin-left: auto;
}

.md-prop__usage-toolbar .toolbar-viewbtns button {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 32px;
    height: 32px;
    background-color: transparent;
}

.md-prop__usage-toolbar .toolbar-viewbtns button svg {
    width: 31px;
    height: 31px;
    color: #808080;
    transition: all 0.3s;
}

.md-prop__usage-toolbar .toolbar-viewbtns button:hover svg {
    color: #000000;
}

.md-prop__usage-toolbar .toolbar-viewbtns button.active svg {
    color: #009BDC;
}


/* блок марок сетка/список */

.md-prop__usage-marks.usage-marks--grid {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 15px;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 6px 10px 6px 6px;
    margin-top: 15px;
}

.md-prop__usage-marks.usage-marks--list {
    display: flex;
    flex-wrap: wrap;
    gap: 15px;
    min-height: 0;
    overflow-y: auto;
    padding: 6px 10px 6px 6px;
    margin-top: 15px;
}

.usage-marks--grid .marks-item {
    display: block;
    width: 123px;
    text-align: center;
}
@media (max-width: 576px) {
    .usage-marks--grid .marks-item {
        width: 30.33%;
    }
}
@media (max-width: 400px) {
    .usage-marks--grid .marks-item {
        width: 47%;
    }
}

.marks-item {
    width: auto;
    color: #000000;
    transition: all .3s ease;
}

.marks-item__logo  {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 70px;
    box-shadow: 0 0 6px rgba(0,0,0,0.2);
    border-radius: 8px;
    padding: 10px;
    transition: all .3s ease;
}
.marks-item:hover .marks-item__logo {
    box-shadow: 0 0 8px rgba(0,0,0,0.4);
}

.usage-marks--list .marks-item__logo  {
    display: none;
}

.marks-item__logo img  {
    width: 100%;
    height: auto;
    max-width: 103px;
    max-height: 60px;
}

.marks-item__name {
    text-align: center;
    padding: 8px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    font-size: 14px;
    font-weight: 500;
}

.usage-marks--list .marks-item__name {
    padding: 5px 10px 4px 10px;
    border: solid 1px #808080;
    border-radius: 60px;
    font-size: 14px;
    font-weight: 500;
    line-height: 1;
    overflow: visible;
    text-overflow: inherit;
}
.usage-marks--list .marks-item:hover .marks-item__name {
    border: solid 1px #000000;
}


/*-------------------- тело Применимость модификации -----------------*/

.md-prop__usagemod {
    display: none;
    flex-direction: column;
    flex: 1 1 auto;
    min-height: 0;
}

.md-prop__usagemod-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.md-prop__usagemod-toolbar .toolbar-back {
    background: transparent;
    border: none;
    font-size: 14px;
    color: #009BDC;
    text-align: left;
    width: 100px;
}

.toolbar-back svg {
    width: 12px;
    height: 12px;
    position: relative;
    top: -1px;
}

.md-prop__usagemod-mod {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    overflow-y: auto;
    padding: 0 10px 0 0;
    margin-top: 30px;
}


/* таблица модификаций */

.usagemod-table {
    width: 100%;
    font-size: 14px;
}

.usagemod-table .usagemod-row {
    display: grid;
    grid-template-columns:
        1fr
        1fr
        1fr
        1fr;
    column-gap: 30px;
    padding: 10px 0;
    position: relative;
}

.usagemod-table .usagemod-row--head {
    color: #808080;
    padding-top: 0;
}

.usagemod-table .usagemod-row:not(.usagemod-row--head)::before {
    content: "";
    position: absolute;
    top: 0;
    left: calc(20% + 30px);
    right: 0;
    height: 1px;
    background: #dedede;
}

.usagemod-table .model-title {
    font-weight: 400;
}

.usagemod-table .model-years {
    font-size: 12px;
    color: #808080;
    margin-top: 4px;
}

.usagemod-table .col-mod div {
    margin-bottom: 6px;
}

.usagemod-table .col-mod div:last-child {
    margin-bottom: 0;
}

.usagemod-table .usagemod-brand-mobile,
.usagemod-table .usagemod-head-mobile {
    display: none;
}

@media (max-width: 768px) {

    .usagemod-table .usagemod-head-desktop {
        display: none;
    }

    .usagemod-table .usagemod-brand-mobile {
        display: block;
        margin-bottom: 20px;
    }

    .usagemod-table .brand-label {
        color: #808080;
        margin-bottom: 6px;
    }

    .usagemod-table .brand-value {
        margin-bottom: 20px;
    }

    .usagemod-table .usagemod-head-mobile {
        display: grid;
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        margin-bottom: 10px;
        color: #808080;
    }

    .usagemod-table .usagemod-row {
        grid-template-columns: 1fr 1fr;
        column-gap: 20px;
        row-gap: 6px;
    }

    .usagemod-table .col-mark {
        display: none;
    }

    /* скрываем вторую колонку модификаций */
    .usagemod-table .col-mod:nth-child(4) {
        display: none;
    }

    /* divider на всю ширину */
    .usagemod-table .usagemod-row:not(.usagemod-row--head)::before {
        left: 0;
    }

}
.cart-message {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 20px;
    min-height: 300px;
    text-align: center;
}

.cart-message h1 {
    font-size: 18px;
    color: #000;
    margin-bottom: 10px;
}

.msg--red {
    color: #FD3333 !important;
}

.cart-message p {
    font-size: 14px;
    color: #808080;
}

.cart-message .button {
    margin-top: 20px;
    width: auto;
    height: auto;
    font-size: 14px;
    padding: 8px 14px 7px 14px;
}

.cart-helper {
    width: 100%;
    max-width: 320px;
    text-align: center;
    margin: 30px auto 0 auto;
    color: #000;
}

.cart-helper > div {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 0 10px;
    margin-top: 5px;
}

.cart-helper a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
}

/* убираем синий бляцкий фокус у всех кнопок bootstrap */
.button:focus,
.button:active,
.button:focus-visible {
    outline: none;
    box-shadow: none;
}
.button::before {
    border: none;
}

.form-select {
    width: 100%;
    height: 44px;
    color: #808080;
    font-size: 16px;
}


.button--red {
    background: #FD3333;
    border-color: #FD3333;
}

.button--red:hover {
    background: #FF5C5C;
    border-color: #FF5C5C;
}

.button--border {
    background: #fff;
    border-color: #dedede;
    color: #808080;
}

.button--border:hover {
    background: #fff;
    border-color: #00adf6;
    color: #009BDC;
}

.warn--yellow,
.warn--yellow svg {
    color: #FF9900 !important;
}

.warn--red,
.warn--red svg {
    color: #FD3333 !important;
}
/* список Корзин */

.cartlist {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 5px;
    margin-bottom: 40px;
    color: #808080;
    font-size: 16px;
}

@media (width <= 768px) {
    .cartlist {
        display: none;
    }
}

.cartlist__cartsall label {
    white-space: nowrap;
    color: #808080;
}

.cartlist__cartswrap {
    position: relative;
    display: flex;
    align-items: center;
    min-width: 0;
}

.cartlist__scroll {
    width: 30px;
    height: 35px;
    cursor: pointer;
    font-size: 25px;
    padding-bottom: 3px;
    flex-shrink: 0;
    transition: 0.2s;
    color: #808080;
}

.cartlist__scroll:hover {
    color: #000000;
}

.cartlist__scroll.disabled {
    opacity: 0;
    pointer-events: none;
}

.cartlist__scroll--prev {
    border-right: 1px solid #DEDEDE;
}

.cartlist__scroll--next {
    border-left: 1px solid #DEDEDE;
    /* компенсатор cartlist__cartstools при одиночном cartlist__cartsitem */
    margin-right: -15px;
}

.cartlist__carts {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    overflow: hidden;
    scroll-behavior: smooth;
    min-width: 0;
}

.cartlist__cartsitem {
    flex: 0 0 auto;
    display: flex;
    align-items: center;
    height: 35px;
    padding: 0 12px 0 18px;
    border: 1px solid #DEDEDE;
    border-radius: 6px;
    cursor: pointer;
    transition: all 0.3s ease;
    white-space: nowrap;
    position: relative;
}
.cartlist__cartsitem:hover {
    background-color: #F5F5F5;
}

.cartlist__cartsitem.active {
    color: #009BDC;
    background-color: #D9F0FA;
    border-color: #D9F0FA;
}

.cartlist__cartsitem-qnt:before {
    content:'(';
    margin-left: 5px;
}

.cartlist__cartsitem-qnt:after {
    content:')';
}


.cartsitem-close {
    width: 10px;
    height: 10px;
    margin-left: 10px;
    background: transparent url("/images/cartlist-x.svg") no-repeat center center;
}

.cartlist__cartsitem.active .cartsitem-close {
    background-image: url("/images/cartlist-x-blue.svg")
}

.cartlist__cartstools {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 15px;
    margin-left: 15px;
}

.cartlist__cartstools button {
    width: 30px;
    height: 30px;
    background: transparent;
    color: #808080;
}



/* список Корзин для мобил */

.cartlist_mobile {
    display: none;
    margin-bottom: 20px;
}

@media (width <= 768px) {
    .cartlist_mobile {
        display: block;
    }
}

.cartlist_mobile {
    position: relative;
    width: 100%;
    max-width: 350px;
}

.cartlist_mobile__current {
    width: 100%;
    height: 30px;
    padding: 0;
    border: none;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: 10px;
    cursor: pointer;
    font-size: 14px;
    color: #000000;
    margin-top: -10px;
}

.cartlist_mobile__current-text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.cartlist_mobile__current-arrow {
    width: 7px;
    min-width: 7px;
    height: 7px;
    border-right: 1px solid #808080;
    border-bottom: 1px solid #808080;
    transform: rotate(45deg);
    transition: 0.2s;
    margin-top: -5px;
}

.cartlist_mobile.open .cartlist_mobile__current-arrow {
    transform: rotate(-135deg);
    margin-top: 4px;
    border-color: #000000;
}

.cartlist_mobile__dropdown {
    position: absolute;
    top: calc(100% + 2px);
    left: 0;
    width: 100%;
    background: #fff;
    border-radius: 8px;
    padding: 8px 10px 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    display: none;
    z-index: 50;
}

.cartlist_mobile.open .cartlist_mobile__dropdown {
    display: block;
}

.cartlist_mobile__item {
    display: flex;
    align-items: center;
    margin: 2px auto;
    padding: 12px 6px;
    border-radius: 6px;
    font-size: 12px;
    color: #808080;
    cursor: pointer;
    transition: 0.2s;
}

.cartlist_mobile__item:hover {
    background: #F5F5F5;
}

.cartlist_mobile__item.active,
.cartlist_mobile__item--all.active .cartlist_mobile__checkbox-text span {
    color: #000000 !important;
    background: #F5F5F5;
}

.cartlist_mobile__checkbox {
    width: 100%;
}

.cartlist_mobile__checkbox-text span {
    font-size: 12px;
    padding-top: 1px;
}

.cartlist_mobile__create {
    width: 100%;
    height: 30px;
    margin-top: 12px;
    font-size: 12px;
}


.cartsitem-removeconfirm {
    position: absolute;
    width: 350px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    padding: 15px;
    z-index: 60;
    display: none;
}

.cartsitem-removeconfirm.active {
    display: block;
}

.cartsitem-removeconfirm__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 12px;
}

.cartsitem-removeconfirm__title {
    font-size: 14px;
    font-weight: 500;
    color: #000;
}

.cartsitem-removeconfirm__x {
    width: 24px;
    height: 24px;
    border: none;
    border-radius: 50%;
    background: #F5F5F5;
    color: #000;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    flex-shrink: 0;
    position: relative;
    top: -5px;
    right: -5px;
}

.cartsitem-removeconfirm__text {
    font-size: 14px;
    color: #808080;
    margin-bottom: 18px;
}

.cartsitem-removeconfirm__buttons {
    display: flex;
    gap: 12px;
}

.cartsitem-removeconfirm__buttons .button {
    flex: 1;
    height: 30px;
    padding: 0 16px;
    font-size: 14px;
}

@media (width <= 575px) {

    .cartsitem-removeconfirm {
        width: calc(100% - 30px);
        right: 15px;
    }

}
/* модалки для Корзин */
/* модальные окна  на bootstrap v5.3 */


/* unimodal - общие стили для простых модалок  */

.unimodal {
    max-width: 100% !important;
}

.unimodal .modal-dialog {
    width: 99vw;
    max-width: 600px;
    margin: 0 auto;
    display: flex;
    align-items: center;
}

.unimodal .modal-content {
    max-height: 75dvh;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    position: relative;
}

.unimodal .modal-header {
    padding: 25px 25px 15px 25px;
    border: none;
    font-weight: 600;
    font-size: 18px;
}

.unimodal .modal-body {
    padding: 10px 25px;
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
    overflow-y: auto;
    min-height: 0;
}

.unimodal .modal-footer {
    padding: 15px 25px 25px 25px;
    border: none;
    gap: 15px;
    flex-wrap: nowrap;
    justify-content: space-between;
}

.unimodal .modal-footer .button {
    flex: 1;
}

.unimodal .button {
    font-size: 14px;
    font-weight: 400;
    padding: 10px;
    height: auto;
    line-height: 1.1;
    margin: 0;
    max-width: 50%;
}

.unimodal .md-overlay {
    position: absolute;
    inset: 0;
    background: rgba(0,0,0,0.5);
    z-index: 15;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.unimodal .md-overlay.active {
    opacity: 1;
    visibility: visible;
}

.unimodal .md-confirm {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: calc(100% - 60px);
    max-width: 520px;
    background: #fff;
    border-radius: 10px;
    padding: 15px;
    box-shadow: 0 0 4px rgba(0,0,0,0.1);
    z-index: 51;
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.2s ease, visibility 0.2s ease;
}

.unimodal .md-confirm.active {
    opacity: 1;
    visibility: visible;
}

.unimodal .form-select {
    width: 100%;
    height: 44px;
    color: #808080;
    font-size: 16px;
    box-shadow: none !important;
}



@media (width <= 575px) {

    .unimodal .modal-dialog {
        width: 95dvw;
    }

    .unimodal .modal-header {
        padding: 15px;
        font-size: 16px;
    }

    .unimodal .modal-body  {
        padding-left: 15px;
        padding-right: 15px;
    }

    .unimodal .modal-footer {
        padding: 15px;
        gap: 10px;
    }

}



/* список Корзин из меню */

.md-block-clitem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 10px 14px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
}

.md-clitemplate {
    flex: 1;
    display: flex;
    flex-direction: column;
    gap: 5px;
    font-size: 14px;
}

.clitem__cart-name {
    font-size: 16px;
    font-weight: 500;
    color: #000;
}

.clitem--default .clitem__cart-name:before {
    content: "";
    display: inline-block;
    width: 11px;
    height: 11px;
    background: transparent url(../images/cart-thumb-mini.svg) no-repeat center center;
    margin-right: 8px;
}

.clitem--default .clitem__cart-name:after {
    content: "(по умолчанию)";
    color: #808080;
    font-size: 14px;
    font-weight: normal;
    margin-left: 4px;
}

.clitem__cart-name-input {
    width: 90%;
    font-weight: normal;
    border: solid 1px #DEDEDE;
    border-radius: 6px;
    background: #F5F5F5;
    padding: 7px 10px 6px 10px;
    margin-bottom: 5px;
}

.clitem__cart-prop {
    color: #808080;
}

.clitem__cart-prop span {
    font-weight: 500;
    color: #000;
    white-space: nowrap;
}

.clitem__cart-date {
    color: #808080;
}

.clitem__cart-note {
    font-size: 12px;
    color: #808080;
}

.clitem__cart-note-input {
    width: 90%;
    font-weight: normal;
    color: #808080;
    border: solid 1px #DEDEDE;
    border-radius: 6px;
    background: #F5F5F5;
    padding: 7px 10px 6px 10px;
    margin-bottom: 5px;
}

.md-clitembtns {
    display: flex;
    justify-content: flex-end;
    gap: 5px;
}

.md-clitembtns button {
    width: 20px;
    height: 20px;
    border: none;
    background: #fff;
}

.md-clitembtns button svg {
    width: 14px;
    height: 14px;
    color: #808080;
    transition: 0.3s;
}

.md-clitembtns button:hover svg {
    color: #000;
}

.clitem--default .clbtns__thumb {
    display: none;
}

.md-cartlist-confirm__text {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 20px;
}

.md-cartlist-confirm__buttons {
    display: flex;
    gap: 15px;
}

.md-cartlist-confirm__buttons button {
    flex: 1;
}


/* Перемещение корзины */

.md-cartmove-select {
    display: block;
}

.md-cartmove-select__label {
    display: block;
    margin-bottom: 10px;
    font-size: 14px;
    color: #000;
}


/* Привязки корзины к гаражу */

.md-block-cgitem {
    padding: 15px 20px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    margin-bottom: 10px;
    position: relative;
}

.md-cartgarage .modal-footer {
    justify-content: flex-end;
}

.cgitem__garage-name {
    font-size: 16px;
    font-weight: 600;
    color: #020813;
}

.cgitem__garage-vin {
    margin-top: 5px;
    font-size: 14px;
    color: #9FA7B6;
}

.cgitem__garage-chars {
    margin-top: 15px;
}

.cgitem__garage-chars table {
    border-collapse: inherit;
    border-spacing: 0;
    border-color: inherit;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 30px;
}

.cgitem__garage-chars tr:nth-child(odd) td {
    background: #FAFAFA;
}

.cgitem__garage-chars td {
    padding: 5px;
    font-size: 12px;
}

.cgitem__garage-chars td:first-child {
    color: #808080;
    white-space: wrap;
}

.cgitem__garage-chars td:last-child {
    color: #020813;
    white-space: wrap;
    word-break: break-all;
}

.cgitem__garage-chars summary {
    font-size: 14px;
    font-weight: 500;
    color: #020813;
    margin-right: 80px;
}

.cgitem__garage-btnbind {
    position: absolute;
    z-index: 2;
    right: 15px;
    bottom: 15px;
    width: 30px;
    height: 30px;
    color: #808080;
    background: #fff;
    border: solid 1px #dedede;
    border-radius: 6px;
}

.cgitem__garage-btnbind:hover {
    border-color: #00adf6;
}

.cgitem__garage-btnbind svg {
    width: 16px;
    height: 16px;
    color: #808080;
    transition: 0.2s;
}

.cgitem__garage-btnbind:hover svg {
    color: #009BDC;
}


/* Импорт товара в корзину */

.md-cartimport-block {
    color: #000;
    font-weight: 400;
    font-size: 14px;
}

.md-cartimport-block h2 {
    color: #000;
    font-weight: 400;
    font-size: 14px;
    margin-bottom: 20px;
}

.md-cartimport-buttons {
    margin-top: 25px;
    display: flex;
    justify-content: flex-start;
    gap: 10px;
}

.md-cartimport-buttons .button {
    flex: 1;
    max-width: 30%;
}

.md-cartimport-buttons .button:last-child {
    justify-self: flex-end;
    margin-left: auto;
}

@media (width <= 575px) {

    .md-cartimport-buttons .button {
        max-width: 50%;
    }

    .md-cartimport-buttons__btn-prev {
        display: none;
    }

}


.md-cartimport-steps > div {
    display: none;
}

.md-cartimport-steps > div.active {
    display: block;
}


.ci-upload-excel {
    width: 100%;
}

.ci-upload-excel__dropzone {
    min-height: 70px;
    border: 2px dashed #D8D8D8;
    border-radius: 8px;
    background: #fff;
    padding: 25px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    cursor: pointer;
    transition: 0.2s;
}

.ci-upload-excel__dropzone:hover,
.ci-upload-excel__dropzone.dragover {
    border-color: #00adf6;
    background: #f5f5f5;
}

.ci-upload-excel__title {
    font-size: 14px;
    font-weight: 500;
    color: #808080;
    margin-bottom: 8px;
}

.ci-upload-excel__note {
    font-size: 12px;
    color: #B0B0B0;
}

.ci-upload-excel__files {
    margin-top: 12px;
    text-align: center;
}

.ci-upload-excel__file {
    min-height: 40px;
    border: 1px solid #DEDEDE;
    border-radius: 6px;
    padding: 0 12px;
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #000;
    margin-bottom: 8px;
}

.cs-upload-excel__file.error {
    text-align: center;
    color: #FD3333;
}

.ci-import-settings {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.ci-import-row {
    display: flex;
    gap: 20px;
}

.ci-import-field {
    flex: 1;
    display: flex;
    flex-direction: column;
}

.ci-import-field .form-label {
    margin-bottom: 8px;
    font-size: 14px;
    color: #000;
}

.ci-import-field .form-select {
    height: 42px;
    border-radius: 8px;
    border-color: #DEDEDE;
    font-size: 16px;
    color: #808080;
    box-shadow: none;
}

.ci-import-field .form-select:focus {
    border-color: #00adf6;
    box-shadow: none;
}

@media (width <= 575px) {
    .ci-import-row {
        gap: 12px;
    }
}

.ci-import-table {
    margin-top: 30px;
    margin-bottom: 10px;
}

.ci-import-table table {
    border-collapse: collapse;
    border-spacing: 0;
    border-color: inherit;
    width: 100%;
}

.ci-import-table table thead td {
    background: #dedede;
}

.ci-import-table table td.tdhead {
    background: #dedede;
}

.ci-import-table table td {
    padding: 4px;
    font-size: 14px;
    border: solid 1px #808080;
    color: #000;
}

.multicarts-block {
    margin-bottom: 50px;
}

.multicart {
    margin-bottom: 15px;
}

.multicart__header {
    cursor: pointer;
    position: relative;
    user-select: none;
    background: #233440;
    color: #ffffff;
    font-size: 16px;
    padding: 12px 40px 12px 12px;
    border-radius: 8px;
    margin-bottom: 15px;
}

.multicart__header:after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-25%) rotate(-135deg);
    transition: transform 0.25s ease;
}

.multicart.closed .multicart__header:after {
    transform: translateY(-50%) rotate(45deg);
}

.multicart__header-name {
    font-weight: 600;
}

.multicart__header-qnt {
    font-weight: 400;
    white-space: nowrap;
}

.multicart__header-qnt:before {
    content: '(Товаров: '
}
@media (width <= 768px) {
    .multicart__header-qnt:before {
        content: '('
    }
}

.multicart__header-qnt:after {
    content: ')'
}


.multicart__block {
    display: flex;
    gap: 15px;
    max-height: 10000px;
    opacity: 1;
    transition: max-height 0.35s ease, opacity 0.25s ease;
    margin-bottom: 30px;
}

@media (width <= 850px) {
    .multicart__block {
        flex-direction: column;
        gap: 0;
    }
}

.multicart.closed {
    margin: 0;
}

.multicart.closed .multicart__block {
    max-height: 0;
    opacity: 0;
    display: none;
}


.carts-block {
    flex: 1;
    container: carts-block-container / inline-size; /* контейнер для переключения @media */
}



.carts__tools {
    flex: 1;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    min-height: 50px;
    padding: 10px;
    font-size: 14px;
    margin-bottom: 15px;
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

@media (width <= 768px) {
    .carts__tools {
        box-shadow: none;
        padding: 0;
    }
}

.cartstool-selectall {
    display: flex;
    align-items: center;
    gap: 15px;
    font-size: 14px;
}

.cartstool-selectall__check .checkbox-block__label {
    color: #000;
    line-height: 1.4;
    white-space: nowrap;
}

.cartstool-selectall__select {
    line-height: 1.4;
    white-space: nowrap;
}

@media (width <= 768px) {
    .cartstool-selectall__select {
        display: none;
    }
}

.cartstool-btns {
    flex: 1;
    justify-content: flex-end;
    display: flex;
    gap: 10px;
}

.cartstool-btns button {
    width: 32px;
    height: 32px;
    background: #F5F5F5;
    border-radius: 6px;
}

.cartstool-btns button:hover {
    background: #dedede;
}

.cartstool-btns button svg {
    color: #808080;
    width: 16px;
    height: 16px;
}

.cartstool-btns button:hover svg {
    color: #000;
}

.cartstool-btns--mobile {
    display: none;
    position: relative;
}

@media (width <= 768px) {

    .cartstool-btns {
        display: none;
    }

    .cartstool-btns--mobile {
        display: flex;
    }

}

.cartstool-mobilemenu {
    position: absolute;
    top: calc(100% + 5px);
    right: 42px;
    width: 200px;
    background: #fff;
    border-radius: 8px;
    padding: 5px 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
    z-index: 30;
}

.cartstool-btns--mobile.open .cartstool-mobilemenu {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cartstool-mobilemenu button {
    width: 100%;
    padding: 8px 6px;
    border: none;
    border-radius: 6px;
    background: transparent;
    display: flex;
    align-items: center;
    gap: 10px;
    cursor: pointer;
    transition: 0.2s;
    margin: 5px auto;
}

.cartstool-mobilemenu button:hover {
    background: #F5F5F5;
}

.cartstool-mobilemenu button.active {
    background: #F5F5F5;
}

.cartstool-btns__download:disabled {
    cursor: default;
    opacity: .6;
}

.cartstool-btns__download:disabled:hover {
    background: transparent;
}

.cartstool-btns__download:disabled:hover span {
    color: #808080;
}

.cartstool-mobilemenu button svg {
    width: 16px;
    height: 16px;
    color: #808080;
    flex-shrink: 0;
    background: transparent;
}

.cartstool-mobilemenu button span {
    font-size: 14px;
    color: #808080;
}

.cartstool-mobilemenu button:hover span {
    color: #000;
}

.cartstool-mobilemenu__divider {
    height: 1px;
    background: #DEDEDE;
    margin: 8px 0;
}

.cartstool-mobilemenu__item--danger {
    background: #FFEBEB !important;
}

.cartstool-mobilemenu__item--danger svg,
.cartstool-mobilemenu__item--danger span {
    color: #FF3333 !important;
}



.carts-toolbar {
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 15px;
}

.carts-toolbar__search {
    position: relative;
    width: 100%;
    max-width: 320px;
}

.carts-toolbar__search input {
    width: 100%;
    height: 38px;
    padding: 0 10px 0 30px;
    font-size: 14px;
    color: #000000;
    background: #ffffff;
    border: 1px solid #dedede;
    border-radius: 10px;
    outline: none;
    transition: border-color 0.2s ease;
}
.carts-toolbar__search input:hover {
    border-color: #009BDC;
}

.carts-toolbar__search svg {
    width: 14px;
    height: 14px;
    color: #808080;
    position: absolute;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
}

.carts-toolbar__search input:hover + svg {
    color: #009BDC;
}

.carts-toolbar__btnscartsview {
    display: flex;
    gap: 5px;
}

.carts-toolbar__btnscartsview button {
    width: 31px;
    height: 31px;
    border: none;
    background: transparent;
}

.carts-toolbar__btnscartsview button svg {
    color: #808080;
}

.carts-toolbar__btnscartsview button.active svg {
    color: #009BDC;
}


.cartstool-sort {
    position: relative;
    flex: 1 0 auto;
    max-width: 200px;
    justify-self: flex-end;
}

@media (width <= 768px) {
    .cartstool-sort {
        width: 100%;
        max-width: none;
    }
}

.cartstool-sort__current {
    height: 32px;
    width: 100%;
    padding: 0 10px;
    border: 1px solid #DEDEDE;
    border-radius: 6px;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    cursor: pointer;
    transition: 0.2s;
}

.cartstool-sort__current:hover {
    background: #F5F5F5;
}

.cartstool-sort__current-text {
    font-size: 14px;
    color: #000;
}

.cartstool-sort__arrow {
    width: 8px;
    height: 8px;
    border-right: 1px solid #000;
    border-bottom: 1px solid #000;
    transform: rotate(45deg);
    margin-top: -5px;
    transition: 0.2s;
}

.cartstool-sort.open .cartstool-sort__arrow {
    transform: rotate(-135deg);
    margin-top: 4px;
}

.cartstool-sort__dropdown {
    position: absolute;
    top: calc(100% + 5px);
    right: 0;
    width: 200px;
    background: #fff;
    border-radius: 8px;
    padding: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    opacity: 0;
    visibility: hidden;
    transform: translateY(6px);
    transition:
        opacity 0.2s ease,
        visibility 0.2s ease,
        transform 0.2s ease;
    z-index: 20;
}

@media (width <= 768px) {
    .cartstool-sort__dropdown {
        width: 100%;
        max-width: none;
    }
}

.cartstool-sort.open .cartstool-sort__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.cartstool-sort__item {
    width: 100%;
    padding: 10px 8px;
    border: none;
    border-radius: 6px;
    background: transparent;
    display: flex;
    align-items: center;
    justify-content: space-between;
    cursor: pointer;
    transition: 0.2s;
    margin: 2px auto;
}

.cartstool-sort__item:hover {
    background: #F5F5F5;
}

.cartstool-sort__item span {
    font-size: 12px;
    color: #808080;
}

.cartstool-sort__item svg {
    width: 9px;
    height: 9px;
    color: #808080;
    flex-shrink: 0;
}

.cartstool-sort__item.active span {
    color: #000;
}

.cartstool-sort__item.active svg {
    color: #000;
}

.cartsorder-block {
    flex: 1;
    width: 100%;
    min-width: 300px;
    max-width: 320px;
}

@media (width <= 475px) {
    .cartsorder-block {
        max-width: none;
    }
}

.cartsorder-block .cartsorder {
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
    padding: 20px;
}

.cartsorder__hdr {
    font-size: 18px;
    font-weight: 600;
    margin-bottom: 10px;
    color: #000;
}

.cartsorder__item {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    padding: 12px 0 6px 0;
    border-bottom: 1px dashed #dedede;
    color: #000;
}

.cartsorder__item-prop {
    font-size: 14px;
}

.cartsorder__item-val {
    font-size: 16px;
    font-weight: 600;
    white-space: nowrap;
}

.cartsorder__submit {
    width: 100%;
    height: 42px;
    margin-top: 15px;
    font-size: 14px;
}

.cartsorder__msg {
    font-size: 12px;
    line-height: 1.1;
    margin-top: 15px;
    color: #808080;
}

.cartsorder-helper {
    text-align: center;
    margin: 15px auto 0 auto;
    color: #000;
}

.cartsorder-helper > div {
    max-width: 320px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    gap: 0 10px;
    margin: 5px auto auto auto;
}

.cartsorder-helper a {
    display: block;
    text-decoration: none;
    white-space: nowrap;
    font-weight: 500;
}

/*MM*/
.has-note svg {
    color: red;
}

.cart-storage-header {
    align-items: center;
    background: #233440;
    box-shadow: 0 0 8px 0 #0000001a;
    color: #fff;
    display: flex;
    gap: 15px;
    border-radius: 8px;
    justify-content: space-between;
    margin-top: 25px;
    margin-bottom: 15px;
    padding: 6px 15px 6px 15px;
    box-sizing: border-box;
    position: relative;
    width: 100%;
}

.cart-storage-header::after {
    content: "";
    position: absolute;
    right: 16px;
    top: 50%;
    width: 9px;
    height: 9px;
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: translateY(-25%) rotate(-135deg);
    transition: transform 0.25s ease;
    pointer-events: none;
}

.cart-storage-header--collapsed::after {
    transform: translateY(-50%) rotate(45deg);
}

.cart-storage-header__title {
    font-size: 14px;
    font-weight: 600;
}

.cart-storage-header__actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cart-storage-header__button {
    background: transparent;
    color: #fff;
    height: 24px;
    padding: 5px 10px;
    width: 29px;
}

.cart-storage-header--additional {
    background: #F5F5F5;
    color: #233440;
}

    .cart-storage-header--additional .cart-storage-header__button {
        color: #233440;
    }

.cart-storage-header--additional::after {
    border-color: #233440;
}

.cart-storage-additional-title {
    font-size: 20px;
    color: #000000;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 15px;
}

.cart-group-content {
    align-items: start;
    display: grid;
    gap: 24px;
    grid-template-columns: minmax(0, 1fr) 300px;
}

    .cart-group-content > .multicart__block {
        min-width: 0;
    }

.cart-group--inactive .cart-item > :not(.cig-mainmenu):not(.cig-commentalt),
.cart-group--inactive .cart-item__mainmenu,
.cart-group--inactive .cart-item__commentalt {
    opacity: .6;
}

@media (max-width: 991px) {
    .cart-storage-header {
        padding: 20px;
        align-items: flex-start;
        flex-direction: column;
    }

    .cart-group-content {
        grid-template-columns: 1fr;
    }
}











.carts__cart {
    flex: 1;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.1);
}



/* модификаторы carts-block--row - вид строкой,
   по умолчанию - вид строкой
*/

.cart-item {
    position: relative;
    display: grid;
    grid-template-columns:
        minmax(30px, 30px)      /* чек */
        /*AA*//*minmax(20px, 20px)*/      /* меню */
        minmax(50px, 70px)      /* картинка */
        minmax(100px, 150px)    /* бренд */
        minmax(120px, 550px)     /* название/комментарий */
        minmax(100px, 120px)      /* дата */
        minmax(80px, 100px)     /* кол-во */
        minmax(100px, 120px)    /* цена */
        minmax(40px, 40px)      /* главное меню */
        minmax(20px, 20px);     /* удалить */
    grid-template-areas:
        "cig-check cig-image cig-brand cig-title cig-delivery cig-count cig-price cig-mainmenu cig-del"
        "cig-check cig-image cig-brand cig-comment cig-delivery cig-count cig-price cig-mainmenu cig-del";
    align-items: center;
    gap: 10px;
    padding: 15px 10px;
    border-bottom: 1px solid #DEDEDE;
    background: #fff;
}

.cart-item--menu-open {
    z-index: 1;
}

.cart-item.goods-end {
    grid-template-columns: minmax(30px, 30px) /* чек */
    /*AA*/ /*minmax(20px, 20px)*/ /* меню */
    minmax(50px, 70px) /* картинка */
    minmax(100px, 150px) /* бренд */
    minmax(100px, 500px) /* название/комментарий */
    minmax(264px, 400px) /* товар закончился */
    minmax(40px, 40px) /* главное меню */
    minmax(20px, 20px); /* удалить */
    grid-template-areas:
        "cig-check cig-image cig-brand cig-title cig-goods-end cig-mainmenu cig-del"
        "cig-check cig-image cig-brand cig-comment cig-goods-end cig-mainmenu cig-del";
}

.cig-check      {grid-area: cig-check;}
.cig-menumove   {grid-area: cig-menumove;}
.cig-image      {grid-area: cig-image;}
.cig-brand      {grid-area: cig-brand;}
.cig-title      {grid-area: cig-title}
.cig-comment    {grid-area: cig-comment;}
.cig-delivery   {grid-area: cig-delivery;}
.cig-count      {grid-area: cig-count;}
.cig-price      {grid-area: cig-price;}
.cig-mainmenu   {grid-area: cig-mainmenu;}
.cig-del        {grid-area: cig-del;}

/*AA*/
.cig-delivery .warehouse-block {
    position: relative;
    margin-top: 5px;
}

.cig-delivery .warehouse-block.external{
    cursor:pointer;
}

.cig-delivery .warehouse-name {
    font-size: 10px;
    width: initial;
    padding: 5px;
}

.cig-delivery .warehouse-sub{
    top:-8px;
    font-size: 10px;
}


.cig-goods-end {
    color: red;
    font-size: 12px;
    font-weight: 500;
    text-align: right;
    grid-area: cig-goods-end;
}

.cart-item.cart--empty {
    display: flex;
    justify-content: center;
    align-items: center;
}

.cart-item:first-child {
    border-radius: 8px 8px 0 0;
}

.cart-item:last-child {
    border-bottom: none;
    border-radius: 0 0 8px 8px;
}


/* меню */

.cig-menumove {
    position: relative;
}

.cart-item__menumove {
    width: 20px;
    height: 20px;
}

.cart-item__menumove svg {
    width: 18px;
    height: 18px;
    color: #808080;
}

.cart-item__menumove:hover svg {
    color: #009BDC;
}


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

.cig-image img {
    width: 100%;
    height: auto;
    object-fit: contain;
}


/* бренд */

.cig-brand {
    display: flex;
    flex-direction: column;
    font-size: 14px;
    gap: 4px;
}

.cart-item__brand {
    font-weight: 600;
    color: #000;
}

.cart-item__article {
    text-decoration: underline;
}

.cart-item__article:hover {
    text-decoration: none;
    color: #000;
}

.cart-item__icons {
    display: flex;
    gap: 4px;
}

.cart-item__icons svg {
    width: 16px;
    height: 16px;
}


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

.cig-title {
    font-size: 14px;
}

.cart-item__title {
    text-decoration: none;
    color: #000;
}

.cart-item__title:hover  {
    color: #808080;
}


/* комментарий */

.cig-comment {
    font-size: 12px;
}

.cart-item__comment {
    color: #808080;
    border: solid 1px #dedede;
    border-radius: 6px;
    padding: 6px 8px;
    width: 100%;
}


/* дата */

.cig-delivery {
    font-size: 12px;
}

.cart-item__delivery {
    display: flex;
    align-items: center;
    flex-direction:column;
    gap: 4px;
    color: #000;
}

.cart-item__delivery button {
    width: 20px;
    height: 20px;
}

.cart-item__delivery button svg {
    width: 14px;
    height: 14px;
    color: #808080;
}

.cart-item__delivery button:hover svg {
    color: #009BDC;
}


/* кол-во */

.cart-item__count {
     display: inline-flex;
     border: 1px solid #ddd;
     border-radius: 6px;
     overflow: hidden;
     width: 100%;
     max-width: 100px;
     height: 30px;
     font-size: 14px;
     color: #808080;
     white-space: nowrap;
     box-shadow: 0 0 4px rgba(0,0,0,0.1) inset;
 }
.cart-item__count:hover {
    box-shadow: 0 0 4px rgba(0,0,0,0.2) inset;
    color: #000000;
}

.count__qty-btn {
    flex: 1;
    height: 28px !important;
    background: transparent;
    border: none;
    cursor: pointer;
    color: #808080;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
}

.count__qty-btn-btn:before {
    content: none;
}

.count__qty-btn.qty-minus::before {
    content: "";
    width: 8px;
    height: 2px;
    background-color: currentColor;
    border-radius: 1px;
    display: block;
}

.count__qty-btn.qty-minus.trash::before {
    width: 12px;
    height: 12px;
    background-color: currentColor;
    mask-image: url("/img/svg/icon-input-trash.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("/img/svg/icon-input-trash.svg");
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-position: center;
    -webkit-mask-size: contain;
}

.qty-minus:not(.trash)::before {
    background-color: #808080;
    mask-image: none;
    -webkit-mask-image: none;
}

.count__qty-btn.qty-plus {
    font-size: 18px;
    font-weight: 400;
}

.count__qty-value{
    flex: 1.5;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1;
    max-width: 40px;
    text-align: center;
}

.count__qty-value::-webkit-outer-spin-button,
.count__qty-value::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

/* Для Firefox */
.count__qty-value {
    -moz-appearance: textfield;
}

.cart-item__count-warn {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    font-size: 10px;
    color: #808080;
    margin-top: 4px;
}

.cart-item__count-warn svg {
    color: #8080;
    width: 12px;
    height: 12px;
}



/* цена */

.cart-item__price-current {
    font-size: 14px;
    font-weight: 600;
    white-space: nowrap;
    text-align: right;
    color: #000;
}

.price--price-down {
    color: #50BA4D;
}
.price--price-down:after {
    display: inline-block;
    content: "";
    position: relative;
    top: 1px;
    width: 10px;
    height: 12px;
    margin-left: 5px;
    background: url("/images/price-down.svg");
}

.price--price-up {
    color: #FD3333;
}
.price--price-up:after {
    display: inline-block;
    content: "";
    position: relative;
    top: 1px;
    width: 10px;
    height: 12px;
    margin-left: 5px;
    background: url("/images/price-up.svg");
}

.cart-item__price-one {
    text-align: right;
    font-size: 10px;
    color: #808080;
}

.cart-item__price-one strong {
    white-space: nowrap;
}


/* главное меню */

.cig-mainmenu {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.cig-mainmenu > button {
    width: 20px;
    height: 20px;
}

.cig-mainmenu > button svg {
    width: 16px;
    height: 16px;
    color: #808080;
}

.cig-mainmenu > button:hover svg {
    color: #009BDC;
}

.cig-mainmenu .cart-item__x svg {
    width: 10px;
    height: 10px;
}


/* удалить */

.cig-del button {
    width: 20px;
    height: 20px;
}

.cig-del button svg {
    width: 16px;
    height: 16px;
    color: #808080;
}

.cig-del button:hover svg {
    color: #009BDC;
}

.cig-del .cart-item__x svg {
    width: 10px;
    height: 10px;
}



/* меню перемещения */

.cig-menumove__dropdown {
    position: absolute;
    top: calc(100% - 2px);
    left: 0;
    width: 250px;
    background: #ffffff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    z-index: 49;
    padding: 0 10px 10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}

.cig-menumove__dropdown.active {
    opacity: 1;
    visibility: visible;
    bottom: auto;
    top: calc(100% + 6px);
}

.cig-menumove__dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    padding: 10px 6px 4px 6px;
}

.cig-menumove__dropdown-close {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400 !important;
    color: #808080;
}
.cig-menumove__dropdown-close:hover {
    color: #000000;
}

.cig-menumove__dropdown-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    border: none;
    border-radius: 6px;
    background: #fff;
    text-align: left;
    padding: 6px 10px;
    cursor: pointer;
    font-size: 12px;
    color: #808080;
    transition: none;
}

.cig-menumove__dropdown-item span {
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.cig-menumove__dropdown-item.default span:before {
    content: "";
    display: inline-block;
    width: 9px;
    height: 9px;
    background: transparent url(/images/cart-thumb-mini.svg) no-repeat center center;
    margin-right: 4px;
}

.cig-menumove__dropdown-create {
    margin-top: 8px;
    width: 100%;
    border: none;
    background: #009BDC;
    color: #fff;
    padding: 7px 8px 6px 8px;
    border-radius: 6px;
    font-size: 12px;
}

.cig-md-itembtns {
    visibility: hidden;
    display: flex;
    gap: 5px;
}

.cig-md-itembtns button {
    width: 16px;
    height: 16px;
}

.cig-md-itembtns button svg {
    width: 12px;
    height: 12px;
    color: #808080;
}

.cig-menumove__dropdown-item:hover {
    background: #f5f5f5;
    color: #000000;
}

.cig-menumove__dropdown-item:hover .cig-md-itembtns {
    visibility: visible;
}

.cig-menumove__dropdown-item.default .itembtns__thumb {
    display: none;
}


/* меню главное */

.cig-mainmenu {
    position: relative;
}

.cart-item__mainmenu {
    width: 20px;
    height: 20px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.cart-item__mainmenu svg {
    width: 18px;
    height: 18px;
    color: #808080;
}

.cif-menumain__dropdown {
    position: absolute;
    top: calc(100% + 6px);
    right: 0;
    width: 200px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    padding: 10px;
    display: none;
    z-index: 60;
}

.cif-menumain__dropdown.active {
    display: block;
}

.cif-menumain__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    width: 100%;
    border-radius: 6px;
    background: transparent;
    padding: 4px 8px;
    height: 30px;
    cursor: pointer;
    transition: 0.2s;
}

.cif-menumain__submenu-toggle {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.cif-menumain__item:hover,
.cif-menumain__submenu-toggle:hover {
    background: #F5F5F5;
}

.cif-menumain__item svg,
.cif-menumain__submenu-toggle svg {
    width: 14px;
    height: 14px;
    color: #808080;
}

.cif-menumain__item span,
.cif-menumain__submenu-toggle span {
    color: #808080;
    font-size: 12px;
    flex: 1;
}

.cif-menumain__submenu-left {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cif-menumain__submenu-arrow {
    display: inline-block;
    height: 16px;
    color: #808080;
    font-size: 18px;
    line-height: 1;
    position: relative;
    top: -2px;
}

.cif-menumain__item--submenu {
    position: relative;
}
@media (width <= 575px) {
    .cif-menumain__item--submenu {
        display: none;
    }
}

.cif-menumain__item--mobile {
    display: none;
}
@media (width <= 575px) {
    .cif-menumain__item--mobile {
        display: flex;
    }
}

.cif-menumain__submenu {
    position: absolute;
    left: calc(100% + 4px);
    top: -5px;
    width: 200px;
    background: #fff;
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    padding: 8px;
    display: none;
}

@container carts-block-container (max-width: 800px) {
    .cif-menumain__submenu {
        right: calc(100% + 4px);
        left: auto;
    }

    .cart-item__delivery-wrap {
        display: flex;
        flex-direction: row-reverse;
        gap: 20px;
    }

    .carts-block--line .cart-item__delivery-wrap {
        flex-direction: row;
    }

    .carts-block--row .dd-delivery-hover-popup {
        right: calc(100% - 65px);
        left: auto;
    }

    .cig-delivery .warehouse-block {
        margin-top: 0;
    }
}
@media (width <= 575px) {
    .cif-menumain__submenu {
        right: calc(100% - 28px);
    }
}


.cif-menumain__submenu.active {
    display: block;
}

.cif-menumain__submenu-item {
    width: 100%;
    min-height: 40px;
    border: none;
    border-radius: 8px;
    background: transparent;
    text-align: left;
    padding: 0 12px;
    color: #808080;
    font-size: 14px;
    transition: 0.2s;
}

.cif-menumain__submenu-item:hover {
    background: #F5F5F5;
}

.cif-menumain__submenu-item.active {
    color: #000;
}

.cif-menumain__submenu-create {
    width: 100%;
    height: 36px;
    border: none;
    border-radius: 8px;
    background: #1296D4;
    color: #fff;
    margin-top: 8px;
    font-size: 14px;
}

.cif-menumain__divider {
    height: 1px;
    background: #E5E5E5;
    margin: 6px 0;
}

.cif-menumain__item--danger {
    background: #FFEBEB !important;
}

.cif-menumain__item--danger span,
.cif-menumain__item--danger svg {
    color: #FD3333;
}


/* переключаем стили по контейнеру */
@container carts-block-container (max-width: 800px) {

    .carts__cart {
        border-radius: 0;
        box-shadow: none;
    }

    .cart-item {
        grid-template-columns: minmax(70px, 100px) 1fr minmax(auto, 100px);
        grid-template-rows: auto;
        grid-template-areas:
            "cig-check cig-mainmenu cig-mainmenu"
            "cig-image cig-brand cig-brand"
            "cig-image cig-title cig-title"
            "cig-image cig-price cig-count"
            "cig-comment cig-comment cig-comment"
            "cig-delivery cig-delivery cig-delivery";
        align-items: flex-start;
        gap: 10px;
        padding: 10px;
        border: none;
        box-shadow: 0 0 8px rgba(0,0,0,0.15);
        border-radius: 8px;
        margin-bottom: 15px;
    }

    .cart-item.goods-end {
        grid-template-columns: minmax(70px, 100px) 1fr minmax(auto, 100px);
        grid-template-rows: auto;
        grid-template-areas:
            "cig-check cig-mainmenu cig-mainmenu"
            "cig-image cig-brand cig-brand"
            "cig-image cig-title cig-title"
            "cig-image cig-title cig-title"
            "cig-comment cig-comment cig-comment"
            "cig-goods-end cig-goods-end cig-goods-end";
    }

    .cart-item:first-child,
    .cart-item:last-child {
        border-radius: 8px;
    }

    .cig-menumove,
    .cig-del {
        display: none;
    }

    .cig-brand {
        flex-direction: row;
        flex-wrap: wrap;
        gap: 6px;
    }

    .cart-item__price-current,
    .cart-item__price-one {
        text-align: left;
    }

    .cart-item__price-current {
        font-size: 16px;
    }

    .cart-item__count-warn {
        justify-content: flex-end;
    }

    .cig-mainmenu {
        display: flex;
        justify-content: flex-end;
    }

    .cart-item__delivery {
        justify-content: flex-end;
        color: #808080;
    }
}



/* carts-block--line - вид кратким списком
*/

.carts-block--line .cart-item {
    grid-template-columns:
        minmax(30px, 30px)      /* чек */
        /*AA*//*minmax(40px, 40px)*/      /* меню */
        minmax(100px, 200px)    /* бренд */
        minmax(100px, auto)     /* название */
        minmax(100px, 120px)      /* дата */
        minmax(80px, 100px)     /* кол-во */
        minmax(100px, 120px)    /* цена */
        minmax(40px, 40px)      /* комментарий */
        minmax(20px, 20px)      /* главное меню */
        minmax(20px, 20px);     /* удалить */
    grid-template-areas:
        "cig-check cig-brand cig-title cig-delivery cig-count cig-price cig-commentalt cig-mainmenu cig-del";
    padding: 10px;
}

.carts-block--line .cart-item.goods-end {
    grid-template-columns: minmax(30px, 30px) 
    minmax(120px, 200px) 
    minmax(100px, auto) 
    minmax(254px, 296px) 
    minmax(40px, 40px) 
    minmax(20px, 20px) 
    minmax(20px, 20px); /* удалить */
    grid-template-areas:
        "cig-check cig-brand cig-title cig-goods-end cig-commentalt cig-mainmenu cig-del";
}

/* бренд */
.carts-block--line .cig-brand {
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-areas:
        "brand icons"
        "article icons";
    gap: 0 10px;
}

.carts-block--line .cart-item__brand {
    grid-area: brand;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    min-width: 100px;
}

.carts-block--line .cart-item__article {
    grid-area: article;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.carts-block--line .cart-item__icons {
    grid-area: icons;
    flex-wrap: wrap;
}


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

.carts-block--line .cart-item__title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-word;
}

/* комментарий */

.carts-block--line .cig-comment {
    display: none;
}

/* альтернативный комментарий из кнопки */

.carts-block--line .cig-commentalt,
.carts-block--row .cig-commentalt {
    position: relative;
    display: flex;
    justify-content: flex-end;
}

.carts-block--line .cart-item__commentalt {
    width: 20px;
    height: 20px;
    padding: 0;
    border: none;
    background: transparent;
    cursor: pointer;
}

.cart-item__commentalt svg {
    width: 16px;
    height: 16px;
    color: #808080;
}

.cart-item__commentalt:hover svg {
    color: #FD3333;
}

.cig-commentalt__dropdown {
    position: absolute;
    top: calc(100% - 2px);
    right: 0;
    width: 270px;
    background: #ffffff;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0,0,0,0.15);
    z-index: 49;
    padding: 0 10px 10px;
    opacity: 0;
    visibility: hidden;
    transition: 0.2s;
}

.cig-commentalt__dropdown.active {
    opacity: 1;
    visibility: visible;
    bottom: auto;
    top: calc(100% + 6px);
}

.cig-commentalt__dropdown-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    font-size: 14px;
    color: #000000;
    padding: 10px 6px 4px 6px;
}

.cig-commentalt__dropdown-close {
    border: none;
    background: none;
    cursor: pointer;
    font-size: 20px;
    font-weight: 400 !important;
    color: #808080;
}
.cig-commentalt__dropdown-close:hover {
    color: #000000;
}

.carts-block--line form,
.carts-block--row form {
    margin: 0;
}

.cig-commentalt__dropdown-textarea {
    width: 100%;
    height: 80px;
    font-size: 12px;
    color: #808080;
    padding: 5px;
    border: solid 1px #dedede;
}



/* переключаем стили по контейнеру */

@container carts-block-container (max-width: 800px) {

    .carts-block--line .cart-item {
        grid-template-columns: 1fr minmax(110px, auto);
        grid-template-rows: auto;
        grid-template-areas:
            "cig-check cig-mainmenu"
            "cig-brand cig-price"
            "cig-title cig-count"
            "cig-delivery cig-count"
            "cig-comment cig-comment";
        gap: 10px 20px;
    }

    .carts-block--line .cart-item.goods-end {
        grid-template-columns: 1fr minmax(110px, auto);
        grid-template-areas:
            "cig-check cig-mainmenu"
            "cig-brand cig-brand"
            "cig-title cig-title"
            "cig-comment cig-comment"
            "cig-goods-end cig-goods-end";
    }

    .carts-block--line .cart-item__icons {
        justify-content: flex-end;
    }

    .carts-block--line .cig-brand {
        gap: 0;
    }

    .carts-block--line .cig-comment {
        display: flex;
    }

    .carts-block--line .cig-commentalt {
        display: none;
    }

    .carts-block--line .cart-item__title {
        overflow: auto;
        -webkit-line-clamp: none;
    }

    .carts-block--line .cig-price {
        justify-content: flex-end;
    }

    .carts-block--line .cart-item__price-current {
        text-align: right;
    }

    .carts-block--line .cart-item__price-one {
        text-align: right;
    }

    .carts-block--line .cig-count {
        display: flex;
        flex-direction: column;
        align-items: flex-end;
    }

    .carts-block--line .cart-item__count {
        margin-left: auto;
    }

    .carts-block--line .cart-item__delivery {
        justify-content: flex-start;
    }
}

/*AA*/
.carts-alert {
    background-color: #FFEBEB;
    color: #FD3333;
    border-radius: 8px;
    padding: 10px;
    margin-bottom: 10px;
    position: relative;
    display: flex;
    align-items: center;
    font-size: 14px;
}

.carts-alert > span {
    flex: 1;
}

.carts-alert > .close-btn {
    flex: 0 0 25px;
    background-color: white;
    border-radius: 15px;
    padding: 4px;
}

.carts-alert > .close-btn:hover svg {
    color: #009BDC;
}

.carts-alert > span > .alert-link {
    text-decoration: underline !important;
}

.cartsorder-balance-alert {
    font-size: 14px;
    padding: 20px;
    background-color: #FFF5E6;
    border: 1px solid #FFE5BF;
    display: flex;
    border-radius: 10px;
    align-items: start;
    margin-top: 10px;
    max-height: 120px;
}

.cartsorder-balance-alert > svg {
    flex: 0 0 30px;
    vertical-align: bottom;
    color: #FF9900;
}

.cartsorder-balance-alert > span {
    flex: 1;
}
.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-goods {
    display: flex;
    flex-direction: column;
    grid-area: goods;
}

.sr-menu-overlay {
    position: fixed;
    inset: 0;
    background: rgba(0,0,0,0.15);
    z-index: 1000;
}


.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-more {
    grid-area: more;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sr-catalog__list_line.sr-catalog__list_line_alt .sr-menu-burger {
    display: none;
}

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-note {
    color: #00000099;
}


.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-info {
    grid-area: info
}

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-info-mobile {
    display: none;
}

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-actions {
    grid-area: actions
}

.sr-catalog__list_line .catalog__item-more > .button {
    margin-top: 0;
    max-width: 150px;
}

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item {
    grid-template-columns: 2fr 5fr 1fr 2fr 2fr;
    grid-template-rows: 1fr;
    grid-template-areas:
        "goods title info more actions";
    border: none;
}

.art-label {
    display: none;
}

.sr-catalog__list_line_alt .sr-catalog__view-hdr {
    background-color: #233440;
    border-radius: 6px;
    margin-bottom: 10px;
    font-size: 14px;
    font-weight: 500;
    color: white;
    padding: 15px 10px;
}

.sr-catalog__list_line_alt .sr-catalog__view-body {
    box-shadow: 0px 0px 8px 0px #00000026;
    border-radius: 6px;
}

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-article:hover {
    color: #007CB0;
    text-decoration: none;
}

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-brand {
    font-weight: 600;
}

@container catalog-row (max-width: 750px) {
    .sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item {
        grid-template-columns: 2fr 1fr;
        grid-template-rows: auto 1fr;
        grid-template-areas:
            "title more"
            "goods more";
        gap: 5px;
        border: none;
        font-size: 13px;
        align-items: start;
        padding: 10px;
    }

    .sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-more {
    }

    .sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-article {
        padding-left: 0;
    }

    .sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-more > .button {
        max-width: none !important;
    }

    .sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-goods {
        flex-direction: row;
        justify-content: flex-start;
        align-items: center;
    }

    .sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-info.catalog__item-info-mobile {
        display: flex;
        margin-left: 5px;
    }

    .art-label {
        display: inline-block;
    }

    .sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-brand {
        font-weight: 600;
    }

    .sr-catalog__list_line.sr-catalog__list_line_alt .sr-menu-burger {
        width: 25px;
        height: 25px;
        margin-left: 10px;
        display:block;
    }

    .sr-catalog__list_line.sr-catalog__list_line_alt .sr-menu-burger svg {
        width: 25px;
        height: 25px;
        color: #808080;
    }

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-more {
    position: relative;
}

.sr-menu-popup {
    position: absolute;
    right: 10px;
    top: 40px;
    background: #fff;
    border: 1px solid #e0e0e0;
    box-shadow: 0 6px 18px rgba(0,0,0,0.12);
    border-radius: 6px;
    z-index: 1100;
    min-width: 240px;
    padding: 8px;
}

.sr-menu-popup__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sr-menu-popup__item {
    width: 100%;
    text-align: left;
    padding: 8px 10px;
    border: none;
    background: transparent;
    cursor: pointer;
}

.sr-menu-popup__item:hover {
    background: #f2f2f2;
}

.sr-menu-popup__item {
    display: flex;
    align-items: center;
    gap: 10px;
}

.sr-menu-popup__item svg {
    width: 18px;
    height: 18px;
    flex: 0 0 20px;
    color: #808080;
}

.sr-menu-popup__icons {
    display: inline-flex;
    gap: 6px;
    align-items: center;
}

.sr-menu-popup__item span:last-child {
    display: inline-block;
    white-space: nowrap;
    color: #808080;
}

.sr-menu-popup__item.no-actions{
    color: #808080;
}

.sr-menu-popup__close {
    display: block;
    width: 100%;
    margin-top: 8px;
    padding: 6px 10px;
    border: none;
    background: #f5f5f5;
    cursor: pointer;
    border-radius: 4px;
}
}

.sr-custom-pagination.sr-custom-pagination-alt {
    margin-top: 0;
    margin-bottom: 0;
}

@media (max-width: 768px) {
    .sr-custom-pagination .sr-pagination {
        justify-content: center;
    }
}

.sr-title {
    font-size: 20px;
}

.sr-title span[data-items] {
    color: #020813;
    margin-left: 0;
}

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item:not(:last-child) {
    border-bottom: 1px solid #DEDEDE;
}

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item {
    cursor: pointer;
}

.sr-catalog [v-cloak] {
    display: none;
}

.popular_cards_block {
    width: 100%;
    padding: 40px 50px;
    max-width: 1676px;
}

@media (max-width: 1250px) {
    .popular_cards_block {
        padding-left: 20px;
        padding-right: 20px;
    }
}

@media (max-width: 768px) {
    .popular_cards_block {
        padding-left: 15px;
        padding-right: 15px;
    }
}

.sr-catalog__grid {
    display: grid;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    justify-items: center;
}

@media (max-width: 1350px) {
    .sr-catalog__grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 991px) {
    .sr-catalog__grid {
        gap: 15px;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 768px) {
    .sr-catalog__grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

.sr-catalog .catalog-card.popular_cards {
    position: relative;
    padding: 20px;
    border-radius: 8px;
    width: 100%;
    display: flex;
    flex-direction: column;
}

.sr-catalog .card-fpx__text-block.end_info_text {
    justify-content: flex-end;
}

.itemtitle-brandshare__brand.itemtitle-brandshare__brand_alt,
.itemtitle-brandshare__share.itemtitle-brandshare__share_alt {
    cursor: pointer;
}

.tb-itemcharact.tb-itemcharact_alt td.td-val {
    font-weight: 600;
    white-space: normal;
    padding-left: 10px;
}

.productgallery__pic-item.productgallery__pic-item-alt {
  cursor: pointer;
}

.productgallery__pic-mini-item.productgallery__pic-mini-item_alt {
    width: 40px;
    height: 40px;
    overflow: hidden;
}

.productgallery__pic-mini-item.productgallery__pic-mini-item_alt img {
    padding: 2px;
    width: 100%;
    height: 100%;
}

.productgallery__pic-mini.productgallery__pic-mini_alt .slick-slide {
    width: 34px !important;
    height: 34px !important;
}

.productgallery__pic-mini.productgallery__pic-mini_alt .slick-track {
    max-width: fit-content;
    min-height: 40px;
}

.productgallery__pic-mini-item.productgallery__pic-mini-item_alt.slick-slide.slick-current.slick-active {
    width: 40px !important;
    height: 40px !important;
}

@media (max-width: 600px) {
    .md-productcard__prop-tabs.md-productcard__prop-tabs_alt {
        justify-content: flex-start;
    }

    .itemprice-block__btns.itemprice-block__btns_alt {
        justify-content: flex-start;
    }
}

.md-productcard__itemhead.md-productcard__itemhead_alt {
    margin-top: 0;
}

.md-productcard__indc-labels.md-productcard__indc-labels_alt {
    margin-bottom: 16px;
}

.itemprice-block__btns.itemprice-block__btns_alt {
    margin-top: 0;
}

.md-productcard__itemhead-itemprice.md-productcard__itemhead-itemprice_alt {
    width: auto;
    min-width: auto;
}

.md-productcard__warning {
    display: flex;
    flex-direction: column;
    gap: 10px;
    color: red;
    font-weight: 600;
    margin-top: 20px;
}

.md-productcard.md-productcard_alt .modal-content {
    height: auto;
    min-height: 530px;
}

.indс-label--guarantee {
    color: #0000ff;
    border-color: #0000ff;
}

.indс-label--guarantee:after {
    content: "Гарантия";
}

#product-card-app [v-cloak] {
    display: none;
}

.productcard.sr-productcard [v-cloak] {
    display: none;
}

.title-brandshare__articul.title-brandshare__articul-alt {
    cursor: pointer;
}

.sr-prop__features.sr-prop__features-alt {
    max-height: 540px;
    overflow: auto;
}

.tb-itemcharact td.td-val.td-val-alt {
    white-space: normal;
}

.brand-namelogo.brand-namelogo_alt {
    align-items: center;
    word-break: break-all;
}

.brand-namelogo__logo.brand-namelogo__logo-alt img {
    max-height: 50px;
    width: fit-content;
}

.brand-namelogo__logo.brand-namelogo__logo-alt {
    text-align: end;
}

.variant-brandlogo.variant-brandlogo-alt img {
    max-height: 40px;
    width: fit-content;
}

.productlist__item-substandards {
    grid-column: 1/3;
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.productlist__item-substandards .substandard__comment {
    width: 100%;
    max-width: 315px;
    padding: 8px 14px 8px 14px;
    gap: 10px;
    opacity: 1;
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 0px 8px 0px #00000026;
    display: flex;
    flex-direction: column;
}

.productlist__item-substandards .substandard_images {
    display: flex;
    gap: 10px;
    max-width: 260px;
}

.productlist__item-substandards .substandard_images_alt {
    display: flex;
    gap: 10px;
    max-width: 250px;
}

.productlist__item-substandards .substandard_img {
    min-width: 55px;
    min-height: 55px;
    max-width: 55px;
    max-height: 55px;
    border-radius: 6px;
    background-color: white;
    box-shadow: 0px 0px 8px 0px #0000001A;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.substandard_images .slick-prev,
.substandard_images .slick-next {
    height: 100%;
    z-index: 50;
    color: black;
}

.substandard_images .slick-prev:before,
.substandard_images .slick-next:before {
    display: none;
}

.substandard_images .slick-prev:hover,
.substandard_images .slick-next:hover {
    color: #808080;
}

.substandard_image {
    max-width: 50px;
    max-height: 50px;
}

.substandard_images .slick-slide {
    margin: 0 5px;
}

.substandard_images .slick-list {
    margin: 0 -5px;
    max-width: 260px;
}

.substandard_images .slick-track {
    min-width: 260px;
}

.substandard__comment__bold {
    font-weight: 500;
}

.isSubstandard__icon {
    width: 18px;
    height: 12px;
    align-self: center;
}

.productlist__item.productlist__item_alt {
    padding: 8px 12px;
}

.productlist__item.productlist__item_alt.productlist__item_alt-substandards {
    padding: 16px 26px;
}

.productlist__item_row.productlist__item_row-alt-substandards {
    grid-template-columns: minmax(65px, 65px) /* кол-во */
    minmax(188px, 188px) /* склад */
    minmax(40px, 40px) /* возврат */
    minmax(100px, 120px) /* поставка */
    minmax(80px, 100px) /* цена */
    minmax(131px, 131px) /* в корзину */
    minmax(80px, 80px);
}

.productlist-block__header.productlist__header_alt.storage_grouping {
    background: none;
    color: #00000080;
    font-weight: 400;
}

.productlist__header.substandard_productlist__header_alt {
    padding: 0 26px;
    grid-template-columns: minmax(150px, 1fr) 
    minmax(65px, 65px) 
    minmax(188px, 188px) 
    minmax(40px, 40px) 
    minmax(100px, 120px) 
    minmax(80px, 100px) 
    minmax(120px, 131px) 
    minmax(60px, 80px);
    min-height: 30px;
}

.productlist__header.productlist__header_alt {
    grid-template-columns: minmax(80px, 2fr) /* бренд */
    minmax(100px, 4fr) /* название` */
    minmax(40px, 50px) /* кол-во */
    minmax(188px, 188px) /* склад */
    minmax(40px, 40px) /* возврат */
    minmax(100px, 120px) /* поставка */
    minmax(80px, 100px) /* цена */
    minmax(120px, 131px) /* в корзину */
    minmax(60px, 70px); /* иконки */
    min-height: 30px;
}

.productlist__item_row.productlist__item_row-alt {
    grid-template-columns: minmax(65px, 65px) /* кол-во */
    minmax(188px, 188px) /* склад */
    minmax(40px, 40px) /* возврат */
    minmax(100px, 120px) /* поставка */
    minmax(80px, 100px) /* цена */
    minmax(131px, 131px) /* в корзину */
    minmax(60px, 70px);
}

.productlist-block__catalog-alt {
    max-height: none;
    margin-bottom: 15px;
}

.sr-custom-pagination.closed {
    display: none;
}

.item-tocart__qty-value.item-tocart__qty-value-alt {
    max-width: 40px;
    justify-items: center;
}

.productlist__item-tocart input[type="number"]::-webkit-inner-spin-button,
.productlist__item-tocart input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.productlist__item-tocart input[type="number"] {
    -moz-appearance: textfield;
}

.item-tocart__qty-btn.qty-minus.trash::before {
    mask-image: url(/img/svg/icon-input-trash.svg);
    -webkit-mask-image: url(/img/svg/icon-input-trash.svg);
}


.item-tocart__qty.item-tocart__qty-alt {
    max-width: 110px;
}

.productlist__item-tocart .button {
    max-width: 110px;
}

.productlist__item-tocart.productlist__item-tocart-alt {
    display: flex;
    gap: 5px;
    align-items: center;
    width: 131px;
}

.item-tocart__step {
    font-weight: 400;
    font-size: 10px;
    text-align: right;
    color: #FF9900;
    display: flex;
    gap: 5px;
    cursor: pointer;
}

.tocart-loader {
    width: 24px;
    height: 24px;
    border: 3px solid #ccc;
    border-top-color: #007bff;
    border-radius: 50%;
    animation: spin .6s linear infinite;
    margin: 0 auto;
    justify-items: center;
    align-self: center;
}

@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

.productlist__item-actions.productlist__item-actions-alt {
    justify-content: flex-start;
    padding-left: 5px;
}

.productlist__item-title.productlist__item-title-alt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.variant-name__title.variant-name__title-alt {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    word-break: break-word;
}

.vcoll-enter-active,
.vcoll-leave-active {
    transition: max-height 0.3s ease, opacity 0.3s ease, padding 0.3s;
    overflow: hidden;
}

.vcoll-enter-from,
.vcoll-leave-to {
    max-height: 0;
    opacity: 0;
    padding-top: 0;
    padding-bottom: 0;
}

.vcoll-enter-to,
.vcoll-leave-from {
    max-height: 9999px;
    opacity: 1;
}

.remains-delivery-info.remains-delivery-info-alt {
    align-items: center;
}

.modal-content.modal-content-productcard-alt {
    overflow: auto;
    border: none;
}

.modal-body.sr-modalproductcard__body.sr-modalproductcard__body-alt {
    overflow: auto;
}

.item-article.item-article-alt {
    word-break: break-word;
}

.item-brand.item-brand-alt {
    word-break: break-word;
}

.productlist__item-warehouse.productlist__item-warehouse-alt.external {
    cursor: pointer;
}

@container productlist-row (max-width: 1000px) {

    .productlist__item {
        position: relative;
    }
    
    .productlist__item_row.productlist__item_row-alt {
        grid-area: row;
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: auto;
        grid-template-areas: none;
        gap: 5px;
        font-size: 12px;
        align-items: start;
        color: #000000;
        margin-top: 0;
    }
    
    .productlist__item-qnt {
        text-align: left;
        grid-row: 1;
        grid-column: 1/5
    }
    
    .productlist__item-return {
        text-align: left;
        grid-row: 2;
        grid-column: 1/5
    }

    .productlist__item-warehouse-alt {
        grid-row: 3;
        grid-column: 1/5
    }
    
    .productlist__item-price-wrapper {
        grid-row: 4;
        grid-column: 1/3
    }
    
    .productlist__item-supply {
        grid-row: 5;
        grid-column: 1/3
    }
    
    .productlist__item-price {
        grid-row: 4;
        grid-column: 1/3
    }
    
    .productlist__item-tocart-alt {
        grid-row: 4/6;
        grid-column: 3/5
    }
    
    .productlist__item-actions-alt {
        position: absolute;
        top: 0;
        right: 0;
    }

    .productlist__item-warehouse.productlist__item-warehouse-alt {
        padding-right: 0;
    }

    .warehouse-sub.warehouse-sub-alt {
        right: -10px;
    }

    .productlist__item-tocart .button {
        max-width: 250px;
    }

    .productlist__item-tocart.productlist__item-tocart-alt {
        width: 100%;
        justify-content: flex-end;
    }
    
    .item-tocart__qty.item-tocart__qty-alt {
        max-width: 250px;
    }
    
    .productlist__item_row.productlist__item_row-alt.border-bottom-item {
        padding-bottom: 10px;
        border-bottom: solid 1px #DEDEDE;
    }

    .productlist__item_row.productlist__item_row-alt.border-bottom-item:last-child {
        border-bottom: none;
    }
    
    .productlist__item-brand .item-brand {
        font-weight: 500;
        font-size: 14px;
    }
    
    .productlist__item-title.productlist__item-title-alt {
        padding-right: 35px;
        font-weight: 400;
    }

    .productlist__item-actions {
        min-width: auto;
    }
}

.fancybox__container {
    z-index: 1055;
}

.catalog__selected-brands {
    padding: 10px 0 10px 20px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 12px;
}

.catalog__selected-brand {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 10px;
    background: #009BDC;
    color: white;
    border-radius: 12px;
    font-size: 14px;
}

.catalog__selected-brand-remove {
    color: white;
    border: 0;
    background: transparent;
    cursor: pointer;
    padding: 0;
    font-size: 14px;
    line-height: 1;
}

.item-article--no-link {
    text-decoration: none!important;
    font-size: 14px;
}

.sr-prop-documents {
    display: flex;
    gap: 20px;
    width: 100%;
    padding: 12px;
    border-radius: 8px;
    background: #FFFFFF;
    box-shadow: 0 0 8px 0 #0000001A;
}

.document-link-block {
    display: flex;
    justify-content: space-between;
    width: 100%;
    align-items: center;
}

@media (max-width: 850px) {
    .catalog__left-block.catalog__left-block-alt {
        padding-bottom: 200px;
        padding-left: 15px;
        padding-right: 15px;
    }

    .search-typefilter__buttons.search-typefilter__buttons-alt {
        display: flex !important;
        width: 100%;
    }

    .brand__filter-search.brand__filter-search-alt {
        margin: 0 0 10px 0;
    }

    .catalog__btn-block.catalog__btn-block-alt {
        position: fixed;
        display: flex;
        flex-direction: column;
        bottom: 0;
        background: white;
        z-index: 10;
        width: 100%;
        left: 0;
        align-items: center;
        padding-bottom: 10px;
    }

    .catalog__button.catalog__button-product-cart-alt {
        max-width: 90%;
    }

    .productlist__item-return.productlist__item-return-alt:after {
        content: none;
    }

    .catalog__selected-brands {
        display: none;
    }

    .item-article--no-link {
        font-size: 13px;
    }

    .sr-prop-documents.card-doc {
        box-shadow: none;
    }
}

@media (max-width: 576px) {
    .productlist__item-tocart .button {
        max-width: 190px;
    }

    .productlist__item-tocart.productlist__item-tocart-alt {
        max-width: 200px;
        width: 100%;
    }

    .item-tocart__qty.item-tocart__qty-alt {
        max-width: 190px;
        width: 153px;
    }
}

.productlist-collapse-wrapper {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.35s ease;
}

.productlist-collapse-wrapper > * {
    min-height: 0;
    overflow: hidden;
}

.productlist-collapse-wrapper.expanded > * {
    overflow: visible;
}

.productlist-block.collapsed .productlist-collapse-wrapper {
    grid-template-rows: 0fr;
}

.productlist-block.collapsed .productlist-block__header::after {
    transform: translateY(-50%) rotate(45deg);
}

.block-vars__variant.block-vars__variant-alt {
    padding: 4px 14px 4px 14px;
    margin-top: 8px;
}

.block-vars__variant.block-vars__variant-alt:hover {
    background-color: #F8F8F8;
    cursor: pointer;
}

.block-vars.block-vars-alt{
    padding: 0;
}

.variant-name-alt {
    margin-bottom: 10px
}

.variant-name-info-icon {
    display: flex;
    border: none;
    padding: 4px;
    border-radius: 4px;
    margin: 0;
    background-color: #EBEBEB;
}

.variant-name-info-icon-svg {
    width: 16px; 
    height: 16px; 
    color: #808080;
}

.same--cheapest.same--cheapest-alt,
.same--fast.same--fast-alt {
    height: fit-content;
    margin-bottom: 0;
}

.variant-brand-block{
    margin-top: 8px;
    gap: 10px;
    display: flex;
    flex-wrap: wrap;
}

.brand-variant-name {
    font-weight: 400;
    font-size: 14px;
    color: black;
}

.brand-number-variant-name {
    font-size: 14px;
    text-decoration: underline;
}

.brand-number-variant-name:hover {
    color: black;
    text-decoration: none;
}

.product-card-pagination {
    margin-top: 40px!important; 
    padding-bottom: 10px
}

.p-prop {
    font-size: 12px;
}

.substandard-offers-slider {
    max-width: 315px; 
    justify-items: center;
}

.substandard-offers-slider.start {
    justify-items: start;
}

.productlist-block__header_info:after {
    display: none;
}

.card-fpx__title.card-fpx__title-alt {
    -webkit-line-clamp: 2;
    min-height: 38px;
}

.custom-arrow.slick-disabled {
    display: none !important;
}

.filter-btn-text.filter-btn-text-alt {
    font-size: 14px;
}

.items-block-tabs-btn-block.groups-mode-btn-block{
    display: flex;
    gap: 10px;
    padding: 4px;
    border-radius: 50px;
    background-color: #F5F5F5;
    justify-content: space-between;
    margin-bottom: 8px;
    max-width: 512px;
    margin-top: 0.5em;
}

.items-block-tabs-btn {
    border-radius: 50px;
    padding: 12px 30px;
    background-color: white;
    width: 100%;
    text-align: center;
    font-weight: 400;
    font-size: 14px;
    color: black;
    cursor: pointer;
    box-shadow: 0 0 8px 0 #00000026;
    transition: background-color 0.3s linear;
}

.items-block-tabs-btn span{
    min-height: 10px;
    max-height: 10px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    white-space: nowrap;
}

.items-block-tabs-btn.disabled {
    color: #707070;
    box-shadow: none;
    background-color: #F5F5F5;
    transition: background-color 0.3s linear;
}

.items-block-tabs.grooping {
    width: 340px;
}

.items-block-tabs-btn-block.groups-mode-btn-block.grooping { 
    margin-top: 0;
}

.switch-block-alt {
    margin-bottom: 0;
}

.sr-productcard__title_alt {
    display: none;
}

.productlist__item-warehouse-mobile {
    display: none;
}

.block-productgallery-alt {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: 12px;
    width: 100%;
    height: fit-content;
}

.productgallery__pic-mini_alt {
    width: 40px !important;
    flex: 0 0 40px !important;
}

.productgallery__pic-mini_alt .slick-list {
    width: 40px !important;
    height: 140px !important;
}

.productgallery__pic-mini_alt {
    width: 40px !important;
    flex: 0 0 40px !important;
}

.productgallery__pic-mini_alt .slick-list {
    width: 40px !important;
    height: 140px !important;
}

.productgallery__pic-mini_alt .slick-track {
    display: block !important;
}

.productgallery__pic-mini_alt .slick-slide {
    width: 40px !important;
    height: 40px !important;
    margin-bottom: 10px;
}

.productgallery__pic-mini-item_alt {
    width: 40px !important;
    height: 40px !important;
}

.productgallery__pic-mini-item_alt img {
    display: block;
    width: 40px !important;
    height: 40px !important;
    object-fit: cover;
}

.container-fpx.best-items {
    display: none;
}

.md-prop__description.md-prop__description-alt {
    gap: 10px;
}

.sr-title.sr-title-alt {
    font-size: 18px;
}

.sr-catalog__view-hdr.sr-catalog__view-hdr-alt {
    padding: 5px 10px;
    font-size: 16px;
    border-radius: 8px;
}

.container-fpx.container-fpx-new-size {
        max-width: 1200px;
}

.productlist__item-title-alt-img {
    display: none;
}

.productlist__item-brand-analogs {
    display: none;
}

.sr-productcard .productcard__container.productcard__container-alt {
    gap: 10px 20px;
}

.block-brand.block-brand-alt {
    padding: 5px 15px;
}

.sr-tab.sr-tab-alt {
    padding: 0 0 8px 0;
}

.sr-tab-content.sr-tab-content-alt {
    padding: 0.5rem 0 0 0;
}

.sr-productcard__prop.sr-productcard__prop-alt p{
    margin: 0;
}

.sr-productcard__pic.sr-productcard__pic-alt {
    margin-top: 0;
}

.sr-productcard.sr-productcard-alt {
    padding-bottom: 0;
}

.productgallery__pic.productgallery__pic-alt {
    margin-bottom: 0;
}

@media (max-width: 1500px) {
    .items-block-tabs.grooping {
        width: 300px;
    }
}

@media (max-width: 1425px) {

    .productlist__item-title-alt {
        margin-bottom: 8px;
    }

    .productlist__item-title-alt-img {
        display: block;
        min-width: 50px;
        min-height: 50px;
        max-width: 50px;
        max-height: 50px;
    }

    .productlist__item-title.productlist__item-title-alt {
        display: flex;
        justify-content: flex-start;
        gap: 10px;
    }
    
    .productlist__item {
        gap: 10px;
    }

    .productlist__item-qnt-alt {
        width: 100%;
        display: flex;
        align-items: center;
        color: black;
        white-space: nowrap;
        align-self: flex-end;
        grid-row: 2;
        height: 17px;
    }

    .productlist__item-qnt-alt::before {
        content: "Наличие";
        color: #808080;
        margin-right: auto;
    }

    .productlist__item-qnt-alt::after {
        color: black;
        content: " шт";
    }

    .productlist__item-return-alt {
        width: 100%;
        display: flex;
        align-items: center;
        color: #808080;
        white-space: nowrap;
        align-self: flex-end;
        grid-row: 3;
        height: 17px;
    }

    .productlist__item-return-alt:before {
        content: "Срок возврата: ";
        margin-right: auto;
    }

    .productlist__item-return-alt.not-refundable:after {
        content: none;
    }

    .productlist__item-warehouse-alt {
        display: none;
    }

    .productlist__item-warehouse-mobile {
        color: #808080;
        grid-area: warehouse;
        display: flex;
        justify-content: space-between;
        grid-column: 1/5;
        grid-row: 1;
    }

    .productlist__item-warehouse-mobile-info {
        color: black;
        text-decoration: none;
        background-image: repeating-linear-gradient(
                to right,
                #808080 0,
                #808080 5px,
                transparent 5px,
                transparent 8px
        );
        background-position: 0 100%;
        background-repeat: no-repeat;
        background-size: 100% 1px;
        padding-bottom: 3px;
    }

    .dd-delivery-hover-popup-block {
        color: #808080;
    }

    .productlist__item-tocart-alt {
        grid-row: 4/6;
        grid-column: 4/5
    }

    .wh-color-mob--green        { color: #EEF9EE !important; }
    .wh-color-mob--yellow       { color: #FFF5E6 !important; }
    .wh-color-mob--red          { color: #FFEBEB !important; }
    .whsub-color-mob--green     { color: #50BA4D !important; }
    .whsub-color-mob--yellow    { color: #FFB340 !important; }
    .whsub-color-mob--red       { color: #FE6666 !important; }

    .remains-delivery-info.remains-delivery-info-alt {
        align-items: start;
    }

    .block-productgallery-alt {
        width: auto;
    }

    .container-fpx.function-items {
        display: flex;
        justify-content: space-between;
        align-content: center;
        gap: 15px;
    }

    .menu__search {
        display: flex;
        gap: 15px;
        margin-bottom: 8px;
    }

    .menu__search-label {
        width: 100%;
        position: relative;
    }

    .menu__search-input.menu__search-input-alt {
        border: 1px solid #DEDEDE;
        box-shadow: 0 2px 4px 0 #0000000A;
        font-size: 14px;
        border-radius: 10px;
        padding: 10px 12px 10px 32px;
        background-color: white;
    }

    .menu__search-label.menu__search-label-alt svg {
        width: 14px;
        height: 14px;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        color: #808080;
        margin-left: 12px;
    }

    .catalog__filter-block-show.catalog__filter-block-show-alt {
        border: 1px solid #DEDEDE;
        color: #808080;
        margin-bottom: 0;
        min-height: 38px;
        font-size: 14px;
    }

    .filter-btn-text.filter-btn-text-mobile-alt {
        font-weight: 400;
        font-size: 14px;
        color: #808080;
    }

    .productlist__item-warehouse-mobile-block {
        display: flex;
        gap: 5px;
    }

    .productlist__item-brand {
        display: none;
    }

    .productlist__item-brand.productlist__item-brand-show {
        display: flex;
    }

    .productlist__item-brand-analogs {
        display: flex;
        margin-bottom: 10px;
    }

    .productlist__item-analogs {
        grid-template-areas: "title""param";
        margin-bottom: 20px;
        box-shadow: 0 0 8px 0 #0000001A;
        border-radius: 10px;
    }

    .sr-productcard.sr-productcard-alt {
        padding-bottom: 10px;
    }
}

@media (max-width: 1024px) {
    .best-items-mobile-block {
        width: 100%;
        gap: 10px;
        border-radius: 10px;
        padding: 14px;
        background: #FFFFFF;
        box-shadow: 0 0 8px 0 #00000026;
        display: flex;
        align-items: center;
    }

    .best-items-mobile-block-info {
        width: 100%;
    }

    .best-items-mobile-block-info-price {
        font-weight: 700;
        font-size: 16px;
        color: #000000;
        margin-bottom: 8px;
    }

    .best-items-mobile-block-btn {
        font-weight: 400;
        font-size: 14px;
        color: #808080;
        display: flex;
        justify-content: space-between;
        cursor: pointer;
    }

    .best-items-modal {
        position: fixed;
        z-index: 1000;
        inset: 0;
    }

    .best-items-modal__overlay {
        position: absolute;
        inset: 0;
        background: rgba(0, 0, 0, 0.4);
    }

    .best-items-modal__content {
        position: absolute;
        left: 0;
        right: 0;
        bottom: 0;
        min-height: fit-content;
        max-height: 90vh;
        background: #fff;
        border-radius: 20px 20px 0 0;
        padding: 25px 10px 10px 10px;
        overflow-y: auto;
        animation: best-items-modal-show 0.3s ease-out;
    }

    .best-items-modal__close {
        position: absolute;
        top: 8px;
        right: 9px;
        width: 32px;
        height: 32px;
        padding: 0;
        border: 0;
        background: transparent;
        cursor: pointer;
    }

    .best-items-modal__title {
        font-size: 20px;
        font-weight: 600;
        margin-bottom: 24px;
    }

    .best-items-modal__item {
        padding: 16px 0;
        border-bottom: 1px solid #e5e5e5;
    }

    .best-items-modal__item-title {
        font-size: 16px;
        font-weight: 600;
        margin-bottom: 8px;
    }

    .best-items-modal__item-price {
        font-size: 18px;
        font-weight: 600;
    }

    @keyframes best-items-modal-show {
        from {
            transform: translateY(100%);
        }

        to {
            transform: translateY(0);
        }
    }

    .container-fpx.best-items {
        display: block;
        margin-bottom: 20px;
    }
}

@media (max-width: 850px) {
    .search-mobile__buttons.search-mobile__buttons-alt {
        display: grid;
        grid-template-columns: 2fr 1fr;
        gap: 10px;
        margin-bottom: 0;
    }

    .items-block-tabs-btn-block.groups-mode-btn-block.grooping {
        margin-bottom: 0;
    }

    .productgallery__pic.productgallery__pic-alt {
        margin-bottom: 20px;
    }
    
    .sr-productcard .productcard__container.productcard__container-alt {
        grid-template-columns: 1fr;
        grid-template-areas: "pic";
    }
    
    .sr-productcard__mobvars {
        display: none;
    }

    .sr-productcard__pic.sr-productcard__pic-alt {
        display: flex;
        flex-direction: column;
        width: 100%;
        gap: 20px;
        border-radius: 10px;
        padding: 15px;
        box-shadow: 0 0 8px 0 #0000001A;
    }
    
    .block-productgallery {
        align-self: center;
    }
    
    .sr-productcard__title {
        display: none;
    }
    
    .sr-productcard__mobtns {
        padding: 0;
    }
    
    .productgallery__pic .slick-dots li button:before {
        display: none;
    }

    .sr-productcard__title_alt {
        display: block;
        border-bottom: none;
    }

    .productgallery__pic .slick-dots {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        margin: 10px 0 0;
        padding: 0;
        list-style: none;
    }

    .productgallery__pic .slick-dots li {
        width: 8px;
        height: 4px;
        margin: 0;
        padding: 0;
    }

    .productgallery__pic .slick-dots li button {
        width: 8px;
        height: 4px;
        padding: 0;
        border: 0;
        border-radius: 10px;
        background: #00000080;
        cursor: pointer;
        font-size: 0;
    }

    .productgallery__pic .slick-dots li.slick-active {
        width: 15px;
    }

    .productgallery__pic .slick-dots li.slick-active button {
        width: 15px;
        background: #00AFDC;
    }
    .catalog__list.sr-catalog__productlist.sr-catalog__productlist-alt {
        margin-top: 0;
    }
}

@media (max-width: 600px) {
    .container-fpx.function-items {
        flex-direction: column;
        gap: 20px;
    }
    
    .items-block-tabs.grooping {
        width: 100%;
    }

    .items-block-tabs-btn-block.groups-mode-btn-block {
        max-width: 100%;
    }

    .menu__search-input.menu__search-input-alt {
        width: 100%;
    }
}