/* 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 ''
'
 */
.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: 900px) {

    .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: 900px) {

    .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: 900px) {

    .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("../images/icon-input-trash.svg");
    mask-repeat: no-repeat;
    mask-position: center;
    mask-size: contain;
    -webkit-mask-image: url("../images/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: 900px) {

    .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: 900px) {

    .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-track {
    display: flex !important;
    justify-content: center;
    align-items: center;
    gap: 10px;
    transform: none !important;
}

.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;
    }

}
.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-goods {
  display: flex;
  flex-direction: column;
  grid-area: goods;
}

.sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-more {
  grid-area: more;
  display: flex;
  justify-content: center;
}

.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-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: 1fr;
    grid-template-rows: 1fr 1fr;
    grid-template-areas:
      "title"
      "goods";
    gap: 5px;
    border: none;
    font-size: 13px;
    align-items: start;
    padding: 10px;
  }

  .sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-more {
    display: none;
  }

  .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;
  }

  .art-label {
    display: inline-block;
  }

  .sr-catalog__list_line.sr-catalog__list_line_alt .catalog__item-brand {
    font-weight: 600;
  }
}

.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-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: "Гарантия";
}