@font-face {
    font-family: 'Inter';
    src: local('Inter Regular'), local('Inter-Regular'),
    url('../fonts/Inter/Inter-Regular.woff2') format('woff2'),
    url('../fonts/Inter/Inter-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter Medium'), local('Inter-Medium'),
    url('../fonts/Inter/Inter-Medium.woff2') format('woff2'),
    url('../fonts/Inter/Inter-Medium.woff') format('woff');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter Semi Bold'), local('Inter-SemiBold'),
    url('../fonts/Inter/Inter-SemiBold.woff2') format('woff2'),
    url('../fonts/Inter/Inter-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Inter';
    src: local('Inter Black'), local('Inter-Black'),
    url('../fonts/Inter/Inter-Black.woff2') format('woff2'),
    url('../fonts/Inter/Inter-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
}

body {
    margin: 0;
    padding: 0;
    color: #383C42;
    height: 100%;
    min-height: 100vh;
    min-width: 320px;
    font-family: 'Inter', sans-serif;
    background: #fff;
    font-weight: 400;
    font-style: normal;
    font-size: 14px;
    line-height: 1.42858;
}

body {
    min-height: 110vh;
    overflow-y: scroll;

}
.overflow-hidden {
    overflow: hidden
}

.content {
    position: relative;
    overflow: hidden;
}

.icon-danger {
    color: #f90007
}

.fw500 {
    font-weight: 500
}

.border {
    border: 1px solid #eee
}

.not-border {
    border: 0
}

.h100 {
    height: 100%
}

.align-middle {
    vertical-align: middle
}

.shadow-xs {
    -webkit-box-shadow: 0 2px 6px #e6e6ef;
    box-shadow: 0 2px 6px #e6e6ef
}

.shadow-sm {
    -webkit-box-shadow: 0 4px 8px 0 #d2dbe0;
    box-shadow: 0 4px 8px 0 #d2dbe0
}

.opacity-65 {
    opacity: .65
}

.mt0, .mt-0 {
    margin-top: 0
}

.mt10, .mt-10 {
    margin-top: 10px
}

.mb10, .mb-10 {
    margin-bottom: 10px
}

.mr10, .mr-10 {
    margin-right: 10px
}

.ml10, .ml-10 {
    margin-left: 10px
}

.mb20, .mb-20, .m-b-2 {
    margin-bottom: 20px
}

.mb30, .mb-30, .m-b-3 {
    margin-bottom: 30px
}

:focus {
    outline: 0
}

.mr20 {
    margin-right: 20px
}

.mr-15 {
    margin-right: 15px
}

.flex-20 {
    flex: 20
}

.flex-80 {
    flex: 80
}

.mt-15, .m-t-15 {
    margin-top: 15px
}

.whatsapp-link .fa {
    color: #00bc52
}

.whatsapp-link:hover, .whatsapp-link:focus {
    color: #fff
}

.header-phone .whatsapp-link span.whatsapp-name {
    padding-left: 3px;
    display: inline-block;
    font-weight: 500;
}

.header-phone .header-toggle__lang-cur {
    display: flex;
}

.header-overlay {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden
}

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

/*
#content {
    min-height: 600px
}
 */
.fa {
    font-size: 16px;
}

.tab-content {
    padding: 24px 0 0;
}

.header {
    position: relative;
    z-index: 3;
    margin-bottom: 20px;
}

#search .form-control {
    z-index: 1010;
    height: 44px;
    background: #fff;
    border: 0;
    border-radius: 8px;
    padding-right: 60px;
    text-overflow: ellipsis;
    font-size: 14px;
    -webkit-transition: height .4s ease-in-out;
    transition: height .4s ease-in-out;
    -webkit-box-shadow: 0 1px 3px #cbcbcb;
    box-shadow: 0 1px 3px #cbcbcb;
}

.search-btn {
    position: absolute;
    left: 0;
    border: 0;
    background: 0 0;
    color: #222;
    height: 44px;
    border-radius: 0 8px 8px 0;
    z-index: 2;
    padding: 0;
    width: 60px;
}

.search-btn:hover, .search-btn:focus {
    background: #0069d9;
    color: #fff
}

.search-btn i {
    font-size: 18px;
    vertical-align: middle
}

.userblock {
    align-content: center;
    align-items: center;
    box-sizing: border-box;
    color: #001a34;
    display: flex;
    flex-direction: column;
    height: 44px;
    justify-content: flex-start;
    position: relative;
    width: 76px;
    padding-top: 4px;
}

.userblock .user-select {
    height: 100%;
    width: 100%;
}

.userblock.cart {
    margin-right: 0
}

.userblock-link {
    height: 100%;
    outline: 0;
    padding: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.userblock-cont {
    text-decoration: none;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;
    cursor: inherit
}

.userblock-icon {
    width: 24px;
    height: 24px;
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.userblock-count {
    font-size: 10px;
    line-height: 15px;
    position: absolute;
    min-width: 15px;
    height: 15px;
    border-radius: 100px;
    background-color: #ff2162;
    color: #fff;
    font-weight: 500;
    right: -10px;
    top: -5px;
}

.userblock-svg {
    color: #222
}

.header .userblock-svg > img {
    max-width: 20px;
    max-height: 20px;
}

.userblock-text {
    width: 100%;
    font-size: 13px;
    line-height: normal;
    color: #222;
    margin-top: auto;
}

@media (max-width: 1280px) {
    .userblock {
        width: 44px;
        height: 44px;
        min-width: 44px;
        min-height: 44px;
        justify-content: center;
        padding-top: 0;
    }

    .userblock-text {
        display: none;
    }
}

input:focus::-webkit-input-placeholder {
    color: transparent
}

input:focus:-moz-placeholder {
    color: transparent
}

input:focus::-moz-placeholder {
    color: transparent
}

input:focus:-ms-input-placeholder {
    color: transparent
}

@media (min-width: 768px) {
    .userblock:not(:last-child) {
        margin-right: 16px;
    }

    .nav-flex {
        display: -ms-flex;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -ms-align-items: center;
        align-items: center;
        list-style-type: none;
        -webkit-box-align: center;
        -ms-flex-align: center
    }

    .header-logo {
        margin-right: 24px;
    }
}

.nav-flex {
    width: 100%;
    margin: 0;
    background: #fff;
    padding: 0;
    position: relative;
    list-style: none;
    display: flex;
    border-bottom: 1px solid #E6E7EA;
}

.nav-tabs-container ul li a {
    padding: 10px;
    color: #676D79;
    font-weight: 500;
    text-decoration: none;
    background-color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav-tabs-menu > li.active > a {
    color: #1950C8;
}

.nav-tabs-container ul li {
    text-align: center;
    width: auto;
    position: relative;
    border-top: 0;
    border-left: none;
    border-right: 0;
    border-radius: 0;
    vertical-align: middle;
    padding: 0;
    flex: 1 0 auto;
}

.nav-tabs-menu > li {
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    -webkit-box-flex: 0
}

.nav-tabs-menu > li > a {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    -ms-flex-flow: row nowrap;
    flex-flow: row nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
}

.nav-tabs-menu > li > a > svg {
    margin-right: 10px;
    width: 20px;
    height: 20px;
    color: #1e5bf7
}

.nav-tabs-menu > li:not(.active) > a > svg {
    color: #d7d7d7
}

.nav-tabs-container ul li:not(.active) a:hover svg,
.nav-tabs-container ul li:not(.active) a:hover {
    color: #1950C8;
}

.nav-tabs-menu > li > a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    display: block;
    width: 100%;
    height: 2px;
    border-radius: 100px;
}

.nav-tabs-menu > li.active > a:after {
    background: #1950C8;
}

/*
div.required .control-label:after {
    content: ' *';
    color: red;
    font-weight: 700
}
*/
#form-review div.required .control-label:after {
    content: '';
}

@media (max-width: 767px) {
    .top-informations {
        display: none;
    }
}

.top-informations ul > li {
    display: inline-block;
    vertical-align: middle
}

/*
.top-informations ul > li + li {
    margin-left: 15px;
}
 */
.top-information .top-info_links {
    font-weight: 500;
    color: #222;
}

/*
@media (min-width: 991px) {
    .top-informations ul > li + li {
        margin-left: 20px;
    }
}
*/
.header-phone {
    display: flex;
    align-items: center;
}

.header-phone .phone-link {
    color: #222;
    font-size: 14px;
    font-weight: 600;
    display: block;
    margin-left: 15px;
}

.header-phone .top-contacts {
    display: flex;
    align-items: center;
}

.header-phone .whatsapp-link {
    display: block;
    color: inherit;
    margin-left: 20px;
}

.header-start {
    position: relative;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    position: relative;
    background: #fff
}

@media (min-width: 768px) {
    .header-start {
        margin-top: 15px;
    }
}

.tollbar-sub > img {
    display: none;
}

.tollbar-sub.long-pc > img {
    display: block;
}

@media (max-width: 767px) {
    .tollbar-sub > img {
        display: none;
    }

    .tollbar-sub {
        justify-content: space-around;
    }

    .tollbar-sub.long {
        justify-content: space-between;
    }

    .tollbar-sub.long > img {
        display: block;
    }

    .mobile-top {
        position: fixed;
        padding: 0;
        top: 0;
        right: 0;
        left: 0;
        z-index: 999;
        background: #fff;
    }

    .mobile-contacts {
        margin-left: auto;
        display: flex;
        width: 60px;
        justify-content: space-between;
    }

    .header-logo {
        position: fixed;
        z-index: 999;
        top: 0;
        left: 0;
        margin: 10px 0 10px 50px;
    }

    .header-logo img {
        max-height: 35px;
    }

    .header-user {
        z-index: 999;
        position: fixed;
        bottom: 0;
        right: 0;
        width: 100%;
        padding: 10px 15px;
        background: #fff;
        -webkit-tap-highlight-color: rgba(15, 119, 176, .1);
        box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.12);
    }

    .header-search {
        width: 100%;
    }

    .userblock-text {
        font-size: 11px;
        padding-top: 3px;
        display: block;
    }

    .userblock.account .user-select.open .dropdown-menu {
        top: auto;
        bottom: 65px;
    }
}

.flex-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.flexbox {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex
}

.flex-between {
    justify-content: space-between
}

.bg-white {
    background: #fff
}

.mr-32 {
    margin-right: 32px
}

.relative {
    position: relative
}

.w100 {
    width: 100%
}

.menu-button.menu-button_style .button_burger svg.active, .menu-button.menu-button_style.active-menu .button_burger svg {
    display: none;
}

.menu-button.menu-button_style.active-menu .button_burger svg.active {
    display: block;
}

.menu-button:active {
    transform: scale(.97);
}

.menu-button_burger {
    width: 20px;
    height: 20px;
    padding: 4px 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.menu-button_burger .line {
    position: relative;
    display: block;
    width: 18px;
    height: 2px;
    margin: 0 1px;
    transition: all .3s;
    background-color: #fff
}

.active-menu .menu-button_burger .line:first-child {
    -webkit-transform: translateY(5px) translateZ(0) rotate(45deg);
    -moz-transform: translateY(5px) translateZ(0) rotate(45deg);
    transform: translateY(5px) translateZ(0) rotate(45deg)
}

.menu-button_burger .line:not(:first-child) {
    margin-top: 3px
}

.active-menu .menu-button_burger .line:nth-child(2) {
    opacity: 0
}

.active-menu .menu-button_burger .line:nth-child(3) {
    -webkit-transform: translateY(-5px) translateZ(0) rotate(-45deg);
    -moz-transform: translateY(-5px) translateZ(0) rotate(-45deg);
    transform: translateY(-5px) translateZ(0) rotate(-45deg)
}

@media (min-width: 768px) {
    .header-search {
        width: 100%;
    }
}

.header-search .input-group {
    width: 100%;
}

.thumbnails {
    position: relative;
}

.thumbnails a {
    display: block;
    position: relative
}

.image-slide {
    position: relative;
}

.additional-img {
    cursor: pointer;
    display: inline-block;
}

.product-zoom {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    visibility: hidden;
    padding: 8px 16px;
    cursor: pointer;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    color: #fff;
    border-radius: 30px;
    background-color: rgb(17 17 24 / 70%);
    font-size: 13px;
    line-height: 14px;
}

.product-zoom:before {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 8px;
    content: " ";
    vertical-align: middle;
    background: no-repeat 50%;
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMiIgaGVpZ2h0PSIxMiI+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTExLjcgMTAuMkw4LjggNy40Yy41LS43LjgtMS42LjgtMi42QzkuNiAyLjEgNy40IDAgNC44IDAgMi4xIDAgMCAyLjEgMCA0LjhjMCAyLjYgMi4xIDQuOCA0LjggNC44LjkgMCAxLjgtLjMgMi42LS44bDIuOSAyLjljLjIuMi41LjMuNy4zLjIgMCAuNS0uMS43LS4zLjQtLjQuNC0xLjEgMC0xLjV6TTIuMSA0LjhjMC0xLjUgMS4yLTIuNyAyLjctMi43IDEuNSAwIDIuNyAxLjIgMi43IDIuNyAwIDEuNS0xLjIgMi43LTIuNyAyLjctMS41IDAtMi43LTEuMi0yLjctMi43eiIvPjwvc3ZnPg==")
}

.thumbnails:hover .product-zoom {
    visibility: visible;
    transition: opacity .2s;
    opacity: 1
}

.sale-sticker {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

.product-sticker span {
    padding: 0 7px;
    text-align: center;
    height: 25px;
    line-height: 25px;
    font-size: 13px;
    border-radius: 30px;
    display: inline-block;
}

.heading-tools {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
}

.product-stock .stock.stock-empty {
    /*    display: none;*/
}

.product-stock.product-out-of-stock .stock.stock-success {
    display: none;
}

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

.product-rating .rating-star {
    margin-right: 8px;
}

.rating-star {
    display: flex;
    position: relative;
    margin-right: 15px;
}

.rating-count {
    font-size: 14px;
}

.rating-count a {
    color: inherit;
}

.product-thumb .rating-count a {
    fill: #999;
    color: #999;
    font-size: 15px;
    color: inherit;
    font-weight: normal;
}

.rating-count span {
    display: inline-block;
    line-height: normal;
}

.reviews-count {
    cursor: pointer;
}

.reviews-count:hover {
    color: #999
}

.reviews-count_rating-count {
    cursor: pointer;
    font-size: 14px;
}

.reviews-count_rating-count:hover {
    color: #999
}

.title-container {
    font-size: 14px;
    padding-bottom: 20px
}

.main-top__title h1 {
    margin-bottom: 13px;
    max-width: 890px;
    font-size: 24px;
    line-height: 27px;
}

.price-main {
    font-size: 30px;
    line-height: 34px;
    font-weight: 700;
    display: block;
}

.price-old {
    position: relative;
}

.price-old:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    width: 100%;
    pointer-events: none;
    border-bottom: 1px solid;
}

/*
.price-economy {
    background: #fff000;
    color: #222;
    background-color: #faf144;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#faf144), to(#ffd21c));
    background-image: -webkit-linear-gradient(top, #faf144 0, #ffd21c 100%);
    background-image: -o-linear-gradient(top, #faf144 0, #ffd21c 100%);
    background-image: linear-gradient(-180deg, #faf144 0, #ffd21c 100%)
}
*/
.product-economy {
    display: inline-block;
    padding: 0;
    border-radius: 3px;
    font-size: 14px;
    margin-bottom: 0;
    border: 1px solid red;
    color: #ff001f;
}

.price-percent {
    background: #ff001f;
    color: #fff
}

.price-block .all-price {
    display: inline-block;
    margin-bottom: 20px;
}

.discount-summ {
    font-weight: 700
}

.product-buy + .product-buy {
    margin-top: 15px;
}

.plus-minus .btn-left {
    border-radius: 50px 0 0 50px
}

.plus-minus .btn-right {
    border-radius: 0 50px 50px 0
}

.plus-minus .form-control {
    border-radius: 0;
    border-color: #f5f5f5;
    height: 45px;
    background: #f5f5f5;
    padding: 0;
    border: 0;
    box-shadow: none
}

.plus-minus .btn {
    border: 0;
    background: #f5f5f5
}

.plus-minus .btn:hover {
    color: #1e5bf7
}

.btn.in_cart {
    background: #16c668;
    border-color: #16c668;
    color: #fff;
    box-shadow: 0 5px 30px -5px rgba(0, 0, 0, 0.25)
}

#button-cart.btn.in_cart {
    color: transparent;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
    transition: all .35s
}

.product-buttons .btn-incart {
    display: flex;
    align-items: center;
}

/*
.product-buttons .product-out-of-stock .in-stock-buttons {
    display: none !important;
}
*/

.product-buttons .product-out-of-stock .in-stock-buttons #button-cart {
    display: none !important;
}

.product-buttons .out-of-stock-link {
    display: none;
}

/*
.product-buttons .product-out-of-stock .out-of-stock-link {
    display: block;
    padding: 5px 10px;
    text-decoration: underline;
}
*/
.product-buttons .product-out-of-stock .out-of-stock-link {
    display: none !important;
}

.btn-incart {
    flex-grow: 1;
}

.btn-incart button {
    transition: all .3s;
    border-radius: 50px
}

.mini-product__blockbottom button.preorder_btn,
.mini-product__btn button.preorder_btn,
.btn-incart button.preorder_btn.buy_button_identification {
    background: #5C8DF5;
    border: none;
}

.list-value + .list-value {
    margin-top: 3px
}

.product-options .checkbox, .product-options .radio {
    display: inline-block;
    margin: 0 0 4px 0;
    vertical-align: middle;
    transition: all .2s ease-in-out
}

input[type=checkbox]:checked, input[type=radio]:checked {
    background: #5C8DF5;
    border-color: #5C8DF5;
}

input[type=radio]:checked:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 8px;
    height: 8px;
    content: "";
    background-color: #fff;
    border-radius: 50%;
    transform: translate(-50%, -50%);
}

input[type=checkbox]:checked {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='8' viewBox='0 0 9 8' xmlns='http://www.w3.org/2000/svg' fill='%23fff'%3E%3Cpath d='M3 4.836L1.707 3.543A1 1 0 00.293 4.957L3 7.664l5.707-5.707A1 1 0 007.293.543L3 4.836z'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 10px
}

input[type=radio] {
    border-radius: 50%
}

.options-toggle input {
    position: absolute;
    opacity: 0;
}

@media (min-width: 1440px) {
    .short-attr {
        padding-right: 34px;
    }
}

.alert-banner {
    padding: 15px;
    text-align: center;
}

.alert-banner-descr {
    font-size: 13px;
    line-height: 19px
}

.alert-banner-title {
    margin-bottom: 8px;
    font-size: 15px;
    line-height: 19px
}

@media only screen and (min-width: 768px) {
    .alert-banner {
        padding: 20px
    }

    .alert-banner-title {
        margin-bottom: 12px;
        font-size: 23px;
        line-height: 25px;
    }

    .alert-banner-descr {
        font-size: 14px;
        line-height: 20px;
    }
}

.price-block .product-button__toolbar {
    justify-content: flex-start;
}

.product-button__toolbar .button-toolbar {
    border: 1px solid rgba(40, 47, 55, .15);
    border-radius: 30px;
    background: transparent;
    padding: 6px 12px;
    font-size: 13px;
    line-height: 13px;
    border-color: #dadfe4;
    color: #2862f7;
}

.product-button__toolbar .button-toolbar:hover {
    color: #fff;
    background-color: #636d88;
    border-color: #636d88;
}

.product-button__toolbar .button-toolbar:active {
    transform: scale(.97);
}

.product-button__toolbar .btn + .btn {
    margin-left: 12px
}

.comment-info {
    display: inline-block;
    width: 100%;
    margin-bottom: 20px;
    position: relative;
    padding-bottom: 10px
}

.comment-info:before {
    content: ' ';
    background: #f0f2f4;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 1px
}

.review-box-title {
    font-size: 22px;
    font-weight: 700;
    display: block;
    /* padding: 30px 0 0; */
    line-height: 33px;
    /* max-width: 650px;
    margin: 0 auto */
}

.review-toggle {
    /* display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex: 1 1 auto;
		padding: 48px 40px 40px; */
    cursor: pointer;
    outline: 0;
}

.review-write-icon {
    width: 56px;
    height: 56px;
    padding: 16px;
    border-radius: 56px;
    background-color: #1e5bf7
}

.review-write-text {
    padding-top: 12px;
    color: #222;
    font-size: 15px;
    line-height: 20px;
    transition: transform .25s;
}

.review-write-icon svg {
    transition: all .3s;
}

.review-write-icon:active {
    transform: scale(.95);
}

.review-write-icon:active svg {
    transform: rotate(45deg);
}

#review_mini .review-wrap, #review .review-wrap {
    overflow: hidden;
    margin-bottom: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #f1f1f1
}

#review_mini .review-width, #review .review-width {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

#review_mini .review-user-info, #review .review-user-info {
    width: 100%;
}

#review_mini .review-username, #review .review-username {
    color: #222;
    font-weight: 700
}

#review_mini .review-body, #review .review-body {
    width: 100%;
}

#review_mini .review-bottom-block, #review .review-bottom-block {
    display: flex;
    justify-content: space-between;
}

.viewmore-link__reviews {
    border-bottom: 1px solid;
}

.modal-review__guest-btns a {
    padding: 10px;
    display: inline-block;
    border: 1px solid lightgray;
}

.review-rating {
    font-size: 0;
    color: #dadae6;
    display: inline-block;
    padding-left: 10px
}

#form-review .review-rating {
    display: block;
    padding-left: 0;
}

#boc_order .modal-img, #review-popup .modal-img, #question-popup .modal-img {
    margin: 0 auto;
    display: block;
    padding-top: 20px;
}

.review-rating input {
    display: none
}

.review-rating * {
    font-size: 18px;
    margin: 0;
    vertical-align: -1px
}

.review-rating label {
    color: #dadae6
}

.review-star.active, .review-star.checked {
    color: #fbcf3a
}

.review-rating label .fa-star {
    cursor: pointer;
    width: 21px;
    display: inline-block
}

.empty-block-title {
    font-size: 20px;
    font-weight: 700
}

.attr-product-list__preview {
    width: 100%;
    margin-bottom: 16px;
}

.attr-product-list__preview tr td:last-child {
    padding: 12px 16px 12px 8px;
    border-radius: 0 4px 4px 0;
    text-align: right;
}

.attr-product-list__preview tr td:first-child {
    padding: 12px 8px 12px 16px;
    border-radius: 4px 0 0 4px;
}

.attr-product-list__preview tr td:first-child > div {
    background: url(/image/catalog/attr-dotted.png) left 13px repeat-x
}

.attr-product-list__preview tr td span.attr-name {
    background: #fff;
    position: relative;
}

.related.row {
    margin-left: -10px;
    margin-right: -10px
}

.related .product-layout {
    padding-left: 10px;
    padding-right: 10px
}

.product-related {
    overflow: hidden;
    border: solid 1px #e5e5e5;
    padding: 20px 10px;
    position: relative;
    margin-bottom: 20px;
    border-radius: 12px;
}

.related-image {
    width: 100%;
    text-align: center;
    font-size: 1em;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: .875em
}

.product-related .related-image {
    float: left;
    width: 100px;
    height: auto;
    margin-bottom: 0;
    display: block
}

.product-related .related-image img {
    max-width: 100%;
    max-height: 100%;
    width: auto;
    height: auto
}

.related-content {
    margin: 0 0 0 110px;
}

.related-content .rating {
    display: block;
    height: 1.14em;
    margin-bottom: .6875em;
    white-space: nowrap
}

.related-name {
    clear: both;
    display: inline-block;
    color: #222;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;
    font-size: 14px;
    word-break: break-word
}

.related-content .related-name {
    max-width: 100%;
    vertical-align: top;
    line-height: 20px;
    height: 60px;
    overflow: hidden;
}

.related-price {
    clear: both;
    position: relative;
    font-weight: 500
}

.related-content .related-price {
    clear: none;
    height: 1.5em;
    margin-bottom: 0
}

.related-price .main-price {
    font-size: 19px;
    line-height: 1;
    white-space: nowrap;
    float: left
}

.related-content .main-price {
    margin-right: 0
}

.tags-container {
    margin-top: 33px
}

.product-tags {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 18px
}

.product-tags a {
    flex: 0 0 auto;
    padding: 6px 16px;
    color: #001a34;
    margin: 0 6px 6px 0;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 16px;
    height: 32px;
    background: #f2f3f5;
    display: flex;
    align-items: center
}

.attribute-attention {
    background: url(/image/catalog/icon-png/icon-attention.png) left center no-repeat;
    padding: 17px 0 15px 40px;
    margin-top: 15px;
    font-size: 13px;
    color: #b1b1b1;
    line-height: 20px
}

.number-views {
    padding: 10px 12px;
    border-radius: 8px;
    background-color: #f2f3f5;
    display: inline-flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 20px
}

.number-views_inline {
    display: inline-block
}

.number-views svg {
    margin-right: 8px
}

.rating .rating-star span {
    width: 14px;
    height: 14px;
    display: inline-block;
    background-size: cover
}

.rating .rating-star span + span {
    margin-left: 5px
}

.rating .star {
    background-image: url(/image/star-1.svg)
}

.rating .star-empty {
    background-image: url(/image/star-0.svg)
}

.footer-container {
    width: 100%;
    padding: 64px 0 74px
}

.footer-container ul li {
    display: block;
    padding: 6px 0
}

.footer-link {
    cursor: pointer;
    transition: color .12s ease-out;
    text-decoration: none;
    outline: 0;
    touch-action: manipulation;
    display: block;
}

.footer-link:active,
.footer-link:hover {
    color: #909090;
}

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

.social {
    order: 1
}

.social a {
    display: inline-block;
    width: 48px;
    height: 48px;
    text-align: center;
    border-radius: 12px;
    border: 1px solid #4a4a4a;
    line-height: 48px;
    position: relative
}

.social a {
    margin-right: 5px
}

.social a:hover {
    color: #fff
}

.social a i {
    font-size: 26px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

/* Category wall */

.cat_slide.owl-carousel .owl-wrapper {
    display: flex !important;
}

.catwall-column {
    padding: 16px 8px;
    border: 1px solid transparent;
    transition: all .3s ease;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.catwall-fill,
.catwall-item {
    overflow: hidden;
    width: 100%;
}

.catwall-title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    max-height: none;
    text-align: center;
}

.catwall-image {
    margin: 0 auto;
    text-align: center;
    width: 70px;
    height: 70px;
    line-height: 70px;
    margin-top: 40px;
}

.catwall-image img {
    position: absolute;
    top: 0;
    left: 0;
    background-position: 50%;
    background-repeat: no-repeat;
    object-fit: contain;
}

.catwall-indent {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding-top: 100%;
}

@media (max-width: 575px) {
    .catwall .row {
        /*margin-left: -8px;
        margin-right: -8px;*/
    }
}

/* Owl carousel styles */
.owl-carousel .owl-wrapper-outer {
    border: 0;
    box-shadow: none;
}

.owl-carousel.carousel .carousel-caption {
    color: #FFF;
    text-shadow: 0 .1rem 0 #333
}

.owl-carousel.carousel .carousel-control .icon-prev:before {
    content: '\f053';
    font-family: FontAwesome
}

.owl-carousel.carousel .carousel-control .icon-next:before {
    content: '\f054';
    font-family: FontAwesome
}

#slideshow_center_left.owl-carousel.carousel .owl-buttons div:hover,
.owl-carousel.carousel .owl-buttons div:hover {
    box-shadow: 0px 0px 1px 0px rgba(0, 0, 0, 0.06), 0px 2px 6px 0px rgba(0, 0, 0, 0.10);
}

.owl-carousel.carousel .owl-buttons div i {
    transform: translate(0, 5px);
    font-size: 30px
}

.owl-carousel.carousel .owl-buttons .owl-prev {
    left: 15px
}

.owl-carousel.carousel .owl-buttons .owl-next {
    right: 15px
}

.owl-carousel.carousel .owl-buttons .owl-prev:hover, .owl-carousel.carousel .owl-buttons .owl-next:hover {
    border-color: transparent;
    color: #1e5bf7;
    opacity: 1
}

.owl-carousel.carousel .owl-item {
    text-align: center
}

.swiper-action {
    position: relative;
    background: #f5f5f5;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    margin: 2px 0;
}

.swiper-action:hover {
    box-shadow: 0 0 0 2px #1e5bf7;
    background-color: #fff;
}

.swiper-horizontal .swiper-action {
    width: 100%;
    margin-right: 0
}

.carousel-module .swiper-action:last-child {
    margin-right: 0
}

.swiper-action img {
    mix-blend-mode: darken;
    width: auto;
    height: auto;
    margin: 0
}

@media (min-width: 1440px) {
    #column-left, #column-right {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    #content.col-sm-9 {
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
    }

    #content.col-sm-6 {
        -ms-flex: 0 0 60%;
        flex: 0 0 60%;
        max-width: 60%;
    }

    #content.content-large .product-layout:not(.product-list) {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
    }

    #content.content-columns .product-layout:not(.product-list) {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 33.333333%;
        max-width: 33.333333%;
    }

    #content.content-column .product-layout:not(.product-list) {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.product-thumb {
    position: relative;
    background: #fff;
    transition: .2s;
    /* height: 100%; */
    height: auto;
    display: flex;
    flex-direction: column;
}

@media (hover) {
    .product-thumb:hover {
        -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 20%);
        box-shadow: 0 5px 40px rgb(0 0 0 / 20%);
        z-index: 5;
        border-radius: 2px;
    }
}

.block-grid {
    margin-bottom: 30px;
}

@media (max-width: 767px) {
    #content.col-sm-9 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

/*
.product-thumb .button-form {
	overflow: hidden;
	height: 50px;
	position: relative;
	display: flex;
	justify-content: space-between
}
*/
.product-thumb .button-form {
    position: absolute;
    display: flex;
    justify-content: space-between;
    z-index: 10;
    top: 0;
    left: 0;
    right: 0;
}

.product-thumb .product-sticker {
    display: flex;
    flex-direction: column;
}

.product-thumb .product-sticker .xdstickers_wrapper {
    position: unset;
}

.product-sticker .percent {
    box-shadow: 0 0.5rem 1.125rem -0.275rem rgb(255 101 120)
}

.product-thumb .features-buttons {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    height: 40px;
}

.product-thumb .features-buttons a {
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    color: #999;
    border-radius: 32px;
}

.product-thumb .features-buttons a.compare, .product-thumb .features-buttons a.wishlist {
    width: 35px;
}

.product-thumb .image {
    position: relative;
    margin-bottom: 20px;
    transform: scale(1);
    transition: transform .35s ease
}

.btn-quick-view {
    display: none
}

@media (min-width: 768px) {
    .btn-quick-view {
        display: block
    }

    .mbtn-catalog {
        display: none;
    }
}

.btn-quick-view {
    position: absolute;
    bottom: 90px;
    left: 50%;
    z-index: 1;
    opacity: 0;
    visibility: hidden;
    transition: all .3s;
    transform: translateX(-50%);
}

.product-thumb:hover .btn-quick-view {
    opacity: 1;
    visibility: visible
}

.btn-quick-view .btn {
    -webkit-box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);
    box-shadow: 2px 2px 6px rgb(0 0 0 / 10%);
    border: 0;
    background: #ecf0f4;
    border-radius: 4px;
    color: #222;
}

.product-thumb .stock {
    margin-bottom: 3px
}

.product-thumb .rating {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

.product-thumb .rating .rating-right a {
    font-size: 13px;
    color: #6c757d;
    display: flex
}

.product-thumb .rating-right svg {
    width: 16px;
    height: 16px;
    fill: #999;
    margin-right: 8px
}

.product-thumb .product-bottom {
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    align-items: flex-start;
    position: relative;
    margin-top: auto;
    padding-top: 10px;
    height: 100px;
}

.button-add-cart button{
    background: #5C8DF5;
    color: #fff;
}

.button-add-cart button:hover {
    background: #376FE6;
    color: #fff;
}

.button-add-cart button.preorder_btn{
    background: #C87800;
}
.button-add-cart button.preorder_btn:hover{
    background: #925800;
}

/*.button-add-cart button {
    background: #E6EEFE;
    color: #376FE6;
}

.button-add-cart button:hover {
    background: #D4E1FC;
    color: #376FE6;
}*/

.product-thumb .price .main-price {
    position: relative;
    display: block;
}

.price-tax {
    font-size: 11px;
}

.short-attribute {
    font-size: 13px;
    line-height: 20px
}

@media (max-width: 767px) {
    .short-attribute {
        font-size: 12px
    }
}

.short-attribute .short-attribute-list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin-bottom: 5px;
    white-space: nowrap;
    overflow: hidden
}

.short-attribute .short-attribute-list:last-child {
    margin-bottom: 0;
}

.short-attribute .short-attr-left {
    overflow: hidden;
    margin-right: 5px;
    flex-grow: 1;
    flex-shrink: 0;
}

.short-attribute .short-attr-left span {
    position: relative;
    padding-right: 5px
}

.short-attribute .short-attr-left span:after {
    content: '';
    position: absolute;
    background-image: -webkit-linear-gradient(left, #ccc 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 5px);
    background-image: -o-linear-gradient(left, #ccc 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 5px);
    background-image: linear-gradient(to right, #ccc 2px, rgba(0, 0, 0, 0) 2px, rgba(0, 0, 0, 0) 5px);
    background-repeat: repeat-x;
    background-size: 5px 2px;
    height: 2px;
    width: 100000px;
    left: 100%;
    bottom: 4px
}

@media only screen and (min-width: 905px) {
    .product-list .product-thumb {
        display: block;
    }

    .product-list .product-thumb:after {
        content: ".";
        clear: both;
        display: block;
        height: 0;
        visibility: hidden
    }

    .product-list .product-thumb .product-bottom, .product-list .product-thumb .button-form {
        float: right;
        margin-bottom: 0;
        padding: 0 20px
    }

    .product-list .product-thumb .button-form .product-sticker {
        padding-right: 20px
    }

    .product-list .product-thumb .image {
        float: left;
        margin-right: 20px;
        margin-bottom: 0;
        width: 25%;
        height: 100%;
    }

    .product-list .product-thumb .product-bottom {
        margin: 0;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        width: 25%
    }

    .product-list .product-thumb .rating {
        width: 150px;
        display: inline-flex
    }

    .product-list .product-thumb .name {
        height: 50px;
        max-height: 50px
    }

    .product-list .product-thumb .name {
        width: 50%
    }

    .product-list .product-thumb .name {
        height: auto
    }

    .product-list .product-thumb .name .name-link {
        line-height: 24px
    }

    .product-list .product-thumb .name .name-text {
        font-weight: 600;
        line-height: normal;
        font-size: 17px
    }

    .product-list .product-thumb .price {
        text-align: center;
        margin-bottom: 20px
    }

    .product-list .product-thumb .price .main-price {
        font-size: 24px
    }

    .product-list .product-thumb .stock {
        display: inline-block
    }

    .product-list .product-thumb .attr-product-content-block .attr-product-list__preview {
        font-size: 13px
    }

    .product-list .product-thumb .name .name-link:after {
        display: none
    }

    .product-list .product-thumb .short-attribute {
        width: 75%;
    }
}

#modal-wishlist .modal-success, #modal-compare .modal-success {
    display: flex;
    align-items: center
}

#modal-wishlist .modal-success .success-content, #modal-compare .modal-success .success-content {
    padding: 0 20px
}

#modal-review .modal-form, #modal-fastorder .modal-form, #modal-popuplogin .modal-form {
    padding: 29px 35px 35px
}

#popup-cart .form-head, #modal-quickview .form-head, #modal-review .form-head, #modal-fastorder .form-head, #modal-popuplogin .form-head {
    padding: 20px 75px 20px 35px
}

#modal-popuplogin .form-forgotten {
    display: flex;
    align-items: center;
    justify-content: space-between
}

#modal-popuplogin .modal-form .text-danger, #modal-popuplogin .form-register-text-value, #modal-popuplogin .form-forgotten a {
    font-size: 13px
}

#modal-popuplogin .form-footer {
    padding: 16px 0 16px;
    padding-left: 35px;
    padding-right: 35px;
    border-top: 1px solid #f2f2f2;
    background: #f7f7f7;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    border-radius: 0 0 8px 8px
}

#modal-popuplogin .form-footer .form-register-text {
    margin-top: 10px
}

@media (min-width: 550px) {
    #modal-popuplogin .form-footer .form-register-text {
        flex: 1;
        padding-left: 20px;
        margin: 0
    }
}

#modal-popuplogin .form-footer .btn-register {
    padding: 8px 15px;
    font-size: 13px
}

.popup-caption {
    padding: 20px 60px 30px 30px
}

.popup-caption h3 {
    font-size: 30px;
    line-height: normal;
    padding: 0;
    margin: 0;
    font-weight: 300;
    word-break: break-word
}

.content-wrapper {
    background: #fff;
    width: 100%;
    display: flex;
    margin-bottom: 2rem;
    flex-wrap: wrap;
    overflow: hidden
}

.popup-message {
    padding: 40px
}

.modal-product_name {
    margin-bottom: 10px;
    font-size: 18px;
    line-height: normal;
    font-weight: 500;
}

.modal-message .footer-btns {
    margin-top: 20px;
}

.modal-product_name h4 {
    margin-top: 0
}

@media (max-width: 575px) {
    .modal-msg {
        flex-direction: column;
        text-align: center;
    }
}

.modal-img {
    flex-shrink: 0;
}

.modal-message {
    flex-grow: 1;
    padding-top: 30px
}

@media (min-width: 576px) {
    .modal-message {
        padding-top: 0;
        padding-left: 30px
    }
}

.modal-message .new-price {
    font-size: 23px;
    line-height: 26px;
    padding-top: 10px;
    font-weight: 600;
}

#modal-quickview .modal-dialog {
    width: 95%;
    max-width: 1140px;
}

#modal-quickview .modal-body {
    padding: 0;
    display: flex;
    flex-direction: row;
    margin: 0
}

#modal-quickview .quickview-image {
    text-align: center
}

#modal-quickview #additional-images {
    margin-top: 20px;
}

#modal-quickview .quickview-center, #modal-quickview .quick-view-right {
    border-left: 1px solid #ecf0f1
}

#modal-quickview .quickview-image, #modal-quickview .quickview-center, #modal-quickview .quick-view-right {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 100vh;
    width: 33.333333%;
    padding: 15px;
}

@media (min-width: 992px) {
    #modal-quickview .quickview-image, #modal-quickview .quickview-center, #modal-quickview .quick-view-right {
        padding: 30px;
    }
}

#modal-quickview .quickview-image::-webkit-scrollbar, #modal-quickview .quickview-center::-webkit-scrollbar, #modal-quickview .quick-view-right::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(200, 200, 200, 0);
}

#modal-quickview .quickview-image::-webkit-scrollbar-thumb, #modal-quickview .quickview-center::-webkit-scrollbar-thumb, #modal-quickview .quick-view-right::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #cdcdcd;
}

#modal-quickview .price-block .product-informer {
    display: flex;
    justify-content: space-between;
    font-size: 13px;
    flex-wrap: wrap;
    align-items: center
}

#modal-quickview .product-sku .stock-value {
    height: 26px;
    line-height: 27px;
    white-space: nowrap;
    font-size: 12px;
    color: #222;
    border-radius: 2px;
    background-color: #f7f7f7;
    text-align: center;
    z-index: 1;
    padding: 0 7px;
    display: block
}

#modal-quickview .product-content .price-block__summary .price-block__base {
    position: relative;
    margin: 0;
    font-size: 27px;
    line-height: 31px;
    font-weight: 700
}

#modal-quickview .price-block .button-group-order {
    display: flex;
    align-items: center
}

#modal-quickview .price-block .plus-minus {
    margin-right: 15px
}

#modal-quickview .price-block-economy {
    margin: 8px 0;
    display: flex;
    align-items: center;
    font-size: 12px;
    color: #555
}

#modal-quickview .product-content .price-block__old-price {
    position: relative;
    padding: 0;
    font-size: 18px;
    text-decoration: line-through;
    color: #5d5d64;
    display: inline-block
}

#modal-quickview .economy-text {
    display: inline-block;
    margin-right: 10px
}

#modal-quickview .price-benefit {
    display: inline-block;
    font-size: 12px;
    padding: 2px 7px 1px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    line-height: 16px;
    font-weight: 700;
    background: #fff000;
    color: #222;
    background-color: #faf144;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#faf144), to(#ffd21c));
    background-image: -webkit-linear-gradient(top, #faf144 0, #ffd21c 100%);
    background-image: -o-linear-gradient(top, #faf144 0, #ffd21c 100%);
    background-image: linear-gradient(-180deg, #faf144 0, #ffd21c 100%);
    color: #222;
    border: 0
}

#modal-quickview .quickview-buttons .form-control, #modal-quickview .quickview-buttons .btn {
    height: 38px;
}

#modal-quickview .quickview-buttons .form-control {
    width: 30px;
}

#modal-quickview #additional-images .img-thumbnail {
    border-width: 2px;
    border-color: #f2f2f2;
    border-radius: 4px;
    width: 60px;
    height: 60px;
    margin-bottom: 3px;
    opacity: .5;
    cursor: pointer
}

#modal-quickview #additional-images .img-thumbnail.active {
    border-color: #1e5bf7
}

#modal-quickview #additional-images .img-thumbnail:hover, #modal-quickview #additional-images .img-thumbnail.active {
    opacity: 1
}

/* Subcategory image */
.tollbar-sub .row {
    margin-right: -10px;
    margin-left: -10px;
}

.subcat-columns {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

.subcat-columns.is-image {
    padding-bottom: 30px;
}

.subcat-name__title {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 6px 10px;
    font-weight: 400;
    font-size: 15px;
    line-height: 1.4;
    background-color: transparent;
    border-radius: 4px;
}

.subcat-name {
    color: #333;
    font-weight: 500;
    font-size: 14px;
    white-space: nowrap;
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 1px 3px #cbcbcb;
    box-shadow: 0 1px 3px #cbcbcb;
    -webkit-transition-timing-function: ease-in-out;
    transition-timing-function: ease-in-out;
    -webkit-transition-duration: .15s;
    transition-duration: .15s;
    -webkit-transition-property: background-color, -webkit-box-shadow;
    transition-property: background-color, box-shadow, -webkit-box-shadow;
}

.subcat-name:hover {
    border-color: inherit;
}

/* Custom select */
select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: .01px;
    text-overflow: '';
    -ms-appearance: none;
    appearance: none !important;
    position: relative;
    /*	background-image: url(/image/catalog/icon-png/select.png); */
    background-image: url("data:image/svg+xml,%3Csvg width='10' height='7' viewBox='0 0 10 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.00002 6.00024C4.90702 6.00024 4.81393 5.95952 4.74293 5.87816L1.10657 1.71152C0.964477 1.5487 0.964477 1.28506 1.10657 1.12235C1.24866 0.959645 1.47875 0.959541 1.62075 1.12235L5.00002 4.99442L8.37928 1.12235C8.52138 0.959541 8.75147 0.959541 8.89347 1.12235C9.03547 1.28516 9.03556 1.54881 8.89347 1.71152L5.25711 5.87816C5.18611 5.95952 5.09302 6.00024 5.00002 6.00024Z' fill='%234374B7' stroke='%234374B7' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-position: 95% 50%;
    background-repeat: no-repeat;
    color: #222;
    border: 2px solid #c1c7cd;
    padding: 8px 30px 8px 10px
}

select:focus {
    outline: 0;
    background-color: #fff;
    box-shadow: 0 0 20px rgba(0, 0, 0, .1)
}

.custom-select {
    height: 40px;
    max-width: 100%;
    cursor: pointer;
    border-radius: 6px;
    background-color: #fff;
    line-height: 25px;
    font-size: 15px;
    border-radius: 8px;
    -webkit-box-shadow: 0 1px 3px #cbcbcb;
    box-shadow: 0 1px 3px #cbcbcb;
    border: 0;
}

#list-view, #grid-view {
    display: inline-flex;
    align-items: center;
    height: 35px;
    border-width: 2px;
    background: #f5f5f6;
    border-radius: 6px;
    border: 0;
    -webkit-box-shadow: 0 1px 3px #cbcbcb;
    box-shadow: 0 1px 3px #cbcbcb;
}

#list-view.active, #grid-view.active {
    color: #1e5bf7
}

.description-category {
    padding: 15px;
}

.category-description {
    font-size: 15px;
    position: relative
}

.description.text-collapse {
    max-height: 235px;
    overflow: hidden;
    position: relative;
    margin-bottom: 50px
}

.description > span {
    color: #222;
    border-bottom: 1px dashed #333;
    line-height: 17px;
    z-index: 2;
    cursor: pointer;
    font-size: 11px;
    text-transform: uppercase;
    font-weight: 600;
    transition: all .3s
}

.description .toggle {
    position: absolute;
    left: 50%;
    bottom: 0;
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    z-index: 2;
    cursor: pointer
}

.text-less .description.text-collapse:after {
    content: "";
    display: block;
    width: 100%;
    height: 100px;
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .82) 55%, #fff 65%, #fff 75%, #fff 100%);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .82) 55%, #fff 65%, #fff 75%, #fff 100%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, .82) 55%, #fff 65%, #fff 75%, #fff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff', endColorstr='#ffffff', GradientType=0);
    position: absolute;
    left: 0;
    bottom: 0;
    transition: opacity .25s ease
}

@media (min-width: 576px) {
    .manufacturer-list_link {
        flex: 0 0 calc(33.333333% - 8px)
    }
}

.mfr-link:hover {
    cursor: pointer;
    background-color: #f1eeff
}

.manufacturer-index {
    cursor: pointer;
    background-color: #f1eeff;
    display: inline-block;
    font-weight: 600;
    margin: 0 0 10px
}

.support-image {
    margin-bottom: 15px;
}

.support-list {
    list-style: none;
    padding-left: 0;
}

.support-link + .support-link {
    margin-top: 10px;
}

.advant {
    margin: 30px 0
}

.advant__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.advant__item {
    width: -webkit-calc(100%);
    width: calc(100%);
    padding: 25px;
    text-align: center;
    background-color: #f5f5f6;
    transition: all .3s;
    cursor: default;
    border-radius: 12px
}

@media only screen and (min-width: 768px) {
    .advant__item {
        width: -webkit-calc(20% - 10px);
        width: calc(20% - 10px)
    }
}

.advant__item:hover {
    background: #1e5bf7
}

.advant__item:hover > div {
    color: #fff
}

.advant__value {
    font-size: 30px;
    font-weight: 800;
    line-height: 30px;
    margin-bottom: 15px;
    color: #1e5bf7
}

.advant__label {
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    color: #222
}

.advant__percent {
    font-size: 24px
}

.advantage-banners-title {
    line-height: 1.3
}

.advantage-banners-title, .advantage-banners-title-text {
    font-weight: 700;
    overflow-wrap: break-word;
    word-wrap: break-word;
    word-break: break-word;
    max-width: 230px;
    text-shadow: 0 0 2px rgba(0, 0, 0, .3)
}

.advantage-banners-title-text {
    font-size: 11px;
    line-height: 16px;
    margin-top: 16px;
    text-transform: uppercase;
    letter-spacing: 1.1px
}

.advantage-image {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 100%
}

.advantage-image img {
    width: 100%;
    height: 100%;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    object-fit: cover
}

.advantage-banners-item {
    z-index: 2;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    -moz-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    overflow: hidden;
    min-height: 323px;
    -webkit-border-radius: 12px;
    -moz-border-radius: 12px;
    border-radius: 12px;
    -webkit-transition: all .15s linear;
    -o-transition: all .15s linear;
    -moz-transition: all .15s linear;
    transition: all .15s linear;
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    transform: translateZ(0);
    will-change: transform
}

.advantage-description {
    position: absolute;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 16px;
    width: 100%;
    height: 100%;
    color: #fff;
    text-align: center
}

.advantages-block {
    margin-bottom: 20px
}

.advantage:hover img {
    transform: scale(1)
}

.advantage-banners .advantage-link {
    position: absolute;
    bottom: 0;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%
}

.advantage-wrapper {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -moz-box-orient: vertical;
    -moz-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    white-space: normal;
    margin-bottom: 20px
}

/* PC Menu */
@-webkit-keyframes slide-in-bottom {
    from {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

@keyframes slide-in-bottom {
    from {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
        opacity: 0
    }

    to {
        -webkit-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }
}

.header-nav__submenu {
    position: absolute;
    top: calc(100% + 20px);
    right: 0;
    left: 0;
    z-index: 10;
    display: none;
}

@media screen and (max-width: 767px) {
    .header-nav__submenu {
        display: none;
    }
}

.header-nav__submenu.menu-open {
    display: inherit;
    -webkit-animation: .15s slide-in-bottom;
    animation: .15s slide-in-bottom;
}

.header-nav__submenu-container {
    position: absolute;
    padding: 10px;
    background: #fff;
    border: 1px solid rgba(23, 23, 23, .12);
    border-radius: 4px;
    -webkit-box-shadow: 0 5px 40px rgb(0 0 0 / 20%);
    box-shadow: 0 5px 40px rgb(0 0 0 / 20%);
    width: 100%;
}

.header-submenu__col--white {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    margin-right: -11px;
}

.header-submenu__col.header-submenu__rightside .left-inner {
    width: 320px;
}

.header-submenu__col.header-submenu__rightside .left-inner {
    min-width: 320px;
}

.header-submenu__col.header-submenu__rightside {
    display: flex
}

span.light {
    padding: 0 !important;
    margin: 0 !important;
    color: #275ca5;
}

.header-submenu__title {
    padding: 0;
    margin: 0;
    font-weight: 800;
    font-size: 20px;
    line-height: 1.2;
}

.header-submenu__list {
    list-style: none;
    margin: 0;
    padding: 0;
}

.header-submenu .category-link {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 5px 36px 5px 10px;
    border-radius: 4px;
}

.header-submenu__item.have_sub .category-link:after {
    position: absolute;
    content: "";
    right: 8px;
    top: 50%;
    transform: translateY(-50%);
    width: 13px;
    height: 16px;
    background-image: url("/image/new/menu-Icon.svg")
}

.header-submenu__item.active .category-link {
    background-color: #f5f5f5;
}

.header-submenu .category-link img {
    margin-right: 16px;
    flex-shrink: 0;
    mix-blend-mode: multiply;
}

.header-submenu .category-link span {
    flex-grow: 1;
    max-width: 240px;
}

.header-submenu__block {
    position: relative;
    display: none;
    height: 100%;
    margin: 0 20px;
    padding: 10px 0 20px;
}

.header-submenu__block.active {
    display: block;
}

.header-submenu__container {
    width: 100%;
}

.header-submenu__inner {
    font-size: 0;
}

.header-submenu__column {
    display: inline-block;
    /* width: 25%; */
    vertical-align: top;
    padding: 24px 24px 0 0;
}

/*
@media (max-width: 1199px) {
	.header-submenu__column {
		width: 33.3333%;
	}
}
*/
@media (max-width: 1023px) {
    .header-submenu__column {
        width: 50%;
    }
}

.submenu-link {
    display: block;
    font-weight: 600;
    font-size: 16px;
    line-height: 1.6;
    color: #222;
}

.link-bold {
    font-weight: 700;
}

.header-submenu__subchild {
    margin-top: 12px;
    margin-bottom: 0;
    padding: 0;
    page-break-inside: avoid;
    list-style-type: none;
    break-inside: avoid;
}

.header-submenu__subchild__item {
    margin-bottom: 6px;
}

.child-link {
    display: block;
    color: #737373;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.6;
}

.submenu-link:hover, .child-link:hover {
    color: #1e5bf7;
}

/* Mobile menu */
.mobile-catalog {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 1041;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    background-color: #fff;
    transition: left .3s;
}

.mobile-catalog.open {
    left: 0;
}

.mobile-catalog__panel {
    display: flex;
    justify-content: start;
    align-items: center;
    height: 55px;
    min-height: 55px;
    padding-left: 20px;
    border-bottom: 1px solid #ededed;
}

.mobile-catalog__title {
    font-size: 18px;
    font-weight: 600;
    line-height: normal;
}

.mobile-catalog__close {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50px;
    height: 100%;
    margin-left: auto;
    color: #4c1e87;
    transform: rotate(180deg);
    appearance: none;
}

.mobile-catalog__inner {
    flex-grow: 1;
    overflow-y: scroll;
    height: 100%;
    padding-bottom: 160px;
}

.mobile-catalog__inner::-webkit-scrollbar {
    width: 3px; /* ширина всей полосы прокрутки */
}

.mobile-catalog__inner::-webkit-scrollbar-track {
    background: #E6E7EA; /* цвет зоны отслеживания */
}

.mobile-catalog__inner::-webkit-scrollbar-thumb {
    background-color: #383C42; /* цвет бегунка */
    border-radius: 0; /* округлось бегунка */
    border: none; /* отступ вокруг бегунка */
}

.mobile-catalog__list {
    list-style: none;
    margin: 0;
    background-color: #fff;
    padding: 0 0 70px;
}

.mobile-catalog__item:not(:last-of-type) {
    border-bottom: 1px solid #ededed;
}

.mobile-item {
    appearance: none;
    display: flex;
    align-items: center;
    width: 100%;
}

.mobile-catalog__name {
    max-width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    flex-grow: 1;
}

.mobile-catalog__back {
    display: flex;
    margin-right: 20px;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 100%;
    color: #222;
    appearance: none;
}

.mobile-catalog__image {
    margin-right: 16px;
}

.mobile-catalog__icon__arrow {
    color: #999;
}

.mobile-catalog__info ul li + li {
    border-top: 1px solid #ededed
}

.mobile-catalog__info ul li a, .mobile-phone a {
    display: block;
    padding: 15px 20px;
    color: inherit;
    line-height: normal;
}

.mobile-phone i {
    font-size: 18px;
    vertical-align: -2px;
}

.mobile-phone .form-icon {
    width: 18px;
    height: 18px;
    display: inline-block;
}

.mobile-switch .dropdown-toggle {
    display: none;
}

.mobile-switch .dropdown-menu {
    display: block;
    padding: 0;
    margin: 0;
    position: static;
    box-shadow: none;
    border-radius: 0;
    width: 100%;
    font-size: 0;
}

.mobile-switch form > * {
    width: 100%;
}

.mobile-switch .dropdown-menu li {
    display: inline-block;
    vertical-align: top;
    margin: 0 10px 10px 0;
}

.mobile-switch .dropdown-menu button {
    border: 1px solid #ededed;
    padding: 5px 10px;
    border-radius: 2px;
    display: inline-flex;
    align-items: center;
    font-size: 11px;
}

.mobile-switch .dropdown-menu button img {
    margin-right: 5px;
}

.mobile-switch .dropdown-menu button.active {
    background: #1678a6;
    color: #fff !important;
    border-color: #1678a6;
}

.mobile-switch {
    padding: 20px;
}

.mobile-contacts__phone-link {
    color: inherit
}

/* END Mobile menu */
.clear-button {
    padding: 0;
    border: 0;
    background: transparent;
    font: inherit;
    color: inherit;
    background-color: transparent;
}

.checkout-table {
    width: 100%;
    min-height: 220px;
    padding: 10px 0
}

.checkout-table:first-child {
    padding-top: 0
}

.checkout-product-inner {
    display: table;
    width: 100%;
    padding: 15px;
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
    margin-bottom: 15px
}

.checkout-product-image {
    vertical-align: top;
    overflow: hidden;
    position: relative;
    display: table-cell
}

@media (min-width: 641px) {
    .checkout-product-image {
        width: 25%
    }
}

.checkout-product {
    padding-left: 25px;
    vertical-align: top;
    display: table-cell;
    width: 50%
}

.cart-product-price {
    display: table-cell;
    width: 25%
}

.checkout-product_text {
    width: 90%;
    margin: 10px 0;
    line-height: 22px
}

.checkout-product_options {
    font-size: 14px;
}

.checkout-product_text a {
    text-decoration: none;
    color: #222;
    display: block
}

.checkout-product_text span {
    font-size: 17px;
    font-weight: 700;
    display: block
}

.remove-product {
    background: #fff;
    width: 36px;
    height: 36px;
    box-sizing: border-box;
    position: absolute;
    right: 15px;
    top: 15px;
    cursor: pointer;
    z-index: 999;
    float: right;
    display: none;
    border: 0;
    padding: 0
}

.checkout-product-inner:hover .remove-product {
    display: block
}

.checkout-price {
    font-size: 23px;
    display: inline-block;
    line-height: normal;
    font-weight: 700;
    margin-top: 10px;
}

.remove-product .delete-icon {
    width: 100%;
    height: 100%;
    position: relative;
    display: block;
    transform: rotate(45deg)
}

.remove-product .delete-icon::before {
    background: #d5d5d5;
    width: 2px;
    height: 20px;
    margin: auto;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

.remove-product .delete-icon::after {
    background: #d5d5d5;
    width: 20px;
    height: 2px;
    margin: auto;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    display: block
}

@media only screen and (min-width: 768px) {
    .number-spinner {
        display: inline-block;
        vertical-align: middle
    }
}

.number-spinner {
    font-size: 0;
    line-height: 0
}

.number-spinner, .cart-product-price {
    padding-top: 20px
}

.number-spinner .btn-minus, .number-spinner .btn-plus, .number-spinner input.form-plus-minus {
    display: inline-block
}

.number-spinner .btn-minus .btn, .number-spinner .btn-plus .btn {
    border-radius: 50%;
    padding: 0;
    background: transparent;
    border-color: #eee;
    font-size: 13px;
    width: 30px;
    height: 30px
}

.number-spinner .quantity-input {
    text-align: center;
    margin-right: -1px;
    margin-left: -1px;
}

.number-spinner .quantity-button, .number-spinner .quantity-input {
    height: 30px;
    width: 46px;
    background-color: transparent;
    border: 1px solid #d5d5d5;
    justify-content: center;
    align-items: center;
    font-size: 14px;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    color: #222
}

.number-spinner .quantity-button {
    transition: all .3s ease;
    position: relative;
    border-radius: 5px;
    width: 34px
}

.number-spinner .quantity-button:hover {
    background-color: #f2f2f2
}

.number-spinner .btn-minus {
    border-bottom-right-radius: 0;
    border-top-right-radius: 0
}

.number-spinner .btn-plus {
    border-bottom-left-radius: 0;
    border-top-left-radius: 0
}

.checkout-orders {
    border: 1px solid #e5e5e5;
    border-radius: 4px;
    overflow: hidden
}

.details-cart {
    padding: 15px 0;
    margin: 5px 20px 0;
    font-size: 18px;
    font-weight: 800;
    line-height: 25px;
    border-bottom: 1px solid #f5f5f5
}

.detail-total li {
    margin-bottom: 10px;
    width: 100%;
    overflow: hidden
}

.detail-total {
    width: 100%;
    padding: 20px;
    box-sizing: border-box
}

.checkout-order {
    margin-top: 20px
}

@media (max-width: 640px) {
    .checkout-product-image {
        max-width: 240px;
        margin: 0 auto;
        padding: 0;
        border: 0
    }

    .checkout-product {
        padding: 0
    }

    .checkout-product_text, .checkout-product-image, .checkout-product, .cart-product-price {
        display: block;
        width: 100%
    }

    .detail-total li {
        font-size: 11px
    }
}

.buyer-question {
    background: #f7f7f7;
    padding: 13px 23px;
    line-height: 24px;
    border: 1px solid #f0f0f0;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    position: relative;
    flex: 3
}

.buyer-question:before {
    content: "";
    display: inline-block;
    width: 10px;
    height: 20px;
    background: url(/image/catalog/icon-png/left-arrow.png) no-repeat;
    position: absolute;
    left: -7px;
    top: 10px
}

.answer-item {
    overflow: hidden;
    margin-top: 25px;
    padding-top: 25px
}

.answer-item + .answer-item {
    border-top: 1px solid #f1f1f1
}

.answer-item .author {
    font-weight: bold
}

.text-answer {
    color: black;
    position: relative;
    word-wrap: break-word;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
    margin-bottom: 2em;
    border: 1px solid #eaeaea;
    padding: 10px 20px
}

.text-answer:before {
    content: "";
    display: inline-block;
    width: 15px;
    height: 8px;
    background: url(/image/catalog/icon-png/top-arrow.png) no-repeat;
    position: absolute;
    left: 40px;
    top: -8px
}

.answer-logo {
    padding-right: 20px;
    flex: 1
}

.answer-content {
    flex: 3
}

.question-answer {
    font-size: 24px;
    color: #868c93;
    font-weight: 300
}

.answer-author {
    margin-right: 20px;
    flex: 1
}

.answer {
    padding-top: 20px
}

@media only screen and (min-width: 992px) {
    .answer {
        padding-left: 25%
    }
}

.questions-header {
    margin-bottom: 30px
}

.answer-months {
    font-size: 14px;
    color: #999;
    font-weight: 400;
    margin-top: 6px;
    display: block;
    line-height: 20px
}

.required .error {
    border-color: #ff9292
}

.cart .dropdown-basket {
    width: 360px;
    padding: 0
}

.cart .dropdown-main {
    padding: 30px
}

@media (max-width: 575px) {
    .cart .dropdown-basket {
        width: 320px;
        padding: 0;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        margin: 0;
        overflow: hidden;
    }

    .cart .dropdown-backdrop {
        background-color: rgba(0, 0, 0, .5)
    }

    .cart .dropdown-main {
        padding: 15px
    }

    .cart .price-content .labels {
        font-size: 13px;
    }
}

.cart .dropdown-title {
    font-size: 11.5px;
    font-weight: 800;
    letter-spacing: .58px;
    line-height: 1;
    text-transform: uppercase;
    color: #2f4045;
    margin-bottom: 20px
}

.cart .img-content {
    position: relative;
    flex: 1;
    margin-right: 12px
}

.cart .img-content img {
    max-width: 61.25px;
    max-height: 61.25px
}

.cart .right-block {
    flex: 3;
    padding-right: 35px;
    position: relative;
    min-height: 70px
}

.cart .product-price {
    font-weight: bold;
    padding-top: 5px
}

.cart .right-block span {
    display: block
}

.cart .product-name a {
    color: inherit;
    font-size: 13px;
    display: block;
    line-height: 18px;
}

.cart .product-name a:hover {
    color: #1e5bf7
}

.cart .mini-basket {
    max-height: 300px;
    overflow: hidden;
    overflow-y: auto;
    margin-right: -15px;
    padding-right: 15px
}

.cart .mini-basket::-webkit-scrollbar {
    width: 5px;
    background-color: rgba(200, 200, 200, 0);
}

.cart .mini-basket::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: #cdcdcd;
}

.cart .remove-from-cart {
    position: absolute;
    right: 0;
    top: 0;
    color: #ccc;
    cursor: pointer
}

.cart .remove-from-cart:hover {
    color: #999
}

.cart .options-content {
    padding-top: 5px
}

.cart .options-content span {
    font-size: 11px
}

.cart .product-quantity {
    font-size: 10px;
    position: absolute;
    top: 0;
    min-width: 21px;
    height: 21px;
    text-align: center;
    line-height: 22px;
    border-radius: 20px;
    background-color: #5bbff7;
    background-image: -webkit-linear-gradient(bottom, #4e9cc6 0, #5ec6ff 100%);
    background-image: linear-gradient(to top, #4e9cc6 0, #5ec6ff 100%);
    text-shadow: 0.5px 1px 0 rgb(0 0 0 / 16%);
    color: #fff;
    padding-left: 2px;
}

.cart .product-block + .product-block {
    margin-top: 20px
}

.cart .dropdown-footer {
    background-color: #f1f4f4
}

.cart .price-content {
    margin-bottom: 20px
}

.cart .price-content .labels {
    font-weight: 600
}

.cart .cart-subtotals {
    line-height: 26px
}

.cart .empty-basket-img {
    margin-bottom: 20px;
    margin-top: 20px
}

.cart .empty-basket-img svg {
    color: #ececec
}

.cart .mini-basket-empty {
    font-weight: 600;
    text-transform: uppercase
}

@media (max-width: 480px) {
    .product-thumb .short-attribute, .product-thumb .product-sticker, .product-thumb .rating-count {
        display: none
    }

    .product-thumb .stock {
        font-size: 11px;
        font-weight: 500
    }

    .product-thumb .rating {
        margin-bottom: 15px
    }

    .product-thumb .button-add-cart .btn {
        font-size: 13px;
        width: inherit
    }
}

.ui-hidden {
    position: absolute;
    height: 1px;
    width: 1px;
    clip: rect(1px, 1px, 1px, 1px);
    border: 0;
    overflow: hidden
}

.breadcrumb > li > a {
    color: #7b7b7d
}

@media only screen and (max-width: 1023px) {
    .container-main-title h1 {
        width: 100%
    }
}

#form-currency .dropdown-toggle, #form-language .dropdown-toggle {
    padding: 0;
    border: 0;
    border-radius: 3px;
    color: #222;
    font-size: 13px;
    margin-right: 10px;
    text-decoration: none;
    font-weight: 500;
}

#form-currency .currency-select, #form-language .language-select {
    text-align: left;
    color: inherit;
    text-decoration: none;
}

.alert-minimum {
    font-size: 14px;
}

.demo-banners {
    margin-bottom: 20px;
}

.demo-banners img {
    border-radius: 8px;
}

.option-warning svg {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

.option-warning__text {
    padding-left: 60px;
    line-height: 20px;
}

.more-catlist__list {
    margin: 0 10px 10px 0;
}

.more-catlist__link {
    display: inline-block;
    padding: 5px 15px;
    border-radius: 6px;
    font-size: 14px;
    line-height: 21px;
    color: #5d5d64;
    text-decoration: none;
    transition: all .3s;
    background-color: #f5f5f5;
    -webkit-box-shadow: 0 1px 3px #cbcbcb;
    box-shadow: 0 1px 3px #cbcbcb;
}

.more-catlist__link:focus, .more-catlist__link:hover {
    border-color: #1e5bf7;
}

#d_quickcheckout .btn-group-justified > .btn-group .btn {
    overflow: hidden;
    text-overflow: ellipsis;
}

#d_quickcheckout div.required .control-label:before {
    display: none;
}

#d_quickcheckout label {
    font-size: 13px;
    font-weight: 700;
}

#d_quickcheckout .btn.active.focus, #d_quickcheckout .btn.active:focus, #d_quickcheckout .btn.focus, #d_quickcheckout .btn:active.focus, #d_quickcheckout .btn:active:focus, #d_quickcheckout .btn:focus, #d_quickcheckout input[type=file]:focus, #d_quickcheckout input[type=checkbox]:focus, #d_quickcheckout input[type=radio]:focus {
    outline: none !important;
}

#d_quickcheckout input[type=radio], #d_quickcheckout input[type=checkbox] {
    margin: 0;
    vertical-align: top;
}

#d_quickcheckout .input-group-btn > .btn, #d_quickcheckout .form-control {
    height: 36px;
}

#d_quickcheckout .text-danger {
    font-size: 12px;
}

#d_quickcheckout .has-error .form-control {
    border-color: #dc3545;
}

#d_quickcheckout .text-danger, #d_quickcheckout .has-error .checkbox, #d_quickcheckout .has-error .checkbox-inline, #d_quickcheckout .has-error .control-label, #d_quickcheckout .has-error .help-block, #d_quickcheckout .has-error .radio, #d_quickcheckout .has-error .radio-inline, #d_quickcheckout .has-error.checkbox label, #d_quickcheckout .has-error.checkbox-inline label, #d_quickcheckout .has-error.radio label, #d_quickcheckout .has-error.radio-inline label {
    color: #dc3545;
}

#d_quickcheckout .has-error .form-control:focus {
    border-color: #dc3545;
    box-shadow: 0 0 0 3px rgb(220 53 69 / 25%);
}

#d_quickcheckout .form-control:focus {
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
    box-shadow: 0 0 0 3px rgb(0 123 255 / 25%);
}

#d_quickcheckout .alert {
    font-size: 14px;
}

.list-group-child {
    margin-top: 10px;
}

.top_bar_image {
    line-height: 0;
}

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

.top_bar_text {
    background: #00ADEF;
    color: #fff;
    font-weight: 500;
    text-align: center;
    font-size: 11.5px;
    line-height: 1.29;
    padding: 5px;
    height: 25px;
}

@media (min-width: 768px) {
    .top_bar_image .showpc, .top_bar_text.showpc {
        display: block;
    }

    .top_bar_image .showmob, .top_bar_text.showmob {
        display: none;
    }
}

.top-contacts .dropdown-menu {
    display: flex;
    flex-direction: column;
    visibility: hidden;
    opacity: 0;
    transition: 0.5s ease;
}

.top-contacts .dropdown-menu > *:not(:last-child) {
    margin-bottom: 10px;
}

@media only screen and (min-width: 768px) {
    .dropdown:hover > .dropdown-menu {
        visibility: visible;
        opacity: 1;
    }
}

.top-contacts .dropdown-menu {
    right: 0px;
    left: auto;
}

.header-start {
    background: #275CA5;
}

.owl-custom {
    float: right;
}

.owl-custom img {
    cursor: pointer;
}

.header-start.sticky {
    position: fixed;
    top: 0;
    width: 100%;
    margin-top: 0;
}

#xd_zvonok-form .close, #xd_zvonok-form_mess .close {
    opacity: 1;
}

#xd_zvonok-form .callback-title, #xd_zvonok-form_mess .callback-title {
    text-align: center;
    font-weight: 700;
    font-size: 2rem;
    margin-bottom: 10px;
}

#xd_zvonok-form .callback-input-error, #xd_zvonok-form_mess .callback-input-error {
    display: none;
    font-size: 12px;
    color: #FF0000;
}

#xd_zvonok-form .callback-form-input.has-error ~ .callback-input-error, #xd_zvonok-form_mess .callback-form-input.has-error ~ .callback-input-error {
    display: block;
}

.module-html__container {
    position: relative;
}

.module-html__container.text-less .module-html__text {
    max-height: 100px;
    overflow: hidden;
}

.module-html__container .module-html__text_show {
    min-height: 60px;
    background: rgb(255, 255, 255);
    background: linear-gradient(0deg, rgb(255, 255, 255) 60%, transparent 100%);
    display: flex;
    justify-content: center;
    align-items: end;
    cursor: pointer;
}

.module-html__container.text-less .module-html__text_show {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
}

.module-html__container .show-less {
    display: flex;
    align-items: center;
    gap: 10px;
}

.module-html__container.text-less .show-less {
    display: none;
}

.module-html__container .show-more {
    display: none;
}

.module-html__container.text-less .show-more {
    display: flex;
    align-items: center;
    gap: 10px;
}

.cat_slide.owl-carousel .owl-buttons div {
    opacity: 1;
}

.footer-container .list-dop-icons li {
    display: inline-block;
}

#btn_to_top {
    display: none;
    position: fixed;
    bottom: 76px;
    right: 0;
    z-index: 6;
    border: none;
    outline: none;
    background-color: transparent;
    color: white;
    cursor: pointer;
    padding: 0px;
    border-radius: 0px;
    font-size: 18px;
    opacity: 0.7;
}

#btn_to_top:hover {
    opacity: 1;
}

.footer-form__form-btn {
    color: black;
    width: 100%;
    margin-top: 10px;
    padding: 5px 10px;
}

.footer-form__form-text.success {
    outline: #319800;
    border: 1px solid #319800;
}

.footer-form__form-text.error {
    outline: red;
    border: 1px solid red;
}

#footer-form__error {
    font-size: 13px;
    color: #E25A68;
    display: inline-block;
    margin-top: 4px;
}

#footer-form__success {
    font-size: 13px;
    color: #319800;
    display: inline-block;
    margin-top: 4px;
}

.footer-form__form-text.success ~ #footer-form__error {
    color: #319800;
}

.footer-form__form-text.error ~ #footer-form__error {
    color: red;
}

.categories-list-level2__img {
    display: block;
    max-width: 100%;
    height: auto;
}

.categories-list-level2__subcat {
    list-style-type: none;
    padding: 0;
    margin: 0;;
}

.categories-list-level2__subcat a {
    color: black;
}

.categories-list-level2__show-more {
    display: block;
    margin-top: 10px;
}

.categories-list-level2__truncate {
    display: none;
    opacity: 0.5;
}

.categories-list-level2__truncate.show-more {
    display: block;
    opacity: 1;
}

.categories-list-level2_btn-show-all {
    margin: 0 auto;
    line-height: 30px;
    padding: 15px 35px;
    color: white;
    background-color: #275CA5;
    border: none;
    border-radius: 5px;
}

.categories-list-level2_btn-show-all span:first-child {
    display: inline-block;
}

.categories-list-level2_btn-show-all.show-more span:first-child {
    display: none;
}

.categories-list-level2_btn-show-all span:last-child {
    display: none;
}

.categories-list-level2_btn-show-all.show-more span:last-child {
    display: inline-block;
}

.blog-content__items .blog_item {
    margin-bottom: 20px;;
}

.blog-content__items .blog_image {
    margin-bottom: 10px;
}

.blog-content__items .blog_stats {
    margin: 0;
    padding-bottom: 0;
    border-bottom: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.blog-content__items .summary .blog_title {
    font-size: 16px;
    font-weight: 400;
    line-height: 1.1;
    display: inline-block;
    color: black;
}

.blog-content__items .summary .blog-category > a:not(:last-child)::after {
    content: '\2022';
    margin-left: 5px;
    color: gray;
    font-size: 20px;
}

.catalog-sort .custom-selectors .input-sort {
    margin: 0;
}

.owl-item .subcat-columns {
    padding: 5px;
    border-radius: 5px;
    background-color: lightgray;
    margin: 0 3px;
}

.owl-item .subcat-columns a {
    display: flex;
}

.owl-item .catwall-image {
    margin: 0;
    line-height: unset;
    max-width: 57px;
    height: auto;
    display: inline-block;
}

.owl-item .catwall-image img {
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.owl-item .catwall-title {
    display: inline-block;
}

.tollbar-sub {
    display: flex;
    max-width: 100%;
    width: 100vw;
    justify-content: space-between;
}

.top-category-level2 {
    width: calc(100% - 80px);
    margin: 0;
}

.product-options__item {
    border: none;
    background-color: transparent;
    border-radius: 5px;
    display: inline-block;
    width: auto;
    margin: 0;
    padding: 0 5px;
}

.product-options__item input {
    visibility: hidden;
    position: absolute;
    opacity: 0;
}

.product-options__item:focus, .product-options__item.select {
    border: 1px solid #275CA5;
}

.product-attributes__item {
    font-size: 14px;
}

.product-attributes__name {
    color: gray;
    margin-right: 10px;
}

.product-thumb .product-attributes, .product-thumb .product-options {
    display: none;
}

.product-layout.product-grid .product-thumb:hover .product-attributes,
.product-layout.product-grid .product-thumb:hover .product-options {
    display: block;
}

.pagination > li > .link-prev, .pagination > li > .link-next {
    padding: 0;
}

.reviews__items .owl-wrapper-outer {
    border: unset;
    border-radius: unset;
}

.reviews__item {
    display: flex;
    border: 1px solid lightgray;
    border-radius: 5px;
    padding: 15px;
}

.reviews__item-image {
    display: flex;
    justify-content: center;
    align-items: center;
    min-width: 100px;
    margin-right: 10px;
}

.reviews__item-textblock {
    display: flex;
    flex-direction: column;
}

.reviews__item-product_link {
    color: #0069d9;
}

.reviews__item-text {
    margin-top: 10px;
    margin-bottom: 10px;
}

.reviews__item-rating {
    margin-left: 10px;
}

.popover-content .form-inline .form-control {
    width: 100px;
}

.popover-content .form-inline .form-group.button-ok {
    color: white;
    background-color: #265ca5;
    padding: 8px;
    border-radius: 5px;
    cursor: pointer;
}

.ocf-option-values .noUi-handle {
    border: unset;
    box-shadow: none;
    background-color: #265ca5;
    border-radius: 20px;
    width: 20px;
    height: 20px;
}

.ocf-option-values .noUi-horizontal .noUi-handle {
    left: -17px;
    top: -10px;
}

.ocf-option-values .noUi-handle::before, .ocf-option-values .noUi-handle::after {
    display: none;
}

.ocf-option-values .noUi-target {
    height: 2px;
    border: unset;
    margin-top: 20px;
}

.collapse-value .text_show_all {
    display: none;
}

.collapse-value .text_hide_all {
    display: inline;
}

.collapse-value .collapsed .text_show_all {
    display: inline;
}

.collapse-value .collapsed .text_hide_all {
    display: none;
}

.ocf-value-list .ocf-slider-input-group {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.ocf-value-list .ocf-slider-input-group input {
    max-width: 80px;
}

.ocf-input-group-addon.input-separator {
    background-color: transparent;
    padding: 5px;
}

.ocf-content .ocf-filter .ocf-filter-header .ocf-filter-header-append .ocf-filter-discard {
    display: none;
}

.ocf-content .ocf-filter .ocf-filter-header::before {
    content: '';
    display: block;
    position: absolute;
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='9' viewBox='0 0 9 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.5 4.49998C5.5 4.59298 5.45927 4.68607 5.37792 4.75707L1.21127 8.39343C1.04846 8.53552 0.784816 8.53552 0.622109 8.39343C0.459401 8.25134 0.459297 8.02125 0.622109 7.87925L4.49417 4.49998L0.622109 1.12072C0.459297 0.978625 0.459297 0.748534 0.622109 0.606534C0.78492 0.464534 1.04856 0.464443 1.21127 0.606534L5.37792 4.24289C5.45927 4.31389 5.5 4.40698 5.5 4.49998Z' fill='%23333333' stroke='%23333333' stroke-width='0.5'/%3E%3C/svg%3E%0A");
    background-repeat: no-repeat;
    background-position: center;
    width: 10px;
    height: 10px;
    top: 6px;
    right: 0px;
}

.ocf-content .ocf-filter.show .ocf-filter-header::before {
    transform: rotate(90deg);
}

.ocf-content .ocf-filter .ocf-value-list {
    max-height: 0;
    overflow: hidden;
    transition: all 0.5s ease;
}

.ocf-content .ocf-filter.show .ocf-value-list {
    max-height: 2000px;
    /*transition: max-height 0.25s ease-in;*/
}

.ocf-value-list .ocf-collapse-value .ocf-value-list {
    border-top: none;
    margin-top: 0;
}

@media (min-width: 768px) {
    header .header-submenu__rightside .right-inner {
        width: 100%;
    }

    /*.ocf-collapse-value .ocf-scroll-y {
        padding-right: 12px !important;
    }

    .ocf-collapse-value .ocf-scroll-y:hover {
        padding-right: 12px !important;
    }*/
}

@media (max-width: 767px) {
    .ocf-btn-mobile-static.ocf-mobile {
        border-bottom: unset;
    }
}

.selected-options .btn svg {
    margin-left: 10px;
}

#form-review .comment-info {
    display: flex;
    justify-content: space-between;
}

#tab-review .comment-info .review-write-text {
    border-bottom: 1px solid;
}

.tab-review__container {
    display: flex;
    width: 100%;
}

.tab-review__container .comment-info {
    display: flex;
    justify-content: space-between;
}

.tab-review__block-left {
    width: 70%;
}

.reviews__empty-block {
    background-color: #f8f8f8;
    padding: 60px;
}

.reviews__empty-block img {
    display: block;
    margin: 0 auto;
}

.reviews__empty-block .review-toggle {
    display: block;
    margin-top: 20px;
}

.reviews__empty-block .review-toggle span {
    border-bottom: 1px solid;
}

#form-review {
    width: 100%;
}

.mini-product__container {
    max-width: 200px;
}

.block-for-mini-product {
    height: 100%;
    position: relative;
    overflow: visible;
}

#mini_product_block {
    display: block;
    position: -webkit-sticky;
    position: sticky;
    top: 70px;
    height: auto;
    align-self: flex-start;
}

.mini-product__blocktop {
    display: flex;
}

.mini-product__blocktop img {
    width: 90%;
    height: 90%;
}

.mini-product__blocktop .price-specials {
    display: flex;
}

.mini-product__blockbottom {
    display: flex;
    gap: 5px;
}

.tab-brief__items-container {
    display: flex;
    flex-wrap: wrap;
}

.tab-brief__item {
    width: 100%;
    padding-right: 31px;
}

#review_mini {
    display: flex;
}

.review-mini-btn {
    display: block;
    margin-top: 30px;
}

.review-mini-btn .review-write-text {
    padding: 15px;
    border: 1px solid;
}

.reviews-block__left {
    width: 50%;
}

.reviews-block__left.reviews-block__w100, .reviews-block__right.reviews-block__w100 {
    width: 100%;
}

.reviews-block__right {
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: end;
    padding-bottom: 60px;
}

.review-more-comments {
    margin-top: 10px;
}

.review-reply__container {
    margin-left: 20px;
}

.review-reply__item {
    margin-top: 20px;
    padding-left: 5px;
    border-left: 1px solid blue;
}

.review-reply__item-level2 {
    margin-left: 20px;
}

ul.list-unstyled.blog_cats {
    display: flex;
}

ul.list-unstyled.blog_cats a {
    border: 2px solid #4374b7;
    padding: 10px 20px;
    margin: 5px;
}

ul.list-unstyled.blog_cats a.active {
    border: 2px solid #4374b7;
    background: #4374b7;
    color: #fff;
}

ul.cat_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.cat_list li {
    list-style: none;
    border: 1px solid #4374b7;
    margin: 5px;
    border-radius: 5px;
}

ul.cat_list li a {
    display: flex
}

ul.related_list {
    list-style: none;
    padding: 0;
    margin: 0;
}

ul.related_list li {
    list-style: none;
    border-bottom: 1px solid #f3f3f3;
    margin: 5px;
}

ul.related_list li a {
    display: flex
}

ul.related_list li img {
    width: 98px;
    min-width: 98px;
}

.certificats-content-block {
    display: flex;
    align-items: center;
}

.instructions-content-header {
    font-size: 22px;
    font-weight: 700;
    display: block;
    line-height: 33px;
    margin-bottom: 40px;
}

.instructions-content-fileformat {
    text-transform: uppercase;
}

.modal-product-images__container {
    display: block;
    position: fixed;
    padding: 5px;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 9999999;
    background-color: rgba(0, 0, 0, 0.5);
}

.modal-product-images__close {
    display: block;
    position: absolute;
    top: 8px;
    right: 8px;
    border: unset;
    background-color: transparent;
    padding: 0;
}

.swiper-modal-product-images {
    overflow: hidden;
    position: relative;
}

.thumbnails {
    display: flex;
}

.product-images__thumbs {
    position: relative;
    width: 8.503%;
}

.product-images__main {
    position: relative;
    width: 91.497%;
}

.swiper-product__images {
    overflow: hidden;
    width: 80%;
    margin: 0 auto;
}

.swiper-product__thumbs {
    position: relative;
    height: 100%;
    overflow: hidden;
}

.buyoneclick-input-group {
    margin-bottom: 24px;
    width: 100%;
    position: unset;
}

.content_informer {
    border: solid 1px #cbcbcb;
    border-radius: 10px;
    display: flex;
    align-items: center;
    padding: 10px;
    justify-content: space-between;
}

.content_informer > div {
    display: flex;
    align-items: center;
}

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

.additional_info > div {
    width: 50%;
    float: left;
}

.additional_info > div > span {
    display: block;
    margin-bottom: 10px;
}

.additional_info > div a {
    margin: 10px;
    border: 1px solid #4374b7;
    border-radius: 5px;
    /* margin: 10px!important; */
    /* margin-top: 10px; */
}

ul.social_list {
    list-style: none;
    display: flex;
    justify-content: space-around;
}

ul.social_list li {
    margin: 10px;
}

ul.social_list li a {
    /* margin-top: 23px; */
    padding: 10px;
    border: solid 1px #4374b7;
    border-radius: 5px;
}

.form-group .callback-input-error {
    display: none;
}

.form-group.error .callback-input-error {
    color: red;
    display: block;
}

.form-group.error input {
    border-color: red;
}

.row.brand-info span {
    display: block;
}

div#contact_block {
    background: #f5f5f5;
    border-radius: 5px;
    margin: 5px;
    padding: 20px;
    display: flex;
    align-items: center;
}

.option-out-of-stock .options-item {
    border: 1px solid #D8D8D8;
}

.options-toggle .option-out-of-stock input:checked + .options-item {
    border: 1px solid #D8D8D8;
}

.option-out-of-stock .options-image {
    opacity: 0.6;
}

.option-out-of-stock .options-name {
    color: #DADADA;
}

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

.product-brand__link {
    color: #383C42;
}

.product-question {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #ffa500;
}

.product-question__link {
    margin-left: 5px;
    vertical-align: middle;
    text-decoration: underline;
    cursor: pointer;
}

.container-main-title .cats ul.cats_list {
    display: none;
}

.container-main-title .cats.open ul.cats_list {
    display: block;
}

.cats .heading svg {
    display: none
}

.container-main-title .cats .heading svg {
    display: block;
    float: right;
}

.container-main-title .cats {
    border: 1px solid #000;
    padding: 10px;
}

.texts__product-notify1-textblock {
    /*display: flex;
    flex-direction: column;*/
}

.texts__product-notify2 {
    background-color: #d7f1fd;
}

.texts__product-notify1 {
    background-color: #fef7d1;
}


#modal-delivery-pay .modal-xl {
    min-width: 90%;
}

.delivery-pay__container.product-out-of-stock {
    color: #333333;
/*    opacity: 0.5;*/
}

.delivery-pay__container.product-out-of-stock .product-out-of-stock-hide-field {
    display: none;
}

#product_bottom_content {
    scroll-margin-top: 240px;
}

.product-cart-popup {
    display: none;
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.product-cart-popup.show {
    display: block !important;
}

.product-cart-popup__bg {
    position: absolute;
    background-color: rgba(0, 0, 0, .4);
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}

.product-cart-popup__window {
    background-color: white;
    position: absolute;
    z-index: 2;
    /*top: 10%;*/
    left: 10%;
    right: 10%;
    border-radius: 8px;
    box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.06);
}

.product-cart-popup__close {
    width: 32px;
    height: 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    cursor: pointer;
}

.product-cart-popup__header-text {
    font-size: 26px;
    font-weight: 700;
}

.product-cart-popup__product-container {
    position: relative;
}

.product-cart-popup__product-preloader {
    display: none;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, .1);
    z-index: 10;
}

.product-cart-popup__product-preloader.show {
    display: flex !important;
    justify-content: center;
    align-items: center;
}

.product-cart-popup__product-preloader > * {
    padding: 16px 40px;
    background-color: #fff;
    color: black;
    font-size: 18px;
    border-radius: 5px;
}

.product-cart-popup__products-header {
    display: flex;
    width: 100%;
    justify-content: space-between;
}

.product-cart-popup__product-item {
    position: relative;
    display: flex;
    width: calc(100% - 16px);
    justify-content: space-between;
    align-items: center;
}

.product-cart-popup__product-item:not(:last-child) {
    margin-bottom: 20px;
}

.product-cart-popup__sum-header,
.product-cart-popup__sum {
    /*width: 110px;*/
}

.product-cart-popup__qnt-header,
.product-cart-popup__qnt {
    /*width: 120px;*/
}

.product-cart-popup__total-header,
.product-cart-popup__total {
    /*width: 110px;*/
}

.product-cart-popup__product {
    display: flex;
    justify-content: start;
    align-items: center;
}

.product-cart-popup__del {
    cursor: pointer;
}

.product-cart-popup__product-empty {
    margin: 30px 20px;
    font-size: 18px;
}

.product-cart-popup__btn-continue {
    order: 1;
}

@media (max-width: 767px) {
    .product-search .container-main-title {
        margin-bottom: 0;
    }

    .product-cart-popup__close {
        top: 10px;
    }

    .product-cart-popup__products-header {
        display: none;
    }

    .product-cart-popup__product-item {
        flex-wrap: wrap;
        width: calc(100% - 12px);
    }

    .product-cart-popup__product {
        width: 100%;
        align-items: flex-start;
    }

    .product-cart-popup__btn-continue {
        order: 3;
        margin-bottom: 20px;
    }

    .product-cart-popup__btn-checkout {
        margin-top: 12px;
    }
}

.product-cart-popup__btn-continue {
    padding: 10px;
    /* border: 1px solid lightgray; */
}

.product-cart-popup__btn-checkout {
    order: 3;
    padding: 8px 16px;
    display: inline-flex;
    align-items: center;
    border-radius: 8px;
    background: #5C8DF5;
    color: #fff;
    font-weight: 500;
    border: none;
}

.product-cart-popup__btn-continue:hover,
.product-cart-popup__btn-checkout:hover {
    color: #fff;
}

/* Mobile search */
.mobile-search {
    position: fixed;
    top: 0;
    left: -100%;
    z-index: 999;
    flex-direction: column;
    width: 100%;
    height: 100vh;
    overflow-y: scroll;
    background-color: #fff;
    transition: left .3s;
    padding: 20px;
}

.mobile-search.open {
    left: 0;
}

button#search-btn svg {
    stroke: #fff;
}

@media (max-width: 768px) {
    button#search-btn svg {
        stroke: #000;
    }
}

div#search {
    display: block;
}

#search .form-control {
    padding-left: 50px;
    box-shadow: 0 1px 0px #cbcbcb;
}

button#search-close {
    position: absolute;
    z-index: 99;
    height: 45px;
    width: 48px;
    background: none;

}

.search-suggestion.product .name {
    height: 55px;
}

.mobile-catalog.catalog-information .login_block {
    display: flex;
    align-items: center;
}

.mobile-catalog.catalog-information .login_block img {
    margin-right: 16px;
}

.mobile-catalog.catalog-information .login_block a {
    padding: 0;
}

.mobile-catalog.catalog-information .login_block svg {
    width: 50px;
}

.mobile-catalog.catalog-information .mobile-catalog__panel {
    background: #f3f3f3;
}

.info_head {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.info_head .pull-left {
    float: right !important;
}

.mobile-catalog__inner ul.mobile-list {
    list-style: none;
}

.mobile-catalog__inner ul.mobile-list .cnt {
    background: #2c60a7;
    color: #fff;
    padding: 5px;
    border-radius: 50%;
    margin-left: 30px;
}

.bestseller-products__container .product-thumb:hover .product-attributes,
.special-products__container .product-thumb:hover .product-attributes {
    display: block;
}

.button-login {
    width: 100%;
    text-align: center;
    border: 1px solid #0061ca;
    color: #0061ca;
    background-color: transparent;
    padding: 20px;
    margin-top: 20px;
}

.checkout-simplecheckout #simplecheckout_customer .customer_data fieldset {
    width: 100%;
    float: none;
}

.checkout-simplecheckout .customer_data .row-customer_firstname,
.checkout-simplecheckout .customer_data .row-customer_lastname,
.checkout-simplecheckout .customer_data .row-customer_field26,
.checkout-simplecheckout .customer_data .row-customer_telephone {
    width: 48.985%;
    display: inline-block;
    vertical-align: top;
}

.checkout-simplecheckout .customer_data .row-customer_register {
    width: 100%;
}

.checkout-simplecheckout .customer_data .row-customer_password,
.checkout-simplecheckout .customer_data .row-customer_confirm_password {
    width: 49%;
    display: inline-block;
    vertical-align: top;
}

.checkout-simplecheckout #simplecheckout_customer .simplecheckout-block-content .customer_data .row-customer_confirm_password {
    margin-top: 0px;
}

@media (min-width: 1025px) {
    .checkout-simplecheckout #simplecheckout_customer .simplecheckout-block-content .customer_data fieldset {
        width: 100%;
    }

    .checkout-simplecheckout #simplecheckout_customer .simplecheckout-block-content .customer_data .row-customer_confirm_password {
        margin-top: 0px;
    }
}

.text-empty {
    margin-top: 30px;
}

@media (max-width: 767px) {
    .text-empty {
        margin-top: 20px;
        margin-bottom: 15px;
    }

    .checkout-simplecheckout .customer_data .row-customer_firstname,
    .checkout-simplecheckout .customer_data .row-customer_lastname,
    .checkout-simplecheckout .customer_data .row-customer_telephone,
    .checkout-simplecheckout .customer_data .row-customer_field26 {
        width: 100%;
    }

    .checkout-simplecheckout .customer_data .row-customer_register,
    .checkout-simplecheckout .customer_data .row-customer_password,
    .checkout-simplecheckout .customer_data .row-customer_confirm_password {
        width: 100%;
    }
}

/* скрыть кнопку "купить в 1 клик" если показывается кнопка "предзаказ" */
.mini-product__blockbottom.hide-one-click-btn .boc_order_btn,
.in-stock-buttons.hide-one-click-btn .boc_order_btn {
    display: none !important;
}

.product-thumb .button-add-cart button > svg {
    margin-right: 7px;
}

.stockstock-empty.text-danger > svg {
    display: none;
}

.stock-preorder.text-preorder svg path,
.stockstock-preorder.text-preorder svg path {
    stroke: #E78C05;
}

.stock-preorder.text-preorder, .stockstock-preorder.text-preorder {
    color: #E78C05;
}

.options-toggle .option-btn {
    border: 2px solid transparent;
}

.description-product-content-block img {
    display: block;
    margin: 0 auto;
    max-width: 100%;
    height: auto;
}

/*.product_desc.module-html__container.text-less .module-html__text p{
    display: none;
}
.product_desc.module-html__container.text-less .module-html__text_show{
    background:none;
}
.product_desc.module-html__container.text-less .module-html__text p:first-child {
    display: block!important;
}
.product_desc.module-html__container.text-less .module-html__text{
    max-height: fit-content;
    margin-bottom: 10px;
}
.product_desc.module-html__container.text-less .module-html__text_show{
    position: static;
}*/
#simplecheckout_coupon {
    display: none;
}

#clear-btn {
    right: 0;
    left: unset;
}

li.category, .dropdown-menu > div.category {
    width: auto;
    display: inline-block;
    border: 1px solid blue;
    margin: 7px;
    color: blue;
    border-radius: 10px;
}

.stockstock-success {
    display: none;
}

/* Apply flexbox to the container to make the items align in a row */
.search-suggestion.product {
    display: flex;
    flex-direction: row;
    align-items: center;
}

/* Adjust spacing and layout of individual elements */
.search-suggestion.product .image {
    margin-right: 10px; /* Adjust the margin as needed */
}

.search-suggestion.product .name {
    flex: 1; /* Allow the name to take up all available space */
}

.search-suggestion.product .cart {
    margin-left: auto; /* Push the cart button to the right */
}

/* Add some additional styling if needed */
.search-suggestion.product .price {
    font-weight: bold;
    margin-top: 5px;
}

.search-suggestion.product .quantity {
    margin-top: 5px;
}

.search-suggestion.product .stockstock-success {
    color: #00A949;
    font-weight: bold;
    margin-top: 5px;
}

.price {
    display: flex;
}

.price .price-old,
.price .percentage {
    display: inline-block;
}

span.more_text {
    right: 0;
    position: absolute;
}

.product-price {
    text-align: right;
    float: right;
    display: inline-block;
}

.cart-quantity {
    display: inline-block !important;
}

.product-name {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2; /* Вказує кількість рядків, які повинен відображати блок */
    text-overflow: ellipsis;
}

.cartLine-close {
    cursor: pointer;
    order: 3;
}

#cartLine {
    padding: 0;
    position: relative;
    margin-bottom: 16px;
}

#cartLine:before {
    position: absolute;
    content: '';
    background: transparent;
    top: -20px;
    left: 0;
    right: 0;
    height: 300px;
    width: 100%;
    z-index: -1;
}

.cartLine-content {
    background: #fff;
    border-radius: 12px;
    border: 1px solid #E6E7EA;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.cartLine-content .prod_list {
    margin-right: auto;
    padding-left: 28px;
}

.cartLine-content .prod_list li:not(:last-child) {
    margin-right: 10px;
}

.cart_info .cnt {
    font-size: 15px;
    line-height: 1.4;
}

.cart_info .summ {
    font-size: 14px;
    line-height: 1.476;
    padding-top: .7px;
}

.cartLine-content .prod_list img {
    max-height: 44px;
}

.cartLine-content .btn.btn-lisap-buy {
    min-width: 185px;
}

.cart_info {
    float: left;
}

.cartLine-content .cart_info .cart-line-text {
    font-size: 16px;
    line-height: 1.5;
    color: #676D79;
}

.cartLine-content .cart_info .cart-line-text .line-cnt {
    font-weight: 600;
    color: #383C42;
}

.cartLine-content .cart_info .summ {
    font-size: 12px;
    line-height: 1.3333333;
    color: #676D79;
}

.cartLine-content .cart-line-info {
    display: flex;
    flex-direction: column;
}

ul.prod_list {
    list-style: none;
    display: flex;
}

.open > button > svg {
    transform: rotate(180deg);
}

.product .name {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3; /* Вказує кількість рядків, які повинен відображати блок */
    text-overflow: ellipsis;
    max-height: 60px;
}

.product .search-suggestion .name .name{
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 2; /* Вказує кількість рядків, які повинен відображати блок */
    text-overflow: ellipsis;
    max-height: 40px;
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

.rotating-icon {
    animation: rotate 3s linear infinite;
}

.hide_mobile {
    display: none;
}

@media (min-width: 720px) {
    .only_mobile {
        display: none !important;
    }

    .hide_mobile {
        display: block;
    }

}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    background-image: url("/image/arrow-Icon.svg");
    background-color: transparent;
    background-size: contain;
    border: none !important;
    height: 20px !important;
    width: 20px !important;
    margin: auto !important;
    top: 10px !important;
    left: 0px !important;
}

input.select2-search__field {
    background-image: url(/image/search-brand.svg);
    background-repeat: no-repeat;
    margin-top: 3px;
}

.wishlist .done {
    display: none;
}

.wishlist.active .done {
    display: block;
}

.wishlist.active .not_done {
    display: none;
}

.compare .done {
    display: none;
}

.compare.active .done {
    display: block;
}

.compare.active .not_done {
    display: none;
}

.product-thumb:hover .features-buttons {
    display: flex !important;
}

span.name-text {
    display: -webkit-box !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
}

.trio__banners .banner__item > div {
    display: flex;
    border-radius: 12px;
    border: 1px solid #E6E7EA;
    padding: 16px;
    justify-content: space-between;
    height: 100%;
    gap: 8px;
}

.center_bottom_slide_inner {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    align-items: flex-start;
}

.owl-left,
.owl-right {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 4;
}

.options-color-list {
    display: block;
    padding: 2px;
    /*border: 1px solid #D0D2D7;*/
    /*box-shadow: 0px 1px 4px 0px rgba(0, 0, 0, 0.06), 0px 0px 2px 0px rgba(0, 0, 0, 0.06);*/
    box-shadow: 0px 0px 2px 0px #D0D2D7, 0px 0px 2px 0px #D0D2D7;
}

.colors span {
    width: 16px;
    height: 16px;
    display: inline-block;
    border-radius: 100px;
}

.colors {
    position: absolute;
    left: 50%;
    bottom: -30px;
    transform: translateX(-50%);
    width: 100%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
    align-items: center;
    justify-content: center;
}

.colors span.active {
    background-image: url(/image/check-color.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
}

.youtube_icon {
    position: absolute;
    top: 0;
    right: 0;
}

.col-sm-3.blog-popular {
    display: inline-block;
    vertical-align: top;
    margin-top: -115px;
}

.image-popular {
    display: flex;
    align-items: center;
}

.image-popular a {
    flex: 0 0 auto;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-html {
    max-height: 860px;
    overflow-y: scroll;
}

.switcher {
    text-align: center;
}

.switcher .active {
    border-bottom: 1px solid black;
}

.switcher a {
    cursor: pointer;
}

.iao-alert-box {
    right: 36% !important;
    top: 50px;
    max-width: 535px !important;
}

a.order-done-btn {
    float: right;
}

.search-block {
    position: relative;
    background: #F0F6FF;
    padding: 8px 0;
    transition: all .3s ease;
}

.input-container {
    position: relative;
    display: inline-block;
}

.search-icon {
    position: absolute;
    top: 50%;
    left: 12px; /* Розміщення зображення вправо від інпуту */
    transform: translateY(-50%);
}

span.name_icon {
    border: 1px solid black;
    /* padding: 10px; */
    border-radius: 50px;
    width: 45px;
    /* height: 45px; */
    text-align: center;
}

span.cart_mob_count {
    text-align: center;
    border: 1px solid black;
    border-radius: 50px;
    width: 23px;
    margin-left: 41px;
}

.lang_switcher {
}

.lang_switcher .list {
    float: right;
}

.lang_switcher a {
    width: auto;
    display: inline;
}

span.sub_mobile_item {
    font-size: 13px;
}

.mobile-item-withsub_title {
    height: auto !important;
}

.mobile-catalog__subtitle {
    color: #676D79;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
}

.mobile-catalog.catalog-information .mobile-item-phone {
    padding: 9px 16px;
    appearance: none;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0 12px;
    border-radius: 8px;
    border: 1px solid #E6E7EA;
    font-weight: 500;
}

.mobile-catalog.catalog-information .mobile-item-phone .phone__link {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 4px;
}

.btn-call-me-mobile {
    margin: 0 auto;
}

span.mobile-item-open-text {
    width: calc(100% - 30px);
    margin: 0 15px;
    padding: 6px;
    color: #000;
    font-weight: 400;
    font-size: 15px;
    line-height: 2.267;
    appearance: none;
    display: flex;
    align-items: center;
    text-align: center;
    margin: 0 auto;
}

.show_sticky {
    display: none !important;
}

.sticky .show_sticky {
    display: block !important;
}

.sticky .hide_sticky {
    display: none !important;
}
    .ocf-btn-mobile-static>.ocf-btn{
        display: none;
    }
@media (max-width: 767px) {
    #btn_to_top{
        bottom: 140px;
        right: 8px;
    }

    .header-logo {
        position: absolute;
        top: 50%;
        left: 25%;
        transform: translate(-50%, -50%);
        margin: auto;
        z-index: 1;
    }
}

.spec-close {
    position: relative;
    top: -34px;
    right: 0px;
    z-index: 99;
}

button.btn.search-close-btn2 {
    background: unset;
    padding: 0;
}

.navigation {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 16px;
}

.mobile-catalog__title {
    flex-grow: 1; /* This will make the title take up the available space */
    text-align: center;
}

.container-flex {
    display: flex;
    align-items: center;
}

.photo_without_image2 {
    width: 100px;
    height: 100px;
    background-color: #f0f0f0;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    margin-right: 10px; /* Додано відступ для розділення блоків */
}

.button {
    padding: 10px 20px;
    background-color: white;
    color: black;
    border: 1px solid black;
    border-radius: 5px;
    cursor: pointer;
    margin-bottom: unset;
    margin-right: 10px;
}

#photoBlock img {
    border-radius: 50%;
}

a.order_history_more_button svg {
    transform: rotate(180deg);
}

a.collapsed.order_history_more_button svg {
    transform: rotate(360deg);
}

.product-info .image {
    display: flex;
}

.loadmore {
    margin: 16px auto 0 auto;
    padding-top: 8px;
    width: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    max-width: 200px;
    color: #969CA6;
    font-size: 12px;
    line-height: 1.33333;
}

.loadmore .btn-loadmore {
    margin-top: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    padding: 8px;
    border-radius: 8px;
    border: 1px solid #E6E7EA;
    height: 36px;
    color: #383C42;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857;
    background: #fff;
    transition: all .3s ease;
}

.loadmore .btn-loadmore:hover {
    color: #1950C8;
    background: #fff;
    border-color: #E6E7EA;
}

.search-preorder label {
    margin-right: 10px;
}

.wrap_cat {
    display: flex;
    position: unset;
    background: #fff;
}

.nav_cat_numbers {
    position: absolute;
    top: -50px;
    right: 0;
    color: #969CA6;
}

.nav_cat_numbers .num1 {
    color: #383C42;
}

.cartLine-content .userblock-icon {
    width: 40px;
    height: 40px;
}

.cartLine-content .userblock-icon .userblock-count {
    right: 0;
    top: 3px;
}

.mobile-top .mobile-contacts__search-link {
    position: relative;
}

[class*="product-product-"] .review_head>a {
    color: #1950C8;
    cursor: pointer;
    margin-top: 24px;
    display: block;
}
.manufacturer-info-categories .item:hover{
    background: #5C8DF5;
    color: #fff;
}
.show-mob {
    display: none
}

.show-pc {
    display: none
}
.review-container .btn-light:hover, .review-container .btn-light:active, .review-container .btn-light:focus{
    color: #1950C8;
    background: none;
    text-decoration: underline;
    box-shadow: none;
}

@media (max-width: 768px) {
    .show-mob {
        display: block
    }
    #content>.info-content{
        max-width: 100%;
        overflow: auto;
    }
}

@media (min-width: 768px) {
    .show-pc {
        display: block
    }
    #bwc-chat-omnichannel{
        display: none !important;
    }
    .product-compare-category .topscroll, .product-compare-category .attr-table__wrapper{
        scrollbar-color: #6790e4 #F1F2F3;
    }
}
.simplecheckout-right-column>.alert{
    margin-bottom: 10px;
}
#scroll_by_price #button-ukrcredits{
    display: none;
}
.advice .description.text-collapse:before, .advice .description.text-collapse:after{
    display: none;
}
.review-container .allready-buy{
    display: none;
}


.topbar-banner {
    position: relative;
}

.topbar-banner-link {
    position: absolute;
    inset: 0;
    z-index: 1;
}

.topbar-banner-inner {
    position: relative;
    z-index: 2;
}

.topbar-close {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    z-index: 3;
    cursor: pointer;
}

#product .texts__product-notify1.yellow{
    background: none;
    border-color: rgb(253, 230, 23);
}
/* FIX: product fixed tabs should not overlap opened mobile menu */
@media (max-width: 767px) {
  body.mm-wrapper_opening #product_nav_tabs,
  body.mm-wrapper_opened #product_nav_tabs,
  body.mm-wrapper--opened #product_nav_tabs,
  body.mm-wrapper_opening .nav-tabs-menu,
  body.mm-wrapper_opened .nav-tabs-menu,
  body.mm-wrapper--opened .nav-tabs-menu,
  body.menu-open #product_nav_tabs,
  body.menu-opened #product_nav_tabs,
  body.mobile-menu-open #product_nav_tabs {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    z-index: 1 !important;
  }
}
/* ==========================================================
   BEZPEKA OUTLET FRONTEND V2
   ========================================================== */

/* Sticker */
#xdsticker_10,
.product-sticker #xdsticker_10,
.xdstickers_wrapper #xdsticker_10 {
    background: #D75D42 !important;
    color: #fff !important;
    border-radius: 6px !important;
}

/* Short outlet reason inside native product hover attributes */

/* BEZPEKA_OUTLET_CARD_REASON_SIMPLE_V39 */

.product-main-grid .product-thumb .bezpeka-outlet-card-reason,
.product-module .product-thumb .bezpeka-outlet-card-reason,
.related-products__container .product-thumb .bezpeka-outlet-card-reason {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;

    margin-top: 4px !important;
    margin-bottom: 0 !important;
    padding: 0 !important;

    border: 0 !important;
    border-radius: 0 !important;

    background: transparent !important;
    box-shadow: none !important;

    font-size: 12px;
    line-height: 1.33333;
    text-align: left;

    overflow: visible;
}

.product-main-grid .product-thumb .bezpeka-outlet-card-reason::before,
.product-module .product-thumb .bezpeka-outlet-card-reason::before,
.related-products__container .product-thumb .bezpeka-outlet-card-reason::before {
    content: none !important;
    display: none !important;
}

.product-main-grid .product-thumb
.bezpeka-outlet-card-reason .product-attributes__name,
.product-module .product-thumb
.bezpeka-outlet-card-reason .product-attributes__name,
.related-products__container .product-thumb
.bezpeka-outlet-card-reason .product-attributes__name {
    display: inline;

    margin: 0 4px 0 0 !important;

    color: #B64E38 !important;

    font-size: 12px;
    line-height: 1.33333;
    font-weight: 600;
}

.product-main-grid .product-thumb
.bezpeka-outlet-card-reason .product-attributes__description,
.product-module .product-thumb
.bezpeka-outlet-card-reason .product-attributes__description,
.related-products__container .product-thumb
.bezpeka-outlet-card-reason .product-attributes__description {
    display: inline;

    margin: 0 !important;

    color: #676D79 !important;

    font-size: 12px;
    line-height: 1.33333;
    font-weight: 400;
}

/* END BEZPEKA_OUTLET_CARD_REASON_SIMPLE_V39 */

/* ----------------------------------------------------------
   MAIN PRODUCT — OUTLET CONDITION
   ---------------------------------------------------------- */

.bezpeka-outlet-reason {
    position: relative;

    margin: 10px 0 18px;
    padding: 14px 16px 14px 18px;

    border: 1px solid #EEE2DE;
    border-radius: 12px;

    background:
        linear-gradient(
            135deg,
            #FFF9F6 0%,
            #FFFFFF 72%
        );

    box-shadow:
        0 3px 14px rgba(37, 42, 49, .045);

    overflow: hidden;
}

.bezpeka-outlet-reason::before {
    content: '';

    position: absolute;
    left: 0;
    top: 11px;
    bottom: 11px;

    width: 3px;

    border-radius: 0 4px 4px 0;

    background: #D75D42;
}

.bezpeka-outlet-reason__title {
    display: flex;
    align-items: center;

    margin: 0 0 5px;

    color: #9E4937;

    font-size: 13px;
    line-height: 1.3;
    font-weight: 600;
}

.bezpeka-outlet-reason__text {
    color: #4E535B;

    font-size: 14px;
    line-height: 1.5;
    font-weight: 400;
}

/* ----------------------------------------------------------
   RELATED NEW / OUTLET PRODUCT
   ---------------------------------------------------------- */

.bezpeka-outlet-related {
    margin: 14px 0 20px;
}

.bezpeka-outlet-related__title {
    margin: 0 0 8px;

    color: #626872;

    font-size: 13px;
    line-height: 1.35;
    font-weight: 500;
}

.bezpeka-outlet-related__list {
    display: flex;
    flex-direction: column;

    gap: 8px;
}

.bezpeka-outlet-related__item {
    position: relative;

    display: grid;
    grid-template-columns: 60px minmax(0, 1fr) auto;
    align-items: center;

    gap: 11px;

    width: 100%;
    min-height: 78px;

    padding: 9px 11px;

    border: 1px solid #E5E8EC;
    border-radius: 11px;

    background: #fff;

    text-decoration: none !important;

    transition:
        border-color .18s ease,
        box-shadow .18s ease,
        transform .18s ease;
}

.bezpeka-outlet-related__item:hover,
.bezpeka-outlet-related__item:focus {
    border-color: #CCD2D9;

    box-shadow:
        0 5px 18px rgba(30, 39, 51, .08);

    text-decoration: none !important;

    transform: translateY(-1px);
}

.bezpeka-outlet-related__item.is-outlet {
    border-color: #EAD6D0;

    background:
        linear-gradient(
            135deg,
            #FFFBF9 0%,
            #FFFFFF 65%
        );
}

/* Image */

.bezpeka-outlet-related__image {
    width: 60px;
    height: 60px;

    display: flex;
    align-items: center;
    justify-content: center;

    overflow: hidden;

    border-radius: 8px;

    background: #FAFAFB;
}

.bezpeka-outlet-related__image img {
    display: block;

    width: 100%;
    height: 100%;

    object-fit: contain;
}

/* Content */

.bezpeka-outlet-related__content {
    min-width: 0;

    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

/* Status badge */

.bezpeka-outlet-related__badge {
    display: inline-flex;
    align-items: center;

    min-height: 20px;

    margin-bottom: 4px;
    padding: 3px 7px;

    border-radius: 5px;

    background: #EEF5F0;
    border: 1px solid #DCE9DF;

    color: #4B7356;

    font-size: 10px;
    line-height: 1.2;
    font-weight: 600;

    letter-spacing: .01em;
}

.bezpeka-outlet-related__item.is-outlet
.bezpeka-outlet-related__badge {
    position: absolute;
    z-index: 3;

    top: 7px;
    left: 7px;

    padding: 0 6px !important;
    margin: 0 !important;

    height: 18px;
    min-height: 18px;

    display: flex !important;
    align-items: center;
    justify-content: center;

    border: 0 !important;
    border-radius: 100px;

    background-color: #D74444 !important;
    color: #ffffff !important;

    font-weight: 500;
    font-size: 9px;
    line-height: 1;

    text-transform: uppercase;

    width: fit-content;
    white-space: nowrap;

    box-shadow: none !important;
}

/* Product name */

.bezpeka-outlet-related__name {
    display: block;

    color: #343942;

    font-size: 13px;
    line-height: 1.35;
    font-weight: 500;
}

/* Outlet reason inside linked item */

.bezpeka-outlet-related__reason {
    display: block;

    margin-top: 4px;

    color: #7E6862;

    font-size: 11px;
    line-height: 1.35;
}

.bezpeka-outlet-related__reason strong {
    color: #A9503D;
    font-weight: 500;
}

/* Price */

.bezpeka-outlet-related__prices {
    display: flex;
    flex-direction: column;
    align-items: flex-end;

    min-width: 82px;

    margin-left: 6px;

    white-space: nowrap;
}

.bezpeka-outlet-related__price,
.bezpeka-outlet-related__price-new {
    color: #30353C;

    font-size: 15px;
    line-height: 1.25;
    font-weight: 600;
}

.bezpeka-outlet-related__item.is-outlet
.bezpeka-outlet-related__price,
.bezpeka-outlet-related__item.is-outlet
.bezpeka-outlet-related__price-new {
    color: #C6523A;
}

.bezpeka-outlet-related__price-old {
    margin-top: 2px;

    color: #969BA3;

    font-size: 11px;
    line-height: 1.2;

    text-decoration: line-through;
}

/* ----------------------------------------------------------
   MOBILE
   ---------------------------------------------------------- */

@media (max-width: 767px) {

    .bezpeka-outlet-reason {
        margin: 9px 0 15px;
        padding: 12px 13px 12px 16px;

        border-radius: 10px;
    }

    .bezpeka-outlet-reason__title {
        font-size: 12px;
    }

    .bezpeka-outlet-reason__text {
        font-size: 13px;
        line-height: 1.45;
    }

    .bezpeka-outlet-related {
        margin: 12px 0 17px;
    }

    .bezpeka-outlet-related__item {
        grid-template-columns: 52px minmax(0, 1fr);

        gap: 9px;

        min-height: 70px;

        padding: 8px;

        border-radius: 10px;
    }

    .bezpeka-outlet-related__image {
        width: 52px;
        height: 52px;

        border-radius: 7px;
    }

    .bezpeka-outlet-related__name {
        font-size: 12px;
    }

    .bezpeka-outlet-related__prices {
        grid-column: 2;

        align-items: flex-start;

        min-width: 0;

        margin:
            -2px
            0
            0;
    }

    .bezpeka-outlet-related__price,
    .bezpeka-outlet-related__price-new {
        font-size: 14px;
    }
}

/* END BEZPEKA OUTLET FRONTEND V2 */

/* BEZPEKA_OUTLET_HOVER_V31 */
.bezpeka-outlet-related__item:hover,
.bezpeka-outlet-related__item:focus {
    border-color: #5C8DF5 !important;
    box-shadow: none !important;
    transform: none !important;
}

/* Safety: ordinary/new product must not have a badge */
.bezpeka-outlet-related__item.is-new
.bezpeka-outlet-related__badge {
    display: none !important;
}
/* END BEZPEKA_OUTLET_HOVER_V31 */

/* BEZPEKA_OUTLET_RELATED_VISUAL_V33 */

/*
 * Outlet linked product must use exactly the same neutral
 * card surface as a normal linked product.
 */
.bezpeka-outlet-related__item.is-outlet {
    position: relative;

    background: #fff !important;
    border-color: #E5E8EC !important;
}

/*
 * Outlet price inside related block should not recolor
 * the whole linked-product presentation.
 */
.bezpeka-outlet-related__item.is-outlet
.bezpeka-outlet-related__price,
.bezpeka-outlet-related__item.is-outlet
.bezpeka-outlet-related__price-new {
    color: #30353C !important;
}

/*
 * "Уцінка" behaves as a real product sticker:
 * corner overlay instead of a label before the product name.
 */
.bezpeka-outlet-related__item.is-outlet
.bezpeka-outlet-related__badge {
    position: absolute;
    z-index: 3;

    top: 7px;
    left: 7px;

    padding: 0 6px !important;
    margin: 0 !important;

    height: 18px;
    min-height: 18px;

    display: flex !important;
    align-items: center;
    justify-content: center;

    border: 0 !important;
    border-radius: 100px;

    background-color: #D74444 !important;
    color: #ffffff !important;

    font-weight: 500;
    font-size: 9px;
    line-height: 1;

    text-transform: uppercase;

    width: fit-content;
    white-space: nowrap;

    box-shadow: none !important;
}

/*
 * Reason remains under the product name.
 */
.bezpeka-outlet-related__item.is-outlet
.bezpeka-outlet-related__reason {
    margin-top: 4px;

    color: #6F737A;
}

.bezpeka-outlet-related__item.is-outlet
.bezpeka-outlet-related__reason strong {
    color: #B44D37;
    font-weight: 600;
}

/*
 * Locked hover behaviour from the approved design:
 * blue border only, no shadow, no movement.
 */
.bezpeka-outlet-related__item:hover,
.bezpeka-outlet-related__item:focus,
.bezpeka-outlet-related__item.is-outlet:hover,
.bezpeka-outlet-related__item.is-outlet:focus {
    border-color: #5C8DF5 !important;
    box-shadow: none !important;
    transform: none !important;
}



/* END BEZPEKA_OUTLET_RELATED_VISUAL_V33 */

/* BEZPEKA_OUTLET_CARD_LAYOUT_V37 */

/*
 * Outlet uses the same product-main-grid card structure as catalog.
 *
 * A sparse /outlet/ row must not depend on another card in the row
 * to establish its visible height. Keep the normal card surface,
 * but let its content define the height in the default state.
 */
body[class*="product-outlet"]
.product-main-grid .product-layout .product-thumb,
.product-outlet
.product-main-grid .product-layout .product-thumb {
    height: auto !important;
    overflow: hidden;
}

/*
 * main.css has a legacy fixed height for product-bottom.
 * For outlet allow the normal price / stock / button content
 * to determine the required height.
 */
body[class*="product-outlet"]
.product-main-grid .product-thumb .product-bottom,
.product-outlet
.product-main-grid .product-thumb .product-bottom {
    height: auto !important;
    padding-bottom: 0 !important;
}

/*
 * Space belongs to the stock row itself.
 * It therefore increases the real card height instead of pushing
 * content outside a fixed-height box.
 */
body[class*="product-outlet"]
.product-main-grid .product-thumb .product-bottom > .stock,
.product-outlet
.product-main-grid .product-thumb .product-bottom > .stock {
    margin-top: 8px !important;
}

/* No artificial margin on the price. */
body[class*="product-outlet"]
.product-main-grid .product-thumb .product-bottom > .price,
.product-outlet
.product-main-grid .product-thumb .product-bottom > .price {
    margin-bottom: 0 !important;
}

/* END BEZPEKA_OUTLET_CARD_LAYOUT_V37 */

/* BEZPEKA_OUTLET_REASON_HOVER_V41 */

/*
 * Desktop hover:
 * "Причина уцінки" йде одразу після "Код товару",
 * але візуально не прилипає ні до коду, ні до характеристик.
 */
.product-attributes__item.bezpeka-outlet-card-reason--hover {
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;

    margin-top: 6px !important;
    margin-bottom: 8px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;

    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}

.product-attributes__item.bezpeka-outlet-card-reason--hover
.product-attributes__name {
    display: inline;

    margin: 0 4px 0 0 !important;

    color: #B64E38 !important;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 600;
}

.product-attributes__item.bezpeka-outlet-card-reason--hover
.product-attributes__description {
    display: inline;

    margin: 0 !important;

    color: #676D79 !important;

    font-size: 12px;
    line-height: 1.4;
    font-weight: 400;
}

/* END BEZPEKA_OUTLET_REASON_HOVER_V41 */

/* BEZPEKA_OUTLET_REASON_STATIC_V411 */

/*
 * Desktop:
 * static copy is hidden.
 * The normal V41 hover reason remains under "Код товару".
 */
.bezpeka-outlet-card-reason--static {
    display: none !important;
}


/*
 * BRAND PRODUCT PAGE
 *
 * This page suppresses the normal attributes-hover UX,
 * therefore show one compact static condition row.
 */
body[class*="product-manufacturer-info-"]
.bezpeka-outlet-card-reason--static {
    display: flex !important;
    align-items: baseline;
    flex-wrap: wrap;

    width: 100%;

    margin: 4px 0 6px !important;
    padding: 0 !important;

    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body[class*="product-manufacturer-info-"]
.bezpeka-outlet-card-reason--hover {
    display: none !important;
}


/*
 * MOBILE / TOUCH LAYOUT
 *
 * Do not depend on hover.
 * Show only the compact static reason.
 */
@media (max-width: 767.98px) {

    .bezpeka-outlet-card-reason--static {
        display: flex !important;
        align-items: baseline;
        flex-wrap: wrap;

        width: 100%;

        margin: 3px 0 5px !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        box-shadow: none !important;

        font-size: 12px;
        line-height: 1.33333;
    }

    .bezpeka-outlet-card-reason--hover {
        display: none !important;
    }
}


/*
 * Approved V39 visual:
 * red label + ordinary dark reason.
 */
.bezpeka-outlet-card-reason--static
.product-attributes__name {
    display: inline;

    margin: 0 4px 0 0 !important;

    color: #B64E38 !important;

    font-size: 12px;
    line-height: 1.33333;
    font-weight: 600;
}

.bezpeka-outlet-card-reason--static
.product-attributes__description {
    display: inline;

    margin: 0 !important;

    color: #676D79 !important;

    font-size: 12px;
    line-height: 1.33333;
    font-weight: 400;
}

/* END BEZPEKA_OUTLET_REASON_STATIC_V411 */

/* BEZPEKA_OUTLET_REASON_LAYOUT_V414 */

/*
 * Ordinary mobile cards.
 *
 * Do NOT apply to manufacturer pages:
 * brand cards already have their own good-looking layout.
 */
@media (max-width: 767.98px) {

    body:not([class*="product-manufacturer-info-"])
    .bezpeka-outlet-card-reason--static {
        display: flex !important;
        align-items: baseline;
        flex-wrap: wrap;

        width: 100%;

        margin-top: 7px !important;
        margin-bottom: 10px !important;
        padding: 0 !important;

        border: 0 !important;
        border-radius: 0 !important;

        background: transparent !important;
        box-shadow: none !important;

        font-size: 13px;
        line-height: 1.38;
        text-align: left;
    }

    body:not([class*="product-manufacturer-info-"])
    .bezpeka-outlet-card-reason--static
    .product-attributes__name {
        display: inline;

        margin: 0 5px 0 0 !important;

        color: #B64E38 !important;

        font-size: 13px;
        line-height: 1.38;
        font-weight: 600;
    }

    body:not([class*="product-manufacturer-info-"])
    .bezpeka-outlet-card-reason--static
    .product-attributes__description {
        display: inline;

        margin: 0 !important;

        color: #676D79 !important;

        font-size: 13px;
        line-height: 1.38;
        font-weight: 400;
    }
}

/* END BEZPEKA_OUTLET_REASON_LAYOUT_V414 */

/* BEZPEKA_OUTLET_REASON_TUNING_V417 */

/*
 * 1. MOBILE outlet/category/search cards:
 * give normal space between outlet reason and rating.
 */
@media (max-width: 767.98px) {
    body:not([class*="product-manufacturer-info-"])
    .product-thumb .bezpeka-outlet-card-reason--static {
        display: block !important;
        margin-top: 6px !important;
        margin-bottom: 12px !important;
    }

    body:not([class*="product-manufacturer-info-"])
    .product-thumb .bezpeka-outlet-card-reason--static + .rating,
    body:not([class*="product-manufacturer-info-"])
    .product-thumb .bezpeka-outlet-card-reason--static + .product-rating,
    body:not([class*="product-manufacturer-info-"])
    .product-thumb .bezpeka-outlet-card-reason--static + .product-bottom__rating {
        margin-top: 6px !important;
    }
}

/*
 * 2. Hover / expanded cards:
 * give normal space between reason and following characteristics.
 */
.product-main-grid .product-thumb .bezpeka-outlet-card-reason,
.product-module .product-thumb .bezpeka-outlet-card-reason,
.related-products__container .product-thumb .bezpeka-outlet-card-reason {
    margin-top: 6px !important;
    margin-bottom: 8px !important;
}

.product-main-grid .product-thumb .bezpeka-outlet-card-reason + .product-attributes,
.product-module .product-thumb .bezpeka-outlet-card-reason + .product-attributes,
.related-products__container .product-thumb .bezpeka-outlet-card-reason + .product-attributes,
.product-main-grid .product-thumb .bezpeka-outlet-card-reason + .attributes,
.product-module .product-thumb .bezpeka-outlet-card-reason + .attributes,
.related-products__container .product-thumb .bezpeka-outlet-card-reason + .attributes {
    margin-top: 4px !important;
}

/*
 * 3. Brand cards:
 * pull reason closer to title, but keep stock block below as before.
 */
body[class*="product-manufacturer-info-"]
.product-thumb .bezpeka-outlet-card-reason--static {
    display: block !important;
    margin-top: 6px !important;
    margin-bottom: 10px !important;
}

body[class*="product-manufacturer-info-"]
.product-thumb .name + .bezpeka-outlet-card-reason--static,
body[class*="product-manufacturer-info-"]
.product-thumb .product-name + .bezpeka-outlet-card-reason--static {
    margin-top: 4px !important;
}

/* END BEZPEKA_OUTLET_REASON_TUNING_V417 */

/* BEZPEKA_OUTLET_HIDE_SALE_V450 */

/*
 * Sticker priority:
 *
 * Уцінка > Акція / Знижка
 *
 * When outlet sticker xdsticker_10 exists,
 * do not show the sale sticker.
 *
 * Price/special data itself is NOT changed.
 */
.xdstickers_wrapper:has(.xdsticker_10) .xdsticker_sale,
.xdstickers_wrapper:has(.xdsticker_10) .xdsticker_1,
.product-sticker:has(.xdsticker_10) .xdsticker_sale,
.product-sticker:has(.xdsticker_10) .xdsticker_1 {
    display: none !important;
}

/* END BEZPEKA_OUTLET_HIDE_SALE_V450 */

/* BEZPEKA_OUTLET_NEW_LABEL_COLOR_V452 */

.bezpeka-outlet-related__reason--new,
.bezpeka-outlet-related__reason--new strong {
    color: #3FA260 !important;
}

/* END BEZPEKA_OUTLET_NEW_LABEL_COLOR_V452 */
