@charset "UTF-8";
body {
    margin: 0;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    background-color: #fff;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(27, 27, 31, 0);
  	font-family: 'SF Pro Rounded', sans-serif;
}
.columns-2>*,.columns-3>* {
    page-break-inside: avoid;
    -moz-column-break-inside: avoid;
    break-inside: avoid
}

.head-catalog__dropdown,.head-search__dropdown ul {
    scrollbar-color: var(--theme-primary);
    scrollbar-width: thin
}

.index-category-bg,.news-card__img {
    -webkit-mask-image: -webkit-radial-gradient(white,#000)
}

.brand-item__title,.head-catalog__link>span,.index-category__title,.item-card__title,.news-card__title {
    text-overflow: ellipsis;
    -webkit-box-orient: vertical
}
.baner-glav {
    color: #fff;
    overflow: hidden;
    margin-top: 0px;
    position: relative;
    margin-bottom: 0px;
    min-width: 100%;
}
.relative {
    position: relative;
}
.povtor .dropdown-menu {
    position: absolute;
    top: -66px !important;
    z-index: 1000;
    min-width: 10rem;
    padding: 24px;
    margin: 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #D3D5DB;
    border-radius: 8px;
    left: -23%!important;
}
@font-face {
    font-family: Manrope;
    src: url(fonts/Manrope-Regular.woff2) format("woff2"),url(fonts/Manrope-Regular.woff) format("woff"),url(fonts/Manrope-Regular.ttf) format("truetype");
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: Manrope;
    src: url(fonts/Manrope-Bold.woff2) format("woff2"),url(fonts/Manrope-Bold.woff) format("woff"),url(fonts/Manrope-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal;
    font-display: swap
}

a {
    outline: 0;
    cursor: pointer;
    color: var(--theme-link)
}

a:hover {
    color: var(--theme-link-hover)
}

.btn-primary,.btn-primary:hover {
    color: var(--theme-primary-btn-text)
}

article>:last-child {
    margin-bottom: 0
}

*+h1,*+h2,*+h3,*+h4,*+h5,*+h6 {
    margin-top: 2.5rem
}

canvas,img,video {
    max-width: 100%;
    height: auto;
    box-sizing: border-box
}

.btn-close.modal-close,.outline-primary-svg svg,.primary-svg svg {
    min-width: 24px;
    max-width: 24px;
    height: 24px
}

.brand-image,.container,.head-search__clear {
    box-sizing: content-box
}

input[type=number] {
    -moz-appearance: textfield
}

input::-webkit-inner-spin-button,input::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.form-control:hover {
    border-color: var(--theme-primary)
}

.form-control:focus {
    border-color: #D3D5DB;
    border-bottom-color: var(--theme-primary)
}
.sticky-top {
    /* position: sticky; */
    /* top: 30px; */
    /* z-index: 100; */
}   
.btn-primary,.form-select:focus,.form-select:hover {
    border-color: var(--theme-primary);
    border: 1.5px solid;

}

.btn-primary {
    background: var(--theme-primary);
}

.btn-primary:hover {
    background: #a54f00;
    border-color: #c35d00;
}

.btn-primary:active,.btn-primary:focus {
    background: var(--theme-primary-dark);
    border-color: var(--theme-primary-dark);
    color: #fff
}

.btn-outline-primary {
    color: #ff7c00;
    border-color: #ff7e00;
    background: #fff
}

.btn-outline-primary:hover {
    border-color: var(--theme-primary);
    background: var(--theme-primary);
    color: var(--theme-primary-btn-text)
}

.btn-outline-primary:active,.btn-outline-primary:focus {
    background: var(--theme-primary-dark);
    border-color: var(--theme-primary-dark);
    color: #fff
}

.last-child-margin-remove>:last-child {
    margin-bottom: 0!important
}

.columns-2 {
    -moz-column-gap: 24px;
    column-gap: 24px;
    -moz-column-count: 2;
    column-count: 2
}

@media screen and (max-width: 991.98px) {
    *+h1,*+h2,*+h3,*+h4,*+h5,*+h6 {
        margin-top:2rem
    }

    .columns-2 {
        -moz-column-count: 1;
        column-count: 1
    }
}

.columns-3 {
    -moz-column-gap: 24px;
    column-gap: 24px;
    -moz-column-count: 3;
    column-count: 3
}

.invalid-feedback {
    font-weight: 700
}

.btn-close.modal-close {
    display: flex;
    align-items: center;
    justify-content: center;
    border: none;
    padding: 0;
    margin: 0;
    box-shadow: none;
    background: 0 0
}

.modal-title {
    margin-right: 16px
}

.modal-header {
    padding: 0;
    margin-bottom: 24px
}

.modal-body {
    padding: 0
}

.modal-content {
    padding: 32px
}

.dropdown-menu {
    box-shadow: 0 8px 16px rgba(32,32,32,.16)
}

.dropdown-item:hover,li.selected>.dropdown-item {
    background: 0 0;
    color: var(--theme-primary)
}

.outline-primary-svg {
    display: flex;
    justify-content: center;
    align-items: center
}

.outline-primary-svg:hover svg {
    fill: var(--theme-primary-btn-text)
}

.outline-primary-svg:active svg,.outline-primary-svg:focus svg {
    fill: #fff
}

.outline-primary-svg svg {
    fill: var(--theme-primary);
    transition: fill .15s ease-in-out
}

.primary-svg {
    display: flex;
    justify-content: center;
    align-items: center
}

.primary-svg:hover svg {
    fill: var(--theme-primary-btn-text)
}

.primary-svg:active svg,.primary-svg:focus svg {
    fill: #fff
}

.primary-svg svg {
    fill: var(--theme-primary-btn-text);
    transition: fill .15s ease-in-out
}

.comp svg,.fav svg,.return-link {
    transition: all .3s ease
}

.aside-sticky {
    position: sticky;
    top: 16px
}

.text-inherit {
    font-size: inherit;
    color: inherit;
    text-decoration: inherit
}

.empty-page-img {
    max-width: 160px;
    min-width: 160px;
    min-height: 160px;
    max-height: 160px
}

@media screen and (max-width: 991.98px) {
    .columns-3 {
        -moz-column-count:1;
        column-count: 1
    }

    .modal-content {
        padding: 24px 16px
    }

    .empty-page-img {
        max-width: 100px;
        min-width: 100px;
        min-height: 100px;
        max-height: 100px
    }
}

.danger-link {
    color: #C61C1C;
    text-decoration: none
}

.success-link {
    color: #1DC25F;
    text-decoration: none
}

.return-link {
    display: flex;
    align-items: center;
    text-decoration: none;
    font-size: 14px;
    color: var(--theme-link)
}

.comp,.fav {
    display: flex;
    align-items: center;
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    text-decoration: none
}

.return-link svg {
    fill: var(--theme-link)
}

.return-link:hover {
    color: var(--theme-link-hover)
}

.return-link:hover svg {
    fill: var(--theme-link-hover)
}

.fav {
    justify-content: center
}

.fav svg {
    stroke: #84858A
}

.fav:hover svg {
    stroke: #C61C1C
}

.fav.rs-in-favorite svg {
    stroke: #C61C1C;
    fill: #C61C1C
}

.comp {
    justify-content: center
}

.comp svg {
    stroke: #84858A;
    fill: none
}

.comp.rs-in-compare svg,.comp:hover svg {
    stroke: var(--theme-primary)
}

.comp.rs-in-compare svg {
    fill: var(--theme-primary)
}

.container {
    max-width: 1340px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 16px;
    padding-right: 16px
}
@media (min-width: 1200px) {
    .h1, h1 {
        font-size: 36px;
    }
}
.h1 {
    font-weight: 800;
    font-size: 48px;
    line-height: 100%;
    letter-spacing: -2%;
}

@media screen and (min-width: 576px) {
    .container {
        padding-left:24px;
        padding-right: 24px
    }
}

@media screen and (min-width: 992px) {
    .container {
        padding-left:32px;
        padding-right: 32px
    }
}

@media screen and (min-width: 1400px) {
    .container {
        padding-left:48px;
        padding-right: 48px
    }
}
.ddd{
    background: #F3F3F3;
}
.container::after,.container::before {
    content: "";
    display: table
}

.container::after {
    clear: both
}

.container>:last-child {
    margin-bottom: 0
}

.container .container {
    padding-left: 0;
    padding-right: 0
}

.container_large .container {
    max-width: 1620px;
}

.section {
    padding: 76px 0
}
.logo {
    min-width: 100%;
    max-width: 100%;
    height: auto;
    -o-object-fit: contain;
    object-fit: contain;
}
.logo_without-desc {
    height: auto;
    max-width: 238px;
}
.footer-socials a img {

/* filter: brightness(3.0); */
}
.footer-socials a {
    border: 1px solid #ffffff;
}
.logo-fut-block{
    max-width: 320px;
}

@media screen and (max-width: 1199.98px) {
    .logo {
        /* min-width:124px; */
        /* max-width: 124px; */
        /* height: 18px; */
    }
}

.logo_without-desc {
    height: auto;
}

@media screen and (max-width: 575.98px) {
    .logo_checkout {
        max-width:53px;
        min-width: 53px;
        height: 32px
    }
}

.logo-desc {
    font-size: 10px;
    margin-top: 4px;
    color: #404147
}

@media screen and (max-width: 1199.98px) {
    .logo_without-desc {
        /* height:32px; */
    }

    .logo-desc {
        font-size: 8px;
        margin-top: 2px
    }
}

.logo-desc_footer {
    color: #F9F9F9
}

@media screen and (max-width: 991.98px) {
    .section {
        padding:48px 0
    }

    .logo-desc_footer {
        font-size: 10px;
        margin-top: 4px
    }
}

.label-count {
    position: absolute;
    right: -8px;
    top: -6px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    font-size: 12px;
    line-height: 1;
    padding: 2px 4px;
    background: var(--theme-primary);
    border-radius: 16px;
    min-width: 16px;
    height: 16px;
    overflow: hidden
}

.head,.head_sticky.head__inner,.mobile-bar {
    z-index: 8;
    background: #fff
}

.advantage-icon {
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    margin-right: 16px
}

.advantage-icon img {
    width: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

@-webkit-keyframes animation-slide-top {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes animation-slide-top {
    from {
        transform: translateY(-100%)
    }

    to {
        transform: translateY(0)
    }
}

.animation-slide-top {
    -webkit-animation: animation-slide-top .3s ease;
    animation: animation-slide-top .3s ease
}

.mobile-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    display: flex;
    padding: 12px 0 14px;
    margin: 0;
    list-style: none;
    font-size: 10px;
    line-height: 12px;
    border-top: 1px solid #EAEBEE
}

@media screen and (min-width: 992px) {
    .mobile-bar {
        display:none
    }
}

.mobile-bar>li {
    flex: 1 0 0
}

.mobile-bar>li:not(:last-child) {
    margin-right: 8px
}

.mobile-bar__link {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    color: #84858A;
    text-decoration: none
}

.mobile-bar__link svg {
    fill: #84858A
}

.mobile-bar__link_act {
    color: var(--theme-primary)
}

.mobile-bar__link_act svg {
    fill: var(--theme-primary)
}

.mobile-bar__icon-wrapper {
    width: 24px;
    height: 24px
}

.mobile-bar__icon-wrapper>* {
    max-width: 100%;
    max-height: 100%
}

.head {
    position: relative;
    height: auto
}

@media screen and (max-width: 991.98px) {
    .head {
        height:61px
    }

    .head_cut .head-logo {
        display: none
    }
}

@media screen and (max-width: 575.98px) {
    .head {
        height: 52px;
    }
}

@media screen and (min-width: 992px) {
    .head_with-catalog {
        height:185px
    }
}

.head_sticky.head__inner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

@media screen and (max-width: 575.98px) {
    .head_cut {
        height:61px
    }

    .head_sticky.head__inner .head-logo {
        /* display: none; */
    }
}

.head-logo {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.head-bar {
    display: none;
    background: var(--theme-menubar-bg);
    padding: 8px 0;
    font-size: 14px;
    color: #fff;
    font-weight: 500;
}

@media screen and (min-width: 992px) {
    .head-bar {
        display:block
    }
}

.head-bar__menu {
    padding: 4px 0;
    margin: 0;
    list-style: none;
    display: flex;
    align-items: flex-start
}

.head-bar__menu>li:not(:last-child) {
    margin-right: 24px
}

.head-bar__dropdown>li:not(:last-child) {
    margin-bottom: 20px
}

.head-bar__link {
    display: flex;
    align-items: center;
    color: var(--theme-menubar-link);
    text-decoration: none;
    white-space: nowrap;
    overflow: hidden;
    transition: color .3s ease;
    line-height: 18px;
    border-bottom: 1px solid #dddddd00;
}

.head-icon-link,.head-mob-link {
    display: block;
    text-decoration: none
}

.head-bar__link svg {
    min-width: 24px;
    transition: fill .3s ease;
    fill: var(--theme-menubar-link)
}

.head-icon-link,.head-icon-link svg {
    transition: all .3s ease
}

.head-bar__link:hover {
    color: #fff7ef;
    border-bottom: 1px dashed;
    /* line-height: 10px; */
}

.head-bar__link:hover svg {
    fill: var(--theme-primary)
}

.head-bar__link.show {
    color: var(--theme-primary-light)
}

.head-bar__link.show svg {
    fill: var(--theme-primary-light)
}

.head-main {
    padding: 12px 0;
    border-bottom: 1px solid #EAEBEE;
    background: #ffffff;
}

.head-catalog-btn {
    padding-left: 24px;
    padding-right: 24px;
    border-radius: 500px;
    background: linear-gradient(180deg, #FF9200 0%, #FF6B00 100%);
linear-gradient(180deg, color(
    display-p3 0.988 0.596 0.180) 0%, color(display-p3 0.992 0.463 0.004) 100%);
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, #FFE39C 0%, #FF8900 100%);
linear-gradient(180deg, color(
    display-p3 0.996 0.894 0.647) 0%, color(display-p3 0.984 0.565 0.133) 100%);
}

@media screen and (min-width: 1200px) {
    .head-catalog-btn {
        padding: 12px 24px;
        font-size: 18px;
        line-height: 22px
    }
}

.head-mob-link {
    min-width: 24px;
    max-width: 24px;
    height: 24px
}

.head-icon-link {
    text-align: center;
    padding: 10px;
    background: #fff;
    border-radius: 8px;
    font-size: 14px;
    line-height: 18px;
    color: #00000080;
    /* min-width: 100px; */
    /* max-width: 100px; */
    overflow: hidden;
    white-space: nowrap;
    width: fit-content;
}

.head-icon-link:hover {
    color: var(--theme-primary)
}

.head-icon-link:hover svg {
    fill: var(--theme-primary)
}

.head-icon-link:active {
    box-shadow: none;
    color: var(--theme-primary-dark)
}

.head-icon-link:active svg {
    fill: var(--theme-primary-dark)
}

.head-search {
    flex: 1 0 0;
    position: relative
}

.head-search .form-control {
    padding-right: 56px;
    border-radius: 500px;
    border: 0px solid #ced4da;
    box-shadow: 0px 1px 4.9px 0px rgba(0, 0, 0, 0.3) inset;
}

.head-search .form-control:hover {
    border-color: var(--theme-primary)
}

.head-search .form-control:focus {
    border-color: #D3D5DB;
    border-bottom-color: var(--theme-primary)
}

@media screen and (max-width: 991.98px) {
    .head-search .form-control {
        border-radius:8px;
        padding: 7px 40px 7px 16px
    }
}

.head-search__btn,.head-search__clear {
    border: none;
    position: absolute;
    margin: 0
}

.head-search.in-loading .head-search__btn svg {
    display: none
}

.head-search.in-loading .head-search__btn:before {
    content: '';
    width: 24px;
    height: 24px;
    display: block;
    background: url(../img/icons/loader.svg) 50% 2px;
    background-size: 24px
}

.head-search__btn {
    top: calc(50% - 15px);
    right: 24px;
    background: 0 0;
    padding: 0;
    min-width: 24px;
    max-width: 24px;
    height: 24px
}

.head-search__btn svg {
    transition: fill .3s ease;
    fill: var(--theme-primary)
}

.head-search__btn:hover svg {
    fill: var(--theme-primary-dark)
}

@media screen and (max-width: 991.98px) {
    .head-search__btn {
        right:16px
    }

    .head-search__btn svg {
        fill: #D3D5DB
    }
}

.footer-mailing-btn svg,.head-menu svg {
    fill: #fff
}

.head-search__clear {
    display: flex;
    align-items: center;
    justify-content: center;
    right: 56px;
    top: 1px;
    bottom: 1px;
    padding: 0 0 0 4px;
    background: #fff;
    width: 16px;
    z-index: 1
}

@media screen and (max-width: 991.98px) {
    .head-search__clear {
        padding:0;
        right: 41px
    }
}

.head-search__dropdown {
    display: none;
    top: calc(100% + 8px);
    background: #fff;
    border: 1px solid #D3D5DB;
    border-radius: 8px;
    position: absolute;
    padding: 16px;
    width: 100%;
    z-index: 3;
    overflow: hidden;
    box-shadow: 0 4px 8px rgba(32,32,32,.16)
}

@media screen and (max-width: 767.98px) {
    .head-search__dropdown {
        width:calc(100% + 64px)
    }
}

.head-search__dropdown ul {
    list-style: none;
    padding: 0 8px 0 0;
    margin: 0;
    max-height: calc(100vh - 180px);
    overflow-y: auto;
    overflow-scrolling: touch
}

.head-search__dropdown ul::-webkit-scrollbar-thumb {
    background-color: var(--theme-primary);
    border-radius: 1px
}

.head-search__dropdown ul::-webkit-scrollbar {
    width: 2px
}

.head-search__dropdown ul::-webkit-scrollbar-track {
    border-radius: 1px;
    background: #EAEBEE
}

.head-catalog,.head-menu {
    position: relative;
    background: var(--theme-primary)
}

.head-search__dropdown ul>li:not(:last-child) {
    margin-bottom: 16px
}

.head-search__dropdown .dropdown-item {
    display: flex;
    justify-content: space-between;
    white-space: normal
}

@media screen and (max-width: 1199.98px) {
    .head-search__dropdown .dropdown-item {
        font-size:14px
    }
}
.dropdown-menu .balance   {
    text-decoration: none;
    color: #7f7f7f;
}
input[aria-expanded=true]+.head-search__dropdown {
    display: block
}
.top-hider-a a {
    color: #482511;
    text-decoration: none;
    font-size: 15px;
}
.top-hider-a img{
    margin-bottom: 1px;
}
.head-menu {
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px 11px;
    border-radius: 8px;
    min-height: 40px;
    max-height: 40px;
    margin-left: 0px;
    color: #fff;
    transition: all .3s ease;
    text-decoration: none;
    border: none;
    margin-right: 5px;
}

.head-menu:hover {
    color: #fff
}

.head-menu:active {
    box-shadow: unset
}

.head-catalog__list {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 0
}

.head-catalog__list>li:not(.head-catalog__menu-btn) {
    flex: 1 0 0
}

.head-catalog__link {
    display: block;
    font-weight: 700;
    text-align: center;
    padding: 16px;
    color: #fff;
    text-decoration: none;
    transition: background .3s ease
}

.head-catalog__link>span {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    min-height: 24px;
    max-height: 24px
}

.head-catalog__link:hover {
    color: #fff;
    background: var(--theme-primary-light)
}

.head-catalog__menu-btn {
    padding: 0 16px
}

.head-catalog__menu-btn .head-menu {
    background: var(--theme-primary-light);
    padding: 7px 24px;
    box-shadow: 0 2px 8px rgba(54,54,54,.32)
}

.head-catalog__menu-btn .head-menu:hover {
    background: var(--theme-primary)
}

.head-catalog__menu-btn .head-menu:active {
    background: var(--theme-primary-light)
}

.head-catalog__dropdown {
    background: #fff;
    border-radius: 0;
    border: none;
    z-index: 3;
    width: 100%;
    padding: 24px 16px;
    max-height: calc(100vh - 185px);
    box-shadow: 0 4px 8px rgba(32,32,32,.16);
    overflow-y: auto;
    overflow-scrolling: touch
}

.head-catalog__dropdown::-webkit-scrollbar-thumb {
    background-color: var(--theme-primary);
    border-radius: 1px
}

.head-catalog__dropdown::-webkit-scrollbar {
    width: 2px
}

.head-catalog__dropdown::-webkit-scrollbar-track {
    border-radius: 1px;
    background: #EAEBEE
}

.head-catalog__dropdown:hover {
    visibility: visible;
    opacity: 1
}
.pt-50 {
    padding-top: 50px;
}
@media screen and (min-width: 576px) {
    .head-catalog__dropdown {
        padding-left:24px;
        padding-right: 24px
    }
}

@media screen and (min-width: 992px) {
    .head-catalog__dropdown {
        padding-left:32px;
        padding-right: 32px
    }
}

@media screen and (min-width: 1400px) {
    .head-catalog__dropdown {
        padding-left:48px;
        padding-right: 48px
    }
}

.head-catalog__dropdown a {
    color: #1B1B1F;
    text-decoration: none
}

.head-catalog__dropdown a:hover {
    color: var(--theme-primary)
}

.head-catalog-category {
    display: block;
    font-weight: 700;
    color: #4c4c4c;
    text-decoration: none;
    margin-bottom: 7px;
    transition: color .3s ease
}

.head-catalog-category:hover {
    color: var(--theme-primary)
}

.head-catalog-subcategories {
    list-style: none;
    padding: 0;
    margin: 0
}

.head-catalog-subcategories>li:not(:last-child) {
    margin-bottom: 2px;
    display: inline-block;
    font-weight: 300;
    margin-right: 21px;
}

.head-catalog-subcategories a {
    text-decoration: none;
    color: rgb(0 0 0 / 60%);
    transition: color .3s ease;
    margin-bottom: 5px;
    display: inline-block;
    font-weight: 300;
    margin-right: 15px;
    border-bottom: 1px dashed;
    line-height: 17px;
}

.head-catalog-subcategories a:hover {
    color: var(--theme-primary)
}

.head-dropdown-catalog__subcat,.head-dropdown-catalog__subsubcat {
    display: none
}

.head-dropdown-catalog {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 5;
    background: #fff;
    background: linear-gradient(90deg,#f9f9f9 0%,#fff 25%);
    box-shadow: 0 4px 8px rgba(32,32,32,.16);
    font-size: 14px
}

@media screen and (min-width: 576px) {
    .head-dropdown-catalog {
        padding-left:24px;
        padding-right: 24px
    }
}

@media screen and (min-width: 992px) {
    .head-dropdown-catalog {
        padding-left:32px;
        padding-right: 32px
    }
}

@media screen and (min-width: 1200px) {
    .head-dropdown-catalog {
        font-size:16px
    }
}

@media screen and (min-width: 1400px) {
    .head-dropdown-catalog {
        padding-left:48px;
        padding-right: 48px
    }
}

@media screen and (min-width: 2500px) {
    .head-dropdown-catalog {
        background:#fff
    }
}

.head-dropdown-catalog__categories {
    list-style: none;
    margin: 0;
    background-color: #F9F9F9;
    height: 100%;
    width: 273px;
}

@media screen and (max-width: 1399.98px) {
    .head-dropdown-catalog__categories {
        width:320px
    }
}

@media screen and (max-width: 1199.98px) {
    .head-dropdown-catalog__categories {
        width:250px
    }

    .head-checkout .h1 {
        font-size: 24px
    }
}

.head-dropdown-catalog__category::after,.head-dropdown-catalog__subcat-list-item::after {
    content: '';
    width: 16px;
    top: calc(50% - 8px);
    transform: rotate(-90deg)
}

.head-dropdown-catalog__category {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px 24px 15px 16px;
    color: #1B1B1F;
    text-decoration: none;
    transition: all .3s ease;
    line-height: 1.2;
    border-bottom: 1px solid #ddd;
}

.head-dropdown-catalog__category::after {
    position: absolute;
    height: 16px;
    right: 8px;
    background: url(../img/icons/accordion-arrow.svg) 50% 50%/16px no-repeat;
    opacity: 0;
    transition: opacity .3s ease
}

.head-dropdown-catalog__category:hover {
    color: #1B1B1F;
    background: #fff
}

.head-dropdown-catalog__category:active {
    color: var(--theme-primary)
}

.head-dropdown-catalog__category img {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    -o-object-fit: contain;
    object-fit: contain;
    text-align: center
}

.head-dropdown-catalog__category_active {
    color: #1B1B1F;
    background: #fff
}

.head-dropdown-catalog__category_active::after {
    opacity: 1
}

.head-dropdown-catalog__subcat-list {
    border-right: 1px solid #D3D5DB;
    height: 100%
}

.head-dropdown-catalog__subcat-list-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 8px 20px 8px 12px;
    color: #1B1B1F;
    text-decoration: none;
    transition: all .3s ease;
    line-height: 1.2
}

.head-dropdown-catalog__subcat-list-item::after {
    position: absolute;
    height: 16px;
    right: 4px;
    background: url(../img/icons/accordion-arrow.svg) 50% 50%/16px no-repeat;
    opacity: 0;
    transition: opacity .3s ease
}

.head-dropdown-catalog__subcat-list-item:hover {
    color: #1B1B1F;
    background: var(--theme-primary-very-light)
}

.head-dropdown-catalog__subcat-list-item:active {
    color: var(--theme-primary)
}

.head-dropdown-catalog__subcat-list-item_active {
    color: #1B1B1F;
    background: var(--theme-primary-very-light)
}

.head-dropdown-catalog__subcat-list-item_active::after {
    opacity: 1
}

.dropdown-overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 5;
    background: rgba(0,0,0,.5)
}

.head-checkout {
    padding: 32px 0
}

.head-checkout .h1 {
    margin: 0
}

@media screen and (max-width: 991.98px) {
    .head-checkout {
        padding:16px 0
    }

    .head-checkout .btn-outline-primary {
        padding: 0;
        border: none;
        background: 0 0;
        color: var(--theme-primary);
        text-decoration: underline
    }

    .head-checkout .h1 {
        font-size: 20px
    }
}

.footer {
    color: var(--theme-footer-text)
}

.footer__main {
    padding: 48px 0 40px;
    background: #ffffff;
    border-top: 1px solid #ddd;
    color: #000000;
}

@media screen and (max-width: 991.98px) {
    .footer__main {
        padding:48px 0
    }
}

.footer__main .h2 {
    margin: 0 0 24px;
    color: #3E8662;
}

.footer__bar {
    padding: 24px 0;
    background: #ffffff;
    color: #00000080;
}

.footer-mailing,.footer-mailing-btn {
    background: #54A07A;
    max-width: 235px;
    color: #fff;
    border-radius: 500px;
    display: flex;
    font-size: 14px;
}
.banner-info-price {
    font-size: 89px;
    color: #ff8900;
    font-weight: 900;
    margin-top: -25px;
}
.account-menu {
    margin: 0 20px;
    padding: 0;
    list-style: none;
    margin-bottom: 22px;
}

.account-menu li + li {
    margin-top: 8px;
}

.account-menu a {
    display: flex;
    align-items: center;
    gap: 12px;
    min-height: 40px;
    padding: 8px 12px;
    border-radius: 10px;
    background: #f5f5f7;
    color: #171717;
    text-decoration: none;
}

.account-menu__icon {
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 16px;
    color: #ff7900;
}

.account-menu__text {
    flex: 1;
}

.account-menu__arrow {
    margin-left: auto;
    color: #aaa;
    font-size: 22px;
    line-height: 1;
}
.account-menu__icon svg{
    fill: #ff6b00;
}
.account-menu a:hover {
    background: #fff5e4;

}
@media screen and (max-width: 991.98px) {
    .footer__bar {
        padding-bottom:72px
    }
}

.footer-mailing-btn {
    padding: 16px 24px;
    align-items: center;
    justify-content: space-between;
    text-decoration: none;
    transition: color .3s ease
}

@media screen and (max-width: 1399.98px) {
    .footer-mailing-btn {
        padding:12px 16px;
        font-size: 14px
    }
}

.footer-mailing {
    align-items: center;
    padding: 16px 16px;
}

@media screen and (max-width: 1399.98px) {
    .footer-mailing {
        padding:12px 16px;
        font-size: 14px
    }
}

.footer-mailing input {
    flex: 1 1 0;
    color: #fff;
    padding: 0;
    margin: 0;
    box-shadow: none;
    border: none;
    background: 0 0;
    outline: 0
}

.footer-mailing input::-moz-placeholder {
    color: #fff
}

.footer-mailing input:-ms-input-placeholder {
    color: #fff
}

.footer-mailing input::placeholder {
    color: #fff
}

.footer-mailing button {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    padding: 0;
    border: none;
    background: 0 0;
    margin-left: 5px;
    color: #fff
}

.footer-mailing button svg {
    transition: fill .3s ease;
    fill: #fff
}

.footer-mailing button:hover svg {
    fill: var(--theme-primary)
}

.footer-menu {
    list-style: none;
    margin: 0;
    padding: 0
}

.footer-menu>li:not(:last-child) {
    margin-bottom: 16px
}

.footer-menu a {
    color: #000000;
    text-decoration: none;
    transition: all .3s ease;
    font-size: 14px;
    font-weight: 400;
}

.footer-menu a:hover {
    color: var(--theme-primary)
}

.footer-contacts {
    list-style: none;
    text-align: right;
    /* float: right; */
}

.footer-contacts li {
    /* display: flex; */
}

.footer-contacts li:not(:last-child) {
    margin-bottom: 10px;
}

.footer-contacts a {
    /* display: flex; */
    /* align-items: flex-end; */
    color: #000000;
    text-decoration: none;
    transition: color .3s ease;
    text-align: right;
    font-size: 18px;
}
.futer-a-btn {
    background: #54A07A;
    width: 236px;
    color: #fff;
    border-radius: 500px;
    display: flex;
    text-align: center;
    align-items: center;
    padding: 16px 17px;
    text-decoration: none;
    display: block;
    font-size: 14px;
    /* float: right; */
    /* text-align: right; */
    /* float: right; */
}
.kontakt-block-futer {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    text-align: right;
}

.footer-contacts a:hover {
    color: var(--theme-primary);
    border-color: var(--theme-primary)
}

.footer-contacts a img {
    min-width: 20px;
    min-height: 20px
}

.footer-contacts__icon {
    min-width: 20px
}

.footer-socials {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -16px 0 0;
    padding: 0
}

.footer-socials li {
    margin-top: 16px
}

.footer-socials li:not(:last-child) {
    margin-right: 12px;
}

.footer-socials a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 8px;
    border: 1px solid #84858A;
    transition: all .3s ease
}

.footer-socials a img {
    width: 20px;
    height: 20px
}

.footer-socials a:hover {
    border-color: var(--theme-primary)
}

.footer-payments {
    list-style: none;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -12px 0 0;
    padding: 0
}

.footer-payments li {
    margin-top: 12px
}

.footer-payments li:not(:last-child) {
    margin-right: 12px
}

.footer-checkout {
    padding: 32px 0;
    background: var(--theme-footer-bg);
    color: #fff
}
.fut-kat-menu {
    padding-right: 30px;
}
.footer .logo_without-desc {
    height: auto;
    max-width: 250px;
}
.text-aligh-right {
    text-align: right;
}
.favirite-item {
    right: 10px;
    position: absolute;
    top: 10px;
    z-index: 5;
}
.favirite-item .fav{
    background: #DADADA;
    border-radius: 50%;
    padding: 5px;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
}
.breadcrumb {
    margin-top: 24px;
    padding-bottom: 24px;
    overflow: hidden
}

.breadcrumb__list,.pagination__list {
    list-style: none;
    padding-bottom: 100px
}

@media screen and (max-width: 991.98px) {
    .breadcrumb {
        margin-left:-24px;
        margin-right: -24px
    }
}

@media screen and (max-width: 575.98px) {
    .breadcrumb {
        margin-left:-16px;
        margin-right: -16px
    }
}

.breadcrumb__list {
    font-size: .875rem;
    padding-left: 0;
    margin: 0 0 -100px;
    display: flex;
    flex-wrap: nowrap;
    overflow-x: auto;
    overflow-scrolling: touch
}

@media screen and (max-width: 991.98px) {
    .breadcrumb__list {
        padding-left:24px
    }

    .breadcrumb__list::after {
        content: '';
        min-width: 24px;
        height: 1px
    }
}

@media screen and (max-width: 575.98px) {
    .breadcrumb__list {
        padding-left:16px
    }

    .breadcrumb__list::after {
        content: '';
        min-width: 16px;
        height: 1px
    }
}

.breadcrumb__item {
    position: relative;
    display: flex;
    align-items: center;
    white-space: nowrap;
    color: #84858A
}

.breadcrumb__item::before {
    content: url(../img/icons/breadcrumb-divider.svg);
    display: inline-block;
    margin: 0 4px;
    height: 16px;
    min-width: 16px;
    max-width: 16px
}

.breadcrumb__item:first-child::before {
    content: none
}

.breadcrumb__item a {
    transition: all .3s ease;
    color: #1B1B1F;
    text-decoration: none
}

.breadcrumb__item a:hover {
    color: var(--theme-primary)
}

.pagination {
    display: flex;
    justify-content: center;
    overflow: hidden
}

.pagination__list {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    padding-left: 0;
    overflow-x: auto;
    margin-bottom: -100px;
    overflow-scrolling: touch
}

@media screen and (max-width: 575.98px) {
    .pagination {
        margin-left:-16px;
        margin-right: -16px
    }

    .pagination__list {
        padding-left: 16px
    }

    .pagination__list::after {
        content: '';
        min-width: 16px;
        height: 1px
    }
}

.pagination__item:not(:last-child) {
    margin-right: 8px
}

.pagination__item a,.pagination__item span {
    display: flex;
    align-items: center;
    justify-content: center;
    overflow: hidden;
    border-radius: 8px;
    text-decoration: none
}

.pagination__item_num a {
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    color: #696A76;
    background: #e5e5e5;
    transition: all .3s ease;
    border: 1px solid #ddd;
}

.pagination__item_num a:hover {
    background: var(--theme-primary);
    color: #fff
}

.pagination__item_arrow svg {
    transition: all .3s ease;
    fill: var(--theme-primary)
}

.pagination__item_arrow a,.pagination__item_arrow span {
    background: 0 0;
    max-width: 24px;
    min-width: 24px;
    height: 24px
}

.pagination__item_arrow a:hover {
    background: 0 0
}

.pagination__item_arrow a:hover svg {
    fill: var(--theme-primary-light)
}

.pagination__item_arrow a:active svg {
    fill: var(--theme-primary-dark)
}

.pagination__item_active a,.pagination__item_active span {
    min-width: 48px;
    max-width: 48px;
    height: 48px;
    pointer-events: none;
    background: #ff8500;
    color: #fff
}

.pagination__item_disable a,.pagination__item_disable span {
    pointer-events: none;
    background: 0 0;
    max-width: 24px;
    min-width: 24px;
    height: 24px
}

.pagination__item_disable svg {
    fill: #D3D5DB
}

.product-slider {
    min-height: 450px;
}

@media screen and (max-width: 991.98px) {
    .product-slider {
        height:100%
    }
}

.product-slider__container {
    height: auto;
    overflow: hidden;
    padding: 16px 24px 0;
    margin: 0 -24px;
}

.product-slider__container:hover .swiper-container {
    z-index: 4
}

@media screen and (max-width: 1199.98px) {
    .product-slider__container {
        padding:16px 24px 0;
        margin: 0 -32px
    }
}

@media screen and (max-width: 991.98px) {
    .product-slider__container {
        padding:0 24px;
        margin: 0 -24px;
        height: 100%
    }
}

@media screen and (max-width: 575.98px) {
    .product-slider__container {
        margin:0 -16px
    }
}

.product-slider__container .swiper-container {
    overflow: visible
}

.swiper-container {
    visibility: hidden
}

.swiper-container.swiper-container-initialized {
    visibility: visible
}

.swiper-button-next,.swiper-button-prev {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    width: 40px;
    height: 40px;
    border: 1px solid #D3D5DB;
    border-radius: 50%;
    top: calc(50% - 20px);
    z-index: 5;
    background: #fff;
    transition: all .3s ease;
    box-shadow: 0 4px 8px rgba(32,32,32,.16);
    outline: 0
}

.swiper-button-next::before,.swiper-button-prev::before {
    content: '';
    display: block;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(../img/icons/accordion-arrow.svg);
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: 1.5rem
}

@media screen and (max-width: 767.98px) {
    .product-slider__container {
        padding:1px 0 0
    }

    .swiper-button-next,.swiper-button-prev {
        width: 32px;
        height: 32px;
        top: calc(50% - 16px);
        opacity: .7;
        border-color: var(--theme-primary-light)
    }

    .swiper-button-next::before,.swiper-button-prev::before {
        width: 1rem;
        height: 1rem;
        background-size: 1rem
    }
}

.swiper-button-next:hover,.swiper-button-prev:hover {
    border-color: var(--theme-primary-light)
}

.swiper-button-next:active,.swiper-button-prev:active {
    background: var(--theme-primary-very-light)
}

.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {
    background: #EAEBEE;
    border-color: #D3D5DB;
    visibility: hidden
}

.swiper-button-next.swiper-button-disabled:before,.swiper-button-prev.swiper-button-disabled:before {
    filter: grayscale(100%)
}

.swiper-button-prev {
    left: -20px
}

.swiper-button-prev::before {
    transform: rotate(90deg)
}

.swiper-button-next {
    right: -20px
}
.product-gallery .swiper-zoom-container img {
    /* border: 1px solid #ddd; */
    /* max-width: 99%; */
}
@media screen and (max-width: 767.98px) {
    .swiper-button-prev {
        left:4px
    }

    .swiper-button-next {
        right: 4px
    }
}

.swiper-button-next::before {
    transform: rotate(-90deg)
}

.swiper-pagination-bullets {
    position: absolute;
    overflow: hidden;
    font-size: 0;
    text-align: center;
    white-space: nowrap;
    left: 50%;
    bottom: 8px;
    padding-bottom: 8px;
    transform: translateX(-50%);
    z-index: 2
}

.swiper-pagination-bullet {
    position: relative;
    display: inline-block;
    border-radius: 50%;
    background: #D3D5DB;
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
    margin: 0 8px;
    min-width: 12px;
    height: 12px
}

.swiper-pagination-bullet.swiper-pagination-bullet-active-main {
    background: var(--theme-primary)
}

.swiper-pagination-bullet.swiper-pagination-bullet-active-next,.swiper-pagination-bullet.swiper-pagination-bullet-active-prev {
    transform: scale(.65)
}

.swiper-pagination-bullet.swiper-pagination-bullet-active-next-next,.swiper-pagination-bullet.swiper-pagination-bullet-active-prev-prev {
    transform: scale(.35)
}

@media screen and (max-width: 767.98px) {
    .swiper-banner {
        padding:0 24px;
        margin: 0 -24px
    }
}

@media screen and (max-width: 575.98px) {
    .swiper-banner {
        padding:0 16px;
        margin: 0 -16px
    }
}

.swiper-banner .swiper-button-prev {
    left: 16px
}

.swiper-banner .swiper-button-next {
    right: 16px
}

.banner-zone,.swiper-banner .swiper-slide {
    border-radius: 0;
    overflow: hidden
}

.swiper-compare-table {
    padding: 0 24px;
    margin: 0 -24px
}

@media screen and (max-width: 575.98px) {
    .swiper-compare-table {
        padding:0 16px;
        margin: 0 -16px
    }

    .index-banner {
        font-size: 12px
    }
}

.index-banner {
    display: block;
    color: #fff;
    text-decoration: none;
    padding: 0 48px;
    border-radius: 16px;
    background: linear-gradient(269.6deg,#681BA4 2.43%,#13AECF 96.92%)
}

@media screen and (max-width: 991.98px) {
    .index-banner {
        padding:24px;
        border-radius: 8px
    }
}
.filter-column {
    max-width: 350px;
    margin-top: 0;
}
.index-category,.index-category-bg {
    border-radius: 16px;
    transition: all .3s ease;
    text-decoration: none;
    text-align: center
}

.index-banner:hover {
    color: #fff
}

.index-banner__title {
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 40px
}

@media screen and (max-width: 1399.98px) {
    .index-banner__title {
        font-size:32px;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 575.98px) {
    .index-banner__title {
        font-size:16px;
        margin-bottom: 16px
    }
}

.index-banner__img {
    position: relative
}

.index-banner__img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.index-category-bg:hover .index-category-bg__img img,.product-gallery-video:hover {
    transform: scale(1.1)
}
.banner-img img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.banner-img {
    position: absolute;
    left: 0;
    top: 0px;
    left: 0;
    z-index: 1;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
    width: 100%;
    min-width: 100%;
}
.banner-info {
    position: relative;
    z-index: 5;
    bottom: 30px;
    min-height: 1400px;
}
@media screen and (max-width: 3600.98px) {
    .banner-info {
      position: relative;
    z-index: 5;
    bottom: 30px;
    min-height: 1200px;
    }
}
@media screen and (max-width: 2600.98px) {
    .banner-info {
      position: relative;
    z-index: 5;
    bottom: 30px;
    min-height: 860px;
    }
}
@media screen and (max-width: 2400.98px) {
    .banner-info {
      position: relative;
    z-index: 5;
    bottom: 30px;
    min-height: 830px;
    }
}
@media screen and (max-width: 2200.98px) {
    .banner-info {
      position: relative;
    z-index: 5;
    bottom: 30px;
    min-height: 800px;
    }
}
@media screen and (max-width: 2000.98px) {
    .banner-info {
      position: relative;
    z-index: 5;
    bottom: 30px;
    min-height: 760px;
    }
}
@media screen and (max-width: 1980.98px) {
    .banner-info {
      position: relative;
    z-index: 5;
    bottom: 30px;
    min-height: 715px;
    }
}
@media screen and (max-width: 1930.98px) {
    .banner-info {
        position: relative;
        z-index: 5;
        bottom: 30px;
        min-height: 680px;
    }
}
@media screen and (max-width: 1680.98px) {
    .banner-info {
        position: relative;
        z-index: 5;
        bottom: 30px;
        min-height: 600px;
    }
}
.overlay-text__inner {
    margin-top: 15%;
    padding: 34px 20px;
    border-radius: 8px;
    max-width: 620px;
}
.banner-info-text2 {
    color: #ffffff;
    font-size: 20px;
    margin-bottom: 13px;
    line-height: 25px;
    background: #54A07A;
    width: fit-content;
    font-weight: 500;
    font-style: Medium;
    font-size: 16px;
    line-height: 100%;
    letter-spacing: 0%;
    padding: 15px 20px;
    border-radius: 500px;
}
.banner-info-title {
    display: block;
    margin-top: 0px;
    margin-bottom: 9px;
    color: #482511;
    max-width: 538px;
    font-weight: 800;
    font-size: 62px;
    line-height: 105%;
    letter-spacing: -2%;
}
.banner-info-text {
    font-size: 18px;
    line-height: 26px;
    display: block;
    padding: 6px 0 0px 0;
    color: #00000080;
    font-weight: 300;
    max-width: 420px;
}
.overlay-text__button-row {
    margin-top: 15px;
    display: block;
}
.overlay-text__button-row a {
    padding: 18px 24px;
    font-size: 16px;
    line-height: 21px;
    color: #ffffff;
    font-weight: 500;
    border: 1px solid #ff0000;
    border-radius: 500px;
    text-decoration: none;
    margin-top: 20px;
    display: flex;
    width: fit-content;
    background: linear-gradient(180deg, #FF9200 0%, #FF6B00 100%);
linear-gradient(180deg, color(
    display-p3 0.988 0.596 0.180) 0%, color(display-p3 0.992 0.463 0.004) 100%);
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, #FFE39C 0%, #FF8900 100%);
linear-gradient(180deg, color(
    display-p3 0.996 0.894 0.647) 0%, color(display-p3 0.984 0.565 0.133) 100%);
    min-width: 220px;
    position: relative;
}

.index-category {
    display: block;
    font-size: 20px;
    font-weight: 700;
    padding: 16px 24px 24px;
    background: #F9F9F9;
    height: 100%;
    color: #1B1B1F
}

@media screen and (max-width: 1199.98px) {
    .index-category {
        padding:16px;
        font-size: 16px
    }
}

@media screen and (max-width: 767.98px) {
    .index-category {
        font-size:14px;
        padding: 16px
    }

    .re-container-mob .index-category {
        width: 180px
    }
}

@media screen and (max-width: 575.98px) {
    .re-container-mob .index-category {
        width:160px
    }
}

.index-category__img {
    margin-bottom: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 120px
}

@media screen and (max-width: 1199.98px) {
    .index-category__img {
        margin-bottom:8px;
        height: 96px
    }
}

@media screen and (max-width: 767.98px) {
    .index-category__img {
        height:54px
    }
}

.index-category__img img {
    -o-object-fit: contain;
    object-fit: contain;
    height: 100%
}

.index-category__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    max-height: 60px;
    min-height: 60px
}

@media screen and (max-width: 1199.98px) {
    .index-category__title {
        max-height:48px;
        min-height: 48px
    }
}

@media screen and (max-width: 767.98px) {
    .index-category__title {
        max-height:40px;
        min-height: 40px
    }
}

.index-category-bg {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 200px;
    height: 100%;
    overflow: hidden;
    color: #fff;
    background: #D3D5DB
}

.filter-list,.order-items__list {
    overflow-scrolling: touch;
    scrollbar-color: var(--theme-primary);
    scrollbar-width: inherit;
    list-style: none;
}

@media screen and (max-width: 1199.98px) {
    .index-category-bg {
        min-height:160px
    }
}

@media screen and (max-width: 767.98px) {
    .index-category-bg {
        min-height:124px
    }

    .re-container-mob .index-category-bg {
        width: 180px
    }
}

@media screen and (max-width: 575.98px) {
    .re-container-mob .index-category-bg {
        width:160px
    }
}

.index-category-bg:hover {
    color: var(--theme-primary-light)
}

.index-category-bg__img {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 1
}

.index-category-bg__img::before {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    z-index: 2;
    background: rgba(31,31,31,.6)
}

.index-category-bg__img img {
    transition: all .3s ease;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover
}

.index-category-bg__title {
    position: relative;
    z-index: 3;
    font-weight: 700;
    font-size: 20px;
    padding: 24px
}

@media screen and (max-width: 1199.98px) {
    .index-category-bg__title {
        font-size:16px;
        padding: 16px
    }
}

.brand-image {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 7px 0;
    height: 130px;
}

@media screen and (max-width: 1199.98px) {
    .brand-image {
        height:96px
    }
}

.brand-image img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.brand-categories {
    padding: 15px 0;
}

@media screen and (max-width: 991.98px) {
    .brand-categories {
        padding:48px 0
    }
}

.brand-categories .h2 {
    color: #fff
}

.noUi-horizontal {
    height: 6px
}

.noUi-target {
    background: #b1b1b1;
    border: none
}

.noUi-horizontal .noUi-handle {
    cursor: pointer;
    width: 24px;
    height: 24px;
    right: -12px;
    top: -9px;
    border-radius: 50%;
    border: 2px solid var(--theme-primary);
    outline: 0;
    box-shadow: none
}

.noUi-horizontal .noUi-handle::after,.noUi-horizontal .noUi-handle::before {
    content: none
}

.catalog-select__options::after,.compare-checkbox__toggle::before,.item-card__complete::before,.item-product-chars li::before,.order-items__title::after {
    content: ''
}

.noUi-horizontal .noUi-handle.noUi-active {
    background: var(--theme-primary-very-light)
}

.noUi-connect {
    background: var(--theme-primary)
}

.catalog-bar {
    display: flex;
    align-items: center;
    justify-content: space-between
}

@media screen and (max-width: 767.98px) {
    .index-category-bg__title {
        font-size:14px
    }

    .catalog-bar {
        padding: 6px 8px;
        border-radius: 8px;
        border: 0px solid #D3D5DB;
    }

    .catalog-bar .catalog-select {
        max-width: calc(100% - 42px)
    }
}

.catalog-filter-btn {
    padding: 8px 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: 700;
    background: #F9F9F9;
    border-radius: 8px;
    text-decoration: none;
    color: #1B1B1F;
    transition: all .3s ease
}

.catalog-filter-btn svg {
    min-width: 24px;
    height: 24px;
    fill: var(--theme-primary);
    transition: all .3s ease
}

.catalog-filter-btn:hover {
    color: #fff;
    background: var(--theme-primary)
}

.catalog-filter-btn:hover svg {
    fill: #fff
}

@media screen and (max-width: 767.98px) {
    .catalog-filter-btn {
        background:#fff;
        color: var(--theme-primary);
        border: 1px solid var(--theme-primary);
        font-weight: 400
    }
}

.offcanvas .catalog-filter {
    width: 100%;
    border: none;
    border-radius: 0;
    padding-bottom: 0
}

.catalog-offcanvas-buttons {
    padding: 0 16px 16px;
    position: sticky;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 4;
    background: rgba(255,255,255,.9)
}

.catalog-filter {
    padding: 24px 16px;
    border: 0px solid #D3D5DB;
    border-radius: 8px;
    padding-top: 0px;
    margin-left: 0;
    padding-left: 0;
}

.catalog-filter__head {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px
}

.catalog-filter__head .h3 {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin: 0
}

.catalog-filter__head .h3 svg {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    fill: var(--theme-primary)
}

.catalog-filter__apply,.catalog-filter__clean {
    display: none
}

.offcanvas .rs-filter-active .catalog-filter__apply,.rs-filter-active .catalog-filter__clean {
    display: block
}

.filter-accordion .accordion-item {
    margin-bottom: 24px;
    border-bottom: 0px solid #D3D5DB;
    background: #f0f0f0;
    border-radius: 15px;
    padding: 20px 15px;
}

.filter-accordion .accordion-button {
    padding: 0 0 16px;
    font-weight: 700
}

.filter-accordion .accordion-button:hover {
    color: var(--theme-primary)
}

.filter-accordion .accordion-button::after {
    background-size: 1rem;
    width: 1rem;
    height: 1rem
}

.filter-accordion .accordion-button:not(.collapsed) {
    background: 0 0;
    color: #1B1B1F
}

.filter-accordion .accordion-button:not(.collapsed)::after {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e")
}

.filter-accordion .accordion-body {
    padding-bottom: 24px
}

.filter-list {
    margin: 0;
    padding: 0 8px 0 0;
    max-height: 190px;
    overflow-y: auto;
    font-size: 14px;
    letter-spacing: -2%;
}

.filter-list::-webkit-scrollbar-thumb {
    background: linear-gradient(180deg, #ff8700, #ff7f00);
    border-radius: 1px;
    /* width: 3px; */
}

.filter-list::-webkit-scrollbar {
    width: 7px;
}

.filter-list::-webkit-scrollbar-track {
    border-radius: 6px;
    background: #ecf2f2;
}

.filter-list li:not(:last-child) {
    margin-bottom: 16px
}
.filter-list::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(180deg, #ff8700, #ff7f00);
    /* width: 3px; */
}
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  -webkit-box-shadow: 5px 5px 5px -5px rgba(34, 60, 80, 0.2) inset;
  background-color: #efefef;
  border-radius: 0px;
  /* width: 3px; */
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background: linear-gradient(180deg, #ff8700, #ff7f00);
}
.filter-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: -6px 0 0;
    padding: 0;
    list-style: none
}

.filter-line li {
    margin-top: 10px
}

.filter-line li:not(:last-child) {
    margin-right: 10px
}

.radio-image label,.radio-list label,.radio-radio label,.radio-string label {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D3D5DB;
    padding: 4px;
    box-sizing: border-box;
    min-width: 40px;
    height: 40px;
    border-radius: 4px;
    font-size: 14px;
    cursor: pointer
}

.radio-image label>img,.radio-list label>img,.radio-radio label>img,.radio-string label>img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.radio-image label>.radio-bg-color,.radio-list label>.radio-bg-color,.radio-radio label>.radio-bg-color,.radio-string label>.radio-bg-color {
    width: 100%;
    height: 100%;
    border-radius: 4px
}

.radio-image label:hover,.radio-list label:hover,.radio-radio label:hover,.radio-string label:hover {
    border-color: var(--theme-primary-dark)
}

.radio-image input[type=checkbox],.radio-image input[type=radio],.radio-list input[type=checkbox],.radio-list input[type=radio],.radio-radio input[type=checkbox],.radio-radio input[type=radio],.radio-string input[type=checkbox],.radio-string input[type=radio] {
    display: none
}

.radio-image input[type=checkbox]:checked~label,.radio-image input[type=radio]:checked~label,.radio-list input[type=checkbox]:checked~label,.radio-list input[type=radio]:checked~label,.radio-radio input[type=checkbox]:checked~label,.radio-radio input[type=radio]:checked~label,.radio-string input[type=checkbox]:checked~label,.radio-string input[type=radio]:checked~label {
    border-color: var(--theme-primary)
}

.radio-image_small label {
    min-width: 32px;
    height: 32px
}

.radio-image_txt label,.radio-list label,.radio-radio label,.radio-string label {
    padding: 4px 12px;
    border-color: #F9F9F9;
    background: #F9F9F9
}

.radio-image_cover label {
    padding: 0;
    overflow: hidden
}

.radio-color label {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #D3D5DB;
    box-sizing: border-box;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    border-radius: 50%;
    font-size: 14px;
    cursor: pointer;
    overflow: hidden;
    padding: 1px
}

.radio-color label>img {
    -o-object-fit: contain;
    object-fit: contain;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.radio-color label>.radio-bg-color {
    border: 1px solid #fff;
    border-radius: 50%;
    width: 100%;
    height: 100%
}

.radio-color label:hover {
    border-color: var(--theme-primary-dark)
}

.radio-color input[type=checkbox],.radio-color input[type=radio] {
    display: none
}

.radio-color input[type=checkbox]:checked~label,.radio-color input[type=radio]:checked~label {
    border-color: var(--theme-primary)
}

.catalog-subcategories {
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px;
}

.catalog-subcategories>:not(:last-child) {
    margin-right: 16px
}

.catalog-subcategory {
    margin-top: 0px;
    white-space: nowrap;
    display: block;
    padding: 10px 16px;
    border-radius: 500px;
    font-weight: 400;
    border: 1px solid #f0f0f0;
    text-decoration: none;
    color: #7f7978;
    transition: all .3s ease;
    box-sizing: content-box;
    min-width: -webkit-max-content;
    min-width: -moz-max-content;
    min-width: max-content;
    overflow: hidden;
    background: #f0f0f0;
    margin-bottom: 15px;
}

@media screen and (max-width: 1199.98px) {
    .catalog-subcategory {
        padding:6px 8px
    }
}

.catalog-subcategory:hover {
    background: var(--theme-primary-very-light);
    border-color: var(--theme-primary);
    color: #ffffff;
}

.catalog-subcategory__count {
    color: #4F4F4F;
    margin-left: 8px;
    font-size: 12px;
    font-weight: 400
}

.catalog-view-as {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 8px 10px;
    border-radius: 8px;
    background: #ffffff;
    border: 1px solid #d3d5db00;
}

@media screen and (max-width: 767.98px) {
    .catalog-view-as {
        padding:0;
        border: none
    }
}

.catalog-view-as a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 5px;
    border-radius: 50%;
    background: #f0f0f0;
}

.catalog-view-as a svg {
    fill: #84858A
}

.catalog-view-as a:hover svg {
    fill: var(--theme-primary)
}

.catalog-view-as a.view-as_active {
    pointer-events: none;
    background: var(--theme-primary)
}

.catalog-view-as a.view-as_active svg {
    fill: #fff
}

.catalog-view-as li:not(:last-child) {
    margin-right: 8px
}

@media screen and (max-width: 767.98px) {
    .catalog-view-as a {
        background:var(--theme-primary)
    }

    .catalog-view-as a svg,.catalog-view-as a:hover svg {
        fill: #fff
    }

    .catalog-view-as a.view-as_active {
        display: none
    }

    .catalog-view-as li:not(:last-child) {
        margin-right: 0
    }
}
.btn {
    border-radius: 500px;
}
.compare-columns-titles {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    padding: 0 16px
}

@media screen and (min-width: 575.98px) {
    .compare-columns-titles {
        padding:0 24px
    }
}

.compare-columns-title {
    font-size: 14px;
    color: #696A76
}

.compare-columns-header {
    height: 4rem;
    font-weight: 700;
    font-size: 24px;
    line-height: 1.2
}

@media screen and (max-width: 991.98px) {
    .compare-columns-header {
        font-size:20px;
        height: 3.5rem
    }
}

.compare-product-header {
    height: 4rem
}

.compare-product-param {
    padding: 16px 0 40px
}
.product-discount {
    background: #54A07A;
    color: #ffffff;
    border-radius: 5px;
    padding: 4px 11px;
}
@media screen and (max-width: 991.98px) {
    .compare-product-header {
        height:3.5rem
    }

    .compare-product-param {
        padding: 16px 0 32px
    }
}

@media screen and (max-width: 575.98px) {
    .compare-product-param {
        font-size:14px
    }
}

.compare-product-param.param-different {
    color: #8a5402
}

.compare-checkbox {
    display: inline-block
}

.compare-checkbox input {
    display: none
}

.compare-checkbox label {
    display: flex;
    align-items: center;
    padding: 12px 16px;
    border-radius: 8px;
    cursor: pointer;
    border: 1px solid #D3D5DB;
    transition: color .3s ease
}
.sticky-top {
    /* position: sticky; */
    top: 30px;
    z-index: 5;
}
@media screen and (max-width: 767.98px) {
    .compare-checkbox label {
        padding:8px 12px;
        font-size: .875rem
    }
}

.compare-checkbox label:hover {
    color: var(--theme-primary)
}

.compare-checkbox input:checked~label {
    color: #1B1B1F
}

.compare-checkbox input:checked~label .compare-checkbox__toggle {
    background: var(--theme-primary-very-light)
}

.compare-checkbox input:checked~label .compare-checkbox__toggle::before {
    background: var(--theme-primary);
    transform: translateX(20px)
}

.compare-checkbox__toggle {
    min-width: 48px;
    height: 24px;
    border-radius: 16px;
    position: relative;
    background: #D3D5DB;
    transition: all .3s ease
}

.compare-checkbox__toggle::before {
    transition: all .3s ease;
    position: absolute;
    display: block;
    left: 4px;
    top: 2px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #EAEBEE;
    box-shadow: 0 1px 3px rgba(0,0,0,.2)
}

.compare-products {
    height: 502px
}

@media screen and (max-width: 575.98px) {
    .compare-products {
        height:unset;
        min-height: 450px
    }
}

.compare-products_sticky .compare-products__inner {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 8;
    background: #fff;
    max-height: 128px;
    box-shadow: 0 4px 8px rgba(32,32,32,.16);
    padding: 8px 16px
}

@media screen and (min-width: 576px) {
    .compare-products_sticky .compare-products__inner {
        padding-left:24px;
        padding-right: 24px
    }
}

@media screen and (min-width: 992px) {
    .compare-products_sticky .compare-products__inner {
        padding-left:32px;
        padding-right: 32px
    }
}

@media screen and (min-width: 1400px) {
    .compare-products_sticky .compare-products__inner {
        padding-left:48px;
        padding-right: 48px
    }
}

.compare-products_sticky .product-slider,.compare-products_sticky .product-slider__container {
    height: 100%
}

.compare-products_sticky .product-slider__container {
    padding-top: 0
}

.compare-products_sticky .item-card {
    padding-bottom: 0;
    padding-top: 0;
    border: none
}

.compare-products_sticky .item-card__actions,.compare-products_sticky .item-card__wrapper,.compare-products_sticky .item-product-labels,.compare-products_sticky .item-product-price,.compare-products_sticky .item-product-reviews {
    display: none
}

.compare-products_sticky .item-card__inner {
    display: flex
}

.compare-products_sticky .item-card__inner>* {
    margin-bottom: 0!important
}

.compare-products_sticky .item-product-img {
    min-width: 48px;
    max-width: 48px
}

.compare-products_sticky .item-card__title {
    margin: 0 0 0 8px;
    font-size: 14px;
    max-height: 42px;
    min-height: 42px;
    -webkit-line-clamp: 2
}

@media screen and (max-width: 575.98px) {
    .compare-products_sticky .item-product-img {
        min-width:36px;
        max-width: 36px
    }

    .compare-products_sticky .item-card__title {
        margin: 0 0 0 4px;
        font-size: 12px;
        min-height: 36px;
        max-height: 36px
    }
}

.catalog-select {
    display: flex;
    align-items: center;
    max-width: 100%
}

@media screen and (max-width: 767.98px) {
    .catalog-select {
        font-size:.875rem
    }
}

.catalog-select_cart {
    max-width: 220px;
    flex-wrap: wrap
}

@media screen and (max-width: 575.98px) {
    .catalog-select_cart {
        max-width:198px
    }
}

.catalog-select_cart .catalog-select__options::after {
    min-width: 16px;
    height: 16px;
    background-size: 16px
}

.catalog-select_cart .catalog-select__label {
    margin-right: 8px
}

.catalog-select_cart .catalog-select__value {
    font-weight: 400
}

.catalog-select__label {
    color: #84858A;
    white-space: nowrap;
    margin-right: 12px
}

.catalog-select__options {
    position: relative;
    display: flex;
    align-items: center
}

.catalog-select__options::after {
    display: block;
    margin-left: 8px;
    min-width: 20px;
    height: 20px;
    background-color: #fff;
    background-image: url(../img/icons/accordion-arrow.svg);
    background-repeat: no-repeat;
    background-position: right 0 center;
    background-size: 20px;
    border: none;
    outline: 0;
    word-wrap: normal
}

.catalog-select__options select {
    cursor: pointer;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    opacity: 0;
    padding: 4px;
    width: 100%
}

.catalog-select__value {
    white-space: nowrap;
    overflow: hidden;
    font-weight: 700;
    line-height: 1.5;
    color: #1B1B1F
}

.item-product-img {
    position: relative;
    display: block;
    overflow: hidden
}

.item-product-img img {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    z-index: 1;
    -o-object-fit: contain;
    object-fit: contain;
    max-height: 100%
}

.item-product-labels-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    box-sizing: border-box;
    margin: 0;
    padding: 4px;
    border-radius: 50%;
    background: #fff;
    border: 1px solid #D3D5DB
}

@media screen and (min-width: 992px) {
    .item-product-labels-btn {
        display:none
    }
}
.artikul-item {
    margin-right: 20px;
}
.item-card__actions {
    margin-bottom: 20px;
}
.item-product-labels-btn svg {
    min-width: 12px;
    height: 12px
}

.item-product-labels {
    display: flex;
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    right: 0
}

.item-product-labels ul {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    margin: -8px 0 0;
    padding: 0
}
.product-description h2 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 7px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 7px;
    background-image: linear-gradient(90deg, #d8e8f8, #fefefe);
    padding: 7px;
}
.product-description h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 7px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 7px;
    background-image: linear-gradient(90deg, #f3f3f3, #fefefe);
    padding: 7px;
}
@media screen and (max-width: 575.98px) {
    .item-product-labels ul {
        margin:-4px 0 0
    }
}

@media screen and (max-width: 991.98px) {
    .item-product-labels ul {
        flex-direction:column;
        align-items: flex-start
    }

    .item-product-labels .item-product-label:not(:first-child) {
        display: none
    }
}

.item-product-labels.full-labels .item-product-label {
    display: block
}

.item-product-labels.full-labels .item-product-labels-btn {
    transform: rotate(180deg)
}

.item-product-label {
    display: inline-block;
    padding: 3px 12px;
    white-space: nowrap;
    font-size: 12px;
    line-height: 14px;
    margin-right: 8px;
    margin-top: 8px;
    border: 1px solid transparent;
    color: #fff;
    background: #1DC25F;
    border-radius: 4px
}

@media screen and (max-width: 575.98px) {
    .item-product-label {
        line-height:12px;
        font-size: 10px;
        margin-right: 4px;
        margin-top: 4px
    }
}

.item-product-label_hit {
    background: #B213B6
}

.item-product-label_credit {
    color: #FF2F2F;
    background: #FFF3F3;
    border-color: #FF2F2F
}

.item-product-label_sale {
    color: #5113B6;
    background: #E9E1FF;
    border-color: #5113B6
}

.item-product-reviews {
    display: flex;
    align-items: center;
    font-size: 14px;
    color: #84858A;
    white-space: nowrap;
    text-decoration: none
}
.item-h1 {
    margin-top: 5px;
    line-height: 35px;
    font-size: 30px;
}
@media screen and (max-width: 991.98px) {
    .item-product-reviews {
        font-size:12px
    }
}

.item-product-rating {
    display: flex;
    align-items: center;
    color: #FF6E1D;
    font-weight: 700;
    margin-right: 8px;
    font-size: 16px
}

.item-product-rating img {
    min-width: 24px;
    max-width: 24px;
    height: 24px;
    margin-right: 4px
}

@media screen and (max-width: 991.98px) {
    .item-product-rating {
        font-size:14px
    }

    .item-product-rating img {
        min-width: 20px;
        max-width: 20px;
        height: 20px
    }
}

.item-product-amount {
    display: flex;
    align-items: center;
    max-height: 40px;
    border-radius: 500px;
    overflow: hidden;
}
.cart-button-item-block{
    max-width: 240px;
}
.item-product-amount input {
    box-sizing: content-box;
    outline-color: transparent;
    text-align: center;
    padding: 0;
    border: none;
    max-width: 28px;
    min-height: 38px;
    margin: 0
}

.brand-item,.city-select,.lk-balance-up,.lk-order-status,.lk-profile-status label {
    box-sizing: border-box
}

.item-product-amount button {
    padding: 3px;
    margin: 0;
    background: #f3f3f3;
    line-height: 8px;
    color: var(--theme-primary);
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    transition: all .3s ease;
    border: 1px solid #f3f3f3;
    color: #000000;
}

.item-product-price_card,.rs-product-item .item-product-sale-status {
    margin-bottom: 16px
}

.item-product-amount button svg {
    fill: #000000;
    transition: all .3s ease;
}

.item-product-amount button:active svg,.item-product-amount button:hover svg {
    fill: #fff
}

.item-product-amount button:hover {
    background: var(--theme-primary-light)
}

.item-product-amount button:active {
    background: var(--theme-primary-dark)
}

.item-product-amount button:disabled {
    background: #F9F9F9
}

.item-product-amount button:disabled svg {
    fill: #D3D5DB
}

.item-product-amount__input {
    display: flex;
    align-items: baseline;
    justify-content: center;
    border-top: 1px solid #EAEBEE;
    border-bottom: 1px solid #EAEBEE;
    padding: 0 7px;
    overflow: hidden;
    flex: 1 0 0;
    font-size: 14px;
    height: 40px
}

.item-product-amount__prev {
    border-radius: 8px 0 0 8px;
    border-right: none
}

.item-product-amount__next {
    border-radius: 0 8px 8px 0;
    border-left: none
}

.item-product-sale-status {
    background-color: #EAEBEE;
    border-radius: 8px;
    padding: 6px 12px;
    color: #84858A;
    display: none
}

@media screen and (max-width: 575.98px) {
    .item-product-sale-status {
        font-size:14px
    }
}

.item-product-price {
    display: flex;
    align-items: center
}

@media screen and (max-width: 767.98px) {
    .item-product-price_card {
        margin-bottom: 8px;
        min-height: 42px;
        max-height: 42px;
    }

    .item-product-price_card .item-product-price__old-price {
        margin-left: 12px;
    }
}

.item-product-price_prod .item-product-price__new-price {
    font-size: 32px
}

@media screen and (max-width: 1199.98px) {
    .item-product-price_prod .item-product-price__new-price {
        font-size:24px
    }
}

.item-product-price__old-price {
    color: #00000080;
    white-space: nowrap;
    margin-left: 18px;
    margin-right: 21px;
    font-size: 22px;
    /* font-family: SF UI Display; */
    font-weight: 400;
    font-size: 20px;
    line-height: 100%;
    letter-spacing: -2%;
    text-decoration: line-through;
}

.variant-product-main .crosslink-matrix__value.active, .crosslink-matrix__value.is-selected {
    border-color: #ff7a00;
    background-color: #ff7a00;
}

.variant-product-main .crosslink-matrix__label {
    font-weight: 400;
    font-size: 15px;
    color: #212529;
    margin-bottom: 5px;
}
.variant-product-main .crosslink-matrix__value {
    background: #F4F5F7;
    border-radius: 17px;
    border: 1px solid #0000004a;
    padding: 4px 17px;
    font-size: 14px;
    cursor: pointer;
    transition: 0.2s ease;
}

.aside-menu a,.brand-item,.cart-item__title,.item-card__title,.item-list__title,.modal-cart-item__title,.news-card,.order-items__list a,.pay-fail-consultation a,.select-card-add {
    text-decoration: none
}





@media screen and (max-width: 991.98px) {
    .item-product-price_prod .item-product-price__old-price {
        font-size:14px;
        margin-left: 16px
    }

    .item-product-price__old-price {
        font-size: 18px;
        margin-left: 8px
    }
}

.item-product-price__new-price {
    font-size: 24px;
    font-weight: 700;
    white-space: nowrap
}

@media screen and (max-width: 991.98px) {
    .item-product-price__new-price {
        font-size: 22px;
    }
}

@media screen and (max-width: 767.98px) {
    .item-product-price__new-price {
        font-size: 22px;
    }
}
.short_descrip {
    margin-top: 20px;
    margin-bottom: 20px;
    font-size: 15px;
}
.item-product-choose {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
    list-style: none
}

.item-product-choose li {
    margin-top: 6px
}

.item-product-choose li:not(:last-child) {
    margin-right: 8px
}

.item-product-choose>li.no-exists {
    opacity: .6
}

.item-product-chars {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 14px;
    column-count: 2;
    /* margin-right: 0px; */
}

.item-product-chars li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 20px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
}

.item-product-chars li::before {
    position: absolute;
}

.item-card,.item-card__inner {
    position: relative
}

.item-product-chars li:not(:last-child) {
    margin-bottom: 4px;
}

@media screen and (max-width: 767.98px) {
    .item-product-chars li:not(:last-child) {
        margin-bottom:4px
    }
}

.item-product-chars_list {
    margin: 10px 0 0;
}

.item-product-chars_list li {
    max-width: 280px
}

.item-product-cart-action {
    height: auto;
    min-width: 144px
}

.item-product-cart-action .item-product-cart-action__amount {
    display: none
}

.item-product-cart-action .item-product-cart-action__to-cart,.item-product-cart-action_amount .item-product-cart-action__amount {
    display: block
}

.item-product-cart-action_amount .item-product-cart-action__to-cart {
    display: none
}

@media screen and (max-width: 767.98px) {
    .item-product-chars_list {
        font-size:12px;
        margin-top: 12px
    }

    .item-card-container {
        padding-top: 1px;
        overflow: hidden;
        margin-left: -24px;
        margin-right: -24px
    }
}

.item-card .btn {
    padding: 6px 6px;
    border-radius: 500px;
    border-width: 1.5px;
    background: linear-gradient(180deg, #FF9200 0%, #FF6B00 100%);
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, #FFE39C 0%, #FF8900 100%);
    color: #ffffff;
}

@media screen and (max-width: 575.98px) {
    .item-product-chars_list {
        font-size:10px;
        margin-top: 8px
    }

    .item-card-container {
        margin-left: -16px;
        margin-right: -16px
    }

    .item-card .btn {
        font-size: 12px;
    }

    .item-card .item-product-cart-action {
        min-width: auto
    }
}

@media screen and (min-width: 992px) {
    .item-card {
        padding-bottom:16px
    }

    .item-card:hover {
        z-index: 3;
        border-color: transparent;
    }

    .item-card:hover .item-card__attr,.item-card:hover .item-card__wrapper {
        visibility: visible
    }
}

@media screen and (max-width: 767.98px) {
    .item-card {
        /* border:1px solid #D3D5DB; */
        padding: 6px;
        margin-left: -1px;
        margin-top: -1px
    }
}

.item-card__inner {
    z-index: 2;
    z-index: 2;
    border: 0px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgb(0 0 0 / 16%);
    margin-bottom: 20px;
    background: #ffffff;
    padding: 20px;
}

.item-card__wrapper {
    /* border-top-left-radius: 8px; */
    /* border-top-right-radius: 8px; */
    /* z-index: 1; */
    /* position: absolute; */
    /* top: -16px; */
    /* right: -12px; */
    /* left: -12px; */
    /* bottom: 0; */
    /* box-shadow: 0 8px 18px rgba(36,36,36,.16); */
    /* visibility: hidden; */
    /* border: 1px solid #EAEBEE; */
    /* background: #fff; */
    /* transition: all 10ms ease; */
}

.item-card__complete {
    position: absolute;
    max-height: 500px;
    overflow: auto;
    top: 100%;
    left: -1px;
    right: -1px;
    z-index: 3;
    box-shadow: 0 4px 8px rgba(32,32,32,.16);
    background: #fff;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    border: 1px solid #EAEBEE;
    padding: 16px
}

.item-card__complete::before {
    display: block;
    width: 100%;
    height: 6px;
    position: absolute;
    top: -6px;
    left: 0;
    background: #fff
}

.item-card__title {
    color: #1B1B1F;
    margin-bottom: 7px;
    transition: color .3s ease;
    max-height: 61px;
    min-height: 62px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    font-size: 15px;
    line-height: 20px;
}

@media screen and (max-width: 767.98px) {
    .item-card__title {
        font-size:14px;
        max-height: 42px;
        min-height: 42px
    }

    .item-list-container {
        padding-top: 1px;
        overflow: hidden;
        margin-left: -24px;
        margin-right: -24px
    }
}

@media screen and (max-width: 575.98px) {
    .item-card__title {
        max-height:63px;
        min-height: 63px;
        -webkit-line-clamp: 3;
        margin-bottom: 4px
    }
}
.section-pr-item {
    width: 100%;
    border: 0px solid #e5e5e5;
    padding: 10px 17px;
    margin: 0;
    background: #F3F3F3;
    border-radius: 8px;
    /* box-shadow: rgb(6 6 6 / 18%) 0px 8px 24px; */
    margin-bottom: 10px;
    max-width: 630px;
    border-radius: 15px;
}
.section-pr-in {
    display: flex;
    align-items: center;
}
.section-pr .pr-icon {
    /* display: block; */
}
.section-pr .pr-icon img {
    height: 27px;
    width: 27px;
    height: 100%;
    padding: 1px;
}
.section-pr-in p {font-size: 16px;color: #00000080;padding-left: 18px;margin-bottom: 0;width: 98%;display: block;font-weight: 400;font-size: 14px;line-height: 21px;letter-spacing: -2%;}
.section-pr-in p strong {
    font-size: 16px;
    font-weight: 600;
    color: #000000;
}
.pr-icon {
    background: #54A07A33;
    padding: 1px;
    border-radius: 5px;
    min-width: 45px;
    height: 45px;
    text-align: center;
}
.item-card__not-available {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #C61C1C
}

.item-card__not-available.btn:focus,.item-card__not-available.btn:hover {
    background-color: #fff;
    color: #C61C1C;
    cursor: default
}
.rs-no-modal-cart {
    border-radius: 500px;
}
.order-items__title,.radio label,.select-card-radio label {
    cursor: pointer;
    transition: all .3s ease
}

.item-list-container>:last-child {
    margin-bottom: 0
}

.item-list {
    padding: 15px 24px;
    display: flex;
    border: 0px solid #D3D5DB;
    border-radius: 8px;
    transition: all .3s ease;
    margin-bottom: 16px;
    box-shadow: 0 20px 60px rgb(0 0 0 / 16%);
    background: #ffffff;
}

@media screen and (max-width: 767.98px) {
    .item-list {
        padding:16px;
        border-radius: 0;
        margin-top: -1px;
        margin-bottom: 0
    }
}

@media screen and (max-width: 575.98px) {
    .item-list-container {
        margin-left:-16px;
        margin-right: -16px
    }

    .item-list {
        flex-direction: column
    }

    .item-list .item-product-label {
        padding: 2px 4px
    }
}
.item-harakter li {
    padding-left: 0;
    list-style-type: none;
    font-size: 14px;
    background: #f7ffff;
    padding: 4px 0;
    font-size: 13px;
    font-weight: 300;
    border-bottom: 1px  solid #ddd;
}
.item-harakter {
    padding-left: 0;
    margin: 0 10px;
    margin-bottom: 10px;
}
@media screen and (min-width: 992px) {
    .item-list:hover {
        box-shadow:0 8px 18px rgba(36,36,36,.16)
    }
}

.item-list .btn {
    padding: 7px 16px
}

.item-list__main {
    display: flex;
    align-items: center;
}

.item-list__bar,.item-list__image {
    display: flex;
    flex-direction: column
}

@media screen and (max-width: 991.98px) {
    .item-list__main {
        margin-right:24px
    }
}

@media screen and (max-width: 575.98px) {
    .item-list__main {
        margin-right:0
    }
}

.item-list__image {
    justify-content: space-between;
    padding-top: 0px;
    margin-right: 20px;
}

@media screen and (max-width: 1399.98px) {
    .item-list__image {
        min-width:186px;
        max-width: 186px
    }
}

@media screen and (max-width: 991.98px) {
    .item-list__image {
        margin-right:14px;
        min-width: 134px;
        max-width: 134px
    }
}

.item-list__bar {
    justify-content: space-between;
    margin-right: 32px;
    width: 245px
}

@media screen and (max-width: 991.98px) {
    .item-list__bar {
        margin-right:0
    }
}

@media screen and (max-width: 767.98px) {
    .item-list__bar {
        width:150px
    }
}

@media screen and (max-width: 575.98px) {
    .item-list__image {
        min-width:96px;
        max-width: 96px
    }

    .item-list__bar {
        width: 100%;
        margin-top: 24px
    }
}

.item-list__title {
    max-width: 100%;
    display: block;
    font-size: 18px;
    margin-bottom: 5px;
    color: inherit;
    line-height: 25px;
}

@media screen and (max-width: 1399.98px) {
    .item-list__title {
        font-size:16px;
        margin-bottom: 8px;
        line-height: 18px;
    }
}

@media screen and (max-width: 767.98px) {
    .item-list__title {
        font-size:14px
    }
}

.item-list__barcode {
    font-size: 12px;
    color: #84858A;
    margin-top: 5px;
}

@media screen and (max-width: 575.98px) {
    .item-list__barcode {
        display:none
    }
}

.brand-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    padding: 15px;
    text-align: center;
    background: #F2F2F2;
    border: 1px solid #F2F2F2;
    transition: all .3s ease;
    color: #1B1B1F;
    border: 1px solid #ddd;
    border-radius: 8px;
    overflow: hidden;
    box-shadow: 0 20px 60px rgb(0 0 0 / 15%);
    background: #fff !important;
    margin-bottom: 20px;
}

.brand-item:hover {
    border-color: var(--theme-primary)
}

@media screen and (max-width: 767.98px) {
    .brand-item {
        min-width:120px;
        padding: 16px
    }
}

.brand-item__img {
    height: 85px;
}

@media screen and (max-width: 1199.98px) {
    .brand-item {
        min-width:120px;
        padding: 16px
    }

    .brand-item__img {
        height: 40px
    }
}

.brand-item__img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.brand-item__title {
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    min-height: 20px;
    max-height: 20px;
    line-height: 20px;
    margin-top: 8px
}

.aside-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    border: 0px solid #EAEBEE;
    border-radius: 8px;
    min-width: 250px;
    margin-right: 30px;
}

.aside-menu li {
    border-bottom: 0px solid #EAEBEE;
    padding: 3px 0px;
    border-radius: 10px;
    /* background: #f4e3d5; */
    color: #171717;
    text-decoration: none;
    margin-bottom: 10px;
}

.aside-menu a {
    line-height: 1.2;
    display: flex;
    align-items: center;
    padding: 11px 7px;
    color: #212545;
    background: #f4e3d5;
    border-radius: 8px;
}

.aside-menu a:hover {
    color: var(--theme-primary)
}

.aside-menu a:hover svg {
    fill: var(--theme-primary)
}

@media screen and (max-width: 1199.98px) {
    .aside-menu a {
        padding:12px 16px
    }
}

.aside-menu a svg {
    min-width: 35px;
    max-width: 35px;
    height: 35px;
    margin-right: 15px;
    fill: #ff8500;
}

.aside-menu .lk-logout {
    color: #212529;
}

.aside-menu .lk-logout svg {
    fill: #ff8603;
}

.aside-menu_active a svg,.cart-amount button svg {
    fill: #7f7f7f;
}

.aside-menu_active a {
    color: var(--theme-primary)
}

.faq-accordion .accordion-item {
    margin-bottom: 24px;
    border-radius: 8px;
    background: var(--theme-primary-very-light);
    color: #fff
}

.faq-accordion .accordion-button {
    border: none;
    border-radius: 0;
    padding: 24px;
    font-size: 20px;
    font-weight: 700
}

.faq-accordion .accordion-button::after {
    background-image: url(../img/icons/accordion-arrow.svg);
    background-size: 2rem;
    width: 2rem;
    height: 2rem
}

@media screen and (max-width: 575.98px) {
    .faq-accordion .accordion-item {
        margin-bottom:16px
    }

    .faq-accordion .accordion-button {
        font-size: 16px;
        padding: 16px
    }

    .faq-accordion .accordion-button::after {
        width: 1.5rem;
        height: 1.5rem;
        background-size: 1.5rem
    }
}

.faq-accordion .accordion-button:not(.collapsed)::after {
    background-image: url(../img/icons/accordion-minus.svg);
    transform: unset
}

.faq-accordion .accordion-button:hover {
    color: var(--theme-primary)
}

.faq-accordion .accordion-button:not(.collapsed) {
    color: #1B1B1F;
    background: 0 0
}

.faq-accordion .accordion-collapse {
    padding: 0;
    color: #1B1B1F
}

.faq-accordion .accordion-body {
    padding: 0 24px 24px
}

@media screen and (max-width: 575.98px) {
    .faq-accordion .accordion-body {
        padding:0 16px 16px
    }
}

.news-card {
    display: block;
    color: #1B1B1F;
    transition: all .3s ease;
    border-radius: 8px;
    border: 0px solid #EAEBEE;
    overflow: hidden
}

.news-card:hover img {
    transform: translate(-50%,-50%) scale(1.1)
}

.news-card__img {
    position: relative;
    overflow: hidden
}

.news-card__img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    max-width: unset;
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    transition: all .3s ease
}

.news-card__body {
    padding: 24px 16px;
    border-top: 0;
    background: #f5f5f7;
}

@media screen and (max-width: 767.98px) {
    .news-card__body {
        padding:16px
    }
}

.news-card__date {
    font-size: 14px;
    margin-bottom: 8px;
    color: #84858A;
    line-height: 1.2
}

.news-card__title {
    font-weight: 700;
    line-height: 1.2;
    max-height: 38px;
    min-height: 38px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 2
}

.article-other-news {
    border: 1px solid #EAEBEE;
    border-radius: 8px;
    list-style: none;
    padding: 0;
    margin: 0
}

.article-other-news li:not(:last-child) a {
    border-bottom: 1px solid #EAEBEE
}

.article-other-news a {
    display: block;
    color: #1B1B1F;
    text-decoration: none;
    padding: 24px
}

.article-other-news a:hover {
    color: var(--theme-primary-dark)
}

@media screen and (max-width: 991.98px) {
    .article-other-news a {
        padding:16px
    }
}

.city-select {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 20px;
    padding: 14px 16px;
    border-radius: 8px;
    border: 0px solid #D3D5DB;
    max-width: 100%;
    background: #ffffff;
}

.city-select__name {
    color: #84858A;
    white-space: nowrap;
    overflow: hidden;
    margin-right: 8px
}

.city-warehouses {
    margin-top: 32px
}

.city-warehouses__head {
    display: flex;
    align-items: center;
    font-size: 14px;
    line-height: 18px;
    border-radius: 8px;
    background: #F9F9F9;
    padding: 15px 32px
}

@media screen and (max-width: 991.98px) {
    .city-warehouses__head {
        padding:15px 24px
    }
}

@media screen and (max-width: 767.98px) {
    .city-warehouses {
        margin-top:8px
    }

    .city-warehouses__head {
        display: none
    }
}

.city-warehouses__item {
    padding: 24px 32px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #D3D5DB
}

@media screen and (max-width: 991.98px) {
    .city-warehouses__item {
        padding:16px 24px
    }
}

@media screen and (max-width: 767.98px) {
    .city-warehouses__item {
        padding:16px 0;
        flex-direction: column;
        align-items: stretch
    }
}

.city-warehouses__mode {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 270px
}

@media screen and (max-width: 767.98px) {
    .city-warehouses__mode {
        width:100%
    }
}

.city-warehouses__phone {
    width: 120px;
    margin: 0 24px
}

@media screen and (max-width: 767.98px) {
    .city-warehouses__phone {
        width:100%;
        margin: 16px 0
    }
}

.pay-fail {
    padding: 32px;
    border-radius: 8px;
    background: #FFF3F3;
    color: #C61C1C;
    display: flex;
    align-items: center;
    margin-bottom: 32px
}

.pay-fail a {
    color: var(--theme-primary)
}

.pay-fail a:hover {
    color: var(--theme-primary-dark)
}

@media screen and (max-width: 767.98px) {
    .pay-fail {
        padding:24px;
        flex-direction: column;
        margin-bottom: 24px
    }
}

@media screen and (max-width: 575.98px) {
    .pay-fail {
        padding:24px 16px
    }
}

.pay-fail__img {
    min-width: 64px;
    max-width: 64px;
    margin-right: 32px
}

.pay-fail-consultation {
    padding: 32px;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #D3D5DB
}

.pay-fail-consultation a {
    font-size: 20px;
    color: var(--theme-primary);
    font-weight: 700
}

.pay-fail-consultation a:hover {
    color: var(--theme-primary-dark)
}

@media screen and (max-width: 767.98px) {
    .pay-fail__img {
        margin-right:0;
        margin-bottom: 24px
    }

    .pay-fail-consultation {
        padding: 24px
    }
}

@media screen and (max-width: 575.98px) {
    .pay-fail-consultation {
        padding:24px 16px
    }
}

.select-card-list {
    list-style: none;
    padding: 0;
    margin-bottom: 48px
}

@media screen and (max-width: 767.98px) {
    .select-card-list {
        margin-bottom:32px
    }
}

.select-card-list li:not(:last-child) {
    margin-bottom: 16px
}

.select-card-add {
    display: block;
    padding: 16px;
    border: 1px solid #D3D5DB;
    border-radius: 8px;
    text-align: center;
    color: #84858A;
    font-size: 14px;
    transition: all .3s ease
}

.select-card-add:hover {
    border-color: var(--theme-primary)
}

.select-card-radio input {
    display: none
}

.select-card-radio label {
    display: block;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #D3D5DB
}

.select-card-radio input:checked~label {
    border-color: var(--theme-primary)
}

.accordion-checkout-finish .accordion-item,.checkout-total li:not(:last-child) {
    border-bottom: 1px solid #D3D5DB
}

.modal-item,.order-items {
    border: 0px solid #D3D5DB;
}

.select-card-radio label:hover .select-card-radio__title {
    color: var(--theme-primary)
}

.select-card-radio input:checked~label:hover .select-card-radio__title {
    color: #84858A
}

.select-card-radio__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px;
    color: #84858A;
    transition: all .3s ease
}

.select-card-radio__info {
    display: flex;
    margin-left: 16px;
    color: #1B1B1F
}

@media screen and (max-width: 575.98px) {
    .select-card-radio__title {
        flex-direction:column;
        align-items: flex-start
    }

    .select-card-radio__info {
        margin-left: 0;
        margin-top: 16px
    }
}

.checkout-total {
    list-style: none;
    padding: 0;
    margin: 0
}

.checkout-total li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 16px 0
}

.cart-amount,.order-items__title {
    align-items: center;
    display: flex
}

.checkout-total-fixed {
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    padding: 24px 0;
    background: #fff;
    transition: all .3s ease;
    transform: translateY(100%)
}

.checkout-total-fixed_act {
    transform: translateY(0);
    box-shadow: 0 -2px 16px rgba(32,32,32,.16)
}

.checkout-total-fixed__key {
    font-size: 20px;
    color: #84858A;
    margin-right: 16px
}

@media screen and (max-width: 1199.98px) {
    .checkout-total-fixed {
        padding:16px 0
    }

    .checkout-total-fixed__key {
        font-size: 16px;
        margin-right: 8px
    }
}

@media screen and (max-width: 575.98px) {
    .checkout-total-fixed__key {
        font-size:14px
    }
}

.checkout-total-fixed__sum {
    font-weight: 700;
    white-space: nowrap;
    font-size: 32px
}

@media screen and (max-width: 1199.98px) {
    .checkout-total-fixed__sum {
        font-size:24px
    }
}

@media screen and (max-width: 575.98px) {
    .checkout-total-fixed__sum {
        font-size:20px
    }
}

.accordion-checkout-finish .accordion-button {
    padding: 24px 0;
    font-size: 24px;
    font-weight: 700
}

.accordion-checkout-finish .accordion-button::after {
    background-image: url(../img/icons/accordion-arrow.svg);
    background-size: 2rem;
    width: 2rem;
    height: 2rem
}

@media screen and (max-width: 575.98px) {
    .accordion-checkout-finish .accordion-button {
        font-size:20px
    }

    .accordion-checkout-finish .accordion-button::after {
        width: 1.5rem;
        height: 1.5rem;
        background-size: 1.5rem
    }
}

.accordion-checkout-finish .accordion-button:hover {
    color: var(--theme-primary)
}

.accordion-checkout-finish .accordion-button:not(.collapsed) {
    color: #1B1B1F;
    background: 0 0
}

.accordion-checkout-finish .accordion-collapse {
    padding: 0;
    color: #1B1B1F
}

.accordion-checkout-finish .accordion-body {
    padding: 0 0 24px
}

.checkout-finish-item:not(:last-child) {
    margin-bottom: 24px
}

.checkout-finish-item__img {
    margin-right: 16px;
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px;
    text-align: center
}

@media screen and (max-width: 575.98px) {
    .checkout-finish-item__img {
        margin-right:8px
    }
}

.order-items {
    padding: 0px;
    border-radius: 8px
}

.order-items__title {
    justify-content: space-between;
    position: relative;
    font-size: 24px;
    font-weight: 700
}

.order-items__title::after {
    flex-shrink: 0;
    margin-left: 16px;
    background-image: url(../img/icons/accordion-arrow.svg);
    background-repeat: no-repeat;
    background-size: 2rem;
    width: 2rem;
    height: 2rem;
    transition: all .3s ease
}

.order-items__title:not(.collapsed)::after {
    transform: rotate(180deg)
}

.order-items__title:hover {
    color: var(--theme-primary)
}

@media screen and (max-width: 1199.98px) {
    .order-items {
        padding:24px 16px
    }

    .order-items__title {
        font-size: 20px
    }

    .order-items__title::after {
        background-size: 1.5rem;
        width: 1.5rem;
        height: 1.5rem
    }
}

.order-items__list {
    padding: 0 0px 0 0;
    margin: 0;
    max-height: 292px;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    margin-top: 0px;
    border-radius: 0px;
}

@media screen and (max-width: 767.98px) {
    .order-items__title {
        font-size:16px
    }

    .order-items__list {
        max-height: 100%;
        padding-right: 0
    }
}

.order-items__list::-webkit-scrollbar-thumb {
    background-color: var(--theme-primary);
    border-radius: 1px
}

.order-items__list::-webkit-scrollbar {
    width: 2px
}

.order-items__list::-webkit-scrollbar-track {
    border-radius: 1px;
    background: #EAEBEE
}

.order-items__list li:not(:last-child) {
    margin-bottom: 24px
}

.order-items__list a {
    color: inherit
}

.order-items__list a:hover {
    color: var(--theme-primary)
}

.tab-pills {
    flex-wrap: nowrap;
    position: relative;
    overflow-x: auto;
    padding-bottom: 100px;
    margin-bottom: -100px;
    overflow-scrolling: touch
}

@media screen and (max-width: 991.98px) {
    .tab-pills {
        padding-left:24px
    }

    .tab-pills::after {
        content: '';
        min-width: 24px;
        height: 1px
    }
}

@media screen and (max-width: 575.98px) {
    .tab-pills {
        padding-left:16px
    }

    .tab-pills::after {
        content: '';
        min-width: 16px;
        height: 1px
    }
}

.tab-pills .nav-link {
    white-space: nowrap;
    padding-top: 0;
    padding-bottom: 10px;
    font-size: 16px;
    position: relative;
    transition: all .3s ease;
    color: #00000080;
    text-align: center
}

.tab-pills .nav-link::after,.tab-pills .nav-link::before {
    content: '';
    position: absolute;
    height: 4px;
    left: 0;
    bottom: 0;
    right: 0
}

@media screen and (max-width: 991.98px) {
    .tab-pills .nav-link {
        font-size:16px;
        padding-bottom: 20px
    }
}

@media screen and (max-width: 575.98px) {
    .tab-pills .nav-link {
        font-size:14px;
        padding-bottom: 15px
    }
}

.tab-pills .nav-link:hover {
    color: var(--theme-primary-light)
}

.tab-pills .nav-link.active,.tab-pills .nav-link.active:hover {
    color: #000000;
}

.tab-pills .nav-link::before {
    background: #EAEBEE;
    z-index: 1
}

.tab-pills .nav-link::after {
    background: var(--theme-primary-light);
    z-index: 2;
    opacity: 0
}

.cart-item_error,.checkbox label,.radio label {
    position: relative
}

.product-variant-tab-second .tab-pills .nav-link.active::after,.tab-pills .nav-link.active::after,.tab-pills.tab-pills_blocks .nav-link.active::after {
    opacity: 1
}

.product-variant-tab-second .tab-pills .nav-item:not(:last-child),.tab-pills.tab-pills_blocks .nav-item:not(:last-child) {
    margin-right: 16px
}

@media screen and (max-width: 1199.98px) {
    .product-variant-tab-second .tab-pills .nav-item:not(:last-child),.tab-pills.tab-pills_blocks .nav-item:not(:last-child) {
        margin-right:8px
    }
}

.product-variant-tab-second .tab-pills .nav-link,.tab-pills.tab-pills_blocks .nav-link {
    padding: 18px 32px;
    background: #F9F9F9;
    border-radius: 8px;
    overflow: hidden;
    font-size: 16px;
    color: #84858A
}

.product-variant-tab-second .tab-pills .nav-link:hover,.tab-pills.tab-pills_blocks .nav-link:hover {
    color: var(--theme-primary-light)
}

.product-variant-tab-second .tab-pills .nav-link::before,.tab-pills.tab-pills_blocks .nav-link::before {
    content: none
}

.product-variant-tab-second .tab-pills .nav-link.active,.tab-pills.tab-pills_blocks .nav-link.active {
    background: var(--theme-primary-very-light);
    color: #84858A
}

.product-variant-tab-second .tab-pills .nav-link.active:hover,.tab-pills.tab-pills_blocks .nav-link.active:hover {
    color: #84858A
}

.tab-pills_product .nav-item {
    display: flex;
}

.tab-pills_product .nav-link {
    width: 100%;
}

.tab-pills__wrap {
    overflow: hidden
}

@media screen and (max-width: 991.98px) {
    .tab-pills__wrap {
        margin-left:-24px;
        margin-right: -24px
    }

    .modal-cart-item__title {
        font-size: 14px
    }
}

@media screen and (max-width: 575.98px) {
    .tab-pills__wrap {
        margin-left:-16px;
        margin-right: -16px
    }
}

.cart-amount input[type=number] {
    padding: 0;
    text-align: center;
    border: none;
    max-width: 28px;
    moz-appearance: textfield;
    outline: 0;
    margin-right: 2px
}

.cart-amount input[type=number]::-webkit-inner-spin-button,.cart-amount input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none
}

.cart-amount button {
    padding: 3px;
    margin: 0;
    border-radius: 15%;
    background: 0 0;
    border: 1px solid var(--theme-primary);
    line-height: 8px;
    /* min-width: 20px; */
    /* max-width: 20px; */
    height: 20px;
    transition: all .3s ease
}

.cart-amount button svg {
    transition: all .3s ease
}

.cart-amount button:hover {
    border-color: var(--theme-primary-light)
}

.cart-amount button:hover svg {
    fill: var(--theme-primary-light)
}

.cart-amount button:active {
    border-color: var(--theme-primary-dark)
}

.cart-amount button:active svg {
    fill: var(--theme-primary-dark)
}

.cart-amount button:disabled {
    border-color: #D3D5DB
}

.cart-amount button:disabled svg {
    fill: #D3D5DB
}

.cart-amount__input {
    margin: 0 8px;
    font-size: 14px
}

.promocode-form {
    display: flex;
    align-items: center
}

.promocode-form .form-control {
    max-width: 246px
}

@media screen and (max-width: 575.98px) {
    .promocode-form .form-control {
        max-width:100%
    }
}

.promocode-form .btn {
    margin-left: 16px;
    padding: 9px 12px
}

.cart-item,.modal-cart-item {
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid #D3D5DB
}

.radio input[type=radio] {
    display: none
}

.radio label {
    display: flex
}

.radio label .radio-attr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.radio label .radio-attr svg {
    transition: all .3s ease;
    fill: #84858A
}

.radio input:checked~label .radio-attr svg,.radio label:hover .radio-attr svg {
    fill: var(--theme-primary)
}

.radio label .radio-attr__check {
    opacity: 0
}

.radio input:checked~label {
    cursor: default
}

.radio input:checked~label .radio-attr__check {
    opacity: 1
}

.checkbox label .checkbox-attr__check,.radio input:disabled~label .radio-attr__check {
    opacity: 0
}

.radio input:disabled~label {
    cursor: default;
    color: #D3D5DB
}

.radio input:disabled~label .radio-attr svg {
    fill: #D3D5DB
}

input[type=radio].radio,input[type=checkbox].checkbox {
    margin-right: 4px
}

.checkbox input[type=checkbox] {
    display: none
}

.checkbox label {
    transition: all .3s ease;
    display: flex;
    cursor: pointer
}

.checkbox label .checkbox-attr {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 8px;
    width: 24px;
    height: 24px
}

.checkbox label .checkbox-attr svg {
    transition: all .3s ease;
    fill: #0000004D;
    border: 1px solid #0000004D;
    border-radius: 7px;
}

.checkbox input:checked~label .checkbox-attr svg,.checkbox label:hover .checkbox-attr svg {
    border-radius: 5px;
    fill: #ffffff;
    background: #ff7f00;
    border: 1px solid #ff8400;
}

.checkbox input:checked~label {
    cursor: default
}

.checkbox input:checked~label .checkbox-attr__check {
    opacity: 1
}

.checkbox input:disabled~label {
    cursor: default;
    color: #D3D5DB
}

.checkbox input:disabled~label .checkbox-attr svg {
    fill: #D3D5DB
}

.checkbox input:disabled~label .checkbox-attr__check {
    opacity: 0
}

.modal-item {
    padding: 16px;
    border-radius: 8px
}

.modal-cart-item__img {
    margin-right: 16px;
    text-align: center;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px
}

@media screen and (max-width: 1199.98px) {
    .modal-cart-item__img {
        min-width:56px;
        max-width: 56px;
        min-height: 56px;
        max-height: 56px;
        margin-right: 8px
    }
}

.modal-cart-item__title {
    display: inline-block;
    color: #1B1B1F;
    max-width: 360px
}

.modal-cart-item__price {
    white-space: nowrap;
    font-size: 20px;
    font-weight: 700
}

.modal-cart-item__delete {
    margin-left: 24px
}

.modal-cart-item__delete svg {
    fill: #84858A
}

.modal-cart-item__delete:hover svg {
    fill: #C61C1C
}

@media screen and (max-width: 991.98px) {
    .modal-cart-item__price {
        font-size:16px
    }

    .modal-cart-item__delete {
        margin-right: 24px;
        margin-left: 0
    }
}

.cart-equipments {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: -8px;
    margin-left: -16px
}

.cart-equipments>* {
    margin-top: 8px;
    margin-left: 16px
}

.cart-item_error::before {
    content: '';
    position: absolute;
    top: 16px;
    bottom: 16px;
    left: -8px;
    width: 2px;
    background: #C61C1C
}

.cart-item__img {
    margin-right: 32px;
    text-align: center;
    min-width: 80px;
    max-width: 80px;
    min-height: 80px;
    max-height: 80px
}

@media screen and (max-width: 1199.98px) {
    .cart-item__img {
        min-width:56px;
        max-width: 56px;
        min-height: 56px;
        max-height: 56px;
        margin-right: 8px
    }
}

.cart-item__barcode {
    color: #84858A;
    font-size: 14px
}

@media screen and (max-width: 767.98px) {
    .cart-item__barcode {
        order:-1;
        font-size: 12px
    }
}

.cart-item__title {
    display: inline-block;
    color: #1B1B1F;
    margin-bottom: 8px;
    order: 0;
    max-width: 360px
}

.cart-item__price-wrap {
    display: flex;
    align-items: center;
    justify-content: flex-end
}

@media screen and (max-width: 767.98px) {
    .cart-item__title {
        font-size:14px;
        margin-bottom: 0;
        margin-top: 8px
    }

    .cart-item__price-wrap {
        justify-content: flex-start;
        margin-bottom: 16px;
        margin-left: 64px
    }

    .cart-item__price {
        order: -1
    }
}

.cart-item__price {
    white-space: nowrap;
    font-size: 20px;
    font-weight: 700
}

.cart-item__old-price {
    white-space: nowrap;
    color: #84858A;
    margin-right: 16px;
    text-decoration: line-through
}

@media screen and (max-width: 1199.98px) {
    .cart-item__price {
        font-size:16px
    }

    .cart-item__old-price {
        font-size: 14px;
        margin-right: 8px
    }
}

@media screen and (max-width: 767.98px) {
    .cart-item__old-price {
        margin-right:0;
        margin-left: 8px
    }
}

.cart-item__delete {
    margin-left: 0px;
}

.cart-item__delete svg {
    fill: #84858A
}

.cart-item__delete:hover svg {
    fill: #C61C1C
}

.cart-aside {
    border: 1px solid #D3D5DB;
    padding: 24px;
    border-radius: 8px;
    background: #F9F9F9
}

@media screen and (max-width: 1399.98px) {
    .cart-aside {
        padding:24px 16px
    }
}

.cart-aside__row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.checkout-auth {
    border-radius: 8px;
    padding: 24px;
    border: 1px solid var(--theme-primary-border);
    background: #ffffff;
}

@media screen and (max-width: 575.98px) {
    .checkout-auth {
        padding:16px
    }
}

.checkout-auth-info {
    padding: 0px;
    background: #F9F9F9;
    border-radius: 8px;
    border: 0px solid #D3D5DB;
}

@media screen and (max-width: 767.98px) {
    .cart-item__delete {
        margin-right: 0px;
        margin-left: 0
    }

    .checkout-auth-info {
        padding: 24px
    }
}

@media screen and (max-width: 575.98px) {
    .checkout-auth-info {
        padding: 0px;
        background: #f4f4f4;
    }
}

.checkout-block {
    padding: 32px;
    border: 1px solid #D3D5DB;
    border-radius: 8px
}

@media screen and (max-width: 1399.98px) {
    .checkout-block {
        padding:24px
    }
}

.checkout-block__num {
    margin-right: 16px;
    font-size: 32px;
    color: var(--theme-primary);
    font-weight: 700;
    line-height: 20px;
}

.checkout-block__title {
    font-weight: 700;
    font-size: 24px
}

@media screen and (max-width: 767.98px) {
    .checkout-block {
        padding:16px
    }

    .checkout-block__num {
        font-size: 24px;
        line-height: 28px
    }

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

.checkout-radio input {
    display: none
}

.checkout-radio label {
    display: block;
    padding: 16px;
    border-radius: 8px;
    border: 1px solid #D3D5DB;
    cursor: pointer;
    font-size: 14px;
    transition: all .3s ease
}

.checkout-radio label:hover {
    border-color: #1DC25F
}

.checkout-radio input:checked~label {
    border-color: #FF9800;
    cursor: default;
    background: #E5FFEF
}

.checkout-radio input:checked~label .checkout-radio__title::after {
    background-image: url(../img/icons/checkout-radio-checked.svg);
    filter: hue-rotate(
241deg);
}

.checkout-radio__title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    line-height: 1.2;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 16px
}

.checkout-radio__title::after {
    content: '';
    margin-left: 16px;
    display: block;
    min-width: 1.5rem;
    max-width: 1.5rem;
    min-height: 1.5rem;
    max-height: 1.5rem;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: 1.5rem;
    background-image: url(../img/icons/checkout-radio.svg)
}

.checkout-radio__img {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    margin-right: 16px
}

@media screen and (max-width: 767.98px) {
    .checkout-radio__title {
        font-size:16px
    }

    .checkout-radio__img {
        min-width: 24px;
        max-width: 24px;
        height: 24px;
        margin-right: 8px
    }
}

.checkout-radio__img img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.checkout-another-address input {
    display: none
}

.checkout-another-address label {
    cursor: pointer;
    text-decoration: underline;
    color: var(--theme-primary);
    transition: all .3s ease
}

.checkout-another-address label:hover {
    color: var(--theme-primary-dark)
}

.checkout-another-address input:checked~label {
    color: var(--theme-primary-light)
}

.checkout-phone {
    display: flex;
    border-radius: 8px;
    border: 1px solid #D3D5DB;
    overflow: hidden
}

.checkout-phone>:first-child {
    position: relative
}

.checkout-phone>:first-child::after {
    content: '';
    position: absolute;
    top: 8px;
    bottom: 8px;
    right: 0;
    height: 32px;
    width: 1px;
    background: #D3D5DB
}

.checkout-phone .form-control {
    border: none
}

.checkout-help {
    padding: 6px;
    /* background: #ffffff; */
    border-radius: 8px;
    border: 0px solid #D3D5DB;
}

@media screen and (max-width: 1199.98px) {
    .checkout-help {
        padding:24px 16px
    }
}

.cart-checkout-item {
    border: 1px solid #D3D5DB;
    padding: 16px;
    border-radius: 8px;
    margin-bottom: 8px;
    overflow: hidden
}

.cart-checkout-item_error {
    border-color: #C61C1C
}

.cart-checkout-item__img {
    display: block;
    min-width: 64px;
    min-height: 64px;
    max-width: 64px;
    max-height: 64px;
    text-align: center;
    margin-right: 16px
}

@media screen and (max-width: 767.98px) {
    .cart-checkout-item__img {
        min-width:48px;
        min-height: 48px;
        max-width: 48px;
        max-height: 48px;
        margin-right: 8px
    }

    .cart-checkout-item__info {
        min-height: 48px
    }

    .cart-checkout-item__title {
        font-size: 14px
    }
}

.cart-checkout-item__title {
    display: block;
    color: #1B1B1F;
    text-decoration: none;
    margin-right: 16px
}

.cart-checkout-item__del {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    width: 16px;
    height: 16px;
    color: #84858A
}

.cart-checkout-item__del svg {
    fill: #84858A
}

.cart-checkout-item__del:hover {
    color: #C61C1C
}

.cart-checkout-item__del:hover svg {
    fill: #C61C1C
}

.cart-checkout-item__bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 12px
}
.utp-item {
    margin-bottom: 20px;
}
@media screen and (max-width: 767.98px) {
    .cart-checkout-item__bar {
        margin-left:-56px
    }

    .product-accessories .swiper-button-next {
        right: -12px
    }
}

.cart-checkout-clear {
    color: #84858A;
    font-size: 14px
}

.cart-checkout-clear:hover {
    color: #C61C1C
}

.product-aside.product-aside_substrate,.product-variant-first .product-aside {
    border: 1px solid #D3D5DB;
    border-radius: 8px;
    padding: 32px 0 0
}

@media screen and (max-width: 1199.98px) {
    .product-aside.product-aside_substrate,.product-variant-first .product-aside {
        padding:24px 0 0
    }
}

.product-aside.product-aside_substrate .product-actions,.product-controls,.product-in-stock,.product-variant-first .product-aside .product-actions {
    padding-bottom: 24px
}

.product-aside.product-aside_substrate>*,.product-variant-first .product-aside>* {
    padding-left: 24px;
    padding-right: 24px
}

.product-one-click {
    text-decoration: none;
    color: var(--theme-link);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
    background: #ffffff;
    height: 48px;
    min-width: 200px;
    border: 2px solid #ff8200;
}

.product-comp,.product-fav {
    align-items: center;
    font-size: 14px;
    display: flex;
    text-decoration: none;
    white-space: nowrap
}

.product-one-click svg {
    fill: var(--theme-link)
}

.product-one-click:hover {
    color: #ffffff;
    background: #ff8900;
}

.product-one-click:hover svg {
    fill: #ffffff;
}

.product-controls .item-product-amount {
    max-height: 48px
}

.product-controls .item-product-amount button {
    min-height: 48px;
    max-height: 48px;
    min-width: 48px;
    max-width: 48px
}

.product-controls .item-product-amount input {
    height: 46px
}

.product-controls .item-product-amount__input {
    height: 48px
}

.product-controls .item-product-cart-action {
    height: 48px;
    min-width: 173px
}

.product-fav {
    color: #84858A;
    justify-content: center;
    transition: color .3s ease
}

.product-fav.rs-in-favorite,.product-fav:hover {
    color: #C61C1C
}

.product-fav svg {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    stroke: #84858A;
    transition: all .3s ease
}

@media screen and (max-width: 991.98px) {
    .product-fav svg {
        min-width:24px;
        max-width: 24px;
        height: 24px
    }
}

.product-fav:hover svg {
    stroke: #C61C1C
}

.product-fav.rs-in-favorite svg {
    stroke: #C61C1C;
    fill: #C61C1C
}

.product-comp {
    color: #84858A;
    justify-content: center;
    transition: color .3s ease
}

.product-comp svg {
    min-width: 20px;
    max-width: 20px;
    height: 20px;
    stroke: #84858A;
    fill: none;
    transition: all .3s ease
}

@media screen and (max-width: 991.98px) {
    .product-comp svg {
        min-width:24px;
        max-width: 24px;
        height: 24px
    }
}

.product-comp:hover svg {
    stroke: var(--theme-primary)
}

.product-comp.rs-in-compare {
    color: var(--theme-primary)
}

.product-comp.rs-in-compare svg {
    stroke: var(--theme-primary);
    fill: var(--theme-primary)
}

.product-in-stock {
    padding-top: 24px;
    border-top: 1px solid #D3D5DB;
    font-size: 14px
}

@media screen and (max-width: 575.98px) {
    .product-aside.product-aside_substrate>*,.product-variant-first .product-aside>* {
        padding-left:16px;
        padding-right: 16px
    }

    .product-in-stock {
        padding-top: 16px;
        padding-bottom: 16px
    }
}

.product-actions {
    padding-top: 24px;
    border-top: 1px solid #D3D5DB
}

@media screen and (max-width: 575.98px) {
    .product-actions {
        padding-top:16px
    }

    .product-labels {
        marginp: -4px 0 0
    }
}

.product-brand {
    /* display: flex; */
    /* align-items: center; */
    justify-content: center;
    /* min-width: 77px; */
    max-width: 120px;
    /* height: 40px; */
    /* text-align: center; */
}

@media screen and (max-width: 991.98px) {
    .product-brand {
        min-width:46px;
        max-width: 46px;
        height: 24px
    }
}

.product-brand img {
    height: 100%;
    -o-object-fit: contain;
    object-fit: contain
}

.product-labels {
    padding: 0;
    margin: -8px 0 0
}

.product-accessories {
    position: relative
}

.product-accessories .swiper-container {
    border-radius: 4px;
    border: 1px solid #D3D5DB
}

@media screen and (min-width: 1199.98px) {
    .product-accessories .swiper-container {
        max-height:420px
    }
}

.product-accessories .swiper-slide:last-child .product-accessories__item {
    border-bottom: none
}

.product-accessories .swiper-button-next:focus {
    outline: 0
}

@media screen and (min-width: 1200px) {
    .product-accessories .swiper-button-next {
        width:32px;
        height: 32px;
        top: unset;
        bottom: -16px;
        left: calc(50% - 16px);
        transform: rotate(90deg)
    }

    .product-accessories .swiper-button-prev {
        width: 32px;
        height: 32px;
        top: -16px;
        left: calc(50% - 16px);
        transform: rotate(90deg)
    }

    .product-accessories__item {
        border-bottom: 1px solid #D3D5DB
    }
}

@media screen and (max-width: 767.98px) {
    .product-accessories .swiper-button-prev {
        left:-12px
    }
}

.product-accessories .swiper-button-prev:focus {
    outline: 0
}

.product-accessories__item {
    padding: 16px
}

.product-accessories__item-link {
    display: flex;
    font-size: 14px;
    color: #1B1B1F;
    text-decoration: none;
    margin-bottom: 12px
}

.product-accessories__item-img {
    min-width: 56px;
    max-width: 56px;
    height: 56px;
    text-align: center;
    margin-right: 16px
}

.product-accessories__item-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap
}

.product-accessories__item-cart {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 24px;
    max-width: 24px;
    height: 24px
}

.product-accessories__item-cart svg {
    transition: fill .3s ease;
    fill: var(--theme-primary-light)
}

.product-accessories__item-cart:hover svg {
    fill: var(--theme-primary)
}

@media screen and (min-width: 992px) {
    .product-gallery_vertical,.product-variant-second .product-gallery {
        display:flex;
        align-items: flex-start
    }

    .product-gallery_vertical .product-gallery-thumbs-wrap,.product-variant-second .product-gallery .product-gallery-thumbs-wrap {
        order: -1;
        flex-direction: column;
        align-items: center;
        justify-content: flex-start;
        margin-top: 0;
        margin-right: 24px;
        max-height: 600px;
    }

    .product-gallery_vertical .product-gallery-thumbs,.product-variant-second .product-gallery .product-gallery-thumbs {
        flex-direction: column
    }

    .product-gallery_vertical .product-gallery-thumbs .swiper-slide,.product-variant-second .product-gallery .product-gallery-thumbs .swiper-slide {
        min-width: 90px;
        max-width: 90px;
        height: 90px;
    }

    .product-gallery_vertical .product-gallery-thumbs__video,.product-variant-second .product-gallery .product-gallery-thumbs__video {
        margin-left: 0;
        margin-top: 16px
    }

    .product-gallery_vertical .swiper-button-prev,.product-variant-second .product-gallery .swiper-button-prev {
        margin-bottom: 16px;
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        transform: rotate(90deg)
    }

    .product-gallery_vertical .swiper-button-next,.product-variant-second .product-gallery .swiper-button-next {
        margin-top: 16px;
        min-width: 40px;
        max-width: 40px;
        height: 40px;
        transform: rotate(90deg)
    }

    .product-gallery-top .swiper-slide:not(.swiper-slide-zoomed):hover {
        cursor: pointer
    }

    .product-gallery-top .swiper-slide:not(.swiper-slide-zoomed):hover::before {
        visibility: visible;
        opacity: 1
    }
}

.product-gallery-top .swiper-slide {
    text-align: center;
    position: relative;
    height: auto;
    width: 100%;
    overflow: hidden
}

.product-gallery-top .swiper-slide img::-moz-selection {
    background: 0 0
}

.product-gallery-top .swiper-slide img::selection {
    background: 0 0
}

.product-gallery-top .swiper-slide img::-moz-selection {
    background: 0 0
}

@media screen and (max-width: 991.98px) {
    .product-gallery-top {
        padding:0 24px;
        margin: 0 -24px
    }

    .product-gallery-top .swiper-slide img {
        max-width: 500px
    }
}

@media screen and (max-width: 575.98px) {
    .product-gallery-top {
        padding:0 16px;
        margin: 0 0px;
    }

    .product-gallery-top .swiper-slide img {
        max-width: 288px
    }
}
.item-list__image {
    max-width: 240px;
}
.product-gallery-top .swiper-slide.swiper-slide-zoomed {
    cursor: all-scroll
}

.rs-product:not(.rs-zoom):not(.rs-lightbox) .swiper-zoom-container {
    cursor: default
}

.rs-zoom .product-gallery-top .swiper-slide::before {
    visibility: hidden;
    opacity: 0;
    content: 'Щелкните дважды, чтобы приблизить';
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 16px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 2;
    color: #fff;
    font-size: 14px;
    background: rgba(0,0,0,.5);
    transition: all .3s ease
}

.product-gallery-thumbs-wrap {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 24px
}

.product-gallery-thumbs-wrap .swiper-container {
    margin: 0
}

.product-gallery-thumbs-wrap .swiper-button-next,.product-gallery-thumbs-wrap .swiper-button-prev {
    position: unset;
    min-width: 32px;
    max-width: 32px;
    height: 32px;
    outline: 0;
    background: 0 0;
    border: none;
    box-shadow: none
}

.product-chars li:nth-child(2n-1),.product-doc,.product-rating {
    background: #F9F9F9
}

@media screen and (max-width: 991.98px) {
    .product-gallery-thumbs-wrap .swiper-button-next,.product-gallery-thumbs-wrap .swiper-button-prev {
        display:none
    }
}

.product-gallery-thumbs-wrap img {
    max-height: 100%;
}

.product-gallery-thumbs {
    display: flex
}

.product-gallery-thumbs .swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 64px;
    width: 64px;
    cursor: pointer;
    border: 1px solid #0000004a;
    transition: border-color .3s ease;
    border-radius: 4px;
    overflow: hidden
}

.product-gallery-thumbs .swiper-slide.swiper-slide-thumb-active {
    border-color: var(--theme-primary)
}

.product-gallery-thumbs__video {
    margin-right: 16px
}

@media screen and (min-width: 992px) {
    .product-gallery-thumbs__video {
        order:2;
        margin-right: 0;
        margin-left: 16px
    }
}

.product-gallery-video {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 48px;
    max-width: 48px;
    max-height: 48px;
    transition: transform .3s ease;
    outline: 0
}

.product-gallery-video svg {
    transition: fill .3s ease;
    fill: var(--theme-primary)
}

.product-gallery-video:hover svg {
    fill: var(--theme-primary-light)
}

.product-chars {
    padding: 0;
    margin: 0;
    list-style: none
}

.product-chars li {
    overflow: hidden;
    padding: 14px 32px
}

@media screen and (max-width: 575.98px) {
    .product-gallery-thumbs .swiper-slide {
        height:48px;
        width: 48px
    }

    .product-gallery-video {
        min-width: 42px;
        max-width: 42px;
        max-height: 42px
    }

    .product-chars li {
        padding: 8px 16px;
        font-size: 14px;
        margin-left: -16px;
        margin-right: -16px
    }
}

.product-doc {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px 24px;
    border: 1px solid #EAEBEE
}

@media screen and (max-width: 575.98px) {
    .product-doc {
        padding:12px 16px;
        font-size: 14px
    }
}

.product-doc__link {
    display: block;
    min-width: 40px;
    max-width: 40px;
    height: 40px;
    margin-left: 24px;
    transition: all .3s ease;
    text-decoration: none;
    color: var(--theme-primary)
}

.product-doc__link svg {
    transition: fill .3s ease;
    fill: var(--theme-primary)
}

.product-doc__link:hover {
    transform: scale(1.1);
    color: var(--theme-primary-light)
}

.product-doc__link:hover svg {
    fill: var(--theme-primary-light)
}

.product-rating {
    padding: 24px;
    border: 1px solid #D3D5DB;
    border-radius: 8px
}

@media screen and (max-width: 991.98px) {
    .product-rating {
        padding:16px
    }

    .product-availability-head {
        display: none
    }
}

.product-rating__stars {
    min-width: 94px;
    max-width: 94px;
    height: 16px;
    background: url(../img/icons/review-block-star.svg) top left/contain repeat-x
}

.product-rating__stars-act {
    background: url(../img/icons/review-star-active.svg) top left/contain repeat-x;
    height: 16px
}

.product-rating__stars_5 {
    width: 100%
}

.product-rating__stars_4 {
    width: 80%
}

.product-rating__stars_3 {
    width: 60%
}

.product-rating__stars_2 {
    width: 40%
}

.product-rating__stars_1 {
    width: 20%
}

.product-rating__score {
    font-size: 48px;
    line-height: 1;
    font-weight: 700
}

.product-review-item {
    padding-bottom: 24px;
    border-bottom: 1px solid #D3D5DB
}

.product-review-item:not(:last-child) {
    margin-bottom: 24px
}

.product-review-item__title {
    font-weight: 700;
    margin-bottom: 4px;
    line-height: 1.2
}

.product-review-answer {
    margin-left: 30px;
    background: #e4f6e4;
    padding: 15px;
    border-bottom: 1px solid #D3D5DB;
    border-radius: 10px
}

.product-review-answer:not(:last-child) {
    margin-bottom: 24px
}

.product-review-answer__title {
    font-weight: 700
}

.rating-stars {
    background: url(../img/icons/review-star.svg) top left/contain repeat-x;
    min-width: 115px;
    max-width: 115px;
    height: 20px
}

.rating-stars__act {
    background: url(../img/icons/review-star-active.svg) top left/contain repeat-x;
    height: 20px
}

.product-availability-head {
    padding: 14px 24px;
    font-size: 14px;
    border-radius: 8px;
    background: #F9F9F9;
    margin-bottom: 24px
}

.product-availability-item {
    padding: 24px;
    border-bottom: 1px solid #D3D5DB
}

.product-availability-item:first-child {
    padding-top: 0
}

@media screen and (max-width: 767.98px) {
    .product-availability-item {
        padding:24px 0
    }
}

.availability-indicator {
    display: inline-flex;
    padding: 2px;
    border-radius: 4px;
    border: 1px solid #D3D5DB
}

.availability-indicator__not {
    display: none
}

.rs-warehouse-empty .availability-indicator {
    padding: 4px;
    font-size: 12px;
    line-height: 14px;
    color: #84858A
}

.rs-warehouse-empty .availability-indicator__not {
    display: block
}

.rs-warehouse-empty .availability-indicator__point {
    display: none
}

.availability-indicator__point {
    border-radius: 2px;
    width: 8px;
    height: 20px;
    background: #D3D5DB
}

.availability-indicator__point:not(:last-child) {
    margin-right: 2px
}

.availability-indicator__point_act {
    background: #1DC25F
}

.product-variant-first .variant-product-gallery {
    width: 100%
}

@media screen and (min-width: 992px) {
    .product-variant-first .variant-product-gallery {
        flex:0 0 auto;
        width: 33.33333%
    }
}

.product-variant-first .variant-product-main {
    display: flex;
    flex-wrap: wrap;
    margin-top: -32px;
    margin-right: -12px;
    margin-left: -12px
}

.product-variant-first .variant-product-main>* {
    padding-right: 12px;
    padding-left: 12px;
    margin-top: 32px;
    flex-shrink: 0;
    max-width: 100%;
    width: 100%
}

@media (min-width: 992px) {
    .product-variant-first .variant-product-options {
        width:50%
    }
}

@media (min-width: 1400px) {
    .product-variant-first .variant-product-options {
        margin-left:12.33333%;
        width: 37.66667%
    }
}

@media (min-width: 992px) {
    .product-variant-first .variant-product-aside {
        width:50%
    }
}

@media (min-width: 1400px) {
    .product-variant-first .variant-product-aside {
        margin-left:12.33333%;
        width: 37.66667%
    }

    .product-variant-second .variant-product-main {
        margin-left: 30px;
    }
}

.product-variant-first .variant-product-options__list {
    margin-top: -32px
}

.product-variant-first .variant-product-options__list>* {
    margin-top: 32px
}

@media screen and (min-width: 992px) {
    .product-variant-second .variant-product-gallery {
        flex:0 0 auto;
        width: 45%;
    }
}

.product-variant-second .variant-product-options {
    margin-bottom: 32px
}

.product-variant-second .variant-product-options__list {
    margin-top: -24px
}

.product-variant-second .variant-product-options__list>* {
    margin-top: 24px
}

.stars-block {
    height: 24px;
    padding: 0;
    display: flex;
    list-style: none;
    margin-bottom: 0
}

.stars-block li {
    display: inline-block;
    min-width: 24px;
    height: 24px;
    cursor: pointer;
    background: url(../img/icons/star.svg) 50% 50% no-repeat
}

.stars-block li.active {
    background: url(../img/icons/star-active.svg) 50% 50% no-repeat
}

.cookies-policy {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    bottom: 24px;
    z-index: 5
}

.cookies-policy.cookies-policy_active {
    display: block
}

.cookies-policy__inner {
    padding: 16px 24px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--theme-primary)
}

@media screen and (max-width: 991.98px) {
    .cookies-policy {
        bottom:62px;
        font-size: 14px
    }

    .cookies-policy__inner {
        padding: 16px
    }
}

.cookies-policy__inner .btn {
    padding: 7px 16px
}

.lk-dropdown {
    padding: 0;
    min-width: 350px;
    overflow: hidden
}

.lk-dropdown .lk-dropdown__head {
    padding: 15px 24px;
    background: #ffffff;
}

.lk-dropdown .aside-menu__link {
    display: flex;
    align-items: center;
    padding: 12px 24px;
    color: #212529;
    border-top: 0px solid #D3D5DB;
    text-decoration: none;
    transition: color .3s ease;
    margin: 0 20px 10px 20px;
    border-radius: 8px;
    background: #F5F5F5;
}

.lk-dropdown .aside-menu__link svg {
    transition: fill .3s ease;
    fill: #84858A;
    min-width: 24px;
    margin-right: 16px
}

.lk-dropdown .aside-menu__link.lk-logout {
    color: #bdbdbd
}

.lk-dropdown .aside-menu__link.lk-logout svg {
    fill: #bdbdbd
}

.lk-dropdown .aside-menu__link:hover {
    color: var(--theme-primary)
}

.lk-dropdown .aside-menu__link:hover svg {
    fill: var(--theme-primary)
}

.lk-my-card {
    display: flex;
    align-items: center;
    border: 1px solid #D3D5DB;
    border-radius: 8px;
    padding: 16px
}

.lk-my-card__info {
    margin: 0 auto 0 24px
}

@media screen and (max-width: 575.98px) {
    .lk-my-card {
        flex-direction:column;
        align-items: flex-start
    }

    .lk-my-card__info {
        margin: 8px 0
    }
}

.lk-support-item {
    padding: 16px 24px;
    border: 1px solid #D3D5DB;
    border-radius: 8px
}

@media screen and (max-width: 991.98px) {
    .lk-support-item {
        padding:16px
    }
}

.lk-support-item__delete {
    margin-left: 8px;
    min-width: 16px;
    height: 16px
}

.lk-support-item__delete svg {
    fill: #84858A
}

.lk-support-item__delete:hover svg {
    fill: #FF2F2F
}

.lk-chat-item {
    position: relative;
    border-radius: 8px;
    padding: 16px;
    max-width: 90%
}

.lk-chat-item::before,.offcanvas-overlay {
    position: absolute;
    bottom: 0
}

.lk-chat-item_admin {
    background: #F9F9F9
}

.lk-chat-item_admin::before {
    content: url(../img/icons/chat-attr-adm.svg);
    left: -14px
}

.lk-chat-item_client {
    background: #E5FFEF
}

.lk-chat-item_client::before {
    content: url(../img/icons/chat-attr-client.svg);
    right: -14px
}

.lk-chat-item__sender {
    color: #696A76;
    font-size: 14px;
    font-weight: 700;
    margin-bottom: 8px
}

.lk-chat-item__adm {
    color: #F8F8F8;
    min-width: 32px;
    height: 32px;
    margin-right: 16px
}

@media screen and (max-width: 575.98px) {
    .lk-chat-item {
        max-width:100%;
        font-size: 14px
    }

    .lk-chat-item__adm {
        display: none
    }
}

.lk-chat-item__sys .lk-chat-item_admin {
    background-color: #fff1d8
}

.lk-chat-item__sys .lk-chat-item_admin::before {
    content: url(../img/icons/chat-attr-sys.svg)
}

.lk-balance-history {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding: 16px 0;
    border-bottom: 1px solid #D3D5DB
}

.lk-balance-history>div {
    display: flex;
    align-items: center;
    justify-content: space-between
}

.lk-balance-history__receipt {
    display: block
}

.lk-balance-history__receipt svg {
    fill: #696A76
}

.lk-balance-history__receipt:hover svg {
    fill: var(--theme-primary)
}

.lk-balance-up {
    display: flex;
    flex-direction: column;
    width: 100%;
    margin: 0;
    padding: 16px;
    border: 1px solid #D3D5DB;
    background: 0 0;
    border-radius: 8px;
    text-align: left;
    font-size: 14px;
    min-height: 125px;
    color: #696A76
}

.lk-balance-up .h3 {
    color: #1B1B1F;
    margin-bottom: 24px
}

.lk-balance-up:hover {
    border-color: var(--theme-primary)
}

.lk-balance-up:hover .h3 {
    color: var(--theme-primary)
}

.lk-balance-up:active {
    border-color: var(--theme-primary-dark)
}

.lk-balance-up:active .h3 {
    color: var(--theme-primary-dark)
}

.lk-profile-status {
    display: flex;
    align-items: center;
    list-style: none;
    margin: 0;
    padding: 3px 4px;
    border: 1px solid #D3D5DB;
    border-radius: 8px;
    background: #F9F9F9
}

.lk-profile-status li {
    flex: 1 0 0
}

.lk-profile-status li:first-child label {
    border-top-left-radius: 7px;
    border-bottom-left-radius: 7px
}

.lk-profile-status li:last-child label {
    border-top-right-radius: 7px;
    border-bottom-right-radius: 7px
}

.lk-profile-status input {
    display: none
}

.lk-profile-status label {
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;
    padding: 9px 16px;
    color: #696A76
}

.lk-profile-status label:hover {
    color: var(--theme-primary)
}

@media screen and (max-width: 575.98px) {
    .lk-profile-status label {
        font-size:14px;
        padding: 7px 8px
    }
}

.lk-profile-status input:checked~label {
    background: var(--theme-primary);
    color: #fff;
    cursor: default
}

.lk-profile-change-pass input {
    display: none
}

.lk-profile-change-pass label {
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 14px 0;
    border-bottom: 2px solid #D3D5DB;
    transition: all .3s ease
}

.lk-profile-change-pass label::after {
    content: '';
    flex-shrink: 0;
    margin-left: 16px;
    background-image: url(../img/icons/accordion-arrow.svg);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    width: 1.5rem;
    height: 1.5rem;
    transition: all .3s ease
}

.lk-profile-change-pass label:hover {
    color: var(--theme-primary)
}

.lk-profile-change-pass input:checked~label {
    border-color: var(--theme-primary)
}

.lk-profile-change-pass input:checked~label::after {
    transform: rotate(180deg)
}

.lk-orders-item {
    border: 1px solid #D3D5DB;
    border-radius: 12px;
    margin-bottom: 24px;
    overflow: hidden;
    background: #F3F3F3;
}

@media screen and (max-width: 575.98px) {
    .lk-orders-item {
        margin-bottom:16px
    }
}

.lk-orders-item__head {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 24px;
    background: #FD76011F;
}

@media screen and (max-width: 767.98px) {
    .lk-orders-item__head {
        padding:16px;
        flex-direction: column
    }
}

.lk-orders-item__head-products {
    display: flex;
    align-items: center
}

.lk-orders-item__title {
    font-size: 20px;
    font-weight: 700;
    margin-right: 16px
}
.filter-andpol .form-label {
    margin-bottom: 0;
    font-size: 15px;
}
.filter-andpol .form-control {
    padding: 3px 3px;
    font-size: 14px;
    background-clip: padding-box;
    border: 0px solid #ced4da;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0px;
    transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out;
    background: #ffffff80;
    margin-right: 4px;
}
@media screen and (max-width: 767.98px) {
    .lk-orders-item__head-products {
        flex-direction:column
    }

    .lk-orders-item__title {
        font-size: 16px;
        margin-right: 0;
        margin-bottom: 16px
    }
}

.lk-orders-item__price {
    margin-left: 16px;
    font-size: 20px;
    font-weight: 700
}

.lk-orders-item__body {
    padding: 24px;
    background: #ffffff;
}

@media screen and (max-width: 767.98px) {
    .lk-orders-item__price {
        font-size:16px;
        margin-left: 0;
        margin-top: 8px
    }

    .lk-orders-item__body {
        padding: 16px;
        text-align: center
    }
}

.lk-order-status {
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    background: #F9F9F9;
    padding: 10px 16px;
    border-radius: 8px;
    text-align: center;
    min-width: 156px
}

.lk-order-warning {
    padding: 16px;
    background: #FFF8E1;
    border-radius: 8px;
    margin-bottom: 24px
}

.lk-order-total {
    padding: 24px;
    border: 1px solid #D3D5DB;
    border-radius: 8px;
    background: #F9F9F9
}

.lk-order-total__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 16px
}

.lk-returns {
    border: 1px solid #D3D5DB;
    border-radius: 8px
}

.lk-returns__title {
    padding: 32px 32px 24px;
    font-size: 24px;
    font-weight: 700
}

@media screen and (max-width: 1199.98px) {
    .lk-returns__title {
        padding:24px
    }
}

@media screen and (max-width: 767.98px) {
    .lk-returns__title {
        font-size:20px;
        padding: 16px 16px 8px
    }

    .lk-returns__head {
        display: none
    }
}

.lk-returns__head {
    font-weight: 700;
    padding: 14px 32px;
    background: #F9F9F9
}

@media screen and (max-width: 1199.98px) {
    .lk-returns__head {
        padding:14px 24px
    }
}

.lk-returns__list {
    padding: 0 32px;
    list-style: none;
    margin: 0
}

@media screen and (max-width: 1199.98px) {
    .lk-returns__list {
        padding:0 24px
    }
}

@media screen and (max-width: 767.98px) {
    .lk-returns__list {
        padding:0 16px
    }
}

.lk-returns__list li {
    padding: 16px 0
}

.lk-returns__list li:not(:last-child) {
    border-bottom: 1px solid #D3D5DB
}

.lk-return-checkbox {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 30px;
    width: 30px;
    margin-right: 16px
}

@media screen and (max-width: 767.98px) {
    .lk-return-checkbox {
        width:unset;
        margin-right: 8px
    }
}

.offcanvas-overlay {
    top: 0;
    left: 0;
    right: 0;
    background: rgba(0,0,0,.55);
    z-index: 9;
    opacity: 1;
    visibility: visible
}

.offcanvas,.offcanvas-body {
    position: fixed;
    top: 0;
    width: 100%;
    left: 0
}

.offcanvas-body {
    overflow: hidden
}

.offcanvas,.offcanvas__list {
    overflow-y: auto;
    scrollbar-color: var(--theme-primary);
    scrollbar-width: thin
}

.offcanvas-close {
    cursor: pointer
}

.offcanvas {
    overflow-x: hidden;
    z-index: 10;
    bottom: 0;
    height: 100%;
    transform: translateX(-100%);
    transition: all .5s ease;
    background: #fff;
    overflow-scrolling: touch
}

.offcanvas::-webkit-scrollbar-thumb {
    background-color: var(--theme-primary);
    border-radius: 1px
}

.offcanvas::-webkit-scrollbar {
    width: 2px
}

.offcanvas::-webkit-scrollbar-track {
    border-radius: 1px;
    background: #EAEBEE
}

@media screen and (min-width: 575.98px) {
    .offcanvas {
        width:340px
    }
}

.offcanvas-multilevel {
    display: flex
}

.offcanvas_active {
    transform: translateX(0);
    overflow: auto;
    overflow-x: hidden;
    overflow-scrolling: touch;
    -webkit-overflow-scrolling: touch
}

.offcanvas__list {
    list-style: none;
    position: relative;
    overflow-x: hidden;
    overflow-scrolling: touch;
    margin: 0;
    padding: 0;
    width: 100%;
    background: #fff
}

.offcanvas__list::-webkit-scrollbar-thumb {
    background-color: var(--theme-primary);
    border-radius: 1px
}

.offcanvas__list::-webkit-scrollbar {
    width: 2px
}

.offcanvas__list::-webkit-scrollbar-track {
    border-radius: 1px;
    background: #EAEBEE
}

.offcanvas-lk__list .aside-menu__label {
    margin-left: 1rem!important
}

.offcanvas-lk__list .aside-menu__link,.offcanvas__list-item {
    position: relative;
    display: flex;
    align-items: center;
    padding: 16px;
    border-bottom: 1px solid #EAEBEE;
    color: #84858A;
    text-decoration: none;
    transition: color .3s ease
}

.offcanvas-lk__list .aside-menu__link:hover,.offcanvas__list-item:hover,.offcanvas__list-item_act {
    color: var(--theme-primary)
}

.offcanvas-lk__list .aside-menu__link svg,.offcanvas__list-item svg {
    transition: fill .3s ease;
    fill: #84858A
}

.offcanvas-lk__list .aside-menu__link:hover svg,.offcanvas__list-item:hover svg,.offcanvas__list-item_act svg {
    fill: var(--theme-primary)
}

.offcanvas__has-subnav>a {
    position: relative;
    padding-right: 40px
}

.offcanvas__has-subnav>a::after {
    content: '';
    position: absolute;
    background-image: url(../img/icons/accordion-arrow.svg);
    background-size: 16px;
    width: 16px;
    height: 16px;
    right: 16px;
    top: calc(50% - 8px);
    transform: rotate(-90deg)
}

.offcanvas__subnav {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    background: #fff;
    z-index: 40;
    transform: translate3d(101%,0,0);
    transition: transform .5s
}

.offcanvas__back-track,.offcanvas__head {
    display: flex;
    background: var(--theme-primary);
    padding: 16px
}

.offcanvas__subnav_active {
    transform: translate3d(0,0,0);
    width: 100%
}

.offcanvas__head {
    align-items: center;
    justify-content: space-between;
    color: #fff
}

.offcanvas__list-item_primary {
    color: var(--theme-primary)
}

.offcanvas__list-item_primary:hover {
    color: var(--theme-primary-dark)
}

.offcanvas__back-track {
    align-items: center;
    color: #fff;
    text-decoration: none;
    cursor: pointer
}

.offcanvas__back-track::before {
    content: '';
    background-image: url(../img/icons/arrow-white.svg);
    background-size: 16px;
    width: 16px;
    height: 16px;
    margin-right: 8px
}

.offcanvas__back-track:hover {
    color: #fff
}

.offcanvas__main-category {
    display: block;
    background: #FAF9F9;
    color: #84858A;
    font-weight: 700;
    padding: 16px;
    text-decoration: none
}

.offcanvas__list-item_lk-logout {
    color: #bdbdbd
}

.offcanvas__list-item_lk-logout svg {
    fill: #bdbdbd
}

.offcanvas__city {
    color: #fff;
    text-decoration: none
}

.offcanvas__city:hover {
    text-decoration: underline;
    color: #fff
}

.offcanvas__lk {
    display: flex;
    align-items: center;
    background: #F9F9F9
}

.offcanvas__lk-item {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1 0 0;
    padding: 12px;
    color: var(--theme-primary);
    text-decoration: none;
    text-align: center;
    font-size: 18px;
    transition: color .3s ease
}

.modal-cart-item__old-price,.old-price {
    text-decoration: line-through;
    font-weight: 400
}

.offcanvas__lk-item svg {
    transition: fill .3s ease;
    fill: var(--theme-primary)
}

.offcanvas__lk-item.with-qr {
    justify-content: left
}

.offcanvas__lk-item:hover {
    color: var(--theme-primary-dark)
}

.offcanvas__lk-item:hover svg {
    fill: var(--theme-primary-dark)
}

.offcanvas__lk-item:nth-child(2)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 8px;
    bottom: 8px;
    width: 1px;
    background: #D3D5DB
}

.re-container-mob {
    overflow: hidden
}

@media screen and (max-width: 767.98px) {
    .re-container-mob {
        margin-left:-24px;
        margin-right: -24px
    }

    .re-container-mob .re-container-mob__inner {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-left: 24px;
        padding-bottom: 100px;
        margin-bottom: -100px;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch
    }

    .re-container-mob .re-container-mob__inner::after {
        content: '';
        min-width: 24px;
        height: 1px
    }
}

@media screen and (max-width: 575.98px) {
    .re-container-mob {
        margin-left:-16px;
        margin-right: -16px
    }

    .re-container-mob .re-container-mob__inner {
        padding-left: 16px
    }

    .re-container-mob .re-container-mob__inner::after {
        min-width: 16px
    }
}

.re-container-table {
    overflow: hidden
}

@media screen and (max-width: 991.98px) {
    .re-container-table {
        margin-left:-24px;
        margin-right: -24px
    }

    .re-container-table__inner {
        flex-wrap: nowrap;
        overflow-x: auto;
        padding-left: 24px;
        padding-bottom: 100px;
        margin-bottom: -100px;
        overflow-scrolling: touch;
        -webkit-overflow-scrolling: touch
    }

    .re-container-table__inner::after {
        content: '';
        min-width: 24px;
        height: 1px
    }
}

@media screen and (max-width: 575.98px) {
    .re-container-table {
        margin-left:-16px;
        margin-right: -16px
    }

    .re-container-table__inner {
        padding-left: 16px
    }

    .re-container-table__inner::after {
        min-width: 16px
    }
}

.rs-multi-complectations .rs-reserve,.rs-not-avaliable .rs-buy,.rs-not-avaliable .rs-buy-one-click,.rs-product .rs-reserve,.rs-product-item .rs-reserve,.rs-unobtainable {
    display: none
}

.rs-unobtainable {
    color: #f06060
}

.rs-not-avaliable .rs-unobtainable {
    display: flex
}

.rs-forced-reserve .rs-reserve,.rs-not-avaliable.rs-can-be-reserved .rs-reserve {
    display: flex!important
}

.rs-forced-reserve .rs-buy,.rs-not-avaliable.rs-can-be-reserved .rs-unobtainable {
    display: none
}

[data-sale-status]:not([data-sale-status=show_cost]) .rs-sale-status {
    display: inline-flex
}

[data-sale-status=on_request] .rs-unobtainable,[data-sale-status]:not([data-sale-status=show_cost]) .rs-buy,[data-sale-status]:not([data-sale-status=show_cost]) .rs-buy-one-click,[data-sale-status]:not([data-sale-status=show_cost]) .rs-price-block,[data-sale-status]:not([data-sale-status=show_cost]) .rs-reserve {
    display: none!important
}

.rs-can-be-reserved[data-sale-status=no_cost] .rs-reserve,[data-sale-status=discontinued] .rs-unobtainable,[data-sale-status=no_cost]:not(.rs-can-be-reserved) .rs-unobtainable,[data-sale-status][data-sale-status=on_request] .rs-buy-one-click.btn,[data-sale-status][data-sale-status=on_request] .rs-reserve {
    display: flex!important
}

.hide-identical .param-identically,.rs-cart-block:not(.active) .label-count,.rs-compare-block:not(.active) .label-count,.rs-favorite-block:not(.active) .label-count,.rs-filter-wrapper .catalog-filter .offcanvas-close {
    display: none
}

.rs-loader {
    position: absolute;
    top: 0;
    height: 3px;
    left: 50%;
    width: 0%;
    background-color: #d0772d;
    -webkit-animation: leftRightLoading 1s ease 0s infinite;
    animation: leftRightLoading 1s ease 0s infinite
}

@-webkit-keyframes leftRightLoading {
    0% {
        left: 50%;
        width: 0%
    }

    100% {
        left: 0;
        width: 100%
    }
}

@keyframes leftRightLoading {
    0% {
        left: 50%;
        width: 0%
    }

    100% {
        left: 0;
        width: 100%
    }
}

.rs-verify-code-block {
    margin-bottom: 0!important
}

.checkout-phone {
    position: relative
}

.rs-verify-ok {
    position: absolute;
    width: 24px;
    top: calc(50% - 14px);
    right: 9px
}

.rs-checkout_lock:after,.rs-filter-section.rs-in-loading:after {
    content: '';
    top: 0;
    height: 100%;
    z-index: 2;
    left: 0
}

.rs-filter-section {
    position: relative
}

.rs-filter-section.rs-in-loading:after {
    position: absolute;
    width: 100%;
    background: rgba(255,255,255,.5)
}

.no-wrap {
    white-space: nowrap
}

.order-items__multioffers {
    margin-bottom: .5rem;
    font-size: .9rem;
    color: gray
}

.rs-admin-top-panel .offcanvas {
    padding-top: 62px
}

.offcanvas__list-separator {
    border-top: 2px solid #e4e4e4
}

.filter-invisible .filter-column {
    display: none!important
}

.label-count_static {
    position: static;
    display: inline-block
}

.warehouse-row .warehouse-row__map {
    position: relative
}

@media (max-width: 991px) {
    .warehouse-row .warehouse-row__image>img {
        width:100%
    }

    .warehouse-row .warehouse-row__map {
        min-height: 400px
    }
}

.cart.active .cart__price,.cart__empty-text {
    display: block
}

.cart.active .cart__empty-text,.cart__price {
    display: none
}

.product-one-click.disabled {
    color: gray
}

.product-one-click.disabled svg {
    fill: gray
}

.modal-cart-item__old-price {
    color: gray;
    font-size: .8rem
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    padding: 0;
    margin-left: -1%
}

.gallery li {
    width: 24%;
    margin-left: 1%;
    margin-bottom: 14px
}

@media (max-width: 639px) {
    .gallery li {
        width:49%
    }
}

.empty-list {
    text-align: center
}

.affiliate-name-list {
    display: block;
    margin-top: 0;
    -moz-columns: 2;
    columns: 2
}

@media (min-width: 992px) {
    .warehouse-row .warehouse-row__map>div {
        position:absolute
    }

    .affiliate-name-list {
        -moz-columns: 3;
        columns: 3
    }

    .modal-xxl {
        max-width: 738px
    }
}

.affiliate-name-list .item {
    margin-top: 0;
    margin-bottom: 16px;
    width: auto
}

.affiliate-list {
    padding: 14px 16px;
    border-radius: 8px;
    border: 1px solid #D3D5DB;
    margin-top: 24px
}

.affiliate-sublevel>* {
    opacity: .75
}

.white-bg {
    background: #fff!important;
    border: 1px solid #dddddd;
}

.white-bg:hover {
    border-color: var(--theme-primary)
}

.old-price {
    color: gray;
    margin-right: 16px
}

.change-city-type.collapsing {
    transition: none
}

.rs-visible-fail,.rs-visible-hold,.rs-visible-new,.rs-visible-success {
    display: none
}

.fail .rs-visible-fail,.hold .rs-visible-hold,.new .rs-visible-new,.success .rs-visible-success {
    display: inline-block
}

.rs-checkout_lock {
    position: relative
}

.rs-checkout_lock:after {
    position: absolute;
    width: 100%;
    background-color: rgba(255,255,255,.7)
}

.selectPvz_pvzListItem:hover,.selectPvz_pvzMap {
    background-color: #eee
}

.checkout-total-fixed {
    z-index: 3
}

.accordion-header {
    position: relative
}

.filter-clear {
    position: absolute;
    top: 50%;
    right: 23px;
    margin-top: -20px;
    display: none;
    z-index: 3
}

.rs-active .filter-clear {
    display: block
}

.toast-container {
    z-index: 10
}

.toast.error {
    border-color: red
}

.selectPvz {
    width: 100%;
    height: calc(100vh - 180px);
    display: grid;
    grid-template-columns: 1fr 2fr;
    grid-template-rows: fit-content(100%) 1fr;
    grid-template-areas: "search map" "list map";
    grid-gap: 16px 20px
}

.selectPvz_empty {
    display: flex;
    align-items: center;
    height: 100%;
    justify-content: center;
    font-size: 24px
}

.selectPvz_pvzSearch {
    grid-area: search
}

.selectPvz_pvzSearchInput {
    width: 100%;
    height: 35px;
    padding: 6px 12px;
    font-size: 13px;
    color: #2c2c2c;
    border: 1px solid #e8e8e8;
    box-sizing: border-box
}

.selectPvz_pvzSearchInput:focus {
    border-color: #79c2ff;
    box-shadow: inset 0 1px 1px #000,0 0 8px #79c2ff
}

.selectPvz_pvzList {
    overflow-y: auto;
    grid-area: list
}

.selectPvz_pvzListItem {
    padding: 4px 12px;
    cursor: pointer;
    transition: all .2s
}

.selectPvz_pvzMap {
    height: 100%;
    grid-area: map;
    position: relative
}

.selectPvz_pvzMap>* {
    z-index: 2!important
}

.selectPvz_pvzMap * {
    transition: none
}

.selectPvz_pvzMap::after {
    content: attr(data-load-text);
    width: 100%;
    text-align: center;
    display: block;
    top: calc(50% - 10px);
    position: absolute;
    z-index: 1;
    pointer-events: none
}

@media (max-width: 1199px) {
    .selectPvz {
        grid-template-areas:"map map" "map map"
    }

    .selectPvz_pvzList,.selectPvz_pvzSearch {
        display: none
    }
}

@media (min-width: 1200px) {
    .modal-xxl {
        max-width:1140px
    }
}

@media (min-width: 1600px) {
    .modal-xxl {
        max-width:1540px
    }
}

.block-wizard {
    padding: 20px;
    border: 1px dashed #dadada
}

.btn-popover {
    padding: .1rem .4rem;
    border: 1px solid var(--theme-primary);
    border-radius: 50%;
    font-size: 10px;
    text-decoration: none;
    margin: 0 5px
}

.rs-bad-offer .item-product-price {
    visibility: hidden
}

.rs-bad-offer.rs-product .item-product-price {
    display: none
}

.rs-bad-offer .item-product-cart-action .rs-buy,.rs-bad-offer .item-product-cart-action .rs-reserve,.rs-bad-offer .item-product-cart-action .rs-unobtainable {
    display: none!important
}

.rs-ajax-paginator.rs-in-loading:after {
    content: '';
    width: 20px;
    height: 20px;
    background: url(../img/icons/loader.svg) center center no-repeat;
    background-size: 20px;
    display: inline-flex;
    vertical-align: middle
}

.rs-ajax-paginator.rs-in-loading span,.rs-cart-block.rs-in-loading .cart-icon-block svg {
    display: none
}

.rs-cart-block.rs-in-loading .cart-icon-block:before {
    content: '';
    width: 24px;
    height: 24px;
    background: url(../img/icons/loader.svg) center center no-repeat;
    background-size: 24px;
    display: inline-flex;
    vertical-align: middle
}

.affilliate-confirm {
    position: absolute;
    left: 0;
    right: 0;
    top: 138px;
    z-index: 8
}

@media screen and (max-width: 991.98px) {
    .affilliate-confirm {
        top:64px
    }
}

@media screen and (max-width: 575.98px) {
    .affilliate-confirm {
        top:114px
    }
}

.rs-admin-top-panel .affilliate-confirm {
    margin-top: 62px
}

.affilliate-confirm__inner {
    padding: 16px 50px 16px 24px;
    border-radius: 8px;
    background: #fff;
    border: 1px solid var(--theme-primary);
    box-shadow: 0 0 15px #999;
    display: inline-flex;
    position: relative
}

.affilliate-confirm__inner .btn {
    padding: 7px 16px
}

.affilliate-confirm__inner .btn-close {
    position: absolute;
    right: 10px;
    top: 16px
}

@media screen and (max-width: 991.98px) {
    .affilliate-confirm__inner {
        padding:16px 50px 16px 16px
    }
}

@media screen and (max-width: 575.98px) {
    .affilliate-confirm__inner {
        padding-right:16px
    }
}

.affilliate-confirm__quest {
    padding-right: 25px
}

.dashed-stub {
    border: 2px dashed #dadada;
    padding: 30px 20px;
    display: flex;
    justify-content: center
}

.dashed-stub__wrapper {
    margin: 0 auto
}

.dashed-stub__title {
    text-align: center;
    color: #999;
    font-size: 20px;
    margin-bottom: 5px
}

.dashed-stub__help {
    text-align: center;
    margin-bottom: 16px;
    font-size: 14px
}

.dashed-stub__actions {
    list-style: none;
    counter-reset: myCounter;
    padding: 0
}

.dashed-stub__actions li {
    display: flex;
    align-items: center
}

.dashed-stub__actions li:before {
    counter-increment: myCounter;
    content: counter(myCounter);
    font-size: 8px;
    color: #fff;
    background: #D3D5DB;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    margin-right: 8px;
    margin-top: 2px;
    min-width: 14px;
    max-width: 14px;
    height: 14px
}

.rs-disabled-property {
    opacity: .5;
    pointer-events: none
}

.lk-chat-attachments {
    margin-top: 24px
}

.lk-chat-attachments .lk-chat-attachment a {
    text-decoration: none;
    font-size: 14px
}

.rs-region-change.in-loading .rs-region-input {
    background: url(../img/icons/loader.svg) calc(100% - 7px) 50% no-repeat;
    background-size: 24px
}

.opacity-hover {
    opacity: .5
}

.opacity-hover:hover {
    opacity: 1
}

.dark-popover {
    --theme-primary: #666;
    --theme-link: #666;
    white-space: nowrap;
    width: 20px;
    height: 20px;
    display: inline-flex
}

.dark-popover:hover {
    --theme-primary: #247cff
}
.category-description {
    max-width: 1200px;
    margin-top: 5px;
    margin-bottom: 15px;
} 
.category-description-seo h3 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 7px;
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 7px;
    background-image: linear-gradient(90deg, #f3f3f3, #fefefe);
    padding: 7px;
}
.category-description-seo {
    padding-top: 50px;
}
body[data-sticky-header=sticky].rs-admin-top-panel .head-dropdown-catalog {
    max-height: calc(100vh - 207px)
}

body[data-sticky-header=sticky] .head-dropdown-catalog,body[data-sticky-header=sticky].rs-admin-top-panel .head_sticky .head-dropdown-catalog {
    max-height: calc(100vh - 145px);
    overflow-y: auto
}

.data-content::before {
    content: attr(data-content);
}
.next-a-right {
    right: 10px;
    position: absolute;
    background: #ffffff;
    border-radius: 50%;
    width: 34px;
    height: 34px;
    padding: 10px;
    top: 11px;
}  
.rs-compare-block svg {
    opacity: 0.5;
}
.kat-glav-item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
}
.kat-gkav-text {
    position: absolute;
    top: 75px;
    z-index: 1;
    left: 47%;
}
.kat-gkav-title {font-weight: 700;font-size: 36px;line-height: 100%;letter-spacing: -2%;color: #000000;margin-bottom: 15px;}	
.kat-gkav-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #00000080;
    max-width: 247px;
}
.kat-glav-item p {
    margin-bottom: 0;
}	
.kat-glav-item-2 .kat-gkav-text p {
    max-width: 257px;
}
.kat-glav-item-2 .kat-gkav-text {
    position: absolute;
    top: auto;
    z-index: 1;
    left: 2%;
    bottom: 0px;
    background: #f2ebea5e;
    padding: 20px 30px;
    border-radius: 15px;
}
.kat-glav-item-2 .kat-gkav-title {
    font-weight: 700;
    font-size: 28px;
    line-height: 100%;
    letter-spacing: -2%;
    color: #000000;
    margin-bottom: 5px;
}
.kat-glav-item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    margin-top: 15px;
} 
.glav-podbor{
   background-image: url(/storage/baner-podbor.jpg);
   /* min-height: 280px; */
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 100% 21%;
   /* margin: 0; */
   /* padding: 0; */
   overflow: hidden;
   border-radius: 15px;
}
.kat-gkav-title-btn {
    border-radius: 500px;
    border-width: 1.5px;
    background: linear-gradient(180deg, #FF9200 0%, #FF6B00 100%);
    border: 1.5px solid;
    border-image-source: linear-gradient(180deg, #FFE39C 0%, #FF8900 100%);
    color: #ffffff;
    text-decoration: none;
    text-align: center;
    padding: 18px 36px;
    margin-top: 16px;
    display: block;
    width: fit-content;
}
.glav-podbor-left .kat-gkav-title-btn {
    margin-bottom: 30px;
}
.glav-podbor p {
    max-width: 545px;
    font-weight: 500;
    font-size: 16px;
    line-height: 25.6px;
    letter-spacing: 0%;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0%;
    color: #00000080;
    /* margin-bottom: 0; */
}
.overlay-text__button-row a:hover {
    background: linear-gradient(337deg, #9c5a00 0%, #ffa360 100%);
    border-image-source: linear-gradient(180deg, #FFE39C 0%, #FF8900 100%);
    color: #ffffff;
}
.kat-gkav-title-btn:hover {
    background: linear-gradient(337deg, #9c5a00 0%, #ffa360 100%);
    border-image-source: linear-gradient(180deg, #FFE39C 0%, #FF8900 100%);
    color: #ffffff;
}
.glav-podbor p strong 
{font-weight: 700;
font-size: 36px;
line-height: 100%;
letter-spacing: -2%;
color: #000000;
}
.glav-podbor-left {
    padding-top: 50px;
    padding-left: 30px;
}
.povtor-zakaza-bg{
   background-image: url(/storage/baner-zakaz.jpg);
   min-height: 316px;
   background-size: cover;
   background-repeat: no-repeat;
   background-position: 100% 21%;
   /* margin: 0; */
   /* padding: 0; */
   overflow: hidden;
   border-radius: 15px;
}
.btn-brand {
    color: #3E8662;
    text-decoration: none;
    /* font-family: SF UI Display; */
    font-weight: 500;
    font-style: Semibold;
    font-size: 18px;
    leading-trim: NONE;
    line-height: 100%;
    /* letter-spacing: -2%; */
    text-align: right;
}
.top-border {
border-top: 1px solid #ddd;
}
.product-gallery-top  {
    border: 1px solid #ddd;
    /* padding: 5px; */
    border-radius: 10px;
}
/* Основной контейнер */
.contact-fab * {
    box-sizing: border-box;
}
.contact-fab {
    position: fixed;
    bottom: 20px;
    right: 20px;
    z-index: 1000;
    --button-size: 64px;
    --icon-size: 28px;
}
/* Главная кнопка */
.fab-main {
    width: var(--button-size);
    height: var(--button-size);
    border-radius: 50%;
    background: linear-gradient(180deg, #FF9200 0%, #FF6B00 100%);
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    position: relative;
    z-index: 2;
    border: 3px solid white;
}
.fab-main:hover {
    transform: scale(1.1);
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
/* Подсказка */
.fab-main::before,
.fab-child::before {
    content: attr(data-tooltip);
    position: absolute;
    right: calc(var(--button-size) + 10px);
    background: linear-gradient(135deg, #4a5568 0%, #2d3748 100%);
    color: white;
    padding: 8px 15px;
    border-radius: 8px;
    font-size: 14px;
    font-weight: 500;
    white-space: nowrap;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    will-change: transform;
}
.fab-main::after,
.fab-child::after {
    content: '';
    position: absolute;
    right: calc(var(--button-size) + 4px);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #2d3748;
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}
.fab-main:hover::before,
.fab-main:hover::after,
.fab-child:hover::before,
.fab-child:hover::after {
    opacity: 0.8;
}
/* Иконка главной кнопки - конверт */
.fab-main svg {
    width: var(--icon-size);
    height: var(--icon-size);
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    fill: white;
    position: absolute;
}
/* Конверт (обычное состояние) */
.fab-main .envelope-icon {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
/* Крестик (скрыто в обычном состоянии) */
.fab-main .close-icon {
    opacity: 0;
    transform: scale(0) rotate(45deg);
}
/* Анимация при открытии */
.fab-main.active .envelope-icon {
    opacity: 0;
    transform: scale(0) rotate(-45deg);
}
.fab-main.active .close-icon {
    opacity: 1;
    transform: scale(1) rotate(0deg);
}
/* Контейнер дочерних кнопок */
.fab-children {
    position: absolute;
    bottom: calc(var(--button-size) + 15px);
    right: 0;
    display: flex;
    flex-direction: column;
    gap: 15px;
    opacity: 0;
    transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
    pointer-events: none;
    z-index: 1;
}
.fab-children.active {
    opacity: 1;
    pointer-events: all;
}
/* Дочерние кнопки */
.fab-child {
    width: var(--button-size);
    height: var(--button-size);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
    cursor: pointer;
    transition: all 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) var(--delay), box-shadow 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) 0s;           
    position: relative;
    border: 3px solid white;
    transform: translateY(200px) scale(2); 
    text-decoration: none;
    opacity: 0;
}
.fab-children.active .fab-child {
    transform: translateY(0) scale(1);
    opacity: 1;
}
/* Просто задержки для всей анимации */
.fab-child:nth-child(1) { --delay: 0.2s; }
.fab-child:nth-child(2) { --delay: 0.1s; }
.fab-child:nth-child(3) { --delay: 0s; }
.fab-children.active .fab-child:hover {
    box-shadow: 0 6px 20px rgba(0, 0, 0, 0.3);
}
/* Иконки дочерних кнопок */
.fab-child svg {
    width: var(--icon-size);
    height: var(--icon-size);
    fill: white;
    transition: 0.5s;
    will-change: transform;
}      
.fab-children.active .fab-child:hover svg {
    transform: scale(1.1);
}
/* Цвета кнопок */
.fab-child.phone {
    background: linear-gradient(135deg, #4CAF50 0%, #2E7D32 100%);
}
.fab-child.telegram {
    background: linear-gradient(135deg, #2CA9DC 0%, #1C7EB6 100%);
}
.fab-child.max {
    background: linear-gradient(135deg, #3E5CFC 0%, #8043D9 100%);
}
/* Адаптивность */
@media (max-width: 768px) {
    .contact-fab {
        --button-size: 60px;
        --icon-size: 24px;
        bottom: 15px;
        right: 15px;
    }           
    .fab-children {
        bottom: calc(var(--button-size) + 10px);
        gap: 10px;
    }
}
@media (max-width: 480px) { 
    .contact-fab {
        --button-size: 55px;
        --icon-size: 22px;
        bottom: 10px;
        right: 10px;
    }           
    .fab-main::before,
    .fab-child::before {
        font-size: 13px;
        padding: 6px 12px;
    }
}   


.catalog-select {
    display: flex;
    align-items: center;
    gap: 15px;
    flex-wrap: wrap;
}

.catalog-select__label {
    font-weight: 600;
    white-space: nowrap;
}

.catalog-select__options {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
}

.catalog-sort-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 38px;
    padding: 7px 15px;
    border: 1px solid #00000000;
    border-radius: 5px;
    background: #0000000F;
    color: #00000080;
    font-size: 14px;
    line-height: 1.2;
    font-weight: 400;
    cursor: pointer;
    transition:
        background-color .2s ease,
        border-color .2s ease,
        color .2s ease,
        box-shadow .2s ease;
    border-radius: 500px;
}
.cost-right-p {
    padding-left: 0;
}
.catalog-sort-btn:hover {
    border-color: #ff8f00;
    background: #ff8600;
  color: #fff
}

.catalog-sort-btn.active {
    border-color: #ff8900;
    background: #ff8200;
    color: #fff;
    font-weight: 600;
    background: linear-gradient(180deg, #FF9200 0%, #FF6B00 100%);
}

.catalog-sort-btn.active:hover {
    border-color: #009bd8;
    background: #009bd8;
}

@media (max-width: 767px) {
    .catalog-select {
        display: block;
    }

    .catalog-select__options {
        width: 100%;
        gap: 6px;
    }

    .catalog-sort-btn {
        min-height: 36px;
        padding: 6px 11px;
        font-size: 13px;
    }
}
.catalog-select__options::after {
       display: none;
}
.variant-product-main .delivery-cost__lines li::before {
    background: none;
}
.variant-product-main .delivery-cost__lines li:not(:last-child) {
    margin-bottom: 4px;
    border-bottom: 1px solid #ddd;
    padding-bottom: 4px;
}

.logo-fut-block .footer-mailing {
    display: none;
}
.head-search__btn,
.head-search__clear {
	border: none;
	position: absolute;
	margin: 0
}

.head-search__btn {
	top: calc(50% - 15px);
	right: 24px;
	background: 0 0;
	padding: 0;
	/* min-width: 51px; */
	/* max-width: 51px; */
	height: 24px
;/* background: #ce781f; */}

.head-search__btn svg {
	transition: fill .3s ease;
	fill: var(--theme-primary)
}

.head-search__btn:hover svg {
	fill: var(--theme-primary-dark)
}

@media screen and (max-width:991.98px) {
	.head-search__btn {
		right: 16px
	}
	.head-search__btn svg {
		fill: #2c3e7a;
	}
}

.mobi-search {
    display: flex;
    width: 40px;
    height: 38px;
    flex: 0 0 56px;
    background: #e5e5e5;
    position: relative;
    border-radius: 20%;
    cursor: pointer;
    border: 0;
    fill: #737373;
}

/* Иконка переключения: скрываем по умолчанию, показываем только на мобильном */
.rs-toggle-search {
    display: none; 
}

/* Контейнер формы: показываем по умолчанию (на десктопе) */
.rs-mobile-search-wrapper {
    display: block;
}

/* --- Мобильная версия --- */
@media (max-width: 768px) {
.mob-s-block {
    max-width: 0;
    margin: 0;
    padding: 0;
    margin-left: -6px;
}
	
    /* 1. Показываем иконку, чтобы по ней кликнуть */
    .rs-toggle-search {
        display: block; 
        /* Добавьте стили, чтобы иконка хорошо выглядела (размеры, отступы) */
    }

    /* 2. Скрываем саму форму поиска */
    .rs-mobile-search-wrapper {
        display: none; 
        /* Опционально: можно использовать position: absolute/fixed для всплывающей формы */
        position: relative;
        top: 100%; /* Поместить под шапкой */
        left: 0;
        width: 100%;
        z-index: 99;
        padding: 10px 0; /* Отступы вокруг формы */
        background: #fff; /* Фон для всплывающего блока */
    } 

    /* 3. Класс для показа формы */
    .rs-mobile-search-wrapper.is-open {
        display: block;
    }
}


/* Иконка переключения: скрываем по умолчанию, показываем только на мобильном */
.rs-toggle-search {
    display: none; 
}

/* Контейнер формы: показываем по умолчанию (на десктопе) */
.rs-mobile-search-wrapper {
    display: block;
}

/* --- Мобильная версия --- */
@media (max-width: 768px) {
    
    /* 1. Показываем иконку, чтобы по ней кликнуть */
    .rs-toggle-search {
        display: block; 
        /* Добавьте стили, чтобы иконка хорошо выглядела (размеры, отступы) */
    } 

    /* 2. Скрываем саму форму поиска */
    .rs-mobile-search-wrapper {
        display: none; 
        /* Опционально: можно использовать position: absolute/fixed для всплывающей формы */
        position: absolute;
        top: 100%; /* Поместить под шапкой */
        left: 0px;
        width: 100%;
        z-index: 99;
        padding: 10px 10px; /* Отступы вокруг формы */
        background: #fff; /* Фон для всплывающего блока */
    } 

    /* 3. Класс для показа формы */
    .rs-mobile-search-wrapper.is-open {
        display: block;
    }
}

@media (max-width: 767px) {

    .kat-glav-item-2 {
        display: flex;
        align-items: flex-start;
        width: 100%;
        overflow: hidden;
    }

    .kat-glav-item-2 > p:first-child {
        width: 40%;
        aspect-ratio: 1 / 1;
        margin: 0;
        flex-shrink: 0;
    }

    .kat-glav-item-2 > p:first-child img {
        display: block;
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: top center;
    }

    .kat-glav-item-2.kat-gkav-text {
        width: 60%;
        padding: 15px;
        box-sizing: border-box;
    }

   .kat-glav-item-2 .kat-gkav-text > p {
        margin-top: 0;
    }
}
.harakter-left,.harakter-righ {
    padding: 0;
}

.variant-product-options .delivery-cost__title {
    font-size: 18px;
    margin-bottom: 6px;
}
.delivery-cost {
    max-width: 610px;
}

.variant-product-aside .product-fav svg {
    min-width: 50px;
    max-width: 50px;
    height: 50px;
    stroke: #84858A;
    transition: all .3s ease;
    background: #f3f3f3;
    border-radius: 50%;
    padding: 5px;
}
.noUi-connect {
    background: #ff8d00 !important;
}




.checkbox label:hover .checkbox-attr svg {
    border-radius: 5px;
    fill: #0000004D;
    background: #ff7f00;
    border: 1px solid #ff8400;
}
.item-list__main .harakter-left {
    padding: 0;
    margin-right: 10px;
    opacity: 0.6;
    font-size: 14px;
}

.item-list__main .harakter-righ {
    padding: 0;
    margin-right: 0px;
    opacity: 1;
    font-size: 14px;
}
.short_description-list {
    font-size: 14px;
    opacity: 0.7;
}
.item-harakter-list .col-auto {
    background: #f0f0f0;
    border-radius: 8px;
    margin-right: 8px;
    margin-bottom: 10px;
}
.item-list__main .fav {
    background: #DADADA;
    border-radius: 50%;
    padding: 5px;
    min-width: 45px;
    max-width: 45px;
    height: 45px;
}
.item-list .btn {
    padding: 11px 16px;
}
.list-cart_button {
    max-width: 233px;
}
.re-container-mob2 .brand-item {
    box-shadow: 0 20px 60px rgb(0 0 0 / 7%);
}
.item-card .btn:hover {
       background: linear-gradient(180deg, #be945c 0%, #fe8832 100%);

}

#rs-cart-page .cart-layout { display:grid; grid-template-columns:minmax(0,1fr) 335px; gap:16px; align-items:start; }
#rs-cart-page .cart-main { min-width:0; }
#rs-cart-page .cart-toolbar { display:flex; align-items:center; justify-content:space-between; min-height:44px; padding:8px 12px; margin-bottom:12px; border:1px solid #e5e6e9; border-radius:14px; background:#f7f7f8; }
#rs-cart-page .cart-select-all { display:flex; align-items:center; gap:8px; color:#e96b00; font-size:12px; cursor:pointer; }
#rs-cart-page .cart-select-all input, #rs-cart-page .cart-item__select input { width:17px; height:17px; margin:0; accent-color:#ff7900; cursor:pointer; }
#rs-cart-page .cart-toolbar .rs-clean, #rs-cart-page .cart-toolbar .cart-delete-selected { padding:0; border:0; background:none; color:#e96b00; font-size:12px; text-decoration:none; cursor:pointer; }
#rs-cart-page .cart-toolbar__actions {display:flex;align-items:center;gap: 30px;}
#rs-cart-page .cart-item.rs-cart-item { position:relative; display:grid; grid-template-columns:18px 68px minmax(0,1fr) 110px 84px 22px; gap:12px; align-items:center; min-height:84px; margin-bottom:8px; padding:8px; border:1px solid #e5e6e9; border-radius:14px; background:#f8f8f9; }
#rs-cart-page .cart-item__select { align-self:start; z-index:1; }
#rs-cart-page .cart-item__img { display:flex; align-items:center; justify-content:center; width:68px; height:68px; margin:0; background:#fff; }
#rs-cart-page .cart-item__img img { width:100%; height:100%; object-fit:contain; }
#rs-cart-page .cart-item__info { min-width:0; }
#rs-cart-page .cart-item__title { display:block; max-width:350px; color:#17191d; font-size:13px; line-height:1.25; }
#rs-cart-page .cart-item__barcode { margin-top:7px; color:#777; font-size:11px; }
#rs-cart-page .cart-item__price-wrap { text-align:right; white-space:nowrap; }
#rs-cart-page .cart-item__price { font-size:15px; font-weight:700; }
#rs-cart-page .cart-item__actions { display:flex; flex-direction:column; align-items:center; gap:6px; }
#rs-cart-page .cart-item__actions .fav, #rs-cart-page .cart-item__actions .rs-remove { display:flex; align-items:center; justify-content:center; width:22px; height:22px; border-radius:50%; background:#e8e9eb; color:#93979a; }
#rs-cart-page .cart-item__actions svg { width:15px; height:15px; }
#rs-cart-page .cart-amount { display:flex; align-items:center; justify-content:space-between; width:110px; height:30px; overflow:hidden; border-radius:9px; background:#f0f0f2; }
#rs-cart-page .cart-amount button {display:flex;align-items:center;justify-content:center;width: 36px;height:30px;border:0;background:#e5e6e8;}
#rs-cart-page .cart-amount__input { min-width:0; flex:1; text-align:center; }
#rs-cart-page .cart-amount__input input { width:100%; padding:0; border:0; background:transparent; font-size:12px; text-align:center; appearance:textfield; }
#rs-cart-page .cart-amount__input input::-webkit-inner-spin-button, #rs-cart-page .cart-amount__input input::-webkit-outer-spin-button { appearance:none; }
#rs-cart-page .cart-amount__input > span { display:none; }
#rs-cart-page .cart-aside { padding:16px; border:0; border-radius:14px; background:#f6f6f7; }
#rs-cart-page .cart-aside__row { justify-content:space-between; padding:0 0 12px; border-bottom:1px solid #e3e4e6; font-size:13px; }
#rs-cart-page .cart-aside__row .fw-bold { white-space:nowrap; }
#rs-cart-page .cart-aside .rs-go-checkout { border-radius:28px; min-height:47px; background:#ff8517; border-color:#ff8517; }
#rs-cart-page .cart-aside .border-top { border-color:#e3e4e6!important; }
@media(max-width:1100px) { #rs-cart-page .cart-layout { grid-template-columns:minmax(0,1fr) 290px; } #rs-cart-page .cart-item.rs-cart-item { grid-template-columns:18px 60px minmax(0,1fr) 100px 76px 22px; gap:8px; } }
@media(max-width:850px) { #rs-cart-page .cart-layout { grid-template-columns:1fr; } }
@media(max-width:575px) { #rs-cart-page .cart-item.rs-cart-item { grid-template-columns:18px 64px minmax(0,1fr) 24px; gap:8px; } #rs-cart-page .cart-item__img { width:64px; height:70px; } #rs-cart-page .cart-item__info { grid-column:3; } #rs-cart-page .cart-item__actions { grid-column:4; grid-row:1/3; } #rs-cart-page .cart-item__amount { grid-column:2/4; grid-row:2; } #rs-cart-page .cart-item__price-wrap { grid-column:3; grid-row:2; align-self:center; } #rs-cart-page .cart-toolbar__actions { gap:8px; } }

#rs-cart-page .cart-item__error { grid-column:1/-1; }
#rs-cart-page .modal-cart-item { margin:0 0 8px 28px; padding:12px; border:1px solid #e5e6e9; border-radius:12px; }

#rs-cart-page  .product-one-click {
        height: 46px;
        min-width: 100%;
        border: 2px solid #ff8200;
        font-size: 13px;
        margin: 0;
        padding: 3px 13px;
    }
	
	
	.cart-item__old-price {
    white-space: nowrap;
    color: #84858A;
    margin-right: 16px;
    text-decoration: line-through;
    margin-top: -45px;
    margin-right: -73px;
}
        .lk-orders-item__heading { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 16px; }
        .lk-orders-item__heading .lk-order-status { flex: none; }
        .lk-orders-item__details { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; }
        .lk-orders-item__details > div { min-width: 0; overflow-wrap: anywhere; }
        .lk-orders-item__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin-top: 28px; }
        .lk-orders-item__actions .btn { width: auto; white-space: normal; }
		.lk-order-products tbody tr:nth-child(even) {
    background-color: #f2f2f2;
}
        @media (max-width: 767px) {
            .lk-orders-item__details { grid-template-columns: repeat(2, minmax(0, 1fr)); }
        }
        @media (max-width: 575px) {
            .lk-orders-item__details { grid-template-columns: 1fr; gap: 16px; }
            .lk-orders-item__actions .btn { width: 100%; }
        }
        .lk-order-products {width: 100%;border-collapse: collapse;table-layout: fixed;background: #ffffff;/* margin: 0 31px; */font-size: 14px;}
        .lk-order-products th, .lk-order-products td {box-sizing: border-box;padding: 11px 12px;border-bottom: 1px solid #e7e7e7;/* vertical-align: top; */}
        .lk-order-products th {background: #ffffff;font-weight: 600;text-align: center;/* padding-left: 15px; */}
        .lk-order-products th:nth-child(2) {width: 93px;overflow-wrap: anywhere;}
        .lk-order-products th:last-child {width: 111px;text-align: center;}
        .lk-order-products__name {overflow-wrap: anywhere;padding-left: 20px;}
        .lk-order-products__multioffers { margin-top: 6px; }
        .lk-order-products__amount {white-space: nowrap;text-align: center;}
        .lk-order-products__price {text-align: center;overflow-wrap: anywhere;}
        .lk-order-products__price .old-price { display: block; text-decoration: line-through; color: #888; }
        .lk-order-products__price strong { display: block; }
        @media (max-width: 575px) {
            .lk-order-products, .lk-order-products tbody, .lk-order-products tr, .lk-order-products td {display: block;width: 100%;font-size: 12px;}
            .lk-order-products thead { display: none; }
            .lk-order-products tr {display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 8px 12px;padd;padding: 14px 12px;er-bottom: 1px solid #e7e7e7;}
            .lk-order-products td {padding: 0;border: 0;text-align: left;}
            .lk-order-products__name { grid-column: 1 / -1; }
            .lk-order-products__amount::before, .lk-order-products__price::before { content: attr(data-label) ': '; color: #777; font-weight: 400; }
            .lk-order-products__price { white-space: normal; }
            .lk-order-products__price strong, .lk-order-products__price .old-price { display: inline; }
            .lk-order-products__price .old-price { margin-right: 6px; }
        }
		.aside-menu a:hover {
    background: #f3f3f3;
} 

        .lk-order-view { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 328px); gap: 16px; align-items: start; }
        .lk-order-view__main, .lk-order-view__sidebar { min-width: 0; }
        .lk-order-view__heading { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 18px 0 20px; }
        .lk-order-view__heading h1 { margin: 0; }
        .lk-order-view__section, .lk-order-view__sidebar { background: #f5f6f7; border: 1px solid #e5e7e9; border-radius: 14px; padding: 18px; }
        .lk-order-view__section h2, .lk-order-view__sidebar-heading h2 { font-size: 18px; font-weight: 700; margin: 0 0 14px; }
        .lk-order-view__fields { display: grid; gap: 6px; }
        .lk-order-view__fields > div { display: flex; justify-content: space-between; align-items: flex-start; gap: 12px; padding: 12px 14px; border-radius: 5px; background: #fff; overflow-wrap: anywhere; }
        .lk-order-view__fields > div > div:first-child { min-width: 140px; margin: 0 !important; color: #72777b; font-weight: 400 !important; }
        .lk-order-view__fields > div > div:last-child { text-align: right; min-width: 0; font-weight: 600; }
        .lk-order-view__actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 18px; }
        .lk-order-view__actions .btn { width: auto; }
        .lk-order-view__sidebar-heading { display: flex; justify-content: space-between; align-items: baseline; gap: 8px; }
        .lk-order-view__sidebar-heading span { font-size: 12px; color: #747a80; white-space: nowrap; }
        .lk-order-view__sidebar-heading h2 { margin-bottom: 12px; }
        .lk-order-view .order-items__list { display: grid; gap: 8px; max-height: 480px; overflow-y: auto; padding-right: 2px; }
        .lk-order-view__product { padding: 12px; background: #fff; border: 1px solid #dfe1e4; border-radius: 12px; }
        .lk-order-view__product-name { font-size: 14px; line-height: 1.35; overflow-wrap: anywhere; }
        .lk-order-view__product-bottom { display: flex; justify-content: space-between; gap: 12px; margin-top: 10px; font-size: 13px; }
        .lk-order-view__product-bottom > span:first-child { color: #777; }
        .lk-order-view__product-price { display: flex; align-items: baseline; flex-wrap: wrap; justify-content: flex-end; gap: 4px 8px; text-align: right; }
        .lk-order-view__product-price .old-price { color: #888; text-decoration: line-through; }
        .lk-order-view .lk-order-total {margin-top: 16px;padding-top: 16px;border-top: 1px solid #dfe1e4;background: #f4e3d5;}
        @media (max-width: 991px) { .lk-order-view { grid-template-columns: minmax(0, 1fr) 290px; } }
        @media (max-width: 767px) {
            .lk-order-view { grid-template-columns: 1fr; }
            .lk-order-view .order-items__list { max-height: none; overflow: visible; }
        }
        @media (max-width: 575px) {
            .lk-order-view__section, .lk-order-view__sidebar { padding: 14px; }
            .lk-order-view__fields > div { display: block; }
            .lk-order-view__fields > div > div:first-child { margin-bottom: 4px !important; }
            .lk-order-view__fields > div > div:last-child { text-align: left; }
            .lk-order-view__actions > div, .lk-order-view__actions .btn { width: 100%; }
        }
		
		.zoo-checkout { --zoo-orange: #ff8000; --zoo-panel: #f4f4f4; min-width: 0; }
.zoo-checkout__layout { display: grid; grid-template-columns: minmax(0, 1fr) 328px; gap: 16px; align-items: start; counter-reset: zoo-step; }
.zoo-checkout__main { min-width: 0; display: flex; flex-direction: column; gap: 16px; }
.zoo-checkout .checkout-block,
.zoo-checkout__recipient-auth { margin: 0 !important; padding: 18px 16px; border: 1px solid #e3e3e3; border-radius: 14px; background: var(--zoo-panel); }
.zoo-checkout .checkout-block { counter-increment: zoo-step; }
.zoo-checkout__recipient-auth { counter-increment: zoo-step; position: relative; }
.zoo-checkout .checkout-block__num {display: flex;width: auto;height: auto;min-width: 0;margin-right: 4px;background: none;border: 0;border-radius: 0;color: var(--zoo-orange);font-size: 14px;}
.zoo-checkout .checkout-block__num::before { content: counter(zoo-step) '.'; }
.zoo-checkout .checkout-block__num::after { content: none; }
.zoo-checkout .checkout-block__title,
.zoo-checkout__recipient-title {font-size: 23px;line-height: 24px;font-weight: 700;}
.zoo-checkout__recipient-title { padding-right: 170px; margin-bottom: 12px; }
.zoo-checkout__recipient-title::before { content: counter(zoo-step) '. '; color: var(--zoo-orange); font-weight: 400; }
.zoo-checkout .checkout-block > .d-flex,
.zoo-checkout .checkout-block > .mb-4 {margin-bottom: 11px !important;}
.zoo-checkout .checkout-auth-info { margin: 0 !important; }
.zoo-checkout .checkout-auth-info > .mb-3 { display: flex; justify-content: space-between; gap: 12px; margin-bottom: 6px !important; padding: 12px 14px; background: #fff; border-radius: 5px; font-size: 14px; }
.zoo-checkout .checkout-auth-info > .mb-3 > .fw-bold { color: #777; font-weight: 400 !important; }
.zoo-checkout .checkout-auth-info > .mb-3 > .text-gray { color: #171717 !important; text-align: right; overflow-wrap: anywhere; min-width: 0; }
.zoo-checkout .checkout-auth-info > .mt-lg-5 { position: absolute; top: 18px; right: 16px; margin: 0 !important; font-size: 13px; }
.zoo-checkout .checkout-auth-info a { color: var(--zoo-orange); }
.zoo-checkout .rs-checkout_cityBlock { margin-bottom: 14px; }
.zoo-checkout .rs-checkout_deliveryBlock > .mb-5 { margin-bottom: 0 !important; }
.zoo-checkout .rs-checkout_deliveryBlock .fs-3 { font-size: 14px !important; font-weight: 600; }
.zoo-checkout .rs-checkout_deliveryBlock > div > .mb-4 { margin-bottom: 10px !important; }
.zoo-checkout .checkout-radio { position: relative; }
.zoo-checkout .checkout-radio > input[type="radio"] { position: absolute; z-index: 2; top: 50%; right: 14px; left: auto; transform: translateY(-50%); width: 22px; height: 22px; margin: 0; opacity: 1; clip: auto; clip-path: none; appearance: auto; accent-color: var(--zoo-orange); cursor: pointer; }
.zoo-checkout .checkout-radio > label {display: block;position: relative;min-height: auto;padding: 14px 20px 14px 14px;margin: 0;background: #fff;border: 1px solid #00000014;border-radius: 5px;cursor: pointer;}
.zoo-checkout .checkout-radio > label::before,
.zoo-checkout .checkout-radio > label::after { content: none; }
.zoo-checkout .checkout-radio > input:checked + label {border-color: var(--zoo-orange);background: #f8e7d8;}
.zoo-checkout .checkout-radio > input:focus-visible + label { outline: 2px solid var(--zoo-orange); outline-offset: 3px; }
.zoo-checkout .checkout-radio > input:disabled + label { opacity: .55; cursor: not-allowed; }
.zoo-checkout .checkout-radio__title {/* display: block; *//* margin-bottom: 6px; */font-size: 15px;font-weight: 600;}
.zoo-checkout .checkout-radio label > .text-gray { display: block; color: #777; font-size: 12px !important; line-height: 1.5; }
.zoo-checkout .rs-checkout_deliveryBlock .checkout-radio label > .d-flex.mt-3 { justify-content: flex-start !important; flex-wrap: wrap; gap: 6px; margin-top: 10px !important; }
.zoo-checkout .rs-checkout_deliveryBlock .checkout-radio label > .d-flex.mt-3 > span:not(:empty) { margin: 0 !important; padding: 4px 12px; border-radius: 20px; background: var(--zoo-orange); color: #fff; font-size: 12px; }
.zoo-checkout .checkout-delivery__details {margin-top: 0px;padding: 14px;border-radius: 0px 0px 8px 8px;background: #f8e7d8;border-color: var(--zoo-orange);background: #f8e7d8;border-top: 1px dashed#c1c1c1;}
.zoo-checkout .checkout-delivery__heading { margin-bottom: 12px; font-weight: 600; }
.zoo-checkout .form-control,
.zoo-checkout .form-select { border: 1px solid #ddd; border-radius: 5px; background-color: #fff; max-width: 100%; }
.zoo-checkout .form-control:focus { border-color: var(--zoo-orange); box-shadow: 0 0 0 3px rgb(255 128 0 / 12%); }
.zoo-checkout .form-label { font-size: 13px; color: #666; }
.zoo-checkout textarea { min-height: 100px; }
.zoo-checkout__sidebar { min-width: 0; padding: 18px 16px; border-radius: 14px; background: var(--zoo-panel); }
.zoo-checkout__summary-title {font-size: 16px;font-weight: 700;margin-bottom: 0px;}
.zoo-checkout .order-items { margin: 0; padding: 0; border: 0; background: transparent; }
.zoo-checkout .order-items__title {font-size: 12px;font-weight: 400;color: #777;padding: 0;margin: 0 0 0px;pointer-events: none;}
.zoo-checkout .order-items__title::before,
.zoo-checkout .order-items__title::after { display: none; }
.zoo-checkout #orderItemsList { display: block !important; height: auto !important; visibility: visible; }
.zoo-checkout #orderItemsList > .pt-4 { padding-top: 0 !important; }
.zoo-checkout .order-items__list { list-style: none; display: grid; gap: 8px; margin: 0; padding: 0; max-height: 460px; overflow-y: auto; }
.zoo-checkout .order-items__list > li { padding: 12px; border: 1px solid #ddd; border-radius: 14px; background: #fff; }
.zoo-checkout .order-items__list > li > a { display: block; padding: 0; color: #111; font-size: 13px; line-height: 1.4; overflow-wrap: anywhere; }
.zoo-checkout .order-items__list .old-price { display: block; color: #888; font-size: 12px; text-decoration: line-through; }
.zoo-checkout .order-items__list .text-body { text-align: right; }
.zoo-checkout .rs-checkout_totalBlock {margin-top: 18px;padding: 20px;padding-top: 16px;border: 1px solid #ff9018;background: #f8e7d8;border-radius: 8px;}
.zoo-checkout .rs-checkout_totalBlock .btn-primary,
.zoo-checkout .rs-checkout_totalBlock button[type="submit"],
.zoo-checkout .rs-checkout_totalBlock input[type="submit"] { width: 100%; min-height: 46px; border: 1px solid var(--zoo-orange); border-radius: 30px; background: linear-gradient(180deg, #ff9825, #ff8000); color: #fff; white-space: normal; }
.zoo-checkout__help {margin-top: 0px;padding-top: 14px;border-top: -1px solid #ddd;text-align: center;}
.zoo-checkout__help .checkout-help { font-size: 12px; line-height: 1.5; }
.zoo-checkout__help .mb-4 { margin-bottom: 8px !important; }
.zoo-checkout__help .fs-3 { font-size: 18px !important; }
@media (max-width: 991px) {
    .zoo-checkout__layout { grid-template-columns: minmax(0, 1fr) 290px; }
}
@media (max-width: 767px) {
    .zoo-checkout__layout { grid-template-columns: minmax(0, 1fr); }
    .zoo-checkout .order-items__list { max-height: none; overflow: visible; }
}
@media (max-width: 575px) {
    .zoo-checkout .checkout-block, .zoo-checkout__recipient-auth, .zoo-checkout__sidebar { padding: 14px 12px; }
    .zoo-checkout__recipient-title { padding-right: 0; }
    .zoo-checkout .checkout-auth-info > .mt-lg-5 { position: static; margin-top: 10px !important; }
    .zoo-checkout .checkout-auth-info > .mb-3 { flex-direction: column; gap: 4px; }
    .zoo-checkout .checkout-auth-info > .mb-3 > .text-gray { text-align: left; }
    .zoo-checkout .checkout-radio > label { padding-left: 12px; }
    .zoo-checkout .checkout-delivery__details .row > [class*="col-"] { width: 100%; }
}
.zoo-checkout .checkout-block__num {
    font-size: 0 !important;
}

.zoo-checkout .checkout-block__num::before {
    content: counter(zoo-step) ". " !important;
    font-size: 26px;
    color: var(--zoo-orange);
    font-weight: 700;
    /* top: 22px; */
}

.zoo-checkout .checkout-block__num::after {
    content: none !important;
    display: none !important;
}
.sostav-zakaza-title {
    text-align: left !important;
}
.zakaz-title  {
    margin-bottom: 20px;
    padding: 0 10px;
}
.zoo-checkout__sidebar .order-items__list > li {
    padding: 12px;
    border: 1px solid #ddd;
    border-radius: 14px;
    background: #fff;
    margin-right: 15px;
}

@media (min-width: 768px) {
    .zoo-checkout__sidebar {
        position: static;
        align-self: stretch;
    }

    .zoo-checkout .rs-checkout_totalBlock {
        position: sticky;
        top: 20px;
        z-index: 10;
        /* background: var(--zoo-panel, #f4f4f4); */
    }
	.form-select {
    font-size: 12px;
}
}

.zoo-checkout .rs-checkout_totalBlock .sticky-top {
    position: static;
}
.zoo-checkout__main .checkbox label .checkbox-attr svg {
    transition: all .3s ease;
    fill: #0000004D;
    border: 0px solid #0000004D;
    border-radius: 7px;
}
.zoo-checkout__main .checkbox input:checked~label .checkbox-attr svg,.zoo-checkout__main  .checkbox label:hover .checkbox-attr svg {
    border-radius: 5px;
    fill: #FF5722;
    background: #ff7f0000;
    border: 0px solid #ff8400;
}
.change-city-type .text-decoration-underline {
    text-decoration: none !important;
    color: #0e0000;
}
.kat-glav-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.goroda-btn .kat-glav-item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
}



.goroda-btn .kat-gkav-text {
    position: absolute;
    top: 75px;
    z-index: 1;
    left: 47%;
}

.goroda-btn .kat-gkav-title {
    font-weight: 700;
    font-size: 19px;
    line-height: 100%;
    letter-spacing: -0.02em;
    color: #000000;
    margin-bottom: 14px;
}

.goroda-btn .kat-gkav-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #00000080;
    max-width: 247px;
}
.goroda-btn .kat-glav-link {
    display: block;
    text-decoration: none;
    color: inherit;
}

.goroda-btn .kat-glav-item {
    position: relative;
    border-radius: 15px;
    overflow: hidden;
    cursor: pointer;
    margin-top: 0;

    /* Чтобы при hover блок не прыгал */
    border: 2px solid transparent;
    box-sizing: border-box;

    transition:
        border-color 0.2s ease,
        box-shadow 0.2s ease,
        transform 0.12s ease;
}

/* Наведение */
.goroda-btn .kat-glav-link:hover .kat-glav-item,
.goroda-btn .kat-glav-link:focus .kat-glav-item {
    border-color: #ff8200;
}

/* Активный фильтр */
.goroda-btn .kat-glav-link.active .kat-glav-item {
    border-color: #ff8200;
    box-shadow: 0 0 0 2px rgba(255, 130, 0, 0.12);
}

/* Эффект нажатия */
.goroda-btn .kat-glav-link:active .kat-glav-item {
    transform: scale(0.98);
}

/* Заголовок */
.goroda-btn .kat-gkav-text {
    position: absolute;
    top: 45px;
    z-index: 1;
    left: 51%;
    padding-right: 11px;
}

.goroda-btn .kat-gkav-title {
    font-weight: 700;
    font-size: 19px;
    line-height: 22px;
    letter-spacing: -0.02em;
    color: #000;
    margin-bottom: 14px;
}

.goroda-btn .kat-gkav-text p {
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    letter-spacing: 0;
    color: #00000080;
    max-width: 247px;
}