@font-face {
    font-family: Roboto;
    src: url(../fonts/Rodoto/Roboto-Regular.ttf);
    font-weight: 400;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Rodoto/Roboto-Medium.ttf);
    font-weight: 500;
}

@font-face {
    font-family: Roboto;
    src: url(../fonts/Rodoto/Roboto-Bold.ttf);
    font-weight: 700;
}

/* обнуление */
* {
    padding: 0;
    margin: 0;
    border: 0;
}

*,
*::after,
*::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

:focus,
:active,
a:focus,
a:active {
    outline: none;
}

nav,
footer,
header,
aside {
    display: block;
}

html,
body {
    width: 100%;
    /*height: 100%;*/
    font-size: 100%;
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.04em;
    -ms-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-family: "Roboto", sans-serif;
}

input,
button,
textarea {
    font-style: normal;
    font-weight: 500;
    font-size: 16px;
    line-height: 19px;
    letter-spacing: -0.04em;
    font-family: inherit;
}

input::-ms-clear {
    display: none;
}

button {
    cursor: pointer;
}

button::-moz-focus-inner {
    border: 0;
    padding: 0;
}

a,
a:visited,
a:hover {
    text-decoration: none;
}

ul li {
    list-style: none;
}

body {
    padding-top: 52px;
}

.container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
}

/* fixed buttons */
.button__scrolltop,
.button__message {
    position: fixed;
    border-radius: 50%;
    width: 52px;
    height: 52px;
    bottom: 30%;
    background: #A0A0A0;
    transition: 0.3s linear;
    z-index: 110;
}

.button__scrolltop {
    left: -20%;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button__scrolltop::after {
    content: url('../images/fixed__buttons/scrollTop.png');
    position: relative;
    display: block;
}

.button__scrolltop.active {
    left: 20px;
    opacity: 1;
}

.button__message {
    filter: drop-shadow(0px 4px 4px rgba(0, 0, 0, 0.25));
    background: #6AB670;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.button__message::after {
    top: 3%;
    content: url('../images/fixed__buttons/help.png');
    position: relative;
    display: block;
}

.button__scrolltop:hover {
    background: #303030;
}

.button__message:hover {
    background: #4E8F53;
}

.button__message.active::after {
    content: url('../images/fixed__buttons/close.png');
}


/* header */
.header {
    position: absolute;
    /*position:sticky;*/
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    /*background: #f8f8f8;*/
    /*border-bottom: 2px solid #ebebeb;*/
}

.header.active {
    z-index: 1108;
    position: fixed;
    filter: drop-shadow(0px 3px 0 rgba(0, 0, 0, 0.05));
    background-color: white;
    padding-bottom: 10px;
}

.header__additions {
    background: #303030;
}

.header__phone {
    display: none;
}


/* additions */

.additions {
    padding: 8px 20px;
    display: flex;
    justify-content: flex-end;
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
}

.additions__contacts a {
    display: flex;
    align-items: center;
    color: #B9B9B9;
    cursor: pointer;
    position: relative;
    padding: 0 0 0 32px;
}

.additions__contacts a:hover {
    color: #fff;
}

.additions__contacts a:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

/*.additions__contacts a:nth-child(1)::before {*/
/*    content: url("../images/header__contacts/phone.png");*/
/*}*/

/*.additions__contacts a:nth-child(2)::before {*/
/*    content: url("../images/header__contacts/mail.png");*/
/*}*/

/*.additions__contacts a:nth-child(3)::before {*/
/*    content: url("../images/header__contacts/clock.png");*/
/*}*/

/*.additions__contacts a:nth-child(1):hover::before {*/
/*    content: url("../images/header__contacts/phone_act.png");*/
/*}*/

/*.additions__contacts a:nth-child(2):hover::before {*/
/*    content: url("../images/header__contacts/mail_act.png");*/
/*}*/

/*.additions__contacts a:nth-child(3):hover::before {*/
/*    content: url("../images/header__contacts/clock_act.png");*/
/*}*/




.header__order img,
.additions__contacts img {
    margin-right: 12px;
    box-sizing: border-box;
}

.additions__contacts {
    /*max-width: 625px;*/
    display: flex;
    width: 100%;
    justify-content: flex-end;
    align-items: center;
    gap: 50px;
}

.additions__contacts a,
.additions__contacts span {
    color: #b9b9b9;
}

/* header__navigation */

.header__navigation {
    padding: 15px 20px 0;
}

.header__navigation-menu {
    display: flex;
    align-items: center;
}

.header__logo {
    white-space: nowrap;
    font-style: normal;
    font-weight: 600;
    font-size: 30px;
    line-height: 35px;
    color: #303030;
    margin-right: 25px;
}

.header__logo span {
    color: #dd3228;
}

.header__catalog {
    padding: 16px 36px;
    display: flex;
    align-items: center;
    background: #6AB670;
    border-radius: 8px;
    color: #fff;
    transition: 0.2s linear;
    /*margin-right: 30px;*/
}

/*.header__catalog:hover {*/
/*    opacity: 80%;*/
/*    color: #fff;*/
/*}*/

.header__catalog:active,
.header__catalog:focus {
    background: #6AB670;
    color: #fff;
}
.header__catalog.active {
    background: #6AB670;
    color: #fff;
}

.header__catalog img {
    margin-right: 9px;
    box-sizing: border-box;
}

.header__order {
    display: flex;
    align-items: center;
    margin-right: 40px;
}

.header__order a {
    white-space: nowrap;
    display: flex;
    align-items: center;
    color: #666666;
    cursor: pointer;
    position: relative;
    line-height: 1;
    /*margin-right: 25px;*/
    padding: 0 0 0 32px;
}

.header__order a:hover {
    color: #303030;
}

.header__order a:last-child {
    margin-right: 0;
}

.header__order a:before {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

/*.header__order a:nth-child(1)::before {*/
/*    content: url("../images/header__icons/plus.png");*/
/*}*/

/*.header__order a:nth-child(2)::before {*/
/*    content: url("../images/header__icons/file-plus.png");*/
/*}*/

/*.header__order a:nth-child(3)::before {*/
/*    content: url("../images/header__icons/download.png");*/
/*}*/

/*.header__order a:nth-child(1):hover::before {*/
/*    content: url("../images/header__icons/plus_act.png");*/
/*}*/

/*.header__order a:nth-child(2):hover::before {*/
/*    content: url("../images/header__icons/file-plus_act.png");*/
/*}*/

/*.header__order a:nth-child(3):hover::before {*/
/*    content: url("../images/header__icons/download_act.png");*/
/*}*/




.header__search:hover {
    border-color: #6ab670;
}

.header__search input {
    width: 100%;
    background: transparent;
}

.header__search input::placeholder {
    color: #a0a0a0;
}

.header__buttons {
    display: flex;
    align-items: center;
    /*margin-right: 10px;*/
    margin-left: auto;
}

.header__button {
    cursor: pointer;
    margin-right: 20px;
    width: 43px;
    height: 43px;
    background: #ededed;
    border-radius: 8px;
    padding: 14px;
    position: relative;
    transition: 0.2s linear;
}

.header__buttons .header__button::after {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    transition: 0.5s linear;
}

.header__button.home::after {
    top: 54%;
    content: url('../images/home_ico.png');
}
.header__button.catalog::after {
    top: 54%;
    content: url('../images/catalog_ico.png');
}
.header__button.favorite::after {
    top: 54%;
    content: url('../images/header__icons/fav2.png');
}

.header__button.compare::after {
    content: url('../images/header__icons/compare2.png');
}

.header__button.cart::after {
    content: url('../images/header__icons/cart2.png');
}
.header__button.sign::after {
    content: url('../images/header__icons/profile2.png');
}

.header__button.favorite:hover::after,
.header__button.favorite.active::after {
    content: url('../images/header__icons/fav_act.png');
}

.header__button.compare:hover:after,
.header__button.compare.active::after {
    content: url('../images/header__icons/compare_act.png');
}

.header__button.cart:hover:after,
.header__button.active.cart::after {
    content: url('../images/header__icons/cart_act.png');
}

.header__button.sign:hover:after,
.header__button.active.sign::after {
    content: url('../images/header__icons/profile_act.png');
}


.button__icon {
    display: block;
    padding: 2px;
    position: absolute;
    top: -15%;
    left: 60%;
    background: #303030;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    color: #fff;
}

.header__button.cart .header__cart-bill {
    white-space: nowrap;
    position: absolute;
    padding: 5px;
    background-color: white;
    bottom: -30px;
    left: -10px;
    display: none;
}
.header__button.cart:hover .header__cart-bill{display: block;}




.header__sign:hover {
    background: #303030;
    color: #ededed;
}

.header__sign:active,
.header__sign:focus {
    background: #6AB670;
    color: #fff;
}

.header__sign::before {
    position: absolute;
    top: 50%;
    left: 20px;
    transform: translateY(-50%);
    transition: 0.5s linear;
    content: url('../images/header__icons/profile2.png');
}

.header__sign:hover::before {
    content: url('../images/header__icons/profile_act.png');
}

.header__sign:active::before,
.header__sign:focus::before {
    content: url('../images/header__icons/profile_white.png');
}


/* header__phone navigaion */
.header__phone .header__navigation {
    max-width: 100%;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
}


.header__toggle {
    font-size: 0;
    color: transparent;
    padding: 10px 0;
    display: none;

    border: 0;
    background: none;
    cursor: pointer;

    position: relative;
    z-index: 1;
    width: 22px;
    margin-right: 16px;
}

.header__toggle:focus {
    outline: 0;
}

.header__toggle-item {
    display: block;
    width: 100%;
    height: 2px;

    background-color: #303030;

    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;

    transition: .2s linear;
}

.header__toggle.active .header__toggle-item {
    background: none;
}

.header__toggle-item:before,
.header__toggle-item:after {
    content: "";
    width: 100%;
    height: 2px;

    background-color: #303030;

    position: absolute;
    left: 0;
    z-index: 1;

    transition: transform .2s linear;
}

.header__toggle-item:before {
    top: -6px;
}

.header__toggle-item:after {
    bottom: -6px;
}

.header__toggle.active .header__toggle-item:before {
    transform-origin: left top;
    transform: rotate(45deg) translate3d(0, -2px, 0);
}

.header__toggle.active .header__toggle-item:after {
    transform-origin: left bottom;
    transform: rotate(-45deg) translate3d(0, 3px, 0);
}


.header__prenav {
    display: flex;
    justify-content: center;
    min-width: 1280px;
    width: 100%;
}

/* header__nav */
.nav {
    /*
      width: 100%;
      max-width: 960px;
      margin: 0 auto;
    */
}

.header__nav {
    height: 100%;
    display: flex;
    align-items: center;
}

.header__nav li {
    display: flex;
    align-items: center;
    align-self: stretch;
    padding: 16px 0;
    color: #A0A0A0;
    margin-right: 40px;
    position: relative;
    cursor: pointer;
    font-weight: 700;
    font-size: 16px;
}
/*
.header__nav li:last-child {
  margin-right: 0;
}
*/
.header__nav li::before {
    opacity: 0;
    content: "";
    position: absolute;
    bottom: 0;
    left: -4%;
    width: 108%;
    height: 2px;
    background: #6ab670;
    transition: 0.2s linear;
}

.header__nav li.active::before,
.header__nav li:hover::before {
    opacity: 1;
}

.header__nav li a,
.header__nav li {
    transition: 0.2s linear;
}

.header__nav li a {
    color: #A0A0A0;
}

.header__nav li:hover a,
.header__nav li:hover,
.header__nav li.active a,
.header__nav li.active {
    color: #303030;
}


/* shop */
.main {
    padding: 16px 20px 40px;
    display: flex;
}

.navigation {
    width: 100%;
    max-width: 286px;
    padding: 15px 0 0 0;
}

.navigation__breadcrumbs {
    font-size: 14px;
    line-height: 16px;
    color: #aeaeae;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 27px;
}

.navigation__breadcrumbs a {
    color: #aeaeae;
    margin: 0 38px 5px 0;
}

.navigation__breadcrumbs a::after {
    position: absolute;
    transform: translate(30%, -15%);
    content: url('../images/body__icons/next_act.png');
}

.navigation__breadcrumbs a:last-child::after {
    display: none;
}
.navigation__breadcrumbs .bx-breadcrumb-item:last-child
{
    font-weight: 600;
    color: #333333;
}

.navigation__breadcrumbs a:last-child {
    margin-right: 0;
}

.navigation__catalog {
    margin-bottom: 20px;
}

.navigation__ads {
    display: flex;
    align-items: center;
    /*background: #ededed;*/
    /*border-radius: 8px;*/
    width: 290px;
    height: 290px;
    /*color: #c7c7c7;*/
    /*padding: 16px 50px;*/
}

.navigation__catalog>li:first-child {
    margin: 0 0 4px 0;
}

.navigation__catalog>li:last-child {
    margin: 4px 0 0;
}


/* catalog list */
.navigation__catalog li {
    font-weight: 600;
    color: #333333;
    position: relative;
    transition: 0.2s linear;
    cursor: pointer;
    margin: 4px 0;
}

.navigation__catalog .navigation__item li,
.navigation__catalog .navigation__item {
    margin: 4px 0;
}

.navigation__catalog a {
    background: #fff;
    color: #303030;
    font-weight: 700;
    padding: 14px 12px;
    color: #303030;
    position: relative;
    transition: 0.2s linear;
    cursor: pointer;
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100%;
}


.navigation__catalog li.active>a,
.navigation__catalog li.active:hover>a {
    background: #303030;
    border-radius: 8px;
    color: #fff;
}

.navigation__catalog li:hover>a,
.navigation__item:hover>a {
    background: #EDEDED;
    border-radius: 8px;
    color: #303030;
}

.navigation__item.active>a {
    background: #303030;
    border-radius: 8px;
    color: #fff;
    margin-bottom: 10px;
}

.navigation__item.active {
    background: #fff !important;
    color: #303030 !important;
}

.navigation__item.active>a+span::after {
    content: url('../images/body__icons/down_list_act.png');
    transform: translateY(-55%) rotate(-180deg);
    opacity: 1;
}

.navigation__item.active:hover>a+span::after {
    content: url('../images/body__icons/down_hover.png');
}

.navigation__item>a+span::after {
    content: url('../images/body__icons/down_list.png');
    position: absolute;
    right: 18px;
    top: 25px;
    transform: translateY(-45%);
    opacity: 1;
    transition: 0.2s linear;
    padding: 20px;
}


.navigation__item ul {
    display: none;
    margin-left: 16px;
}

.navigation__item.active>ul {
    display: block;
}


/* shop */

.shop {
    margin: 0 24px;
    width: 100%;
    /*max-width: 940px;*/
}

.shop__menu {
    display: flex;
    /*justify-content: space-between;*/
    margin: 16px 0;
    gap: 29px;
}

.shop__sorting {
    margin: 15px 0;
    position: relative;
    min-width: 180px;
}

.shop__sorting.active ul {
    display: block;
}

.shop__sorting ul {
    display: none;
    position: absolute;
    top: 170%;
    width: max-content;
    padding: 16px 28px 16px;
    background: #ffffff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    z-index: 1;
}

.shop__sorting li {
    color: #303030;
    margin: 0 0 20px;
    cursor: pointer;
    transition: 0.2s linear;
    white-space: nowrap;
}

.shop__sorting li.active,
.shop__sorting li:hover {
    color: #A0A0A0;
}

.shop__sorting li:last-child {
    margin: 0;
}

.shop__sorting-select {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: #1c1c1c;
    /*padding: 0 0 0 30px;*/
    padding: 0;
    transition: 0.2s linear;
    white-space: nowrap;
}

.shop__sorting-select:hover {
    opacity: 0.7;
}

.shop__sorting-select::after {
    content: url("../images/body__icons/down_list.png");
    position: absolute;
    right: 0;
    transition: 0.2s linear;
}

.shop__sorting.active .shop__sorting-select::after {
    transform: rotate(180deg) translateY(2px);
}

/*.shop__sorting-select::before {*/
/*    content: url("../images/body__icons/filter.png");*/
/*    position: absolute;*/
/*    left: 0;*/
/*}*/

/*.shop__sorting.active .shop__sorting-select::before {*/
/*    content: url("../images/body__icons/filter_act.png");*/
/*}*/

.shop__filter {
    margin: 15px 0;
    position: relative;
    min-width: 120px;
}

.shop__filter.active ul {
    display: block;
    z-index: 10;
}

.shop__filter ul {
    display: none;
    position: absolute;
    top: 170%;
    width: max-content;
    padding: 16px;
    background: #ffffff;
    box-shadow: 0px 0px 16px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
}

.shop__filter li {
    color: #A0A0A0;
    margin: 0 0 20px;
    cursor: pointer;
    transition: 0.2s linear;
    white-space: nowrap;
    display: flex;
    align-items: center;
}

.shop__filter li:hover {
    color: #A0A0A0;
}

.shop__filter li:last-child {
    margin: 0;
}

.shop__filter li:before {
    margin-right: 10px;
    content: url("../images/body__icons/filter_unselect.svg");
}
.shop__filter li.active {
    color: #303030;
}
.shop__filter li.active:before {
    content: url("../images/body__icons/filter_select.svg");
}

.shop__filter-select {
    display: flex;
    align-items: center;
    position: relative;
    cursor: pointer;
    color: #1c1c1c;
    padding: 0 0 0 30px;
    transition: 0.2s linear;
    white-space: nowrap;
}
.shop__filter-select span:first-letter {
    text-transform: uppercase;
}

.shop__filter-select:hover {
    opacity: 0.7;
}

.shop__filter-select::after {
    content: url("../images/body__icons/down_list.png");
    position: absolute;
    right: 0;
    transition: 0.2s linear;
}

.shop__filter.active .shop__filter-select::after {
    transform: rotate(180deg) translateY(2px);
}

/*.shop__filter-select::before {*/
/*    content: url("../images/body__icons/filter2.svg");*/
/*    position: absolute;*/
/*    left: 0;*/
/*}*/

/*.shop__filter.active .shop__filter-select::before,*/
/*.shop__filter-select.selected::before {*/
/*    content: url("../images/body__icons/filter2_act.svg");*/
/*}*/

.selected-filter{
    position: relative;
    min-width: 120px;
    background-color: #ededed;
    border-radius: 8px;
    color: #303030;
    opacity: 60%;
    padding: 5px 40px 5px 10px;
    align-self: center;
}
.selected-filter::after,
.selected-filter::before {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 12px;
    height: 2px;
    background-color: #303030;
    opacity: 60%;
}

.selected-filter::after {
    transform: translateY(-50%) rotate(45deg);
}

.selected-filter::before {
    transform: translateY(-50%) rotate(-45deg);
}
.person-discount {
    align-self: center;
    margin-left: auto;
    color: #333333;
}
.red{color: #DE3228;}

.shop_top{display: flex; gap: 30px;}
.shop_top a{
    width: 300px;
    border-radius: 8px;
    background-color: #EDEDED;
    color: #303030;
    padding: 16px 0;
    text-align: center;
    align-self: center;
    font-weight: 500;
}

.shop__search {
    /*max-width: 700px;*/
    position: relative;
    width: 100%
}

.shop__search-input {
    display: inline-block;
    /*max-width: 700px;*/
    width: 100%;
    padding: 15px 46px 15px 20px;
    position: relative;
    background: #EDEDED;
    border: 1px solid transparent;
    border-radius: 8px;
    transition: 0.2s linear;
    font-weight: 400;
}

.shop__search-input:focus {
    background: #fff;
    border-color: #6ab670;
}

.shop__search-input:focus::placeholder {
    color: transparent;
}

.shop__search-input::placeholder {
    color: #A0A0A0;
}

.shop__search span.search-apply::after {
    content: url("../images/body__icons/search_white.png");
    position: absolute;
    right: 0;
    /*top: 50%;*/
    /*transform: translateY(-50%);*/
    background-color: #6AB670;
    height: 50px;
    padding: 15px;
    border-radius: 8px;
}

/*.shop__search.active span.search-apply::after {*/
/*    content: url("../images/body__icons/search_act.png");*/
/*}*/

.shop__list {
    width: 100%;
}

.shop__navigation {
    display: flex;
    align-items: center;
    background: #303030;
    /* padding: 16px 90px 16px 22px; */
    padding: 16px 143px 16px 22px;
    color: #ffffff;
    line-height: 19px;
    font-size: 16px;
    border-radius: 8px 8px 0 0;
}

/*
.shop__navigation :last-child {
    margin-right: 10%;
}
*/
.shop__navigation-img{
    max-width: 50px;
    margin-right: 12px;
    width: 100%;
}
/*.shop__navigation-article {*/
/*    max-width: 80px;*/
/*    margin-right: 12px;*/
/*    width: 100%;*/
/*}*/

/*.shop__navigation-name {*/
/*    max-width: 448px;*/
/*    width: 100%;*/
/*    margin-right: 12px;*/
/*}*/

/*.shop__navigation-offer {*/
/*    max-width: 68px;*/
/*    margin-right: 10px;*/
/*    width: 100%;*/
/*}*/
/*.shop__navigation-quantity{*/
/*    max-width: 80px;*/
/*    margin-right: 10px;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/
/*.shop__navigation-date{*/
/*    max-width: 80px;*/
/*    margin-right: 10px;*/
/*    width: 100%;*/
/*    text-align: center;*/
/*}*/

/*.shop__navigation-cost {*/
/*    max-width: 160px;*/
/*    margin-right: 10px;*/
/*    width: 100%;*/
/*    padding: 0 32px 0 64px;*/
/*    !*display: flex;*/
/*    justify-content: center;*!*/
/*}*/

.shop__products {
    margin-bottom: 32px;
    border-radius: 0 0 8px 8px;
    /*overflow: hidden;*/

    /*max-height: 800px;*/
    /*overflow-y: scroll;*/
    max-height: none;
    /*overflow-y: auto;*/
}
/*.main_shop .shop__products {*/
/*    max-height: none;*/
/*    overflow-y: auto;*/
/*}*/

.shop__product {
    padding: 6px 22px;
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    transition: 0.2s linear;
    font-weight: 400;
}

.shop__product:hover,
.shop__product:nth-child(2n):hover {
    color: #303030;
    background: #dedede;
}

.shop__product:nth-child(2n) {
    background-color: #f5f5f5;
}

.shop__product.selected-item {
    background-color: #dedede !important;
}

.shop__product-stats:first-child {
    max-width: 50px;
    max-height: 50px;
    width: 100%;
    margin-right: 12px;
    /*overflow: hidden;*/
    position: relative;
    padding: 0 10px;
}

.shop__product-stats-img img{
    width: 50px;
    height: 50px;
    object-fit: cover;
    object-position: center;
    border: 1px solid #666666;
    border-radius: 10%;
}

.shop__product-stats-img img.big{
    display: none;
    width: 160px;
    height: 160px;
    position: absolute;
    top: 0;
    right: -170px;
    border:1px solid #666666;
    border-radius: 8px;
}
.shop__product-stats-img:hover img.big{display: block;}
/*.shop__product-stats:nth-child(2) {*/
/*    max-width: 80px;*/
/*    width: 100%;*/
/*    margin-right: 12px;*/
/*}*/

/*.shop__product-stats:nth-child(3) {*/
/*    max-width: 448px;*/
/*    width: 100%;*/
/*    margin-right: 12px;*/
/*}*/

.shop__product-stats:nth-child(3)::-webkit-scrollbar {
    display: none;
    width: 0;
}
/*колонки каталога!!!*/
/*.shop__product-stats:nth-child(4),*/
/*.shop__product-stats:nth-child(5),*/
/*.shop__product-stats:nth-child(6),*/
/*.shop__product-stats:nth-child(9) {*/
/*    max-width: 80px;*/
/*    margin-right: 10px;*/
/*    width: 100%;*/
/*}*/

/*.shop__product-stats.quantity{text-align: right; max-width:80px;}*/
/*.shop__product-stats.date{text-align: right; max-width:80px; margin-right: 10px; width: 100%;}*/

/*.shop__product-stats:nth-child(8) {*/
/*    max-width: 160px;*/
/*    margin-right: 10px;*/
/*    width: 100%;*/
/*    display: grid;*/
/*    grid-template-columns: 2fr 2fr 1fr;*/
/*}*/
/*.shop__product-stats:nth-child(9) {text-align: right;}*/
.shop__product-big-sale .shop__product-stats-article {
    color: #DD3228;
}
.shop__product-stats.quanity {
    max-width: 68px;
    /*margin-right: 22px;*/
    border: 1px solid #a0a0a0;
    box-sizing: border-box;
    border-radius: 8px;
    padding: 7px 6px;
    overflow: hidden;
}

.shop__product-stats.quanity input {
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    color: #666666;
    background: transparent;
}

.shop__product-stats.quanity:hover {
    background: #fff;
}

.shop__product-stats.fav,
.shop__product-stats.compare {
    cursor: pointer;
    /*width: max-content;*/
    text-align: center;
}

.shop__product-stats.favorite {
    /*margin-right: 20px;*/
    text-align: center;
}
.item-old-price {
    font-size: 10px;
    line-height: 12px;
    text-decoration-line: line-through;
    color: #878787;
    margin-right: 11px;
    display: flex;
    align-items: center;
}
.item-discount-percent-wrapper {
    position: relative;
}
.item-discount-percent {
    background: #DD3228;
    border-radius: 11px;
    color: white;
    font-weight: 600;
    font-size: 10px;
    line-height: 12px;
    text-align: center;
    padding: 2px 5px;
    margin-left: 4px;
    position: absolute;
    top:-11px;
}

.favorite::after {
    content: url('../images/body__icons/fav.png');
    position: relative;
}

.favorite.active::after {
    content: url('../images/body__icons/fav_act.png');
}

.compare::after {
    content: url('../images/body__icons/compare.png');
    position: relative;
}

.compare.active::after {
    content: url('../images/body__icons/compare_act.png');
}

/************ новые колонки *****************/
.shop__navigation, .shop__product {
    display: grid;
    grid-template-columns: 1.5fr 2fr 6fr 2fr 1fr 1fr 3fr 2fr 2fr 1fr 1fr;
    gap: 10px;
}
.shop__navigation{padding: 16px 0;}
.shop__product{padding: 6px 0; min-height: 90px;}
/*.shop__product:first-child{*/
/*    background-color: #303030;*/
/*    color: rgba(255,255,255,0.8);*/
/*    border-radius: 8px 8px 0 0;*/
/*    padding: 12px 0;*/
/*    min-height: auto;*/
/*}*/
.d-block{display: block;}
/************ новые колонки *****************/

.shop__pages {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-right: 24px;
}

.shop__pages-products {
    font-size: 16px;
    line-height: 19px;
    color: #a0a0a0;
}

.shop__pages-products ul {
    display: flex;
}

.shop__pages-products span {
    color: #666666;
}

.shop__pages-counter,
.shop__pages-counter ul {
    display: flex;
    width: min-content;
    align-items: center;
    position: relative;
}

.prev::after,
.next::after {
    position: absolute;
    top: 50%;
    transform: translate(0, -40%);
}

.prev::after {
    left: -24px;
    content: url('../images/body__icons/prev.png');
}

.next::after {
    right: -24px;

    content: url('../images/body__icons/next.png');
}

.next::after:hover {
    content: url('../images/body__icons/next_act.png');
}

.prev::after:hover {
    content: url('../images/body__icons/prev_act.png');
}

.shop__pages-counter img {
    display: block;
}

.shop__pages-counter li {
    font-size: 16px;
    line-height: 19px;
    margin-right: 12px;
    width: 24px;
    height: 24px;
    border-radius: 50%;
    transition: 0.2s linear;
    color: #a0a0a0;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    background-color: #F5F5F5;
}

.shop__pages-counter li.active,
.shop__pages-counter li:hover {
    background-color: #6AB670;
    color: #fff;
}

.shop__pages-counter li.active {
    cursor: default;
}

.shop__pages-counter li:last-child {
    margin-right: 0;
}

.shop__pages-counter li a {
    color: #a0a0a0;
}
.shop__pages-counter li:hover a {
    color: #ffffff;
}
.shop__pages-counter a button{
    background-color: #F5F5F5;
    width: 24px;
    height: 24px;
    border-radius: 50%;
}
.shop__pages-counter a:hover button {
    background-color: #6AB670;
}
.prev::after {
    left: 0;
    width: 24px;
    height: 24px;
    content: url('../images/body__icons/prev.png');
}

.next::after {
    right: 0;
    width: 24px;
    height: 24px;
    content: url('../images/body__icons/next.png');
}

.shop__pages-counter a:hover .next::after {
    content: url('../images/body__icons/next_act.png');
}

.shop__pages-counter a:hover .prev::after {
    content: url('../images/body__icons/prev_act.png');
}

/* shop__phone */
.main__phone {
    display: none;
}

.shop__product-phone {
    margin-bottom: 8px;
    display: flex;
    background: #FFFFFF;
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.12);
    border-radius: 8px;
    align-items: center;
}

.shop__product-phone img {
    width: 105px;
    /*height: 100px;*/
    display: block;
}

.shop__product-phone .product__content {
    display: flex;
    flex-wrap: wrap;
    padding: 8px;
}

.shop__product-phone .product__title {
    width: 100%;
    font-weight: 500;
    font-size: 14px;
    color: #666666;
    margin-bottom: 6px;
    cursor: pointer;
}

.product__article {
    font-size: 14px;
    line-height: 16px;
    color: #a0a0a0;
    margin-right: 30px;
}

.product__cost {
    line-height: 1;
    font-weight: 700;
    font-size: 16px;
    color: #303030;
}

.product__text {
    width: 100%;
    margin-bottom: 8px;
    display: flex;
    flex-wrap: wrap;
}

.product__quantity {
    display: flex;
    margin-right: 50px;

}

.product__buttons {
    display: flex;
}

.product__buttons .favorite {
    margin-right: 20px;
}

.product__new,
.product__soon {
    width: 100%;
    margin: 6px 0 0;
    display: none;
}

.product__new.active {
    display: block;
    color: #DA4F4F;
}

.product__soon.active {
    display: block;
    color: #6AB670;
}

/* ads */
.youtube {
    padding: 0 5px;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.06);
    border-radius: 8px;
    margin: 16px 0;
    display: flex;
    /*align-items: center;*/
    position: relative;
    color: #303030;
    font-size: 16px;
    font-weight: 600;
    transition: 0.2s linear;
    flex-direction: column;
}

.youtube:hover {
    box-shadow: 0px 0px 32px rgba(0, 0, 0, 0.1);
}

.youtube-text {
    padding: 14px 16px 14px 48px;
}
.youtube-text::before {
    content: url('../images/body__icons/youtube.png');
    position: absolute;
    transform: translateY(-46%);
    left: 16px;
    top: 25px;
}

.youtube-text::after {
    content: url('../images/body__icons/next.png');
    position: absolute;
    top: 25px;
    right: 16px;
}

.youtube-text.button_down::after {
    transform: translateY(-50%) rotate(90deg);
}

.youtube-text.button_up::after {
    transform: translateY(-50%) rotate(-90deg);
}

.youtube .product_video {
    display: flex;
    justify-content: center;
}

.product {
    width: 100%;
    max-width: 286px;
}


.product__content {
    width: 100%;
}

.product__title {
    color: #303030;
    font-size: 20px;
    line-height: 24px;
    margin-bottom: 12px;
}

.product__subtitle {
    font-size: 14px;
    color: #a0a0a0;
    margin-bottom: 12px;
}

.product__img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 12px;
}

.product__stats {
    border-radius: 8px;
}

.product__stats li {
    border: 1px solid #ededed;
    width: 100%;
    display: flex;
    align-items: center;
    color: #303030;
}

.product__stats li .value {
    padding: 10px 12px;
    font-size: 16px;
    width: 128px;
    display: inline-block;
    background: #fff;
    height: 100%;
    transition: 0.2s linear;
}

.product__stats li .point {
    font-size: 14px;
    padding: 10px 12px;
    text-align: right;
    background: #ededed;
    color: #666666;
    display: inline-block;
    width: 157px;
    height: 100%;
    transition: 0.2s linear;
}

.product__stats li img {
    display: block;
}

.discount .value {
    color: #dd3228;
}

.cost .value {
    color: #6ab670;
}

.product__stats li.active .point,
.product__stats li.active .value {
    background: #6ab670;
    color: #fff;
}



.raiting__stars {
    font-size: 17px !important;
    cursor: pointer;
    color: #C4C4C4;
    transition: 0.2s linear;
}

.raiting__stars span.active {
    color: #F4D428;
}

/* other */
.other {
    background: #f8f8f8;
    width: 100%;
    padding: 60px 0 100px;
}

.other__block {
    max-width: 940px;
    width: 100%;
    margin: 0 auto 60px;
}

.other__block:last-child {
    margin-bottom: 0;
}

.other__title {
    font-size: 24px;
    line-height: 29px;
    color: #303030;
    margin-bottom: 40px;
}


.other__list ul {
    display: flex;
    gap: 20px;
}

.other__item {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    width: 220px;
}

.other__content {
    padding: 16px;
}

.other__img {
    display: block;
    width: 100%;
}

.other__img-wrapper {
    min-height: 220px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.other__item-title {
    color: #666;
    font-weight: 500;
    font-size: 16px;
    margin-bottom: 6px;
    word-wrap: break-word;
    height: 70px;
    overflow: hidden;
    position: relative;
}
.other__item-title .other__item-title-blur {
    width: 210px;
    height: 15px;
    bottom: 0;
    position: absolute;
    display: block;
    background: linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,1));
}

.other__item-article {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #a0a0a0;
    margin-bottom: 12px;
}

.other__item-price {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 6px;
    color: #303030;
}

.other__item-quantity {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #a0a0a0;
    margin-bottom: 16px;
}

.other__item-buttons {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
}

.other__quantity {
    margin-right: 24px;
    display: flex;
    flex-wrap: nowrap;
}

.quantity__minus,
.quantity__plus {
    background: #EDEDED;
    padding: 6px 10px;
    height: 30px;
    font-weight: bold;
    font-size: 18px;
    color: #666666;
    transition: 0.2s linear;
}

/*.quantity__input {*/
/*    width: 48px;*/
/*    background: transparent;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    text-align: center;*/

/*    height: 30px;*/

/*    font-weight: 500;*/
/*    font-size: 14px;*/
/*    line-height: 16px;*/
/*    border: 1px solid #EDEDED*/
/*}*/

.quantity__plus {
    border-radius: 0px 6px 6px 0px;
}

.quantity__minus {
    border-radius: 6px 0px 0px 6px;
}

.quantity__minus:hover,
.quantity__plus:hover {
    background: #303030;
    color: #fff;
}

.other__item-buttons .favorite {
    margin-right: 12px;
}



.quantity__input::-webkit-outer-spin-button,
.quantity__input::-webkit-inner-spin-button {
    display: none;
    -webkit-appearance: none;
    margin: 0;
}



/* footer */
.footer {
    bottom: 0;
    background: #1c1c1c;
    /* height: 630px; */
    width: 100%;
}


/*.footer__content {*/
/*    width: 940px;*/
/*    margin: 0 auto;*/
/*}*/
.footer__nav > div {
    padding-top: 26px;
}
.footer__logo {
    padding: 0;
    font-style: normal;
    font-weight: 800;
    font-size: 36px;
    line-height: 42px;
    color: #fff;
    width: 100%;
    /*border-bottom: 1px solid #3c3c3c;*/
    margin-bottom: 17px;
}

.footer__logo span {
    color: #dd3228;
}

.footer__nav {
    display: flex;
    padding-bottom: 30px;
    gap: 45px;
}

.footer__catalog {
    /*width: 180px;*/
    /*margin-right: 140px;*/
    margin-left: auto;

}
.footer__catalog ul{
    column-count: 2;    /* разбить на 2 колонки */
    column-gap: 20px;
}

.footer__menu {
    /*width: 180px;*/
    /*margin-right: 266px;*/
    /*margin-left: auto;*/
}

.footer__subtitle {
    font-weight: bold;
    font-size: 16px;
    line-height: 20px;
    color: #a0a0a0;
    margin-bottom: 16px;
}

.footer__menu li,
.footer__catalog li {
    margin-bottom: 16px;
    font-size: 16px;
    line-height: 19px;
    color: #666666;
}

.footer__menu li a,
.footer__catalog li a {
    font-size: 16px;
    line-height: 19px;
    color: #666666;
}

.footer a {
    transition: 0.2s linear;
}

.footer a:hover {
    color: #a0a0a0;
}

.footer__menu li:last-child,
.footer__catalog li:last-child {
    margin-bottom: 0;
}

.footer__contacts ul {
    /*margin-bottom: 28px;*/
}

.footer__contacts .footer__subtitle {
    margin-bottom: 24px;
}

.footer__contacts li {
    margin-bottom: 16px;
    /*line-height: 20px;*/
    color: #a0a0a0;
}

.footer__contacts li a {
    line-height: 20px;
    color: #a0a0a0;
}

.footer__contacts-button {
    background: #6ab670;
    border-radius: 8px;
    width: 190px;
    color: #fff;
    padding: 16px 36px;
}

/* footer__phone */
.footer__content-phone {
    height: 100%;
    width: 100%;
    display: none;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
    color: #303030;
    padding: 16px 16px 16px 16px;
}

.footer__cart-img {
    position: relative;
    margin-right: 30px;
    display: block;

}

.footer__cart-price {
    font-weight: 700;
    margin-left: 12px;
}

.footer__cart-img span.basket-count {
    font-size: 14px;
    justify-content: center;
    content: '4';
    display: flex;
    align-items: center;
    position: absolute;
    top: -15%;
    left: 60%;
    background: #303030;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    color: #fff;
}
.white, .white a{color:white !important;}
.f16, f16 a{font-size: 16px !important;}
.w400, .w400 a{font-weight: 400 !important;}



/* modal */
.shop-modal {
    display: none;
    background: #fff;
    z-index: 102;
    position: absolute;
    top: 53px;
    left: 0;
    right: 0;
    width: 100%;
    padding: 16px 12px 45px;
}

.modal__buttons {
    position: relative;
    display: flex;
    align-items: center;
    margin-bottom: 16px;
}

.favorite {
    cursor: pointer;
    /*margin-right: 20px;*/
}

.close {
    content: url('../images/phone__icons/close.png');
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
}

.close:hover {
    content: url('../images/phone__icons/close_act.png');
}

.modal__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #303030;
}

.modal__slider {
    position: relative;
    margin-bottom: 30px;
}

.modal__slider img {
    display: block;
    width: 350px;
    height: 240px;
}

.modal__quantity {
    justify-content: center;
    display: flex;
    margin-bottom: 24px;
}

.modal__stuff {
    margin-bottom: 20px;
    font-weight: 500;
    font-size: 16px;
}

.modal__stuff-title {
    color: #303030;
}

.modal__stuff li {
    color: #666666;
}

/* modal__additions */

.additions__title {
    font-weight: 500;
    font-size: 24px;
    line-height: 28px;
    color: #303030;
    margin-bottom: 20px;
}

.additions__block {
    position: relative;
    padding: 20px 0 0 0;
    border-top: 1px solid #EDEDED;
    margin-bottom: 90px;
}


.additions__list {
    position: relative;
    display: flex;
}

.additions__item {
    display: flex;
    flex-direction: column;
    background: #FFFFFF;
    box-shadow: 0px 0px 48px rgba(0, 0, 0, 0.08);
    border-radius: 8px;
    width: 170px;
    margin: 0 7px;
}

.additions__content {
    padding: 12px 8px 12px;
}

.additions__img {
    display: block;
    width: 100%;
}

.additions__item-title {
    color: #666;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 6px;
}

.additions__item-article {
    font-weight: 400;
    font-size: 14px;
    line-height: 16px;
    color: #a0a0a0;
    margin-bottom: 12px;
}

.additions__item-price {
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 12px;
    color: #303030;
}

.additions__quantity {
    margin-bottom: 12px;
    display: flex;
    flex-wrap: nowrap;
}

.quantity__minus,
.quantity__plus {
    background: #EDEDED;
    padding: 6px 10px;
    height: 30px;
    font-weight: bold;
    font-size: 18px;
    color: #666666;
    transition: 0.2s linear;
}

/*.quantity__input {*/
/*    width: 48px;*/
/*    background: transparent;*/
/*    display: flex;*/
/*    align-items: center;*/
/*    text-align: center;*/

/*    height: 30px;*/

/*    font-weight: 500;*/
/*    font-size: 14px;*/
/*    line-height: 16px;*/
/*    border: 1px solid #EDEDED*/
/*}*/

.quantity__plus {
    border-radius: 0px 6px 6px 0px;
}

.quantity__minus {
    border-radius: 6px 0px 0px 6px;
}

.quantity__minus:hover,
.quantity__plus:hover {
    background: #303030;
    color: #fff;
}

.additions__item-buttons .favorite {
    margin-right: 12px;
}


/* slider */
.slick-arrow {
    z-index: 30;
    position: absolute;
    background: #fff;
    font-size: 0;
    bottom: -65px;
    width: 52px;
    height: 52px;
    border-radius: 50%;
    filter: drop-shadow(0px 0px 44px rgba(0, 0, 0, 0.3));
    transition: 0.2s linear;
}

.slick-arrow:hover {
    background-color: #dddddd;
}

.slick-arrow::after {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-45%, -33%);
}

.slick-next {
    right: 12px;
}

.slick-prev {
    left: 12px;
}

.slick-next::after {
    content: url('../images/phone__icons/next.png');
}

.slick-prev::after {
    content: url('../images/phone__icons/prev.png');
}

.slick-disabled {
    opacity: 0;
}

.slick-dots,
.additions__list-counter {
    display: flex;
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translate(-50%, 0);
}
.cover {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.6;
    z-index: 100;
}
.modal {
    display: none;
    position: fixed;
    top: 40%;
    left: 30%;
    width: 40%;
    text-align: center;
    padding: 20px;
    z-index: 9999;
}
.content {
    display: none;
    width: 100%;
    min-width: 200px;
    width: 100%;
    position: relative;
    background-color: #FAFAFA;
    z-index: 300;
    padding: 20px;
}
.order-form-header {
    background: #ccc;
    padding: 10px;
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 20px;
    font-weight: bold;
}
.order-form-close {
    width: 10px;
    position: absolute;
    top: 20px;
    right: 30px;
    cursor:pointer;
}

h1 {
    font-size: 28px;
    color: #303030;
    margin: 44px 0;
    margin-left: 12px;
}

/* favorites*/
.shop.favorites-page {
    min-width: 1092px;
}

.shop__products.shop__favorites {
    max-height: none;
    overflow-y: hidden;
}
.shop__favorites .shop__product {
    box-shadow: 0px 0px 8px rgb(0 0 0 / 8%);
    padding: 0;
    background-color: white;
    margin: 12px;
    border-radius: 0px 8px 8px 0px;
}
.shop__favorites .shop__product:hover,
.shop__favorites .shop__product:active {
    box-shadow: 0px 0px 12px rgb(0 0 0 / 8%);
    background: white;
}
.shop__favorites .shop__product .shop__product-stats {
    padding: 25px 0;
}
.shop__favorites .shop__product .shop__product-stats.delete {
    padding-right: 45px;
}
.shop__favorites .shop__product-stats-title {
    font-size: 16px;
}
.shop__favorites .shop__product-image {
    margin-right: 40px;
}
.shop__favorites .shop__product-image img {
    width: 100px;
}
.shop__favorites .shop__product-stats:not(.delete) {
    margin-right: 50px;
}
.shop__favorites .shop__product-stats.shop__product-stats-quantity {
    min-width: 100px;
}
.shop__favorites .product__quantity {
    margin-right: 0;
}
.shop__favorites .shop__product-stats.shop__product-stats-info {
    margin-right: 70px;
    min-width: 300px;
}
.shop__favorites .shop__product-stats.shop__product-stats-price {
    margin-right: 30px;
    min-width: 100px;
}
.shop__favorites .shop__product-stats-price-count {
    margin-top: 6px;
}
.shop__favorites .shop__product-stats-info-bottom {
    display: flex;
    justify-content: space-between;
    margin-top: 8px;
}
.shop__favorites .shop__product-stats-discount {
    color: #DA4F4F;
    font-size: 16px;
}
.shop__favorites .shop__product-stats-count {
    color: #6AB670;
}
.shop__favorites .shop__product-stats-article {
    color: #A0A0A0;
}
.shop__product-stats-price-value {
    font-size: 16px;
    font-weight: 700;
    color: #303030;
}
.shop__product-stats-price-count {
    color: #a0a0a0;
}
.shop__product-stats.delete {
    font-size: 16px;
    display: flex;

}
.shop__product-stats.delete:after{
    content: url("data:image/svg+xml,%3Csvg width='10' height='9' viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.79255 4.49952L9.33373 0.963581C9.43958 0.857726 9.49904 0.714155 9.49904 0.564453C9.49904 0.414751 9.43958 0.27118 9.33373 0.165324C9.22789 0.059469 9.08433 0 8.93465 0C8.78496 0 8.64141 0.059469 8.53556 0.165324L5 3.70689L1.46444 0.165324C1.35859 0.059469 1.21504 1.32912e-07 1.06535 1.34028e-07C0.915666 1.35143e-07 0.77211 0.059469 0.666266 0.165324C0.560422 0.27118 0.500959 0.414751 0.500959 0.564453C0.500959 0.714155 0.560422 0.857726 0.666266 0.963581L4.20745 4.49952L0.666266 8.03546C0.613582 8.08772 0.571766 8.14989 0.543229 8.2184C0.514692 8.2869 0.5 8.36038 0.5 8.43459C0.5 8.5088 0.514692 8.58227 0.543229 8.65078C0.571766 8.71928 0.613582 8.78146 0.666266 8.83372C0.71852 8.8864 0.780688 8.92823 0.849184 8.95677C0.91768 8.98531 0.991149 9 1.06535 9C1.13955 9 1.21302 8.98531 1.28152 8.95677C1.35002 8.92823 1.41218 8.8864 1.46444 8.83372L5 5.29215L8.53556 8.83372C8.58782 8.8864 8.64998 8.92823 8.71848 8.95677C8.78698 8.98531 8.86045 9 8.93465 9C9.00885 9 9.08232 8.98531 9.15082 8.95677C9.21931 8.92823 9.28148 8.8864 9.33373 8.83372C9.38642 8.78146 9.42824 8.71928 9.45677 8.65078C9.48531 8.58227 9.5 8.5088 9.5 8.43459C9.5 8.36038 9.48531 8.2869 9.45677 8.2184C9.42824 8.14989 9.38642 8.08772 9.33373 8.03546L5.79255 4.49952Z' fill='%23666666'/%3E%3C/svg%3E");
    width: 9px;
    height: 9px;
    padding-left: 10px;
}
.shop.compare-page {
    max-width: none;
}
.compare-page .product__stats li .value + .value {
    border-left: 1px solid #ededed;
}
.compare-page .product {
    width: auto;
    max-width: none;
}
.compare-page ul li span.point {
    width: 150px;
}
.compare-page ul li span.value {
    width: 220px;
}

.compare-table .image-close .preview-picture {
    max-height: 220px;
    max-width: 220px;
}
.compare-table .image-close {
    min-height: 220px;
    height: 220px;
    width: 220px;
}
.compare-table .image-close {
    display: flex;
    justify-content: center;
}
.compare-table .item-name {
    color: #666;
    margin-top: 16px;
}
.compare-table .article {
    color: #a0a0a0;
    font-size: 14px;
    margin-top: 6px;
}
.compare-table .catalog-price {
    font-weight: 700;
    font-size: 18px;
}
.compare-table .other__item-discount {
    color: #DA4F4F;
    font-size: 14px;
    margin-bottom: 18px;
    font-weight: 400;
}
.product-item-info-container {
    display: flex;
    justify-content: space-between;
}
.compare-table .favorite {
    margin-right: 0;
}

.compare-page .tabs {
    /*overflow-x: scroll;*/
}
.compare-page .tabs__content {
    display: none; /* по умолчанию прячем все блоки */
    overflow-x: scroll;
}
.compare-page .tabs__content.active {
    display: block; /* по умолчанию показываем нужный блок */
}
.compare-page .hidden{
    display:none;
}
.compare-page .tabs__caption {
    list-style: none;
    display: inline-flex;
    padding: 0px;
    padding-right: 0px;
    margin: 0px;
    margin-bottom: 40px;
}
.compare-page .tabs__caption li {
    padding: 16px 32px;
    border-bottom: 2px solid #E5E5E5;
    cursor: pointer;
    font-size: 16px;
    font-weight: 500;
    color: #a0a0a0;
    width: max-content;
}
.compare-page  .tabs__caption li.active {
    color: #2F404D;
    border-bottom: #6AB670 solid 2px;
}
.compare-line {
    margin-bottom: 40px;
}
.compare-line .compare-line__diff {
    font-size: 16px;
    color: #666;
    display: inline-block;
}
.compare-line .compare-line__delete {
    font-size: 14px;
    font-weight: 400;
    text-decoration: underline;
    color: #303030;
    margin-right: 28px;
    display: inline-block;
}

.compare-table {
    margin-bottom: 20px;
    border: none;
    border-collapse: collapse;
    width: auto;
}
.compare-table td.compare-card{
    max-width: 220px;
    width: 220px;
    vertical-align: top;
}
.compare-table th {
    font-weight: bold;
    padding: 5px;
    background: #F2F8F8;
    border: none;
    border-bottom: 1px solid #ededed;
}
.compare-table .compare-card-white th.compare-card-title {
    background: #fff;
    color: #a0a0a0;
    border: none;
    border-bottom: none;
}
.compare-table .compare-card-title {
    min-width: 150px;
    font-size: 16px;
    font-weight: 500;
    padding: 10px 12px;
    text-align: right;
    background: #ededed;
    color: #666666;
    height: 100%;
    transition: 0.2s linear;
}
.compare-table .compare-card-title.model {
    height: 334px;
}
.compare-table .compare-card-title.price {
    height: 10px;
    padding-bottom: 4px;
}
.compare-table .compare-card-title.discount {
    height: 10px;
    padding: 0 12px;
}
.compare-page .compare-table td {
    padding: 10px 12px;
    font-size: 16px;
    width: 220px;
    background: #fff;
    transition: 0.2s linear;
}
.compare-page .compare-table tr:not(.compare-card-white) td {
    border: none;
    border-bottom: 1px solid #ededed;
    border-left: 1px solid #ededed;
}
.compare-page .compare-table tr:not(.compare-card-white) td:last-child {
    border-right: 1px solid #ededed;
}
.compare-page .compare-table tr.tr-qty {
    border-bottom: 1px solid #ededed;
}
.compare-table .compare-card-white td.compare-card {
    padding: 0;
}
.compare-card-white .compare-card .other__item {
    margin: 5px;
    width: 210px;
}
.compare-card__image-wrapper {
    display: flex;
    align-items: center;
    height: 100%;
}
.compare-page .compare-card__image-close {
    display: block;
    width: 100%;
    position: relative;
    height: 220px;
}
.compare-page .compare-card .compare-card__close {
    position: absolute;
    display: none;
    top: 14px;
    right: 14px;
    width: 12px;
    height: 12px;
    cursor: pointer;
    content: url("data:image/svg+xml,%3Csvg width='12' height='12' viewBox='0 0 12 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7.05673 5.99936L11.7783 1.28477C11.9194 1.14363 11.9987 0.952206 11.9987 0.752604C11.9987 0.553001 11.9194 0.361573 11.7783 0.220433C11.6372 0.079292 11.4458 0 11.2462 0C11.0466 0 10.8552 0.079292 10.7141 0.220433L6 4.94251L1.28592 0.220433C1.14479 0.079292 0.953384 1.77216e-07 0.753802 1.78703e-07C0.554221 1.80191e-07 0.362814 0.079292 0.221688 0.220433C0.0805626 0.361573 0.0012792 0.553001 0.0012792 0.752604C0.0012792 0.952206 0.0805626 1.14363 0.221688 1.28477L4.94327 5.99936L0.221688 10.7139C0.151443 10.7836 0.0956875 10.8665 0.0576386 10.9579C0.0195897 11.0492 0 11.1472 0 11.2461C0 11.3451 0.0195897 11.443 0.0576386 11.5344C0.0956875 11.6257 0.151443 11.7086 0.221688 11.7783C0.29136 11.8485 0.37425 11.9043 0.465579 11.9424C0.556907 11.9804 0.654865 12 0.753802 12C0.85274 12 0.950698 11.9804 1.04203 11.9424C1.13335 11.9043 1.21625 11.8485 1.28592 11.7783L6 7.05621L10.7141 11.7783C10.7838 11.8485 10.8666 11.9043 10.958 11.9424C11.0493 11.9804 11.1473 12 11.2462 12C11.3451 12 11.4431 11.9804 11.5344 11.9424C11.6257 11.9043 11.7086 11.8485 11.7783 11.7783C11.8486 11.7086 11.9043 11.6257 11.9424 11.5344C11.9804 11.443 12 11.3451 12 11.2461C12 11.1472 11.9804 11.0492 11.9424 10.9579C11.9043 10.8665 11.8486 10.7836 11.7783 10.7139L7.05673 5.99936Z' fill='%23666666'/%3E%3C/svg%3E%0A");
}
.compare-page .compare-card:hover .compare-card__close {
    display: inline-block;
}
.compare-line__diff input {
    margin-right: 8px;
}

.old_container {
    width: 100%;
    max-width: 1600px;
    margin: 0 auto;
    padding: 30px 0;
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    font-weight: 400;
    font-size: medium;
}
.compare-line input[type="checkbox"] {
    display:none;
}
.compare-line label span.checkbox {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='3' fill='%23d0d0d0'/%3E%3C/svg%3E%0A");
    height: 20px;
    width: 20px;
    cursor: pointer;
    display: inline-block;
    margin-right: 8px;
    top:4px;
    position: relative;
}
.compare-line label.checked span.checkbox {
    background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='20' height='20' rx='3' fill='%236AB670'/%3E%3Cpath d='M15.3332 6L7.99984 13.3333L4.6665 10' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.header__catalog-mob{
    display: none;
    padding: 16px 36px;
    align-items: center;
    background: #6AB670;
    border-radius: 8px;
    color: #fff;
    transition: 0.2s linear;
}
.header__catalog-mob .catalog-icon {
    margin-right: 9px;
    box-sizing: border-box;
    margin-top: -2px;
}
.header__catalog-mob .close-icon {
    margin-left: 9px;
    box-sizing: border-box;
    margin-top: -2px;
}
.bottom-mob_menu{
    display:none;
    position: fixed;
    left: 0;
    bottom: 0;
    box-shadow: 0 -4px 10px -3px rgba(0, 0, 0, 0.2);
    background-color: white;
    width: 100vw;
    justify-content: space-between;
    padding: 15px;
}
.shop__search-mob{display:none}
.shop__product-stats.quantity span{display: none;}

/*.quanity .quantity__minus,*/
/*.quanity .quantity__plus{*/
/*    display: none;*/
/*}*/

/*.quantity__input {*/
/*    -webkit-appearance: number-input !important;*/
/*    -moz-appearance: number-input !important;*/
/*    appearance: number-input !important;*/
/*}*/

/* Скрываем стандартные стрелки браузера */
.quantity__input::-webkit-inner-spin-button,
.quantity__input::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.quantity__input {
    -moz-appearance: textfield; /* для Firefox */
}

/* Обертка для позиционирования */
.quantity__wrapper {
    position: relative;
    /*display: inline-flex;*/
    align-items: center;
}

/* Стили для кастомных кнопок-стрелок */
.quanity .quantity__minus.pk,
.quanity .quantity__plus.pk {
    position: absolute;
    right: -6px;
    width: 20px;
    height: calc(50% - -7px);
    padding: 0;
    margin: -7px 0;
    background: #f0f0f0;
    border: none;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0;
    transition: background 0.2s;
}

/* Верхняя стрелка (плюс) */
.quanity .quantity__plus.pk {
    top: 0;
    border-bottom: none;
    border-radius: 0 3px 0 0;
}

/* Нижняя стрелка (минус) */
.quanity .quantity__minus.pk {
    bottom: 0;
    top: auto;
    border-radius: 0 0 3px 0;
}

/* Стрелка вверх (для плюса) */
.quanity .quantity__plus.pk::before {
    content: "▲";
    font-size: 10px;
    line-height: 1;
}

/* Стрелка вниз (для минуса) */
.quanity .quantity__minus.pk::before {
    content: "▼";
    font-size: 10px;
    line-height: 1;
}

/* Ховер эффекты */
.quanity .quantity__minus.pk:hover,
.quanity .quantity__plus.pk:hover {
    background: #e0e0e0;
}

.quantity__wrapper .quantity__minus.pk:active,
.quantity__wrapper .quantity__plus.pk:active {
    background: #d0d0d0;
}

.quanity .quantity__minus:not(.pk),
.quanity .quantity__plus:not(.pk) {
    display: none;
}

.quanity .quantity__minus.pk,
.quanity .quantity__plus.pk {
    display: flex;
}
.shop__product:hover .shop__product-stats-name a{color:#6AB670}


@media (max-width: 1480px) {
    .shop__product-stats:nth-child(4) {
        display: flex;
        flex-direction: column;
        align-items: center;
        max-width: 80px;
    }
    .shop__navigation-name, .shop__product-stats {
        min-width: 20px;
        word-wrap: break-word;
    }
    .shop__navigation-cost {
        text-align: center;
        max-width: 80px;
        padding: 0 15px;
    }
    .item-discount-percent {
        position: unset;
        margin-left: unset;
    }
    .item-old-price {
        margin-right: unset;
    }
}

@media (max-width: 960px) {
    .header__logo{font-size: 25px;}
    .container{padding: 0 15px;}
    .main{padding: 0; position: relative;}
    .shop{margin: 0;}
    .left-side{
        display:none;
        position: absolute;
        border: 1px solid #666666;
        border-radius: 8px;
        background-color: white;
        z-index: 1;
        top: 55px;
    }
    .left-side.active{display:block;}
    .header__catalog-mob{display: flex;}
}
@media (max-width: 932px) {
    body {
        padding-bottom: 75px;
    }
    .header__navigation{
        .header__catalog, .header__buttons{display: none;}
        .header__order{margin-left: auto;}
    }
    .bottom-mob_menu{display:flex;}
}
@media (max-width: 810px) {
    .shop__search-mob{display:block; margin-bottom: 15px}
    .shop_top .shop__search{display:none}
    .shop__product{font-size: 11px;}
    .shop__product.header-tbl{font-size: 10px;}

}

@media(max-width: 650px) {

    body {
        position: relative;
    }

    /*.main__fullscreen,*/
    /*.other,*/
    /*.footer__content {*/
    /*    display: none;*/
    /*}*/

    /* header */
    /*.header__fullscreen,*/
    /*.header__fullscreen.active {*/
    /*    display: none;*/
    /*}*/

    .header__phone {
        display: block;
    }

    .header__navigation {
        padding: 15px 0;
    }

    .header__logo {
        font-weight: 800;
        font-size: 15px;
        line-height: 23px;
        margin-right: 0;
    }

    .header__buttons {
        margin: 0;
    }

    .header__button {
        margin: 0;
        width: 24px;
        height: 24px;
        background: transparent;
        border-radius: 0%;
    }

    /*.header__button.favorite {*/
    /*    margin-right: 22px;*/
    /*}*/

    .header__toggle {
        display: block;
    }


    /* nav list */
    /* headeR__phone nav */
    .nav {
        z-index: 105;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        transform: translateY(-200%);
        background: #303030;
        padding: 24px 28px 40px 12px;
        transition: 0.3s linear 0.1s;
        opacity: 0;
    }


    .nav.active {
        transform: translateY(0%);
        opacity: 1;
    }

    .nav__account {
        display: inline-block;
        color: #fff;
        font-size: 16px;
        font-weight: 500;
        max-width: 350px;
        width: 100%;
        background: #6AB670;
        border-radius: 8px;
        padding: 15px 20px;

        display: flex;
        align-items: center;
        justify-content: center;
        transition: 0.2s linear;
        border: 1px solid #6AB670;
    }

    .nav__pages {
        margin-bottom: 20px;
    }

    .nav__account::before {
        content: url('../images/phone__icons/profile.png');
        position: relative;
        margin-right: 12px;
    }

    .nav__account:hover {
        background: #303030;
        color: #fff;
        border: 1px solid #fff;
    }

    .nav__pages li {
        cursor: pointer;
        padding: 15px 0;
        position: relative;
    }

    .nav__pages li a::before {
        position: relative;
        margin-right: 12px;
    }

    .nav__shop a::before {
        content: url('../images/phone__icons/shop.png');
    }

    .nav__categories a::before {
        content: url('../images/phone__icons/categories.png');
    }

    .nav__cart a::before {
        content: url('../images/phone__icons/cart.png');
    }

    .nav__fav a::before {
        content: url('../images/phone__icons/fav.png');
    }

    .nav__compare a::before {
        content: url('../images/phone__icons/compare.png');
    }

    .nav__news a::before {
        content: url('../images/phone__icons/news.png');
    }

    .nav__info a::before {
        content: url('../images/phone__icons/info.png');
    }

    .nav__deliver a::before {
        content: url('../images/phone__icons/deliver.png');
    }

    .nav__offer a::before {
        content: url('../images/phone__icons/suggest_product.png');
    }

    .nav__pages a {
        color: #A0A0A0;
        position: relative;
        width: 100%;
        display: flex;
        align-items: center;
        height: 100%;
    }

    .nav__pages li.active>a {
        color: #fff;
    }

    .nav__list {
        display: block;
    }

    .nav__list ul {
        margin: 12px 0 0 32px;
        display: none;
    }

    .nav__list.active>ul {
        display: block;
    }

    .nav__list>a+span.arrow::after {
        content: url('../images/phone__icons/down_list.png');
        position: absolute;
        top: 25px;
        right: 14px;
        transform: translateY(-50%);
    }

    .nav__list.active>a+span.arrow::after {
        transform: translateY(-45%);
        content: url('../images/phone__icons/up_list.png');
    }



    /* fixed__buttons */
    .button__message {
        bottom: 26px;
        right: 13px;
    }

    .button__scrolltop {
        left: inherit;
        bottom: 100px;
        right: -20%;
    }

    .button__scrolltop.active {
        right: 13px;
        left: inherit;
    }

    /* main */
    .main {
        padding: 0;
    }

    .main__phone {
        display: block;
    }

    .navigation__breadcrumbs {
        margin: 0;
        display: flex;
        align-items: center;
    }

    .navigation__breadcrumbs a {
        position: relative;
        margin: 0 36px 0 0;
    }

    .navigation__breadcrumbs a::after {
        position: absolute;
        top: 50%;
        right: -30px;
        transform: translateY(-45%);
        content: url('../images/body__icons/next_act.png');
    }

    .shop {
        margin: 0;
    }
    .shop.main_shop{margin-top: 15px}

    .shop__search {
        max-width: none;
        margin: 0 auto;
        /*margin-bottom: 20px;*/
    }




    .shop__sorting {
        min-width: 145px;
        /*padding-bottom: 12px;*/
        /*border-bottom: 1px solid #EDEDED;*/
        /*margin-bottom: 20px;*/
    }

    .shop__sorting ul {
        z-index: 12;
        max-width: 115%;
        width: 115%;
        top: 100%;
    }
    .shop__menu .selected-filter{display: none;}

    /* modal */
    .shop-modal.active {
        display: block;
    }




    /* footer */
    .footer {
        z-index: 109;
        position: relative;
        bottom: 0;
        /*height: 52px;*/
        display: flex;
        left: 0;
        right: 0;
        /*background: #F8F8F8;*/
    }

    .footer__content-phone {
        display: flex;
    }



    /* additions */
    .youtube {
        margin-bottom: 16px;
    }

    .product__stats {
        margin-bottom: 16px;
    }

    .product__stats li .value,
    .product__stats li .point {
        width: 100%;
    }

    h1 {
        font-size: 24px;
        color: #303030;
        margin: 0;
        display: none;
    }
    .shop.favorites-page {
        min-width: auto;
    }
    .favorites-page .product__buttons {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .favorites-page .favorite-delete {
        width: 15px;
        height: 13px;
        right: 0;
        background-image: url("data:image/svg+xml,%3Csvg width='14' height='13' viewBox='0 0 14 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.12679 6.49932L13.1631 1.47042C13.3137 1.31987 13.3982 1.11569 13.3982 0.902776C13.3982 0.689866 13.3137 0.485676 13.1631 0.335126C13.0126 0.184577 12.8084 0.0999985 12.5956 0.0999985C12.3827 0.0999985 12.1785 0.184577 12.028 0.335126L6.99961 5.37201L1.97125 0.335126C1.82072 0.184577 1.61655 0.0999987 1.40367 0.0999987C1.19078 0.0999987 0.98661 0.184577 0.836077 0.335126C0.685543 0.485676 0.600974 0.689866 0.600974 0.902776C0.600974 1.11569 0.685543 1.31987 0.836077 1.47042L5.87243 6.49932L0.836077 11.5282C0.761148 11.6025 0.701676 11.691 0.661091 11.7884C0.620505 11.8858 0.599609 11.9903 0.599609 12.0959C0.599609 12.2014 0.620505 12.3059 0.661091 12.4033C0.701676 12.5008 0.761148 12.5892 0.836077 12.6635C0.910393 12.7384 0.99881 12.7979 1.09623 12.8385C1.19364 12.8791 1.29813 12.9 1.40367 12.9C1.5092 12.9 1.61369 12.8791 1.7111 12.8385C1.80852 12.7979 1.89694 12.7384 1.97125 12.6635L6.99961 7.62662L12.028 12.6635C12.1023 12.7384 12.1907 12.7979 12.2881 12.8385C12.3855 12.8791 12.49 12.9 12.5956 12.9C12.7011 12.9 12.8056 12.8791 12.903 12.8385C13.0004 12.7979 13.0888 12.7384 13.1631 12.6635C13.2381 12.5892 13.2975 12.5008 13.3381 12.4033C13.3787 12.3059 13.3996 12.2014 13.3996 12.0959C13.3996 11.9903 13.3787 11.8858 13.3381 11.7884C13.2975 11.691 13.2381 11.6025 13.1631 11.5282L8.12679 6.49932Z' fill='%23303030'/%3E%3C/svg%3E%0A");
        top: 6px;
        position: relative;
        margin-left: 10px;
    }
    .favorites-page .product__top-block {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
    .bottom-sliders .bottom-params-title div {
        font-size: 14px;
        line-height: 15px;
        padding: 10px 12px;
        text-align: right;
        background: #ededed;
        color: #666666;
        display: inline-block;
        width: 100%;
        height: auto;
        transition: 0.2s linear;
    }
    .bottom-sliders .compare-card {
        border-right: 1px solid #ededed;
    }
    .bottom-sliders .compare-card:not(.active) {
        display:none;
    }
    .bottom-sliders .compare-card div {
        padding: 10px 12px;
        font-size: 16px;
        line-height: 15px;
        width: 128px;
        display: inline-block;
        background: #fff;
        height: 100%;
        transition: 0.2s linear;
        border-bottom: 1px solid #ededed;
    }
    .bottom-sliders .compare-card .lenght {
        padding: 20px 12px;
    }

    .main.main__phone {
        height: 100%;
    }

    .shop.compare-page {
        height: 100%
    }
    .compare-page .tabs {
        /*overflow-x: hidden;*/
        height: 100%;
    }
    .compare-page .additions__item.compare-card:not(.active) {
        display: none;
    }
    .compare-page .additions__item .product__quantity {
        margin-right: 15px;
    }
    .compare-page .additions__item .favorite {
        margin-right: 0;
    }
    .compare-page .left-nav {
        margin-bottom: 20px;
    }
    .compare-page .right-nav {
        margin-bottom: 20px;
    }
    .compare-page .catalog-discount {
        color: #DA4F4F;
        font-weight: 400;
        font-size: 14px;
        padding-bottom: 13px;
    }
    .compare-page .top-sliders {
        margin-bottom: 20px;
        display: grid;
        grid-template-columns: 50% 50%;
        width: 100%;
    }
    .compare-page .bottom-sliders {
        display: grid;
        grid-template-columns: 30% 35% 35%;
        width: 100%;
        border-top: 1px solid #ededed;
        margin-bottom: 60px;
    }
    .compare-page .outer {
        position: relative;
    }
    .compare-page .inner {
        overflow-x: scroll;
        overflow-y: visible;
        width: 1200px;
        margin-left: 120px; /* Сдвинет всю таблицу внутри на 100 пикселей */
    }
    .compare-page .right-nav, .compare-page  .left-nav {
        color: #a0a0a0;
        text-align: center;
    }
    .compare-page .right-cur, .compare-page .left-cur {
        margin-left: 28px;
        margin-right: 8px;
        color: #303030;
    }
    .compare-page .right-qty, .compare-page .left-qty {
        margin-right: 28px;
        margin-left: 8px;
    }
    .compare-page .shop__sorting .shop__sorting-select::before,
    .compare-page .shop__sorting.active .shop__sorting-select::before {
        content:'';
    }
    .compare-page .shop__sorting .shop__sorting-select {
        padding: 0;
    }
    .compare-page .shop__sorting .tab-qty {
        margin-left: 8px;
        display: inline-block;
    }
    .compare-line {
        font-size: 16px;
        display: flex;
        justify-content: right;
    }
    .old_container {
        width: 100%;
        max-width: 1600px;
        margin: 0 auto;
        padding: 0 15px;
        line-height: 1.618;
        text-rendering: optimizeLegibility;
        font-weight: 400;
        font-size: medium;
    }

    html.compare-html,
    html.compare-html body {
        height: 100%;
    }

    .shop__search-mob{display: none;}
    .shop_top a{display: none}
    .shop_top .shop__search{display: block;}
    .header__catalog-mob{padding: 15px;}
    .header__catalog-mob span{display: none;}
    .header__catalog-mob .catalog-icon {
        margin-right: 0;
        box-sizing: border-box;
        margin-top: 0;
    }
    .header__catalog-mob .close-icon {
        margin-left: 0;
        box-sizing: border-box;
        margin-top: 0;
    }
    .shop_top {
        gap: 10px;
    }
    input, button, textarea{font-size: 13px;}
    .left-side{top: 70px;}
    .shop__menu {
        gap: 10px;
        font-size: 13px;
    }
    .shop__filter {
        min-width: 65px;
    }
    .shop__filter-select{padding: 0;}
    .shop__product:first-child{display: none;}


    .shop__product {
        display: grid;
        grid-template-columns: 100px 1fr; /* левая колонка для картинки, правая для всего остального */
        gap: 5px 10px;
        position: relative;
        background-color: #f5f5f5 !important;
        border-radius: 8px;
        margin-bottom: 5px;
        padding: 5px 2px;
        font-size: 12px;
    }

    .shop__product-stats {
        max-width: calc(100% - 30px);
    }
    /* Картинка в левой колонке */
    .shop__product-stats-img {
        grid-column: 1;
        grid-row: 1 / span 6; /* Растягиваем на все строки */

    }
    .shop__product-stats:first-child{
        padding: 2px;
        margin: 0;
        max-width: 100px;
        max-height: none;

    }
    .shop__product-stats-img img {
        width: 100px;
        height: auto;
        }

        /* Название - строка 1 */
    .shop__product-stats-name {
        grid-column: 2;
        grid-row: 1;
    }


    /* Артикул - строка 2 */
    .shop__product-stats-article {
        grid-column: 2;
        grid-row: 2;
        opacity: 60%;
    }

    /* Пятый элемент (quantity) - строка 3 */
    .shop__product-stats.quantity.in{
        grid-column: 2;
        grid-row: 3;
    }

    /* Шестой элемент (quantity) - строка 3, рядом */
    .shop__product-stats.quantity.in-count {
        grid-column: 2;
        grid-row: 3;
        margin-left: 120px; /* чтобы разместить рядом */
    }

    /* Дата - строка 4 */
    .shop__product-stats.date {
        grid-column: 2;
        grid-row: 4;
    }

    /* Инпут с количеством - строка 5 */
    .shop__product-stats.quanity {
        grid-column: 2;
        grid-row: 5;
        border: none;
        background-color: white;
        padding: 0px;
    }

    /* Цена (item-price) - строка 5, рядом с инпутом */
    .shop__product-stats.shop__product-stats-price {
        grid-column: 2;
        grid-row: 5;
        margin-left: 95px;
        font-size: 13px;
        font-weight: 500;
    }
    .shop__product-stats[item-price] {
        display: none;
        grid-column: 2;
        grid-row: 5;
        margin-left: 95px;
        font-size: 13px;
        font-weight: 500;
    }

    /* Иконки избранного и сравнения - строка 5 */
    .shop__product-stats.favorite,
    .shop__product-stats.compare {
        grid-column: 2;
        grid-row: 5;
    }

    .shop__product-stats.favorite {
        margin-left: 118px;
    }

    .shop__product-stats.compare {
        margin-left: 176px;
    }

    /* Скрываем ненужные элементы */
    /*.shop__product-stats:not(.shop__product-stats-img)*/
    /*:not(.shop__product-stats-article):not(.shop__product-stats-name)*/
    /*:not(.shop__product-stats.quanity):not(.shop__product-stats.quantity):not(.shop__product-stats.date):not([item-price]):not(.favorite):not(.compare) {*/
    /*    display: none;*/
    /*}*/
    .shop__product-stats.quantity span, .shop__product-stats.date span{display: inline;}
    .shop__product-stats.date span{margin-right: 25px;}

    .quanity .quantity__wrapper {
        display: flex;
        align-items: center;
        /*border: 1px solid #ddd;*/
        border-radius: 4px;
        overflow: hidden;
        width: fit-content;
    }

    .quanity .quantity__minus.pk,
    .quanity .quantity__plus.pk {
        display: none;
    }

    .quanity .quantity__minus:not(.pk),
    .quanity .quantity__plus:not(.pk) {
        display: flex;
    }

    .quanity .quantity__minus:not(.pk),
    .quanity .quantity__plus:not(.pk) {
        width: 30px;
        height: 30px;
        border: none;
        background: white;
        cursor: pointer;
        font-size: 16px;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .quanity .quantity__minus:not(.pk):hover,
    .quanity .quantity__plus:not(.pk):hover {
        background: white;
        color:#303030;
    }

    .quanity .quantity__input {
        width: 50px;
        height: 30px;
        border: none;
        /* border-left: 1px solid #ddd; */
        /* border-right: 1px solid #ddd; */
        text-align: center;
        -moz-appearance: textfield;
    }

    .quanity .quantity__input::-webkit-outer-spin-button,
    .quanity .quantity__input::-webkit-inner-spin-button {
        -webkit-appearance: none;
        margin: 0;
    }
    .shop__product-stats.quanity{border-radius: 6px;}
    .header__order a{font-size: 14px}
    .additions__contacts a, .additions__contacts span {
        font-size: 13px; padding: 0;
    }
    .filters-container .date-filter-wrapper input.date-range-input{
        width: 0;
        padding: 11px 0;
        background-color: transparent;
        border: none;
    }
    #calendar-icon{left: 0;}
    .filters-container {
        flex-direction: row;
    }
    .support__navigation{flex-direction: column; margin-top: 15px;}
    .support__navigation .btn{width: 100%;}
    .news-detail-half-right .detail-text {
        /* padding-top: 30px; */
        width: 100%;
        display: inline-block;
        padding: 0;
    }
    div.news-detail-half-right {
         word-wrap: break-word;
         padding-left: 0;
         padding-right: 0;
         padding-bottom: 15px;
         display: flex;
         flex-direction: column;
     }
    .news-detail-half-right .detail-picture{width: 100%;}
    .obmen img{max-width: 100%; height: auto;}
    div.doc-list{display: flex; flex-direction: column;}
    .docs .doc-item {
        width: 100%;
    }
    .footer__nav{width: 100vw;display: flex; flex-direction: column;}
}
/* CUSTOM-SCROLLBAR */
@media screen and (min-width: 992px) {
    ._custom-scrollbar::-webkit-scrollbar {
        width: 10px;
        height: 10px;
    }

    ._custom-scrollbar::-webkit-scrollbar-track {
        background: #f5f5f5;
    }

    ._custom-scrollbar::-webkit-scrollbar-thumb {
        background-color: #979797;
        border-radius: 10px;
        border: 2px solid #f5f5f5;
    }

    ._custom-scrollbar {
        scrollbar-width: thin;
        scrollbar-color: #979797 #f5f5f5;
    }
}
.search_babl_menu {
    background-color: #fff;
    font-size: 12px;
    width: 100%
}

.search_babl_menu TR > TD.title-search-item {
    border-style: solid;
    border-width: 0 0 1px 0;
    padding: 5px;
    border-color: #6D6E6F
}

.search_babl_menu TR > TD > A.title-search-item {
    text-decoration: none;
    color: #000
}

.search_babl_menu TR > TD.title-search-all {
    text-align: center;
    padding: 10PX
}

.search_babl_menu TR > TD > A {
    color: #000;
    text-decoration: none
}

.search_babl_menu TR > TD > A:hover {
    text-decoration: underline
}

.search_babl_menu TR > TD > A > IMG {
    margin-right: 6px
}

.search_babl_menu TR > TD > P.title-search-price {
    font-size: 10px;
    padding-top: 3px;
    padding-left: 55px;
    color: #747575
}

.search_babl_menu TR > TD.title-search-more {
    text-align: center;
    background: #591C69;
    padding: 10px
}

.search_babl_menu TR > TD.title-search-more > A {
    display: inline-block;
    padding: 5px;
    text-transform: uppercase;
    text-decoration: none;
    color: yellow
}