@import url(fonts/montserrat-fonts.css);

body {
    font-weight: 400;
    color: #333;
    font-size: 14px;
    line-height: 20px;
    width: 100%;
    font-family: Montserrat, sans-serif !important;
}

.f-col-sm-6_footer {
    -ms-flex: 0 0 33%;
    flex: 0 0 50%;
    max-width: 33%;
}

.radio.radio-square {
    display: contents;
}

header {
    background: #fff;
    position: relative;
}

.phone_fix .text_after_phone {
    display: none;
}

.text-xs-left {
    text-align: left;
}

.text-xs-right {
    text-align: right;
}

.text-xs-center {
    text-align: center;
}

.text-xs-center-newsletter {
    text-align: center;
    margin-bottom: 5px;
}

.text-xs-justify {
    text-align: justify;
}

.justify-content-xs-end {
    justify-content: flex-end;
}

.justify-content-end {
    -ms-flex-pack: end !important;
    justify-content: flex-end !important;
}

.justify-content-between {
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.row-flex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

.f-col-xs-12,
.f-col-sm-6
.f-col-sm-6_footer
.f-col-md-4,
.f-col-lg-3,
.item-col-5 {
    padding-right: 10px;
    padding-left: 10px;
}

.f-col-xs-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
    max-width: 50%;
}

.f-col-xs-12 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

@media (max-width: 768px) {
    .d-xs-flex {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .flex-xs-nowrap {
        -ms-flex-wrap: nowrap !important;
        flex-wrap: nowrap !important;
    }
}

@media (min-width: 768px) {
    .d-sm-block {
        display: block !important;
    }

    .flex-sm-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .f-col-sm-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }

    .text-sm-left {
        text-align: left;
    }

    .text-sm-right {
        text-align: right;
    }

    .text-sm-center {
        text-align: center;
    }

    .text-sm-justify {
        text-align: justify;
    }

    .justify-content-sm-end {
        justify-content: flex-end;
    }

    .col-sm-auto {
        width: auto;
    }
}

#column-left, #column-right {
    display: none;
}

.fixed-goods-menu {
    display: none;
}

.h-shadow {
    /* border-bottom: 1px solid #f8f9fa; */
}

@media (min-width: 992px) {
    header {
        z-index: 101;
    }

    .h-shadow {
        background: linear-gradient(90deg, #51357D 0%, #8672D2 0%, #6A42BF 100%);
        height: 67px;
        padding-top: 6px !important;
        padding-bottom: 6px;
    }

    #logo img {
        width: 56px;
        height: 54px;
        margin-right: 4px !important;
    }

    .logo-top {
        width: fit-content;
    }

    #column-left, #column-right {
        display: block;
    }

    .flex-md-wrap {
        -ms-flex-wrap: wrap !important;
        flex-wrap: wrap !important;
    }

    .f-col-md-4 {
        -ms-flex: 0 0 33.3333333333%;
        flex: 0 0 33.3333333333%;
        max-width: 33.3333333333%;
    }

    .text-md-left {
        text-align: left;
    }

    .text-md-right {
        text-align: right;
    }

    .text-md-center {
        text-align: center;
    }

    .text-md-justify {
        text-align: justify;
    }

    .justify-content-md-center {
        justify-content: center;
    }

    .col-md-offset-right-3 {
        margin-right: 25% !important;
    }

    .flex-1 {
        flex: 1;
    }

    .f-order-3 {
        -ms-flex-order: 3;
        order: 3;
    }

    .cart_fix.col-md-2,
    .cart_fix.col-md-1,
    .box-cart.col-md-2,
    .box-cart.col-md-1 {
        width: auto;
        -ms-flex-order: 4;
        order: 4;
    }

    .col-auto {
        width: auto;
    }

    .h-sticky #logo {
        padding: 0px;
    }

    html.vw-100 {
        overflow-y: scroll;
        height: 100vh;
    }

    html.vw-100 body {
        height: 100vh;
        overflow: hidden;
    }

    .vw-100 .htop-b-pc,
    .vw-100 nav#top,
    .vw-100 .fix-header-2 {
        z-index: 1007;
        position: relative;
    }

    .fix-header-2.h-sticky {
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1007;
    }

    .pr-17 .fixed-goods-menu {
        padding-right: 17px;
    }

    .fixed-goods-menu {
        padding: 0px;
        position: fixed;
        bottom: -1px;
        right: 0px;
        left: 0px;
        z-index: 1010;
        display: block;
    }

    .fixed-goods-bar {
        background: #2F4050;
        display: flex;
        align-items: center;
        justify-content: center;
        flex-wrap: nowrap;
        border-radius: 0px 8px 0px 0px;
        position: relative;
        float: left;
        bottom: 44px;
        margin-bottom: -44px;
        box-shadow: 0px -5px 18px rgba(0, 0, 0, 0.05);
        padding-left: 5px;
        padding-right: 5px;
    }

    .content_viewed {
        max-height: 0px;
        background: #fff;
        border-top: 1px solid #f8f9fa;
        transition: max-height .5s ease;
    }

    .content_viewed.open-viewed {
        box-shadow: 0px -5px 18px rgba(0, 0, 0, 0.05);
        max-height: 368px;
    }

    .content_viewed .slick-mod-arrow {
        top: 50%;
        margin-top: -18px;
        width: 36px;
        height: 36px;
        opacity: 0;
        z-index: 1;
        line-height: 43px;
        border-radius: 8px;
        text-align: center;
    }

    .content_viewed .slick-mod-arrow.prev-prod {
        right: auto;
        left: -80px;
    }

    .content_viewed .slick-mod-arrow.next-prod {
        right: -80px;
    }

    .content_viewed:hover .slick-mod-arrow {
        opacity: 1;
    }

    .content_viewed:hover .slick-mod-arrow.next-prod {
        right: -40px;
        transition: all .2s ease;
    }

    .content_viewed:hover .slick-mod-arrow.prev-prod {
        left: -40px;
        transition: all .2s ease;
    }

    .content_viewed .container-module {
        margin: 0px;
        padding: 10px 60px;
    }

    .content_viewed .product-thumb .image {
        min-height: 8em !important;
    }

    .content_viewed .product-name {
        height: 40px;
        overflow: hidden;
        min-height: 40px;
    }

    .content_viewed .btn-remove {
        position: absolute;
        top: -35px;
        right: -35px;
        opacity: 0;
        box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.09);
        -webkit-transition: all .2s ease;
        transition: all .2s ease;
    }

    .content_viewed .product-thumb:hover .btn-remove {
        top: 15px;
        right: 15px;
        opacity: 1;
        z-index: 10;
    }

    .content_viewed .container-module .product-name a {
        font-size: 13px !important;
    }

    .content_viewed .container-module .actions .btn-general {
        padding: 5px 7px;
    }

    .product-slider.module-viewed .slick-track {
        margin-left: auto;
    }

    .fixed-goods-menu .box-wishlist .text-wishlist,
    .fixed-goods-menu .box-compare .text-compare,
    .fixed-goods-menu .box-viewed-pc .text-viewed {
        color: #B2BBC5;
        padding: 0px 15px;
    }

    .fixed-goods-menu .box-wishlist:hover .text-wishlist,
    .fixed-goods-menu .box-compare:hover .text-compare,
    .fixed-goods-menu .box-viewed-pc:hover .text-viewed {
        color: #fff;
    }

    .fixed-goods-menu .box-viewed-pc {
        position: relative;
    }

    .fixed-goods-menu .box-wishlist, .fixed-goods-menu .box-compare {
        margin-right: 10px;
        margin-top: 0px;
        display: inline-block;
        position: relative;
    }

    .fixed-goods-menu .box-compare:after,
    .fixed-goods-menu .box-wishlist::after {
        position: absolute;
        content: "";
        border-right: 1px dashed #122538;
        right: -5px;
        display: block;
        width: 1px;
        height: 28px;
        top: 6px;
    }

    .fixed-goods-menu .btn-viewed-pc,
    .fixed-goods-menu .btn-wishlist-top, .fixed-goods-menu .btn-compare-top {
        background: transparent;
        height: 44px;
        width: 100%;
        border-radius: 0px;
        display: flex;
        flex-wrap: nowrap;
        align-items: center;
        justify-content: center;
        padding: 0px 30px 0px 15px;
        line-height: 1;
    }

    .fixed-goods-menu .btn-viewed-pc .v-icon,
    .fixed-goods-menu .btn-wishlist-top .wl-icon, .fixed-goods-menu .btn-compare-top .co-icon {
        margin-top: 2px;
    }

    .fixed-goods-menu .viewed-quantity {
        position: absolute;
    }

    .fixed-goods-menu .viewed-quantity, .fixed-goods-menu .wishlist-quantity, .fixed-goods-menu .compare-quantity {
        width: 22px;
        height: 22px;
        border-radius: 4px;
        background: #122538;
        top: 50%;
        right: 15px;
        margin-top: -11px;
        color: #fff;
        font-size: 12px;
        line-height: 22px;
        text-align: center;
    }

    .fixed-goods-menu .btn-viewed-pc:hover svg path {
        fill: #fff;
    }

    .fixed-goods-menu .btn-wishlist-top:hover svg path, .fixed-goods-menu .btn-compare-top:hover svg path {
        fill: #fff;
    }

    .fixed-goods-menu .btn-wishlist-top svg path, .fixed-goods-menu .btn-compare-top svg path {
        fill: #B2BBC5;
    }

}

.ml-auto {
    margin-left: auto;
}

.pos-r {
    position: relative;
}

input[type="number"],
input[type="text"] {
    -webkit-appearance: none !important;
}

@media (min-width: 1200px) {
    .f-col-lg-3 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }

    .col-lg-30 {
        width: 30%
    }

    .col-lg-20 {
        width: 20%
    }

    .text-lg-left {
        text-align: left;
    }

    .text-lg-right {
        text-align: right;
    }

    .text-lg-center {
        text-align: center;
    }

    .text-lg-justify {
        text-align: justify;
    }
}

@media (min-width: 768px) and (max-width: 1500px){
    .btn-more-products.btn-primary, .btn-more-products.btn-primary:active, .btn-more-products.btn-primary:focus {
        width: 225px !important;
    }
}

@media (min-width: 1360px) {
    .item-col-5 {
        -ms-flex: 0 0 20%;
        flex: 0 0 20%;
        max-width: 20%;
        align-items: center;
    }
}

.container[min-width~="1170px"][max-width~="1170px"] .item-col-5 {
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
    max-width: 25%;
    align-items: center;
}

.container-fluid[min-width~="1500px"] .item-col-5 {
    -ms-flex: 0 0 16.66666667%;
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
    align-items: center;
}

#column-right .pct_gv .item-col-5,
#column-left .pct_gv .item-col-5,
#column-right .latest_gv .item-col-5,
#column-left .latest_gv .item-col-5 {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.header_dopmenu_doptext {
    text-align: center;
    color: #595959;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    -ms-flex-order: 0;
    order: 0;
    -ms-flex: 0 0 260px;
    flex: 0 0 260px;
    max-width: 260px;
}

@media (min-width: 992px) {
    .header_v_2 .header_dopmenu_doptext {
        text-align: right;
    }

    .header_v_1 .header_dopmenu_doptext {
        text-align: center;
    }

    .header_dopmenu_doptext {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
        -ms-flex-order: -6;
        order: -6;
        margin-left: auto;
    }

    .header_dopmenu_doptext.hsw {
        margin-bottom: -10px;
    }

    .header_dopmenu_doptext.nsw {
        margin-bottom: -5px;
    }

    .h-sticky .header_dopmenu_doptext {
        margin-bottom: 0px;
    }

    .header_dopmenu_doptext br {
        display: none;
    }
}

@media (min-width: 1200px) {
    .header_v_1 .header_dopmenu_doptext.f-order-3,
    .header_v_2 .header_dopmenu_doptext.f-order-3,
    .header_v_4 .header_dopmenu_doptext.f-order-3 {
        -ms-flex-order: 3;
        order: 3;
        margin-bottom: 0px;
    }

    .header_v_1 .header_dopmenu_doptext.f-order-0,
    .header_v_2 .header_dopmenu_doptext.f-order-0 {
        -ms-flex-order: 0;
        order: 0;
        margin-bottom: 0px;
    }

    .header_v_1 .header_dopmenu_doptext,
    .header_v_2 .header_dopmenu_doptext,
    .header_v_4 .header_dopmenu_doptext {
        text-align: left;
        margin-right: 15px;
        -ms-flex: 0 0 260px;
        flex: 0 0 260px;
        max-width: 260px;

    }

    .header_v_3 .header_dopmenu_doptext.hsw {
        margin-bottom: -10px;
    }

    .header_v_3 .header_dopmenu_doptext.nsw {
        margin-bottom: -5px;
    }

    .h-sticky.header_v_3 .header_dopmenu_doptext {
        margin-bottom: 0px;
    }
}

.col-md-1-5,
.col-lg-1-5 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

@media (min-width: 992px) {
    .col-md-1-5 {
        width: 20%;
        float: left;
    }
}

@media (min-width: 1500px) {
    .header_dopmenu_doptext br {
        display: inherit;
    }

    .col-lg-1-5 {
        width: 20%;
        float: left;
    }

    .header_v_3 .header_dopmenu_doptext.f-order-3 {
        -ms-flex-order: 3;
        order: 3;
        text-align: left;
        margin-right: 15px;
        -ms-flex: 0 0 260px;
        flex: 0 0 260px;
        max-width: 260px;
    }
}

.header_dopmenu_doptext p {
    margin-bottom: 1px;
}

.easy-catalog-box .item-catalog,
.wall-category-box .item-category,
.banner-blocks-container .banner-item,
.product-slider .owl-item .item,
.product-slider .item.slick-slide,
.product-slider .row_items.slick-slide .item,
.no-slider .product-thumb {
    box-shadow: 0px 0px 0px 0.827px #E9ECEF;
}

.container {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

.container-fluid {
    padding-right: 10px;
    padding-left: 10px;
    margin-right: auto;
    margin-left: auto;
}

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

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-sm-6_footer, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 10px;
    padding-left: 10px;
}

.mt-10 {
    margin-top: 10px;
}

.mt-20 {
    margin-top: 20px;
}

.mb-0 {
    margin-bottom: 0px !important;
}

.mb-15 {
    margin-bottom: 15px;
}

.mb-10 {
    margin-bottom: 10px;
}

.mb-20 {
    margin-bottom: 20px;
}

.mt-0 {
    margin-top: 0px;
}

.mr-10 {
    margin-right: 10px;
}

.mb-0 {
    margin-bottom: 0px;
}

.pr-10 {
    padding-right: 10px;
}

.pt-10 {
    padding-top: 10px;
}

.pl-10 {
    padding-left: 10px;
}

.pb-10 {
    padding-bottom: 10px;
}

.pb-20 {
    padding-bottom: 20px;
}

.pr-20 {
    padding-right: 23px !important;
}

.pt20 {
    padding-top: 20px;
}

.pr-17 {
    padding-right: 17px;
}

.h-100 {
    height: 100%;
}

.h-auto {
    height: auto;
}

.w-100 {
    width: 100%;
}

.pr-0 {
    padding-right: 0px;
}

.pl-0 {
    padding-left: 0px;
}

.dflex {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.flex-wrap {
    -ms-flex-wrap: wrap !important;
    flex-wrap: wrap !important;
}

.mt-auto {
    margin-top: auto !important;
}

.flex-grow-1 {
    -ms-flex-positive: 1 !important;
    flex-grow: 1 !important;
}

.flex-column {
    -ms-flex-direction: column !important;
    flex-direction: column !important;
}

.align-items-center {
    -ms-flex-align: center !important;
    align-items: center !important;
}

.justify-content-center {
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.container {
    /*background:#fff;*/
}

h1, h2, h3, h4, h5, h6 {
    color: #333;
    margin-top: 10px;
    margin-bottom: 20px;
}

.fa {
    font-size: 14px;
}

.h1, h1 {
    font-size: 22px;
}

.h2, h2 {
    font-size: 20px;
}

.h3, h3 {
    font-size: 18px;
}

.h4, h4 {
    font-size: 14px;
}

.h5, h5 {
    font-size: 12px;
}

.h6, h6 {
    font-size: 10.2px;
}

.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {
    font-weight: 400;
}

a {
    color: #0f4b82;
}

a:hover {
    text-decoration: none;
    color: #05335e;
}

a:focus {
    outline: none;
    text-decoration: none;
    outline-offset: -2px;
}

legend {
    font-size: 18px;
    padding: 7px 0px
}

label {
    font-size: 12px;
    font-weight: normal;
}

.form-horizontal .control-label {
    font-size: 14px;
    margin-bottom: 5px;
}

select.form-control, input[type="text"].form-control, input[type="password"].form-control, input[type="datetime"].form-control, input[type="datetime-local"].form-control, input[type="date"].form-control, input[type="month"].form-control, input[type="time"].form-control, input[type="week"].form-control, input[type="number"].form-control, input[type="email"].form-control, input[type="url"].form-control, input[type="search"].form-control, input[type="tel"].form-control, input[type="color"].form-control {
    font-size: 12px;
    height: 40px;
    box-shadow: none;
    border: 1px solid #e9e9e9;
}

textarea.form-control {
    font-size: 14px;
    box-shadow: none;
    border: 1px solid #e9e9e9;
}

.input-group input, .input-group select, .input-group .dropdown-menu, .input-group .popover {
    font-size: 12px;
}

.input-group .input-group-addon {
    font-size: 12px;
}

span.hidden-xs, span.hidden-sm, span.hidden-md, span.hidden-lg {
    display: inline;
}

div.required .control-label:before {
    content: '* ';
    color: #e4003a;
    font-weight: bold;
}

.dropdown-menu li > a:hover, .dropdown-menu li > a.active, .dropdown-menu li > a:focus {
    text-decoration: none;
    color: #000;
    background-color: transparent;
    border-radius: 4px;
}

.dropdown-menu > .active > a, .dropdown-menu > .active > a:focus, .dropdown-menu > .active > a:hover {
    background-color: transparent;
    color: #000;
    outline: 0 none;
    text-decoration: none;
}

/* --- TOP PANEL --- */
#top-fixed {
    left: 0;
    margin: 0;
    padding: 1px 0px;
    position: fixed;
    top: -100%;
    width: 100%;
    z-index: 888;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);
}

#top-fixed #menu {
    margin: 5px 0px;
}

#top-fixed .nsmenu-block {
    display: none !important;
}

#top-fixed #menu.open > .dropdown-menu {
    display: block !important;
}

#top-fixed #menu:hover .dropdown-menu {
    display: block !important;
}

#top-fixed #phone {
    text-align: center;
    padding: 3px 0px 0px 0px;
}

#top-fixed.sticky-header-1 {
    left: 0;
    margin: 0;
    padding: 1px 0px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1040;
    background: #F8F9FA;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.06);
    transition: all 300ms ease-in-out 0s;
}

#top-fixed.sticky-header-2 {
    backface-visibility: hidden;
    left: 0;
    margin: 0;
    padding: 0px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 888;
    background: #474747;
    border-top: 7px solid #2B8CDB;
    transition: all 300ms ease-in-out 0s;
}

#top-fixed #logo {
    max-width: 95%;
    padding: 3px;
}

#top-fixed #logo img {
    max-height: 40px;
}

#top-fixed #horizontal-menu {
    margin-bottom: 0px;
}

#top-fixed .container {
    background: none;
}

#top-fixed .shopping-cart {
    padding: 5px 0px !important;
}

#top-fixed #search {
    padding: 5px 0px !important;
    margin-bottom: 0px;
}

#search .categories {
    background: #F8F9FA;
}

#top-fixed #search .btn-search-select {
    background: #F8F9FA;
}

#top-fixed #search .categories,
#top-fixed #search .input-lg {
    background: #ffffff;
}

#top-fixed #search .button_search {
    background: #ffffff;
}

#search input::placeholder {
    /*font-family: 'Montserrat';*/
    font-size: 14px;
    font-weight: 400;
    color: #B2BBC5;
}

.mob-m-i svg.shop-bag-svg path {
    fill: #fff;
}

#fm-fixed-mobile .btn.btn-menu-mobile svg path {
    stroke: #ffffff;
}

#top {
    background-color: #FFF;
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 38px;
}

#top .container {
}

.btn-currency-top,
.btn-nav-links,
.btn-wishlist-top,
.btn-compare-top {
    background: #fff;
    border: 0px;
    height: 30px;
    width: 30px;
    line-height: 32px;
    border-radius: 6px;
    text-align: center;
    display: inline-block;
    position: relative;
}
.btn-support-header,
.btn-wishlist-header,
.btn-compare-header {

    text-align: center;
    display: inline-block;
    position: relative;
}
a div.title .compare-quantity,
a div.title .wishlist-quantity,
span[data-cnt="0"]{
    display: none;
}
div#fm-fixed-mobile .catalog_list {
    padding: 176px 10px 10px;
    color: #000;
}
.box-account .btn-account {
    color: #fff;
    padding-left: 25px;
    gap: 7px;
    padding-right: 10px;
    display: flex;
    font-size: 14px;
    font-weight: 400;
}

.box-account .btn-account > span {
    border-bottom: 1px dashed;
    line-height: 19px;
    height: 19px;
}

#top .box-account .btn-account {
    line-height: 30px;
    color: #000;
}

.box-currency .btn-group.open .dropdown-toggle,
.btn-group.box-account.open .dropdown-toggle {
    box-shadow: none;
    background: #e9ecef;
}

.btn-currency-top {
    margin-right: 10px;
    line-height: 20px;
    padding: 0px;
    text-align: center;
}

.btn-currency-top strong {
    font-weight: 500;
    font-size: 13px;
}

.btn-nav-links {
    line-height: 20px;
    margin-top: 2px;
}

.header-nav-links {
    margin-top: 4px;
    border-radius: 0px 8px 8px 8px;
}

#top .text-wishlist,
#top .text-compare {
    display: none;
}

.box-currency,
.box-account {
    margin-top: 2px;
}

.box-wishlist,
.box-compare {
    margin-left: 10px;
    margin-right: 10px;
    margin-top: 2px;
}

.wishlist-quantity, .compare-quantity {
    padding: 0px 2px;
    border-radius: 20px;
    font-weight: 600;
    height: 14px;
    position: absolute;
    min-width: 14px;
    line-height: 14px;
    font-size: 10px;
    top: -2.5px;
    right: -5px;
}

.list_lang {
    background: #F8F9FA;
    border-radius: 6px;
    padding: 4px;
    height: 30px;
    margin-top: 2px;
}

.item_lang.active {
    background: #fff;
    color: #000;
    padding-left: 12px;
    padding-right: 12px;
}

.item_lang {
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 6px !important;
    background: transparent;
    display: inline-block;
    line-height: 1.83333;
    font-size: 12px;
    font-weight: 400;
}

#language a {
    color: #000;
}

#language a:hover {
    color: #000;
}

.mob-title-lang {
    display: none;
}

.box-account.open .dropdown-menu,
#currency .open .dropdown-menu {
    z-index: 1008;
}

#currency .fa.fa-angle-down {
    font-size: 13px;
}

#currency .text-currency {
    padding-left: 5px;
    padding-right: 5px;
}

#top .dropdown-menu-right {
    left: auto;
    min-width: 100%;
    right: 0px;
    border-top-right-radius: 0px;
    margin-top: 4px;
}

#currency .dropdown-menu-right {
    right: 10px;
    margin-top: 3px;
}

#currency .btn-link.dropdown-toggle {
    padding: 6.5px 10px;
}

.ls-dropdown {
    padding: 12px 15px;
    border: 0px;
    border-radius: 8px;
    box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
}

.dropdown-menu.ls-dropdown li {
    padding-top: 3px;
    margin-bottom: 3px;
    position: relative;
}

#top #currency .currency-select {
    text-align: left;
}

.dropdown-menu.ls-dropdown > li > button, .dropdown-menu.ls-dropdown > li > a {
    padding: 3px 10px 3px 10px !important;
    font-size: 13px !important;
    line-height: 1.42857143;
    border: 0px;
    color: #000;
}

.dropdown-menu.ls-dropdown li + li {
    border-top: 1px dashed #eee;
}

.dropdown-menu.ls-dropdown li > a:hover:before,
.dropdown-menu.ls-dropdown li > button:hover:before,
.dropdown-menu.ls-dropdown li > div:hover:before,
.dropdown-menu.ls-dropdown > .active > button:before,
.dropdown-menu.ls-dropdown > .active > button:focus:before,
.dropdown-menu.ls-dropdown > .active > button:hover:before,
.dropdown-menu.ls-dropdown > .active > a:before,
.dropdown-menu.ls-dropdown > .active > a:focus:before,
.dropdown-menu.ls-dropdown > .active > a:hover:before {
    background: #f8f9fa;
    position: absolute;
    height: calc(100% - 3px);
    content: "";
    z-index: -1;
    left: 0px;
    right: 0px;
    width: 100%;
    top: 3px;
    border-radius: 4px;
}

.fix-left-nav .box-question button {
    padding-left: 10px;
    padding-right: 10px;
    border-bottom: 1px solid #d9d9d9;
}

.fix-left-nav .box-question .header-nav-links button {
    border: 0px;
}

@media (min-width: 992px) {
    .header-nav-links {
        position: relative;
        border: 0px;
        box-shadow: none;
        padding: 0px;
        display: block;
        margin: 0px 0px;
        background: transparent;
        width: auto;
        min-width: auto;
    }

    .header-nav-links .btn-link {
        padding: 7px;
    }

    .header-nav-links li {
        display: inline-block;
    }
}

@media (max-width: 992px) {
    .fix-left-nav .header-nav-links {
        right: 34px;
        left: auto;
        top: -3px;
        border-top-right-radius: 0px;
        border-bottom-right-radius: 0px;
    }
}

#language .dropdown-menu > li > a {
    clear: both;
    color: #333;
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 6px 20px;
    white-space: nowrap;
}

#language .dropdown-menu > li > a:hover {
    color: #fff;
}

#top .btn-link, #top-links li, #top-links a {
    color: #000;
    text-decoration: none;
}

#top .box-question:hover {
    color: #333;
}

#top-links .dropdown-menu a {
    text-shadow: none;
}

#top-links .dropdown-menu a:hover {
    color: #FFF;
}

#top .btn-link strong {
    font-size: 14px;
    line-height: 14px;
}

#logo {
    padding: 0;
    position: relative;
}

#logo img {
    margin-left: 0;
    margin-right: auto;
    color: transparent;
}

#phone {
    padding: 10px 0;
    position: relative;
}

#phone .contact-header {
    font-size: 15px;
    line-height: 18px;
    position: relative;
    display: inline-block;
    font-weight: 600;
}

#phone .dropdown-toggle {
    display: inline-block;
    position: relative;
}

#phone .drop-contacts {
    margin-top: 0px;
    min-width: 100%;
    z-index: 1012;
    left: -10px;
}

div.additional-tel + div.additional-tel {
    margin-top: 1px;
    padding-top: 3px;
}

.additional-tel a {
    color: #333;
}

.contact-header .dropdown-menu.drop-contacts > li > div {
    color: #333;
}

.contact-header .dropdown-menu.drop-contacts > li > div, .contact-header .dropdown-menu.drop-contacts > li > a {
    font-size: 13px;
    padding: 4px 8px 4px 8px !important;
    white-space: nowrap;
    color: #000;
    font-weight: 400;
}

.additional-tel i.fa {
    font-size: 14px;
}

.drop-contacts .icon-image {
    margin-right: 4px;
}

.icon-image {
    display: inline-block;
    text-align: center;
}

header #search_word {
    font-size: 12px;
    color: #595959;
    text-align: right;
}

header #search_word a {
    color: #000000;
    cursor: pointer;
}

.contact-header li i.fa {
    font-size: 20px;
}

.text_after_phone {
    color: #999;
    font-size: 12px;
}

.phone_fix .additional-tel.dth {
    display: none;
}

.phone_fix .additional-tel.dth:nth-child(1),
.phone_fix .additional-tel.dth:nth-child(2) {
    display: block;
}

.phone_fix .contact-header:hover .drop-contacts {
    display: block;
}

#phone .drop-icon-info {
    margin-left: 2px;
    position: absolute;
    top: calc(50% - 10px);
    text-align: center;
    width: 20px;
    height: 20px;
    background: #F8F9FA;
    border-radius: 50%;
    right: -23px;
    line-height: 14px;
}

.form-control::placeholder {
    color: #525252;
    opacity: 1;
    font-size: 13px;
}

#search .input-lg {
    height: 39px;
    border: 0;
    padding: 11.5px 0 11.5px 9.64px;
    box-shadow: none;
    border-radius: 8px 0 0 8px;
    background: #fff;
    color: #222;
}

#search .input-lg::placeholder {
    color: #B2BBC5;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.21429;
}

#search .dropdown-menu {
    margin-top: 0px;
}

#search .button_search {
    border: 0;
    background: #fff;
    border-radius: 0 8px 8px 0;
}

#search .form-control:focus {
    border: 0px;
    box-shadow: none;
    outline: 0 none;
}

@media (min-width: 992px) {
    .shopping-cart {
        float: right;
    }

    #top .box-question .ls-dropdown li:first-child .btn-link {
        padding-left: 0px !important;
    }
}

#cart {
    position: relative;
    border-radius: 5px;
    z-index: 10;
}

#cart .empty-cart {
    font-size: 14px;
    color: #333;
}

#cart > .btn {
    background: #F8F9FA;
    color: #000;
    border-radius: 8px;
    padding: 4px 15px 4px 15px;
    height: 40px;
    border: 0px;
    box-shadow: none;
}

#top-fixed #cart > .btn {
    background: #e9ecef;
}

#cart > .btn > .shop-bag {
    line-height: 31px;
    float: left;
    color: #fff;
    font-size: 28px;
}

#cart > .btn .cart-total {
    display: block;
    color: #000;
    text-align: left;
    margin-left: 18px;
    margin-right: 5px;
}

.shop-bag-svg {
    display: inline-block;
    position: relative;
    float: left;
    margin-top: 1px;
}

.type_cart_2 .shop-bag-svg {
    margin-top: 0px;
}

#cart .cart-total .products b {
    display: flex;
    width: 14px;
    height: 14px;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    background: #8672D2;
    color: #fff;
    font-size: 10px;
    font-weight: 600;
    line-height: 1;
    position: absolute;
    left: 30px;
    top: 5px;
}

#cart .products, #cart .prices {
    font-size: 14px;
    line-height: 16px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    margin-right: 5px
}

#cart .dropdown-menu {
    min-width: 100%;
}

#cart .dropdown-menu table {
    margin-bottom: 25px;
}

#cart .dropdown-menu table.table.table-striped td {
    line-height: 50px;
    vertical-align: middle;
}

.shopping-cart .table-striped > tbody > tr {
    border-bottom: 1px dashed #d8d8d8;
}

#cart .dropdown-menu li > div {
    min-width: 427px;
}

#cart.open .dropdown-menu li:first-child {
    max-height: 230px;
    overflow-y: auto;
}

#cart .dropdown-menu {
    padding: 20px 30px;
    margin-top: 0px;
    border-radius: 8px 0px 8px 8px;
    border: 0px;
    box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
}

.shopping-cart .table .total-title {
    color: #838383;
    width: 75%;
}

.shopping-cart .table .total-text {
    font-weight: 600;
    color: #000;
}

.shopping-cart .table-striped > tbody > tr > td:first-child {
    width: 50px;
    padding: 0px;
}

.shopping-cart .table-striped > tbody > tr > td:nth-child(2) {
    line-height: 20px !important;
}

.shopping-cart .table-striped > tbody > tr > td:nth-child(2) a {
    font-weight: 600;
    color: #000;
}

.shopping-cart .table-striped > tbody > tr > td:nth-child(3) {
    width: 50px
}

.shopping-cart .table-striped > tbody > tr > td:nth-child(4) {
    width: 100px;
    font-weight: 600;
}

.shopping-cart .table-striped > tbody > tr > td:nth-child(5) {
    padding: 0px;
}

.shopping-cart .table-striped > tbody > tr > td:nth-child(5) button {
    vertical-align: baseline;
}

.btn-search-select {
    display: block;
    background: #fff;
    padding: 2px;
    height: 32px;
    width: 32px;
    border-radius: 8px !important;
    box-shadow: none;
    margin-top: 0px;
    margin-right: 7px;
    margin-left: 4px;
    border: 0px;
    line-height: 38px;
    text-align: center;
    font-size: 12px;

}

.sel-cat-search:before {
    content: url("/catalog/view/theme/luxshop/image/option-checked-icon.svg");
    position: absolute;
    left: 6px;
    top: 6px;
}

.dropdown-menu.ls-dropdown > li.sel-cat-search > a {
    padding-left: 20px !important;
}

@media (max-width: 768px) {
    #phone .drop-contacts {
        left: auto;
        right: 0px;
    }

    #logo img {
        margin-left: 0px;
    }

    #cart .products .text_product,
    #cart .prices {
        display: none;
    }
}

@media (max-width: 478px) {
    #cart .dropdown-menu {
        width: 100%;
    }

    #cart .dropdown-menu li > div {
        min-width: 100%;
    }

}

@media (max-width: 992px) {
    #search {
        padding: 0px;
    }

    #cart .dropdown-menu {
        margin-top: -2px;
    }

    .shopping-cart {
        padding: 0px 0;
    }

    #cart {
        padding: 0px 0;
    }

    #cart .products, #cart .prices {
        margin-right: 5px;
    }

    #cart .cart-icon-arrow {
        display: none;
    }
}

@media (min-width: 992px) {
    .box-search.swdm-1 .pt20 {
        padding-top: 0px;
    }

    /*.menu_width_full .box-search.swdm-1 .pt20 {
		margin-top: 8px;
		margin-bottom: 8px;
	}*/
    .box-search.swdm-1 #search_word {
        display: none;
    }

    .menu_width_full .box-search.search-top,
    .menu_width_full .box-cart.cart-in-menu {
        margin-top: 8px;
        margin-bottom: 8px;
        margin-left: auto;
    }

    .menu_width_full .box-cart.cart-in-menu #cart > .btn {
        background: #223446;
    }

    .menu_width_full .box-cart.cart-in-menu #cart > .btn .car-down,
    .menu_width_full .box-cart.cart-in-menu #cart > .btn .cart-total .prices,
    .menu_width_full .box-cart.cart-in-menu #cart > .btn .cart-total .prices b,
    .menu_width_full .box-cart.cart-in-menu #cart > .btn .cart-total .products .text_product {
        color: #fff;
    }

    .menu_width_full .box-search.swdm-1 #search .categories,
    .menu_width_full .box-search.swdm-1 #search .button_search,
    .menu_width_full .box-search.swdm-1 #search .input-lg {
        background: #223446;
        color: #B2BBC5;
    }

    .menu_width_full .box-search.swdm-1 #search .btn-search-select svg path {
        fill: #fff;
    }

    .menu_width_full .box-search.swdm-1 #search .btn-search-select {
        background: #122538;
    }

    .menu_width_full .box-search.swdm-1 #search .input-lg:focus {
        color: #000;
        background: #fff;
    }

    .menu_width_full .box-cart.cart-in-menu .cart-icon-arrow path,
    .menu_width_full .box-cart.cart-in-menu .shop-bag-svg path {
        fill: #ffffff;
    }
}

.alert {
    padding: 8px 14px 8px 14px;
}

#content {
    min-height: 600px;
}

.breadcrumb {
    margin-top: 0px;
    margin-bottom: 0px;
    padding: 0px;
    background-color: transparent;
    padding-top: 10px;
    padding-bottom: 10px;
}

.breadcrumb.col-md-offset-3 {
    margin-bottom: 10px;
}

.breadcrumb.col-lg-offset-3 {
    margin-bottom: 10px;
}

.breadcrumb i {
    font-size: 15px;
}

.breadcrumb > li:first-child {
    padding-left: 0px;
}

.breadcrumb > li {
    font-size: 12px;
    padding: 0 7px;
    position: relative;
    white-space: nowrap !important;
}

.breadcrumb > li a span {
    color: #0f4b82;
    text-decoration: underline;
}

.breadcrumb > li a:hover span {
    color: #0f4b82;
    text-decoration: none;
}

.breadcrumb > li span {
    color: #000;
}

.breadcrumb > li + li:before {
    content: '';
    padding: 0;
}

.breadcrumb > li:after {
    content: "/";
    display: block;
    height: 26px;
    position: absolute;
    right: -2px;
    top: 0;
    width: 2px;
    color: #000000;
}

.breadcrumb > li:last-child:after {
    content: "";
}

@media (max-width: 992px) {
    .breadcrumb-box {
        overflow: hidden;
        position: relative;
        margin-top: 5px;
    }

    .breadcrumb-box .breadcrumb {
        white-space: nowrap;
        position: relative;
        overflow: auto;
        overflow-y: hidden;
        padding-bottom: 18px;
        margin-bottom: -9px !important;
    }
}

.buttons {
    margin-top: 15px;
}

.btn {
    padding: 10px 15px;
    font-size: 12px;
    border: 1px solid #e9e9e9;
    border-radius: 8px;
    box-shadow: none;
    background: #F8F9FA;
}

.btn.active.focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn:active:focus, .btn:focus {
    outline: none;
}

.btn-xs {
    font-size: 9px;
}

.btn-sm {
    font-size: 10.2px;
}

.btn-lg {
    padding: 10px 16px;
    font-size: 15px;
}

.btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover {
    font-size: 12px;
}

.btn-group > .btn-xs {
    font-size: 9px;
}

.btn-group > .btn-sm {
    font-size: 10.2px;
}

.btn-group > .btn-lg {
    font-size: 15px;
}

.btn-default {
    color: #000;
    background-color: #f8f9fa;
    border: 0px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 400;
    box-shadow: none;
    text-shadow: none;
}

.btn-default:hover, .btn-default:active {
    background-color: #e9ecef;
    color: #000;
}

.btn-cartheader {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #2B8CDB;
    border-color: #2B8CDB;
}

.btn-cartheader:hover, .btn-cartheader:active, .btn-cartheader.active, .btn-cartheader.disabled, .btn-cartheader[disabled] {
    background-color: #076BB7;
}

.btn-cart {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #2B8CDB;
    border-color: #2B8CDB;
}

.btn-cart:hover, .btn-cart:active, .btn-cart.active, .btn-cart.disabled, .btn-cart[disabled] {
    background-color: #076BB7;
}

.btn-search {
    color: #fff;
    background: #fff;
    padding: 2px;
    height: 32px;
    width: 32px;
    border-radius: 8px !important;
    box-shadow: none;
    margin-top: 0px;
    margin-right: 4px;
    margin-left: 4px;
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-primary:focus, .btn-primary:focus, .btn-primary {
    color: #fff;
    background-color: #00BC52;
    border: 0px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px;
    font-weight: 400;
    box-shadow: none;
    text-align: center;
    min-height: 38px;
}

.btn-primary:hover, .btn-primary:active {
    background-color: #04A349 !important;
    color: #ffffff !important;
    border: 0px;
}

.btn-warning {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #faa732;
    background-image: linear-gradient(to bottom, #fbb450, #f89406);
    background-repeat: repeat-x;
    border-color: #f89406 #f89406 #ad6704;
}

.btn-warning:hover, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-danger {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #da4f49;
    background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
    background-repeat: repeat-x;
    border-color: #bd362f #bd362f #802420;
}

.view-box-rs {
    background: #F8F9FA;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 20px;
    margin-top: 10px;
}

.view-box {
    background: #F8F9FA;
    padding: 5px;
    border-radius: 10px;
    margin-bottom: 20px;
}

@media (min-width: 600px) {
    .view-box {
        margin-bottom: 10px;
    }
}

.btn-view {
    background: transparent;
    border: 0px;
    padding: 8px 14px;
    border-radius: 6px !important;
    margin-right: 5px;
    height: 38px;
    line-height: 1;
    width: 56px;
    z-index: 2;
}

.btn-view svg {
    vertical-align: middle;
}

.btn-view.active, .btn-view:focus {
    /*background: green;*/
    -webkit-box-shadow: none;
    box-shadow: none;
    z-index: 1;
}

.product_list_toolbar button.btn-view.active ~ .indicator-active {
    content: '';
    position: absolute;
    background: #fff;
    -webkit-box-shadow: 9px 8px 10px rgba(0, 0, 0, 0.067);
    box-shadow: 9px 8px 10px rgba(0, 0, 0, 0.067);
    width: 56px;
    height: 100%;
    left: 0px;
    top: 0px;
    border-radius: 8px;
    transition: transform 0.1s linear;
    z-index: 1;
}

.product_list_toolbar button.btn-view:nth-child(1).active ~ .indicator-active {
    transform: translateX(0px);
}

.product_list_toolbar button.btn-view:nth-child(2).active ~ .indicator-active {
    transform: translateX(60px);
}

.product_list_toolbar button.btn-view:nth-child(3).active ~ .indicator-active {
    transform: translateX(120px);
}

.btn-success {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #5bb75b;
    background-image: linear-gradient(to bottom, #62c462, #51a351);
    background-repeat: repeat-x;
    border-color: #51a351 #51a351 #387038;
}

.btn-success:hover, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] {
    box-shadow: inset 0 1000px 0 rgba(0, 0, 0, 0.1);
}

.btn-info {
    color: #fff;
    background-color: #5bc0de;
    border: 0px;
}

.btn-link {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #23A1D1;
    border-radius: 0;
}

.btn-link, .btn-link:active, .btn-link[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-link-delete {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #333;
    border-radius: 0;
    padding: 1px;
}

.btn-link-delete:hover, .btn-link-delete:active {
    border-color: rgba(0, 0, 0, 0);
    cursor: pointer;
    color: #da4f49;
    border-radius: 0;
}

.btn-link-delete, .btn-link-delete[disabled] {
    background-color: rgba(0, 0, 0, 0);
    background-image: none;
    box-shadow: none;
}

.btn-inverse {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #363636;
    background-image: linear-gradient(to bottom, #444444, #222222);
    background-repeat: repeat-x;
    border-color: #222222 #222222 #000000;
}

.btn-inverse:hover, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] {
    background-color: #222222;
    background-image: linear-gradient(to bottom, #333333, #111111);
}

.img-center {
    margin: 0 auto;
}

.btn-carousel-image-additional {
    color: #a8a8a8 !important;
    border-radius: 0px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #f9f9f9;
    border-color: #ddd;
    padding: 1px 7px;
}

.btn-carousel-image-additional:hover, .btn-carousel-image-additional:active {
    color: #333 !important;
}

.btn-view-now {
    color: #ffffff;
    background: #2b8cdb;
    border-color: #1475c4;
    border-style: solid solid solid;
    border-width: 1px 1px 2px 1px;
    border-radius: 4px;
    display: inline-block;
    font-size: 14px;
    padding: 6.5px 12px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.btn-view-now:hover, .btn-view-now:active, .btn-view-now:focus {
    background: #1475c4;
    color: #ffffff !important;
    border-color: #1475c4;
}

.btn-quickview {
    background: #F8F9FA;
    border: 0px;
    box-shadow: none;
    color: #000;
    border-radius: 8px;
    font-size: 14px;
    padding: 5px 7px;
    height: 34px;
    min-width: 34px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-quickview .btn-icon-quickview {
    display: block;
    background: #000;
    -webkit-mask-image: url("/catalog/view/theme/luxshop/image/quickview-icon.svg");
    mask-image: url("/catalog/view/theme/luxshop/image/quickview-icon.svg");
    width: 18px;
    height: 15.5px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.btn-quickview img {
    margin-top: -3px;
}

.btn-quickview:hover {
    background: #e9ecef;
    color: #000;
}

.btn-remove {
    color: #000;
    border: 0px;
    height: 34px;
    width: 34px;
    padding: 8px 5px;
    line-height: 19px;
}

.btn-remove:focus, .btn-remove:hover, .btn-remove:active {
    color: #da4f49;
}

.btn-general {
    color: #fff;
    border-radius: 8px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 14px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    height: 30px;
    border: 0px;
    min-width: 30px;
}

.container-module .product-thumb .actions div.cart .btn-general {
    padding: 0;
}

.btn-general .text-cart-add {
    padding-left: 5px;
}

.products-container .btn-general .text-cart-add {
    display: none !important;
}

.btn-general .icon-cart-add {
    display: block;
    background: #fff;
    -webkit-mask-image: url("/catalog/view/theme/luxshop/image/addtocart-icon.svg");
    mask-image: url("/catalog/view/theme/luxshop/image/addtocart-icon.svg");
    width: 20px;
    height: 17px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    border: 0px;
}

.btn-general img {
    margin-top: -4px;
    min-width: 100%;
    min-height: 100%;
    height: auto;
}

.btn-checkout {
    color: #fff;
    float: right;
    background: #00BC52;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px;
    box-shadow: none;
    height: 40px;
    border: 0px;
    line-height: 18px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    text-align: center;
}

.btn-checkout:hover, .btn-checkout:active {
    background: #04A349;
    color: #fff;
}

.btn-shopping {
    color: #000;
    background: #F8F9FA;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    padding: 10px 20px;
    box-shadow: none;
    height: 40px;
    border: 0px;
    line-height: 18px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    display: none !important;
}

.btn-shopping:hover, .btn-shopping:active {
    background: #e9ecef;
    color: #000;
}

@media (max-width: 768px) {
    .btn-shopping {
        width: 100%;
        margin-bottom: 15px;
    }

    .btn-checkout {
        width: 100%;
        margin-bottom: 5px;
    }
}

.btn-wishlist {
    color: #000;
    background: #F8F9FA;
    padding: 6.5px 8px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border: 0px;
    height: 34px;
    width: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-wishlist img {
    margin-top: -2px;
}

.btn-wishlist .btn-icon-wishlist {
    display: block;
    background: #000;
    -webkit-mask-image: url("/catalog/view/theme/luxshop/image/wishlist-icon.svg");
    mask-image: url("/catalog/view/theme/luxshop/image/wishlist-icon.svg");
    width: 12px;
    height: 15px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.btn-wishlist:hover {
    border: 0px;
    background: #e9ecef;
    color: #000;
}

.btn-compare {
    color: #000;
    background: #F8F9FA;
    padding: 6.5px 8px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    border: 0px;
    height: 34px;
    width: 34px;
    border-radius: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-compare img {
    margin-top: -3px;
}

.btn-compare .btn-icon-compare {
    display: block;
    background: #000;
    -webkit-mask-image: url("/catalog/view/theme/luxshop/image/compare-icon.svg");
    mask-image: url("/catalog/view/theme/luxshop/image/compare-icon.svg");
    width: 15px;
    height: 14px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.btn-compare:hover {
    border: 0px;
    background: #e9ecef;
    color: #000;
}

.btn-fastorder {
    color: #000;
    background: #F8F9FA;
    border: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px 8px;
    font-size: 14px;
    height: 34px;
    border-radius: 8px;
    min-width: 34px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.btn-fastorder .btn-icon-fastorder {
    display: block;
    background: #000;
    -webkit-mask-image: url("/catalog/view/theme/luxshop/image/fastorder-icon.svg");
    mask-image: url("/catalog/view/theme/luxshop/image/fastorder-icon.svg");
    width: 15px;
    height: 15px;
    margin-left: 1px;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.btn-fastorder img {
    margin-top: -2px;
}

.btn-fastorder:hover, .btn-fastorder:focus, .btn-fastorder.focus {
    border: 0px;
    background: #e9ecef;
    color: #000;
}

.hidden-quick-order {
    display: none !important;
}

.price {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
}

.price-old {
    color: #757575;
    text-decoration: line-through;
    font-weight: 400;
    display: block;
    font-size: 14px;
    line-height: 16px;
    margin-bottom: 2px;
}

.price-tax, .points {
    color: #000;
    opacity: 0.6;
    font-size: 12px;
    display: block;
    font-weight: 400;
}

.rating .fa-stack {
    font-size: 8px;
}

.rating .fa-star-o {
    /*color: #ffcc00;*/
    color: #cccccc;
    font-size: 13px;
}

.rating .fa-star {
    color: #FC0;
    font-size: 13px;
}

.rating .fa-star + .fa-star-o {
    color: #ffcc00;
}

.fa-stack {
    color: #ffcc00;
    display: inline-block;
    height: 2em;
    line-height: 2em;
    position: relative;
    vertical-align: middle;
    width: 1.65em;
}

/* fixed colum left + content + right*/
@media (min-width: 768px) {
    #column-left .product-layout .col-md-3 {
        width: 100%;
    }

    #column-left + #content .product-layout .col-md-3 {
        width: 50%;
    }

    #column-left + #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

    #content + #column-right .product-layout .col-md-3 {
        width: 100%;
    }

}

/* fixed product layouts used in left and right columns */
#column-left .product-layout,
#column-right .product-layout {
    width: 100%;
}

.product-modules .product-layout {
    display: inline-block;
    min-height: 1px;
    padding: 0 15px;
    position: relative;
    vertical-align: top;
    width: 100%;
    word-spacing: normal;
}

.pagination {
    margin-top: 10px;
    margin-bottom: 10px;
}

.pagination > li {
    display: inline-block;
    margin: 0px 4px;
}

.pagination > li > a,
.pagination > li > span {
    color: #000;
    background-color: #f8f9fa;
    border: 0px;
    border-radius: 5px !important;
}

.pagination > li > a:focus,
.pagination > li > a:hover,
.pagination > li > span:focus,
.pagination > li > span:hover {
    color: #000;
    background-color: #e9ecef;
}

.pagination > .active > a,
.pagination > .active > a:focus,
.pagination > .active > a:hover,
.pagination > .active > span,
.pagination > .active > span:focus,
.pagination > .active > span:hover {
    color: #000;
    background-color: #e9ecef;
}

.pagination > .disabled > a,
.pagination > .disabled > a:focus,
.pagination > .disabled > a:hover,
.pagination > .disabled > span,
.pagination > .disabled > span:focus,
.pagination > .disabled > span:hover {
    color: #000;
    background-color: #f8f9fa;
}

.list-group a {
    border: 1px solid #DDDDDD;
    color: #888888;
    padding: 8px 12px;
}

.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #444444;
    background: #eeeeee;
    border: 1px solid #DDDDDD;
    text-shadow: 0 1px 0 #FFF;
}

.carousel-caption {
    color: #FFFFFF;
    text-shadow: 0 1px 0 #000000;
}

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

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

/* fixed mobile cart quantity input */
.input-group .form-control[name^=quantity] {
    min-width: 50px;
}

.stock-status {
    background: #F8F9FA;
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
    padding: 2px 10px;
    border-radius: 4px;
    margin-bottom: 10px;
    align-items: center;
    font-size: 11px;
    -ms-flex-item-align: start;
    align-self: flex-start;
}

.stock-status.outofstock {
    color: #903718;
}

.stock-status.instock {
    color: #00612B;
}

.stock-status.instock svg {
    margin-right: 5px;
}

.product-slider {
    /*margin: 0px -10px;*/
}

.product-slider .owl-wrapper {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
}

.product-slider .owl-item {
    padding-top: 10px;
    padding-bottom: 10px;
}

.no-slider .product-thumb {
    border-radius: 8px;
}

.product-slider .item.slick-slide,
.product-slider .row_items.slick-slide .item,
.product-slider .owl-item .item {
    margin: 0px 10px;
    border-radius: 8px;
    -webkit-transition: box-shadow .2s ease, opacity .3s ease;
    transition: box-shadow .2s ease, opacity .3s ease;
}

.no-slider .product-thumb:hover,
.product-slider .row_items.slick-slide .item:hover,
.product-slider .item.slick-slide:hover,
.product-slider .owl-item .item:hover {
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
}

.product-thumb {
    overflow: auto;
}

.container-module .slick-list {
    padding-top: 10px;
    padding-bottom: 10px;
}

.container-module .featured-block .slick-list {
    padding-top: 0;
    padding-bottom: 0;
}

.carousel-container .slick-list {
    padding-top: 0px;
    padding-bottom: 0px;
}

.slick-slider {
    min-height: 1px;
    min-width: 1px;
}

.product-slider .slick-track {
    display: -webkit-box !important;
    display: -moz-box !important;
    display: -ms-flexbox !important;
    display: -webkit-flex !important;
    display: flex !important;
    margin-left: 0px;
}

.container-module .product-thumb-viewed,
.container-module .product-thumb {
    overflow: hidden;
    position: relative;
}

.product-thumb .image {
    text-align: center;
    position: relative;
    margin-bottom: 15px;
    min-height: 13em;
}

.product-thumb .image a {
    display: block;
}

.product-thumb .image img {
    margin-left: auto;
    margin-right: auto;
    font-size: 0px;
    color: transparent;
}

@media (min-width: 1500px) {
    .product-layout.product-grid.col-lg-4 {
        -ms-flex: 0 0 25%;
        flex: 0 0 25%;
        max-width: 25%;
    }
}

.product-grid .product-thumb .image {
    float: none;
}

.product-thumb .caption {
    padding: 0 15px 15px;
    position: relative;
}

.product-thumb .caption > div:nth-child(2) {
    margin-top: auto;
}

.price-actions-box {
    margin-top: 10px !important;
    min-height: 40px;
}

.product-thumb .price {
    min-height: 40px;
    display: flex;
    flex-direction: column;
    align-items: initial;
    justify-content: flex-end;
    line-height: 18px;
    text-align: left;
    margin-right: auto;
}

/* --- MODULES --- */
.tab-pane .container-modules {
    text-align: center;
}

.container-module .slick-dots {
    margin-top: 15px;
    margin-bottom: 0;
    padding: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    width: auto;
    height: 6px;
}

.container-module .slick-dots li {
    display: flex;
    align-items: center;
    justify-content: center;
}

.container-module .slick-dots li:last-child {
    margin-right: 0px;
}

.container-module .slick-dots li button {
    width: 6px;
    height: 6px;
    padding: 0;
    border-radius: 6px;
    background: #D9D9D9;
    font-size: 0px;
    overflow: hidden;
    border: 0px;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.container-module .slick-dots li.slick-active button {
    width: 21px;
}

.container-module {
    margin: 0;
}

.container-module.carousel-mod .slick-slider {
    padding-bottom: 10px;
    padding-top: 10px;
}

.container-module.carousel-mod .slick-list {
    border: 1px solid #e9ecef;
    border-radius: 8px;
    padding-top: 10px;
    padding-bottom: 10px;
}

.container-module.carousel-mod .slick-list:after {
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    background: #fff;
    width: 1px;
    right: 0px;
    z-index: 2;
}

.container-module.carousel-mod .slick-list .item {
    position: relative;
}

.container-module.carousel-mod .slick-list .item:after {
    content: "";
    position: absolute;
    top: 15px;
    bottom: 15px;
    width: 1px;
    background: #F8F9FA;
    right: 0px;
    z-index: 1;
}

.container-module.carousel-mod .slick-list:after {
    padding-bottom: 0px;
}

.container-module .title-module {
    margin-bottom: 16px;
    position: relative;
    clear: both;
}

.container-module .title-module span {
    font-size: 24px;
    font-weight: 500;
    line-height: 1.08333;
    z-index: 5;
    color: #000;
    position: relative;
}

.container-module .item.no-slider .product-thumb,
.container-module .product-slider .item {
    background: #ffffff;
}

.slick-mod-arrow {
    position: absolute;
    top: -32px;
    background: #F8F9FA;
    color: #000000;
    border-radius: 5px;
    font-size: 0;
    height: 28px;
    width: 28px;
    line-height: 38px;
    padding: 0;
    text-align: center;
    -webkit-transition: all 0.1s linear 0s;
    -moz-transition: all 0.1s linear 0s;
    -ms-transition: all 0.1s linear 0s;
    -o-transition: all 0.1s linear 0s;
    transition: all 0.1s linear 0s;
    cursor: pointer;
}

.slick-mod-arrow:hover, .slick-mod-arrow:active {
    background: #e9ecef;
    color: #000;

}

.slick-mod-arrow.prev-prod {
    right: 48px;
}

.slick-mod-arrow.next-prod {
    right: 10px;
}

.carousel-mod .slick-mod-arrow.prev-prod {
    right: 38px;
}

.carousel-mod .slick-mod-arrow.next-prod {
    right: 0px;
}

.product-thumb-viewed .image {
    text-align: center;
}

.product-thumb-viewed .image img {
    margin-left: auto;
    margin-right: auto;
}

.product-thumb-viewed {
    padding-bottom: 20px;
}

.product-thumb-viewed + div.product-thumb-viewed {
    padding-top: 20px;
    border-top: 2px dashed #F8F9FA
}

.container-module-viewed .product-name {
    margin-bottom: 10px;
    text-align: left;
}

.container-module-viewed .product-name a {
    color: #000;
    font-size: 13px;
}

.container-module-viewed .product-model {
    color: #595959;
    text-align: left;
    margin-bottom: 5px;
    font-size: 12px;
}

.container-module-viewed .addit-action > div {
    margin-right: 10px;
}

.product-thumb .product-name {
    min-height: 44px;
    margin-bottom: 10px;
    text-align: left;
}

.product-thumb .product-name a {
    color: #000;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    line-height: 20px;
    font-size: 13px;
}

.product-thumb .product-name a:hover {
    color: #0f4b82;
}

@media (min-width: 992px) {
    .product-thumb .product-name a {
        -webkit-line-clamp: 4;
        font-size: 15px;
        line-height: 22px;
    }

    .product-slider .product-name a {
        -webkit-line-clamp: 2;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.28572;
    }
}

.product-description {
    margin-bottom: 10px;
}

.container-module .product-description {
    height: 62px;
    margin-bottom: 10px;
    overflow: hidden;
    text-align: left;
}

.product-thumb .product-model {
    color: #595959;
    text-align: left;
    margin-bottom: 5px;
    font-size: 12px;
}

.product-thumb .rating {
    margin-bottom: 8px;
    text-align: left;
    position: relative;
}

.rating .rating-box {
    z-index: 10;
    background: #ffffff;
    position: relative;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.quantity-reviews {
    background: #F8F9FA;
    position: relative;
    margin-left: 5px;
    border-radius: 6px;
    width: 24px;
    height: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
}

.quantity-reviews a {
    color: #000;
    font-size: 11px;
}

.rating .rating-box .product-rating-star {
    width: 12px;
    height: 12px;
    display: inline-block;
    text-align: left;
    margin-right: 2px;
    font-size: 0px;
}

.product-grid .product-thumb .actions,
.container-module .product-thumb .actions {
    text-align: left;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.product-grid .product-thumb .actions div.cart,
.container-module .product-thumb .actions div.cart {
    margin-right: auto;
    align-items: flex-end;
}

.product-grid .product-thumb .actions div,
.container-module .product-thumb .actions div {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
}

.product-grid .product-thumb .actions div.wishlist,
.container-module .product-thumb .actions div.wishlist {
    margin-left: 10px;
}

.product-grid .quickview,
.container-module .quickview,
.product-grid .quick-order,
.container-module .quick-order {
    position: relative;
    -webkit-transition: all 0.15s ease 0s;
    -moz-transition: all 0.15s ease 0s;
    -ms-transition: all 0.15s ease 0s;
    -o-transition: all 0.15s ease 0s;
    transition: all 0.15s ease 0s;
    z-index: 99;
    text-align: center;
    opacity: 1;
}

@media (max-width: 992px) {
    .product-grid .product-thumb .actions .addit-action,
    .container-module .product-thumb .actions .addit-action {

        position: absolute;
        bottom: 100%;
        margin-bottom: 25px;
        left: 0px;
        right: 0px;
        -ms-flex-pack: center;
        justify-content: center;
    }

    .product-grid .product-thumb .actions .addit-action > div,
    .container-module .product-thumb .actions .addit-action > div {
        margin: 0px 4px;
        z-index: 99;

    }
}

@media (min-width: 992px) {
    .product-grid .quickview,
    .container-module .quickview,
    .product-grid .quick-order,
    .container-module .quick-order {
        bottom: 100%;
        margin-bottom: 30px;
        position: absolute;
        right: -35px;
        opacity: 0;
    }

    .product-grid .product-thumb:hover .quickview,
    .container-module .product-thumb:hover .quickview,
    .product-grid .product-thumb:hover .quick-order,
    .container-module .product-thumb:hover .quick-order {
        right: 15px;
        opacity: 1;
    }
}

.position-no-owl .product-slider .row_items.slick-slide .item {
    position: relative;
    margin-bottom: 20px;
}

.position-no-owl .container-module .special .item:last-child,
.position-no-owl .container-module .bestseller .item:last-child,
.position-no-owl .container-module .latest .item:last-child,
.position-no-owl .container-module .featured .item:last-child {
    margin-bottom: 0px !important;
}

.position-no-owl .container-module .special .image,
.position-no-owl .container-module .bestseller .image,
.position-no-owl .container-module .latest .image,
.position-no-owl .container-module .featured .image {
    position: inherit;
    float: left;
    width: 33%;
    padding: 0px;
    margin-bottom: 0px;
    min-height: auto;
    transition: opacity .15s ease 0s;
}

.position-no-owl .container-module .row_items .image img.additional-img-hover {
    padding: 15px;
    top: 0px;
}

.position-no-owl .container-module .special .product-name,
.position-no-owl .container-module .bestseller .product-name,
.position-no-owl .container-module .latest .product-name,
.position-no-owl .container-module .featured .product-name {
    height: 42px;
    overflow: hidden;
}

.position-no-owl .container-module .special .product-thumb,
.position-no-owl .container-module .bestseller .product-thumb,
.position-no-owl .container-module .latest .product-thumb,
.position-no-owl .container-module .featured .product-thumb {
    flex-direction: row !important;
    align-items: center;
}

.position-no-owl .container-module .special .product-thumb .caption,
.position-no-owl .container-module .bestseller .product-thumb .caption,
.position-no-owl .container-module .latest .product-thumb .caption,
.position-no-owl .container-module .featured .product-thumb .caption {
    margin-bottom: 0px;
    padding: 15px;
    float: left;
    width: 66%;
    position: unset;
    min-height: 150px;
}

.position-no-owl .container-module .special .product-thumb .actions div.addit-action,
.position-no-owl .container-module .bestseller .product-thumb .actions div.addit-action,
.position-no-owl .container-module .latest .product-thumb .actions div.addit-action,
.position-no-owl .container-module .featured .product-thumb .actions div.addit-action {
    position: relative;
    bottom: 0px;
    margin-bottom: 0px;
    width: auto;
    justify-content: start;
    margin-right: auto;
    right: auto;
    flex-direction: row;
}

.position-no-owl .container-module .quickview, .position-no-owl .container-module .quick-order {
    bottom: auto;
    position: relative;
    right: auto;
    opacity: 1;
}

.position-no-owl .container-module .product-thumb:hover .quickview, .position-no-owl .container-module .product-thumb:hover .quick-order {
    right: auto;
    opacity: 1;
    position: relative;
}

.position-no-owl .container-module .special .product-thumb .actions .cart,
.position-no-owl .container-module .bestseller .product-thumb .actions .cart,
.position-no-owl .container-module .latest .product-thumb .actions .cart,
.position-no-owl .container-module .featured .product-thumb .actions .cart {
    margin-right: 4px;
    margin-left: auto;
    width: auto;
}

.position-no-owl .container-module .special .product-thumb .actions .btn-general,
.position-no-owl .container-module .bestseller .product-thumb .actions .btn-general,
.position-no-owl .container-module .latest .product-thumb .actions .btn-general,
.position-no-owl .container-module .featured .product-thumb .actions .btn-general {
    padding: 5px 7px;
}

.position-no-owl .container-module .special .product-thumb .actions .btn-general .text-cart-add,
.position-no-owl .container-module .bestseller .product-thumb .actions .btn-general .text-cart-add,
.position-no-owl .container-module .latest .product-thumb .actions .btn-general .text-cart-add,
.position-no-owl .container-module .featured .product-thumb .actions .btn-general .text-cart-add {
    display: none !important;
}

.position-no-owl .container-module .special .product-thumb .actions,
.position-no-owl .container-module .bestseller .product-thumb .actions,
.position-no-owl .container-module .latest .product-thumb .actions,
.position-no-owl .container-module .featured .product-thumb .actions {
    opacity: 0;
    margin-left: 0px;
    -webkit-transition: opacity .2s ease, bottom .2s ease;
    transition: opacity .2s ease, bottom .2s ease;
    position: absolute;
    z-index: 100;
    left: 0px;
    right: 0px;
    width: auto;
    background: rgba(255, 255, 255, .02);
    border-radius: 8px;
    bottom: -100px;
}

.position-no-owl .container-module .special .product-thumb:hover .actions,
.position-no-owl .container-module .bestseller .product-thumb:hover .actions,
.position-no-owl .container-module .latest .product-thumb:hover .actions,
.position-no-owl .container-module .featured .product-thumb:hover .actions {
    opacity: 1;
    bottom: 15px;
    background: #fff;
}

@media (min-width: 992px) {
    .position-no-owl .container-module .special .product-thumb:hover .actions,
    .position-no-owl .container-module .bestseller .product-thumb:hover .actions,
    .position-no-owl .container-module .latest .product-thumb:hover .actions,
    .position-no-owl .container-module .featured .product-thumb:hover .actions {
        background: transparent;
    }

    .position-no-owl .container-module .special .product-thumb:hover .price,
    .position-no-owl .container-module .bestseller .product-thumb:hover .price,
    .position-no-owl .container-module .latest .product-thumb:hover .price,
    .position-no-owl .container-module .featured .product-thumb:hover .price {
        opacity: 0;
    }
}

.position-no-owl .container-module .special .product-thumb .price,
.position-no-owl .container-module .bestseller .product-thumb .price,
.position-no-owl .container-module .latest .product-thumb .price,
.position-no-owl .container-module .featured .product-thumb .price {
    margin-bottom: 0px;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}

.position-no-owl .container-module .special .product-thumb .product-name a,
.position-no-owl .container-module .bestseller .product-thumb .product-name a,
.position-no-owl .container-module .latest .product-thumb .product-name a,
.position-no-owl .container-module .featured .product-thumb .product-name a {
    font-size: 14px;
}

.position-no-owl .container-module .special .product-thumb .actions div.addit-action > div,
.position-no-owl .container-module .bestseller .product-thumb .actions div.addit-action > div,
.position-no-owl .container-module .latest .product-thumb .actions div.addit-action > div,
.position-no-owl .container-module .featured .product-thumb .actions div.addit-action > div {
    margin: 0px 4px;
}

.position-no-owl .container-module .special .product-thumb:hover .image,
.position-no-owl .container-module .bestseller .product-thumb:hover .image,
.position-no-owl .container-module .latest .product-thumb:hover .image,
.position-no-owl .container-module .featured .product-thumb:hover .image {
    opacity: 0.5;
}

.position-no-owl .container-module .special .product-thumb .actions div.addit-action > div > .btn,
.position-no-owl .container-module .bestseller .product-thumb .actions div.addit-action > div > .btn,
.position-no-owl .container-module .latest .product-thumb .actions div.addit-action > div > .btn,
.position-no-owl .container-module .featured .product-thumb .actions div.addit-action > div > .btn {
    background: #F8F9FA;
    box-shadow: none;
}

.position-no-owl .container-module .special .product-thumb .actions div.addit-action > div > .btn:hover,
.position-no-owl .container-module .bestseller .product-thumb .actions div.addit-action > div > .btn:hover,
.position-no-owl .container-module .latest .product-thumb .actions div.addit-action > div > .btn:hover,
.position-no-owl .container-module .featured .product-thumb .actions div.addit-action > div > .btn:hover {
    background: #e9ecef;
}

.position-no-owl .container-module .special .quantity_plus_minus,
.position-no-owl .container-module .special .product-model,
.position-no-owl .container-module .special .product-description,
.position-no-owl .container-module .special .stock-status,
.position-no-owl .special .stickers-ns,
.position-no-owl .container-module .bestseller .quantity_plus_minus,
.position-no-owl .container-module .bestseller .product-model,
.position-no-owl .container-module .bestseller .product-description,
.position-no-owl .container-module .bestseller .stock-status,
.position-no-owl .bestseller .stickers-ns,
.position-no-owl .container-module .latest .quantity_plus_minus,
.position-no-owl .container-module .latest .product-model,
.position-no-owl .container-module .latest .product-description,
.position-no-owl .container-module .latest .stock-status,
.position-no-owl .latest .stickers-ns,
.position-no-owl .container-module .featured .quantity_plus_minus,
.position-no-owl .container-module .featured .product-model,
.position-no-owl .container-module .featured .product-description,
.position-no-owl .container-module .featured .stock-status,
.position-no-owl .featured .stickers-ns {
    display: none;
}

.product-layout .product-thumb {
    overflow: hidden;
    position: relative;
    border-radius: 12px;
    background: #fff;
    box-shadow: 0px 0px 0px 0.827px #E9ECEF;
}

@media (max-width: 768px) {
    .box-sub-cat {
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }

    .box-sub-cat .item-subc {
        flex: 0 0 45%;
        max-width: 45%;
    }
}

.subcategory {
    transition: none;
    padding: 5px 10px 5px 10px;
    overflow: hidden;
    text-align: center;
    border: 1px solid #e9e9e9;
    border-radius: 12px;
    -webkit-transition: box-shadow .2s ease, border .2s ease;
    transition: box-shadow .2s ease, border .2s ease;
}

.subcategory a img {
    margin: 0 auto;
    padding-top: 5px;
    color: transparent;
}

.subcategory:hover {
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    border-color: #fff;
}

.subcategory .name-wrapper {
    height: 44px;
    padding: 0 10px;
    overflow: hidden;
    color: #000;
    text-align: left;
}

.display-table {
    display: table;
    height: 100%;
    width: 100%;
    overflow: hidden;
}

.display-table-cell {
    display: table-cell;
    height: 100%;
    vertical-align: middle;
    width: 100%;
}

.display-table-cell h5 {
    margin-top: 2px;
    margin-bottom: 2px;
}

.btn-sort-limit {
    background: #fff;
    border-radius: 6px !important;
    border: 0px;
    height: 38px;
}

.btn-sort-limit svg {
    margin-left: 8px;
}

.btn-sort-link {
    font-size: 12px;
    width: 100%;
    text-align: left;
    border: 0px;
    background: transparent;
    white-space: nowrap;
}

.localstorage .btn-group:active .dropdown-toggle,
.localstorage .btn-group.open .dropdown-toggle {
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .03);
    color: #000;
    background: #e9ecef;
}

.localstorage .dropdown-menu.ls-dropdown {
    min-width: 80px;
    text-align: center;
    margin-top: 0px;
}

/*PRODUCT-GRID*/
.image-category {
    float: left;
    list-style: none;
    max-width: 78px;
}

#list-view .fa,
#price-view .fa,
#grid-view .fa {
    font-size: 16px;
}

@media (max-width: 412px) {
    .product-grid .product-thumb .actions {
        width: 100%;
    }
}

@media (min-width: 600px) {
    .product-grid.product-layout {
        margin-top: 10px;
        margin-bottom: 10px;
    }

}

.product-grid .product-thumb {
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px #e9ecef;
    border-radius: 8px;
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;

}

@media (max-width: 600px) {
    .container-module .pct_gv, .container-module .latest_gv {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .product-slider .item.slick-slide,
    .product-slider .owl-item .item {
        margin: 0px;
    }

    .container-module .item.no-slider.f-col-xs-6,
    .product-grid.product-layout {
        margin: 0px;
        padding: 0px;
    }

    .container-module .no-slider .product-thumb,
    .product-slider .item.slick-slide,
    .product-slider .owl-item .item,
    .product-grid .product-thumb {
        border-radius: 0px;
    }

    .product-thumb .image a:after {
        border-radius: 0px !important
    }

    .product-thumb .image {
        min-height: 8em;
    }

    /*.product-thumb .product-name {
		min-height: auto;
	}*/
    .container-module .product-thumb .actions div.cart,
    .container-module .product-thumb .actions div.cart .btn,
    .product-grid .product-thumb .actions div.cart,
    .product-grid .product-thumb .actions div.cart .btn {
        width: 100%;
    }

    .product-grid .product-thumb .actions div.cart .btn-general span, .container-module .product-thumb .actions div.cart .btn-general span {
        display: inline-block;
    }

    .product-slider .row_items.slick-slide .item {
        border-radius: 0px;
    }

    .position-no-owl .product-slider .row_items.slick-slide .item {
        margin: 0px !important;
    }
}

@media (max-width: 350px) {
    .container-module .item.no-slider.f-col-xs-6,
    .product-layout.product-grid.col-xs-6 {
        -ms-flex: 0 0 100%;
        flex: 0 0 100%;
        max-width: 100%;
    }
}

@media screen and (min-width: 350px) and (max-width: 992px) {
    .container-module .item.no-slider.f-col-xs-6,
    .product-layout.product-grid.col-xs-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
    }
}

.product-grid .product-thumb:hover {
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    z-index: 1;
}

/*PRODUCT GRID*/

/*PRODUCT LIST*/
.product-layout.product-list {
    margin-top: 10px;
    margin-bottom: 10px;
}

.product-list .product-thumb {
    background: #ffffff;
    box-shadow: 0px 0px 0px 1px #e9ecef;
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
    border-radius: 8px;
}

.product-list .product-thumb:hover {
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    z-index: 1;
}

.product-list .product-thumb .action-timer {
    bottom: 65px;
}

@media (min-width: 992px) {
    .product-list .product-thumb.flex-column {
        flex-direction: row !important;
    }

    .product-list .product-thumb:hover .stickers-ns {
        z-index: 1 !important;
        opacity: 1 !important;
    }

    .product-list .product-thumb .image {
        float: left;
        width: 35%;
        margin: 0 auto;
    }

    .product-list .product-thumb .image a {
        height: 100%;
    }

    .product-list .product-thumb .caption {
        float: left;
        width: 65%;
        padding-top: 20px;
        padding-bottom: 20px;
        padding-left: 30px;
        position: unset;
    }

    .product-list .product-thumb .actions .addit-action > div > .btn {
        background: #fff;
        box-shadow: 1px 1px 16px -3px rgba(0, 0, 0, 0.16);
    }

    .product-list .product-thumb .actions .addit-action > div > .btn:hover {
        background: #e9ecef;
        color: #000;
    }

    .product-list .product-name {
        min-height: auto;
        margin-bottom: 15px;
    }

    .product-list .price-actions-box {
        flex-direction: row-reverse;
        margin-top: 20px !important;
    }

    .product-list .price-actions-box .quantity_plus_minus {
        margin-left: 0px;
        margin-right: 20px;
        margin-bottom: 15px;
    }

    .product-list .price-actions-box .price {
        margin-right: auto;
        margin-bottom: 15px;
        justify-content: center;
    }

    .product-list .product-thumb .actions {
        text-align: left;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
    }

    .product-list .product-thumb .actions div.addit-action {
        left: 0px;
        flex-direction: row;
        justify-content: center;
        position: absolute;
        display: flex;
        transition: all .15s ease 0s;
        width: 35%;
    }

    .product-list .product-thumb .actions div.addit-action > div {
        position: relative !important;
        margin-bottom: 0px;
        position: relative;
        bottom: 0px;
        right: 0px;
        opacity: 1;
        visibility: visible;
        text-align: center;
        margin-bottom: 0px;
        margin-left: 5px;
        margin-right: 5px;
    }
}

@media (min-width: 1200px) {
    .product-list .product-thumb .image {
        width: 25%;
    }

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

    .product-list .product-thumb .actions div.addit-action {
        width: 25%;
    }
}

/*END PRODUCT LIST*/
/*****************************/

/* --- PRODUCT PAGE --- */
.image-additional .slick-slide {
    margin-left: 5px;
    margin-right: 5px;
}

.image-additional {
    text-align: center;
}

.cloud-zoom-big {
    background: #fff;
    margin: 0 auto;
    width: 100%;
    right: 0px;
}

.mousetrap {
    margin: 0 auto;
    width: 100%;
    right: 0px;
}

.thumbnails .general-image {
    margin-bottom: 10px;
    text-align: center;
    position: relative;
}

.thumbnails .general-image a {
    display: inline-block;
    border: 0px;
    padding: 0px;
    margin-bottom: 0px;
}

.thumbnails .general-image img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    color: transparent;
}

.image-additional .thumbnail {
    margin: 0px;
    padding: 3px;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    display: inline-block;
}

.image-additional .thumbnail img {
    margin: 0px;
}

.image-additional .slick-slide img {
    margin: 0 auto;
}

.thumbnails .image-additional .btn-slick-prev-h {
    left: 0px;
}

.thumbnails .image-additional .btn-slick-next-h {
    right: 0px;
}

.thumbnails .image-additional .btn-slick-prev-h, .thumbnails .image-additional .btn-slick-next-h {
    cursor: pointer;
    width: 30px;
    height: 30px;
    background: #F8F9FA;
    border-radius: 5px;
    position: absolute;
    z-index: 1;
    top: calc(50% - 15px);
    padding: 7px 4px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
}

.thumbnails .image-additional .btn-slick-prev-h:hover, .thumbnails .image-additional .btn-slick-next-h:hover {
    background: #e9ecef;
}

.thumbnails .image-additional .slick-current .thumbnail, .thumbnails .image-additional .thumbnail:hover {
    border-color: #ffffff;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.067);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.067);
}

.thumbnails .image-additional .thumbnail {
    margin-bottom: 3px;
    margin-top: 3px;
}

.info-minimum {
    padding: 7px 13px;
    background: #fcfbef;
    color: #000;
    margin-bottom: 15px;
    border-radius: 8px;
}

.info-minimum svg {
    display: inline-block;
    vertical-align: bottom;
    margin-right: 5px;
}

.zoom-magnify {
    width: 100%;
    text-align: center;
}

a.zoom-magnify {
    width: 100%;
}

.space-padding-r20 {
    padding-right: 20px;
}

.space-padding-r5 {
    padding-right: 5px;
}

#next-prev-box .nextprevprod {
    align-items: center;
}

.nextprevprod .popover {
    max-width: 195px;
    width: 195px;
}

.nextprevprod .popover.popover-prev-prod {
    left: 15px !important;
}

.nextprevprod .popover.popover-prev-prod.bottom > .arrow {
    left: 55px !important;
    border-bottom-color: rgba(0, 0, 0, 0.03);
}

.nextprevprod .popover.popover-next-prod {
    left: auto !important;
    right: 15px !important;
}

.nextprevprod .popover.popover-next-prod.bottom > .arrow {
    right: 45px !important;
    left: auto !important;
    border-bottom-color: rgba(0, 0, 0, 0.03);
}

#prev-prod-btn {
    text-align: left;
    padding-right: 5px !important;
}

#next-prod-btn {
    text-align: right;
    padding-left: 5px !important;
}

#next-prod-btn,
#prev-prod-btn {
    width: 50%;
    text-overflow: ellipsis;
    background: transparent;
    border: 0px;
    float: left;
    position: relative;
    padding: 0px;
}

.nextprevprod .no-prev,
.nextprevprod .no-next {
    width: 100% !important;
}

.next-product .icon-next,
.prev-product .icon-prev {
    width: 24px;
    height: 24px;
    background: #F8F9FA;
    box-shadow: 1px 1px 9px rgba(0, 0, 0, 0.1);
    border-radius: 5px;
    line-height: 22px;
    text-align: center;
    display: inline-block;
}

.next-product .icon-next {
    margin-left: 12px;
}

.prev-product .icon-prev {
    margin-right: 12px;
}

.popover-pr-image img {
    margin: 0 auto;
}

.popover-pr-name {
    font-size: 14px;
    color: #000;
    font-weight: 400;
    margin-top: 15px;
    margin-bottom: 10px;
}

.nextprevprod .popover {
    border: 0px;
    box-shadow: 2px 4px 18px rgba(0, 0, 0, 0.05);
    z-index: 10;
}

.nextprevprod .price {
    margin-bottom: 0px;
}

.nextprevprod .price span {
    font-size: 14px;
}

.nextprevprod .price .price-new span {
    font-weight: 600;
    color: #E55B4C;
    font-size: 14px;
}

.nextprevprod .price .price-old span {
    color: #999999;
    font-size: 14px;
}

.no-gutters > [class*="col-"] {
    padding-right: 0;
    padding-left: 0;
}

#product .image-block .stickers-ns {
    left: 0px;
    top: 0px;
}

#product .image-block {
    background: #ffffff;
    position: relative;
    padding: 20px
}

#product .center-inf-block {
    background: #ffffff;
    position: relative;
    /* padding: 20px 20px 0px 20px; */
}

@media (min-width: 768px) {
    #product .center-inf-block {
        /* padding: 20px; */
    }
}

#product .panel-rigth-block {
    padding: 12px;
    gap: 16px;
    border-radius: 8px;
    border: solid 1px #E6E7EA;
}

.right-product-fixed {
    padding: 12px;
    border-radius: 8px;
    border: solid 1px #6A42BF;
    background: #fff;
}

#product .image-block,
#product .center-inf-block,
#product .right-block {
    border-radius: 0px;
}

#fix_right_block {
    position: relative;
}

.image-additional {
    visibility: hidden;
}

.image-additional.slick-initialized {
    visibility: visible;
}

@media (min-width: 320px) {
    .image-additional {
        padding: 0px 35px;
    }
}

@media (min-width: 768px) {
    #product .image-block {
        border-top-left-radius: 8px;
        border-top-right-radius: 8px;
    }

    #product .center-inf-block {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .info-model-manufacturer {
        display: flex;
        justify-content: space-between;
        grid-gap: 20px;
        align-items: center;
    }

    #product .right-block {
        border-bottom-right-radius: 8px;
    }

    #fix_right_block {
        position: sticky;
        top: 56px;
    }

    .image-additional {
        padding: 0px 50px;
    }

    .no-gutters {
        margin-left: 0px;
        margin-right: 0px;
    }
}

@media (max-width: 992px) {
    #product .right-block {
        background: #ffffff;
        width: 100%;
    }
}

@media (min-width: 992px) {
    #fix_right_block {
        position: relative;
        top: 0px;
    }

    .thumbnails .image-additional .btn-slick-prev-h {
        left: 10px;
    }

    .thumbnails .image-additional .btn-slick-next-h {
        right: 10px;
    }

    #product .panel-rigth-block {
        /* box-shadow: 0px 0px 1px #e9ecef; */
    }

    #product .right-block {
        padding-left: 20px;
    }

    #product .image-block {
        border-radius: 8px 0px 0px 8px;
    }

    #product .center-inf-block {
    }

    .sticky-left-block {
        position: sticky;
        top: 95px;
    }
}

.scroll-right-info .pr-n h1 {
    font-size: 15px;
    text-align: left;
}

.scroll-right-info .pr-i {
    margin: 10px auto 20px;
    max-width: 100px;
    border: 0px;
}

#product .fix_true .sticky {
    position: fixed;
    z-index: 99;

}

#product .fix_true .sticky .panel-rigth-block {
    border: 1px solid transparent;
    box-shadow: 2px 4px 18px rgba(0, 0, 0, 0.05);
    -webkit-transition: box-shadow .2s ease;
    transition: box-shadow .2s ease;
}

.stop {
    position: relative;
}

#product .right-block .text-countdown-final {
    margin-bottom: 15px;
    padding-left: 15px;
}

#product .right-block .special-countdown {
    margin-bottom: 15px;
    min-height: 72px;
}

#product hr {
    margin-top: 10px;
    margin-bottom: 10px;
}

#product .title_short_description,
#product .title_short_attribute {
    font-size: 14px;
    color: #000;
    margin-top: 25px;
    margin-bottom: 10px;
}

#product .options {
    /*	margin-top: 25px;*/
    margin-top: 0;
}

#product .center-inf-block {
    margin-bottom: 25px;
}

#product .text_short_description {
    color: #595959;
    margin-bottom: 15px;
    font-size: 12px;
}

#product .redmore-link {
    color: #000;
    border-radius: 4px;
    background: #F8F9FA;
    padding: 4px 10px;
    font-size: 12px;
    display: inline-block;
}

#product .redmore-link:hover {
    background: #e9ecef;
}

#product .price {
    text-align: left;
    font-size: 22px;
}

#product .price-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#product .price-row .price-left {
    display: flex;
    grid-gap: 20px;
    align-items: center;
}

#product .price-new {
    text-align: left;
    font-size: 20px;
    display: block;
    clear: both;
}

#product .price-old {
    font-weight: 400;
    font-size: 18px;
    float: left;
    margin-bottom: 7px;
}

#product .availability .fa {
    color: #23a1d1;
}

#popup-quickview .quantity-adder,
.quantity-adder {
    display: block;
    position: relative;
    margin-right: 10px;
}

#popup-quickview .quantity-adder .add-action,
.quantity-adder .add-action {
    color: #000;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    height: 34px;
    line-height: 32px;
    position: relative;
    text-align: center;
    width: 20px;
}

#popup-quickview .quantity-adder .add-down,
.quantity-adder .add-down {
    border-color: #e9e9e9;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-radius: 8px 0px 0px 8px;
}

#popup-quickview .quantity-adder .add-up,
.quantity-adder .add-up {
    border-color: #e9e9e9;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-radius: 0px 8px 8px 0px;
}

#popup-quickview .quantity-adder .quantity-number input,
.quantity-adder .quantity-number input {
    color: #000;
    display: inline-block;
    height: 34px;
    padding: 2px 0px;
    text-align: center;
    width: 30px;
    border-radius: 0px;
    border-color: #e9e9e9;
    border-width: 1px 0px 1px 0px;
    border-style: solid;
}

#product .panel h1 {
    margin-top: 5px;
}

#product .info-product-stock {
    margin-bottom: 15px;
}

#product .info-product-stock:empty {
    margin-bottom: 0;
}

#product .info-product-stock {
    display: none !important;
}

#product .points {
    margin-bottom: 8px;
}

#product .stock_status_success {
    color: #00612B;
    font-size: 14px;
    display: inline-block;
}

#product .stock_status_success svg {
    vertical-align: -1.2px;
    margin-right: 4px;
}

#product .stock-quantity_success {
    background-color: #dff0d8;
    border: 1px solid #3c763d;
    border-radius: 4px;
    color: #3c763d;
    padding: 1px 4px;
    margin-left: 5px;
    position: relative;
    display: inline-block;
}

#product .stock-quantity_success:after {
    content: '';
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #dff0d8;
    left: -5px;
    top: 7px;
}

#product .stock-quantity_success:before {
    content: '';
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #3c763d;
    left: -6px;
    top: 7px;
}

#product .qty-not-in-stock {
    background-color: #ffd2b8;
    border: 1px solid #FC351B;
    border-radius: 4px;
    color: #FC351B;
    padding: 1px 4px;
    display: inline-block;
}

#product .qty-not-in-stock-count {
    background-color: #ffd2b8;
    border: 1px solid #FC351B;
    border-radius: 4px;
    color: #FC351B;
    padding: 1px 4px;
    margin-left: 5px;
    position: relative;
    display: inline-block;
}

#product .qty-not-in-stock-count:after {
    content: '';
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #ffd2b8;
    left: -5px;
    top: 7px;
}

#product .qty-not-in-stock-count:before {
    content: '';
    position: absolute;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    border-right: 7px solid #FC351B;
    left: -6px;
    top: 7px;
}

#product .list-unstyled > li {
    font-size: 14px;
    margin: 1px 0px;
}

#product .actions-additional {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#product .actions-additional .btn-wishlist {
    margin-left: 10px;
}

#product .actions {
    overflow: hidden;
    margin-top: 15px;
    display: flex;
    align-items: center;
    gap: 8px;
}

#product .actions .btn-found-cheaper {
    height: 54px;
    font-size: 15px;
    font-weight: 600;
    color: #8672D2;
    border: 1px solid #8672D2;
    padding: 0 20px;
}

#product .actions .cart {
    width: 100%;
}

#product .actions .cart .btn-general {
    width: 100%;
    height: 54px;
    font-size: 15px;
}

#product .actions .btn-fastorder {
    margin-top: 15px;
    height: 54px;
    width: 100%;
}

#product .actions .w48 {
    width: 48%;
}

#product .hidden-options {
    display: none;
}

.options-expand a .caret.rotate {
    transform: rotate(180deg);
}

.options-close a .caret.rotate {
    transform: rotate(180deg);
}

.options-expand a {
    color: #333;
    font-size: 16px;
    cursor: pointer;
    padding: 15px;
    display: block;
}

.options-close a {
    color: #333;
    font-size: 16px;
    cursor: pointer;
    padding: 15px;
    display: block;
}

.options-close a .caret {
    transform: rotate(180deg);
}

@media (max-width: 767px) {
	/* на мобільному тримаємо підказку в межах картки */
	.vh-co-tip__text {
		width: auto;
		min-width: 220px;
		max-width: 78vw;
		margin-left: 0;
		left: auto;
		right: -8px;
	}

	.vh-co-tip__text::before,
	.vh-co-tip__text::after {
		left: auto;
		right: 12px;
	}
}

@media (max-width: 767px) {
    #product .actions {
        flex-direction: column;
    }

    #product .actions .btn-found-cheaper {
        width: 100%;
    }
}

/*****************************/
footer .copyright {
    margin-top: 160px;
    text-align: center;
}

footer .socials ul {
    margin-bottom: 0px;
}

footer .sficon {
    background: #f8f9fa;
    margin-right: 4px;
    margin-bottom: 4px;
    text-align: center;
    display: inline-block;
    width: 34px;
    height: 34px;
    border-radius: 50%;
}

footer .sficon i {
    color: #000;
    font-size: 18px;
    line-height: 34px;
}

footer .sficon:hover i {
    color: #fff;
}

footer .newsletter {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 75px;
    position: relative;
}

#error-msg {
    display: block;
    position: absolute;
    top: -25px;
    right: 10px;
}

footer .icon-newsletter {
    margin-right: 35px;
}

footer .title-nl {
    font-size: 16px;
    text-align: right;
    white-space: nowrap;
    line-height: 22px;
    padding: 10px 0px;
    margin-right: 35px;
    margin-bottom: 0px;
}

footer.ls-dark-theme .title-nl {
    color: #fff;
}

footer.ls-light-theme .title-nl {
    color: #000;
}

footer .newsletter .input-group {
    position: relative;
    flex: 0 1 58%;
    margin-left: auto;
    width: 58%;
}

footer .newsletter .form-control::placeholder {
    color: #000000;
}

footer .newsletter .form-control, footer .newsletter .form-control:focus {

    border: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 0px;
    border-bottom-left-radius: 12px;
    border-top-left-radius: 12px;
    color: #525252;
    display: block;
    height: 58px;
    line-height: 1;
    padding: 8px 15px 8px;
    width: 100%;
    font-size: 14px !important;
    box-shadow: none !important;
}

footer .igb-nl {
    background: #fff;
    border: 0px;
    border-bottom-right-radius: 12px;
    border-top-right-radius: 12px;
    border-left: 0px;
    padding-right: 10px;
}

footer.ls-dark-theme .igb-nl,
footer.ls-dark-theme .newsletter .form-control, footer.ls-dark-theme .newsletter .form-control:focus {
    background: #fff;
}

footer.ls-light-theme .igb-nl,
footer.ls-light-theme .newsletter .form-control, footer.ls-light-theme .newsletter .form-control:focus {
    background: #F8F9FA;
}

footer.ls-light-theme .newsletter .form-control::placeholder {
    color: #525252;
}

footer .btn-newsletter {
    border-radius: 12px !important;
    color: #fff;
    border: 0px;
    vertical-align: baseline;
    margin-right: 0px;
    padding: 5px 25px;
    height: 44px;
    font-size: 14px;
}

footer.ls-light-theme .btn-newsletter {
    box-shadow: 2px 2px 12px rgba(0, 0, 0, 0.07);
}

/* --- FOOTER --- */
footer .two-c-pc {
    margin-bottom: 20px;
    /*column-count: 2;*/
    column-gap: 15px;
}

footer {
    font-size: 14px;
    margin-top: 50px;
    color: #ADB5BD;
    background: #F8F9FA;
}

footer .footer-top {
    padding-top: 30px;
    padding-bottom: 30px;
}

footer .footer-bottom {
    padding-top: 15px;
    padding-bottom: 5px;
}

footer .footer-center {
    padding-top: 10px;
    padding-bottom: 10px;
}

footer .social_footer {
    padding-top: 10px;
}

footer a {
    font-size: 14px;
}

footer.ls-dark-theme {
    color: #ADB5BD;
}

footer.ls-dark-theme .footer-top,
footer.ls-dark-theme .footer-center,
footer.ls-dark-theme .footer-bottom {
    background-color: #000;
}

footer.ls-dark-theme a {
    color: #ADB5BD;
}

footer.ls-dark-theme a:hover {
    color: #fff;
}

footer.ls-dark-theme .title-f {
    color: #fff;
}

footer.ls-light-theme {
    color: #4B4B4B;
}

footer.ls-light-theme .icon-newsletter svg rect,
footer.ls-light-theme .icon-newsletter svg path {
    stroke: #000;
}

footer.ls-light-theme .footer-top {
    /*box-shadow: 0px -4px 12px rgba(0, 0, 0, 0.04);*/
}

footer.ls-light-theme a {
    color: #4B4B4B;
}

footer.ls-light-theme a:hover {
    text-decoration: underline;
    color: #000;
}

footer.ls-dark-theme a:hover {
    color: #fff;
}

footer.ls-light-theme .title-f {
    color: #000;
}

footer .title-f {
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 27px;
}

footer ul.list-unstyled li {
    display: block;
}

footer .fa-width {
    width: 20px;
}

.footer-contact-info-social .socials li {
    display: flex;
    gap: 16px;
}

#gmap_footer {
    width: 100%;
    height: 285px;
    border: 4px solid #424242;
    border-radius: 4px;
}

.open-full-screen {
    color: #000;
}

.normal-screen {
    color: #000;
}

.title_popap_marker {
    font-size: 14px;
    color: #333333;
    font-weight: bold;
}

.description_popap_marker {
    font-size: 12px;
    color: #666666;
}

#back-top {
    bottom: 20px;
    display: none;
    margin-bottom: 5px;
    overflow: hidden;
    position: fixed;
    right: 20px;
    text-decoration: none;
    z-index: 888;
}

@media (max-width: 992px) {
    #back-top.fm-t {
        bottom: 10px;
        right: 10px;
    }

    #back-top.fm-t.right {
        bottom: 70px;
        right: 10px;
    }

    #back-top.fm-b {
        bottom: 60px;
        right: 10px;
    }

    #back-top.fm-b.right {
        bottom: 120px;
        right: 10px;
    }
}

@media (max-width: 768px) {
    .ft_tabs_mob.tabs-bottom #back-top.fm-b {
        bottom: 110px;
    }

    .ft_tabs_mob.tabs-bottom #back-top.fm-b.right {
        bottom: 168px;
    }
}

.close-viewed-pc {
    position: absolute;
    right: 15px;
    bottom: -100px;
    opacity: 0;
    -webkit-transition: bottom .3s ease, opacity .3s ease-in-out;
    transition: bottom .3s ease, opacity .3s ease-in-out;
    z-index: -1;
}

.close-viewed-pc.active-viewed {
    bottom: 55px;
    opacity: 1;
}

.btn-close-viewed {
    border: 0px;
    background: #CED4DA;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    box-shadow: none;
    line-height: 36px;
    display: inline-block;
    padding: 8px 14px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    box-shadow: none !important;
}

.btn-close-viewed:hover {
    background: #DEE2E6;
}

.btn-back-top {
    border: 0px;
    background: #CED4DA;
    width: 44px;
    height: 44px;
    border-radius: 10px;
    box-shadow: none;
    line-height: 29px;
    display: inline-block;
    padding: 8px 14px;
    -webkit-transition: background .2s ease;
    transition: background .2s ease;
    box-shadow: none !important;
}

.btn-back-top:hover {
    background: #DEE2E6;
}

.f-column {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    padding-left: 0px;
    padding-right: 0px;
}

@media (max-width: 992px) {
    footer .footer-contact {
        column-count: 2;
        margin-bottom: 20px;
        gap: 24px;
    }

    footer .newsletter {
        flex-wrap: wrap;
        justify-content: start;
        margin-bottom: 40px;
    }

    footer .icon-newsletter {
        margin-right: 15px;
        margin-bottom: 15px;
    }

    footer .icon-newsletter i {
        font-size: 34px;
    }

    footer .newsletter .title-nl {
        padding: 0px;
        text-align: left;
        margin-bottom: 15px;
        margin-right: 0px;
        white-space: normal;
    }

    footer .newsletter .input-group {
        width: 100%;
        flex-basis: 100%;
    }

}

@media (min-width: 768px) {
    footer .two-c-pc {
        display: flex;
        flex-direction: column;
        gap: 12px;
        margin-bottom: 0;
    }

    footer.type-footer-1 .two-c-pc {
        margin-bottom: 20px;
        column-count: 2;
    }
}

@media (max-width: 768px) {
    .footer .footer-top {
        padding-top: 20px;
    }

    footer .footer-contact {
        column-count: 1;
        gap: 24px;
        border: none;
        padding-bottom: 0;
        margin-bottom: 16px;
    }

    footer #logo-footer img {
        margin: 0;
        width: 114px;
        height: 110px;
        max-width: unset;
    }

    footer .newsletter {
        margin-bottom: 40px;
    }

    footer .newsletter .title-nl {
        margin-bottom: 20px;
        text-align: center;
        width: 100%;
    }

    footer .newsletter .title-nl div:nth-child(1) {
        font-size: 14px;
    }

    footer .newsletter .title-nl div:nth-child(2) {
        font-size: 16px;
    }

    footer .icon-newsletter {
        display: none;
    }

    footer .two-c-pc {
        margin-bottom: 5px;
        padding: 0px 0px 10px 20px;
        column-count: 1;
        display: none;

        border-radius: 0px 0px 5px 5px;
    }

    footer .two-c-pc > li {
        margin-right: 20px;
    }

    footer .copyright {
        margin-top: 0;
        padding-top: 32px;
    }

    footer .newsletter .form-control, footer .newsletter .form-control:focus {
        height: 56px;
    }

    footer .btn-newsletter {
        height: 38px;
    }

    footer .title-f {
        cursor: pointer;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.25;
        margin-top: 0;
        margin-bottom: 0;
        padding: 16px 0;
        border-radius: 0;
        position: relative;
        transition: border-radius .1s;
    }

    footer .f-column .col-sm-6_footer {
        border-bottom: 1px solid #E6E7EA;
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 0;
        padding-right: 0;
    }

    .col-sm-6_footer:last-child .title-f {
        border: none;
    }

    footer .title-f.show-info {
        border-radius: 5px 5px 0px 0px;
    }

    footer .title-f:after {
        font-family: FontAwesome;
        content: "\f107";
        position: absolute;
        right: 0;
        width: 24px;
        height: 24px;
        line-height: 24px;
        text-align: center;
        background: #122538;
        border-radius: 4px;
    }

    footer.ls-dark-theme .two-c-pc {
        background: #223446;
    }

    footer.ls-dark-theme .title-f {
        color: #fff;
        background: #223446;
    }

    footer.ls-dark-theme .title-f:after {
        background: #122538;
    }

    footer.ls-light-theme .two-c-pc {
        background: #f8f9fa;
        margin: 0;
        padding: 0;
    }

    footer.ls-light-theme .two-c-pc li {
        padding: 6px 0;
    }

    footer.ls-light-theme .title-f:after {
        background: transparent;
    }

    footer.ls-light-theme .show-info.title-f:after {
        transform: rotate(180deg);
    }
}

/*CATEGORY MODULE*/
.box-heading {
    color: #fff;
    font-weight: bold;
    text-align: left;
    text-shadow: -1px -1px 0px rgba(0, 0, 0, .1);
    border-radius: 4px 4px 0px 0px;
    padding: 10px 20px;
    z-index: 995;
    line-height: 1.42857;
    font-size: 14px !important;
    text-transform: uppercase;
    background-color: #2B8CDB;
    border: 1px solid #2B8CDB;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 2px 2px rgba(0, 0, 0, .05);
}

.box-heading .fa.fa-bars {
    float: right;
    font-size: 14px;
    line-height: 20px;
}

ul.navcategory {
    list-style: none;
    padding-left: 0px;
    margin-bottom: 20px;
    position: relative;
}

.container-accordion-menu .parent-category a {
    font-size: 14px;
}

.container-accordion-menu .parent-link {
    padding: 10px 12px;
    display: block;
    border: 1px solid #ddd;
    margin-bottom: -1px;
    background: #fff;
    color: #333;
}

.container-accordion-menu .parent-category .parent-link:hover:after,
.container-accordion-menu .parent-category .parent-link.hover:after {
    content: "";
    position: absolute;
    right: -0px;
    top: 0;
    height: 100%;
    width: 10px;
    background: #fff;
    z-index: 1009;
}

.container-accordion-menu .parent-category.no-child .parent-link:hover:after,
.container-accordion-menu .parent-category.no-child .parent-link.hover:after {
    position: relative;
}

.container-accordion-menu .parent-link:hover,
.container-accordion-menu .parent-link.hover {
    background: linear-gradient(to right, #f5f5f5 70%, #fff 80%);
}

.container-accordion-menu .parent-link {
    position: relative;
}

.container-accordion-menu .parent-category.active a {
    color: #007aaa;
}

.container-accordion-menu .parent-link:hover,
.container-accordion-menu .parent-link:hover .arrow,
.container-accordion-menu .parent-link.hover,
.container-accordion-menu .parent-link.hover .arrow {
    color: #007aaa;
}

.container-accordion-menu .dropdown_icon1 .arrow {
    color: #aaa;
    float: right;
    font-size: 18px;
    line-height: 20px;
}

.container-accordion-menu .parent-link:hover .arrow {
    transform: rotate(-90deg);
}

.container-accordion-menu .parent-link.hover .arrow {
    transform: rotate(-90deg);
}

.dropdown-menu-category {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 6px;
    box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.3);
    box-sizing: content-box;
    display: none;
    left: 100%;
    margin-left: -3px;
    margin-top: -1px;
    min-height: 100%;
    padding: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1008;
}

.container-accordion-menu .navcategory > li:hover > .dropdown-menu-category {
    border-color: #dddddd;
    display: block;
    opacity: 1;
    top: 0;
}

.container-accordion-menu .child-box-cell:first-child {
    border-top: 0px solid transparent;
}

.container-accordion-menu .child-box-cell {
    border-top: 1px solid #ddd;
}

.container-accordion-menu .sub-category-link {
    display: block;
    font-weight: 400;
    line-height: 1.42857;
    padding: 10px 15px 10px;
    position: relative;
    white-space: normal;
    color: #333;
}

.container-accordion-menu .child-box-cell.child_children .sub-category-link:hover:after,
.container-accordion-menu .child-box-cell.child_children .sub-category-link.hover:after {
    content: "";
    position: absolute;
    right: -10px;
    top: 0;
    height: 100%;
    width: 20px;
    background: #fff;
    z-index: 1009;
}

.container-accordion-menu .child-box-cell.child_children .sub-category-link:hover,
.container-accordion-menu .child-box-cell.child_children .sub-category-link.hover {
    background: linear-gradient(to right, #f5f5f5 70%, #fff 80%);
}

.container-accordion-menu .sub-category-link:hover,
.container-accordion-menu .sub-category-link:hover .arrow {
    color: #007aaa;
}

.container-accordion-menu .sub-category-link.hover,
.container-accordion-menu .sub-category-link.hover .arrow {
    color: #007aaa;
}

.container-accordion-menu .sub-category-link:hover .arrow {
    transform: rotate(-90deg);
}

.container-accordion-menu .sub-category-link.hover .arrow {
    transform: rotate(-90deg);
}

.parent-category {
    width: 100%;
    border-color: #ddd;
    border-radius: 0px 0px 4px 4px;
    padding: 0;
    margin: -1px 0 0 0;
    position: relative;
}

.container-accordion-menu .sub-category-link.arrow {
    color: #aaa;
    float: right;
    font-size: 18px;
    line-height: 20px;
}

.container-accordion-menu .child2-box {
    display: none;
    background: #fff;
    position: absolute;
    left: 100%;
    top: 0;
    min-height: 100%;
    border: 1px solid #ddd;
    border-radius: 6px;
    padding: 0;
    margin-top: -1px;
    margin-left: -5px;
    box-shadow: 2px 6px 12px rgba(0, 0, 0, 0.3);
    box-sizing: content-box;
    z-index: 1008;
    width: 100%;
}

.container-accordion-menu .child-box-cell.child_children:hover .child2-box {
    display: block;
}

.container-accordion-menu .child_children_link a {
    display: block;
    padding: 11px 15px 10px;
    line-height: 1.42857143;
    border-top: 1px solid #eee;
    color: #333;
}

.container-accordion-menu .child_children_link > a:hover {
    color: #007aaa;
}

.tab-content .item {
    min-height: 320px;
}

.carousel-container {
    position: relative;
    border-radius: 8px;
    box-shadow: 1px 0px 8px rgba(0, 0, 0, 0.063);
    text-align: center;
    overflow: hidden;
}

.container-module .slick-dots.slideshow {
    background: transparent;
}

.carousel-container .slick-slide img {
    color: transparent;
}

.carousel-container .slick-mod-arrow {
    top: 50%;
    transform: translateY(-50%);
    width: 26px;
    height: 26px;
    z-index: 1;
    border-radius: 24px;
    background: rgba(248, 249, 250, 0.10);
    backdrop-filter: blur(14px);
    display: flex;
    align-items: center;
    justify-content: center;
}

.carousel-container .slick-mod-arrow.prev-prod {
    right: auto;
    left: -9px;
}

.carousel-container .slick-mod-arrow.next-prod {
    right: -9px;
}

.carousel-container:hover .slick-mod-arrow {
    opacity: 1;
}

.carousel-container:hover .slick-mod-arrow.next-prod {
    transition: all .2s ease;
}

.carousel-container:hover .slick-mod-arrow.prev-prod {
    transition: all .2s ease;
}

.carousel-container .slick-dots {
    position: absolute;
    left: 0px;
    right: 0px;
    bottom: 7px;
}

/*
.container-module .slick-dots.slideshow li button {
	width: 20px;
	height: 10px;
}
.container-module .slick-dots.slideshow li button {
	background:#fff;
	box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.4);
}
.container-module .slick-dots.slideshow li.slick-active button {
	background-color: #00BC52;
	box-shadow: none;
}
*/
.carousel-container .owl-buttons i.fa {
    font-size: 20px;
    margin: -20px 0 0;
}

.carousel-container .owl-buttons i.fa.slideshow-btn {
    font-size: 40px;
    margin: -20px 0 0;
}

.carousel-container .slideshow-btn-prev {
    background: rgba(0, 0, 0, 0) url("../image/carousel-prev.png") no-repeat scroll center center;
    display: block;
    height: 45px;
    width: 19px;
    opacity: 0.7;
}

.carousel-container .slideshow-btn-next {
    width: 19px;
    height: 45px;
    display: block;
    opacity: 0.7;
    background: rgba(0, 0, 0, 0) url("../image/carousel-next.png") no-repeat scroll center center;
}

.carousel-container .owl-controls .owl-buttons .owl-prev {
    left: 10px;
    top: 40% !important;
}

.carousel-container .owl-controls .owl-buttons .owl-next {
    right: 10px;
    top: 40% !important;
}

@media (min-width: 992px) {
    .carousel-container .owl-controls .owl-buttons .owl-prev {
        left: 10px;
        top: 35% !important;
    }

    .carousel-container .owl-controls .owl-buttons .owl-next {
        right: 10px;
        top: 35% !important;
    }

    .carousel-container .slideshow-btn-prev {
        background: rgba(0, 0, 0, 0) url("../image/carousel-prev.png") no-repeat scroll center center;
        display: block;
        height: 82px;
        width: 19px;
        opacity: 0.7;
    }

    .carousel-container .slideshow-btn-next {
        width: 19px;
        height: 82px;
        display: block;
        opacity: 0.7;
        background: rgba(0, 0, 0, 0) url("../image/carousel-next.png") no-repeat scroll center center;
    }
}

.carousel-container .slideshow-btn-next:hover,
.carousel-container .slideshow-btn-prev:hover {
    opacity: 1;
}

.carousel-container .owl-wrapper:after {
    padding-bottom: 0 !important;
}

.carousel-container .owl-pagination {
    bottom: 5px;
    left: 5px;
    top: auto;
    position: absolute;
}

.banner-ns .owl-pagination {
    bottom: 5px;
    left: 0%;
    right: 0%;
    top: auto;
    position: absolute;
}

.carousel-container .owl-controls .owl-page span {
    background: #fff;
    border-radius: 10px / 20px;
    box-shadow: 0 0 3px rgba(0, 0, 0, 0.3) inset;
    display: block;
    height: 5px;
    width: 22px;
}

.carousel-container .owl-controls .owl-page {
    display: inline-block;
    margin: 0 4px;
}

.carousel-container .owl-controls .owl-page.active span {
    background: #2b8cdb;
}

.box-banner-container {
    background: #f8f9fa;
    padding: 30px 0px;
}

.block-banner-footer {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    overflow: hidden;
    position: relative;
    margin-bottom: 5px;
    flex-direction: column;
}

.block-banner-footer .image-banner-footer {
    height: 50px;
}

.block-banner-footer .image-banner-footer img {
    font-size: 0px;
}

.block-banner-footer .icon-banner-footer {
    width: 50px;
    text-align: center;
    margin-right: 5px;
}

.block-banner-footer .icon-banner-footer span {
    height: 50px;
    width: 50px;
    display: inline-block;
}

.block-banner-footer .icon-banner-footer i.fa {
    font-size: 24px;
    line-height: 50px;
    color: #7a7a7a;
}

.block-banner-footer .text-footer-banner {
    margin-top: 12px;
}

.block-banner-footer .text-footer-banner .banner-title-footer {
    font-size: 14px;
    color: #000;
    text-align: center;
}

.block-banner-footer .text-footer-banner .banner-description-footer {
    font-size: 14px;
    color: #000;
    text-align: center;
}

@media (max-width: 992px) {
    .banner-footer {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
}

.banner-ns.owl-carousel .owl-wrapper:after {
    padding-bottom: 0;
}

.footer-ribbon-box::after {
    content: "";
    display: block;
    height: 21px;
    right: -4px;
    position: absolute;
    top: 0;
    width: 22px;
    z-index: -1;
    display: inline-block;
    -moz-transform: skew(3deg, 0deg);
    -webkit-transform: skew(3deg, 0deg);
    -o-transform: skew(3deg, 0deg);
    -ms-transform: skew(3deg, 0deg);
    transform: skew(3deg, 0deg);
    border-radius: 0px 6px 0px;
}

.footer-ribbon-box {
    position: absolute;
    top: -21px;
}

@media (max-width: 360px) {
    .footer-ribbon-box {
        display: none;
    }
}

.footer-ribbon {
    padding: 10px 20px;
    border-radius: 8px;
    height: 42px;
    -moz-transform: skew(-15deg, 0deg);
    -webkit-transform: skew(-15deg, 0deg);
    -o-transform: skew(-15deg, 0deg);
    -ms-transform: skew(-15deg, 0deg);
    transform: skew(-15deg, 0deg);
}

.footer-ribbon span {
    color: #fff;
    font-size: 16px;
    line-height: 22px;
    display: inline-block;
    -moz-transform: skew(15deg, 0deg);
    -webkit-transform: skew(15deg, 0deg);
    -o-transform: skew(15deg, 0deg);
    -ms-transform: skew(15deg, 0deg);
    transform: skew(15deg, 0deg);
}

.pos-rel {
    position: relative;
    z-index: 1;
}

.product-price .product-thumb .additional-img-hover {
    top: 0px;
}

.product-price .product-thumb .image {
    border-left: solid 1px #e9e9e9;
    border-right: solid 1px #e9e9e9;
    max-width: 80px;
    padding: 5px;
    width: 80px;
    min-width: 80px;
    margin-bottom: 0px;
    min-height: 5em;
}

.product-price .product-thumb .image a {
    padding: 0px;
}

.product-price {
    overflow: hidden;
    padding: 0px;
    background: #ffffff;
}

.product-price .editproducts {
    display: none;
}

.product-price:first-child {
    border-radius: 8px 8px 0 0;
}

.product-price:last-child {
    border-radius: 0 0 8px 8px;
}

.product-price:nth-child(n+1) {
    border-top: solid 1px #e9e9e9;
}

.product-price:last-child {
    border-bottom: solid 1px #e9e9e9;
}

.product-price .product-thumb {
    flex-direction: row !important;
}

.product-price .product-thumb .caption {
    margin-bottom: 0px;
    padding: 0px;
    flex-direction: row !important;
}

.product-price .product-thumb > div:last-child {
    border-left: none;
    border-right: 1px solid #e9e9e9;
}

.product-price .product-thumb .caption .product-name {
    margin-bottom: 0px;
    min-height: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-right: auto;
    text-align: left;
    padding: 10px;
    min-width: 150px;
    border-right: solid 1px #e9e9e9;
    /*flex:0 0 50%;*/
    flex: 1;
    align-items: center;
}

.product-price .product-thumb .caption .box-stock-status {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    align-items: center;
    margin-bottom: auto;
}

.product-price .product-thumb .caption .box-stock-status .stock-status {
    margin-bottom: 0px;
    -ms-flex-item-align: center;
    align-self: center;
}

.product-price .product-thumb .caption .product-model {
    margin-bottom: 0px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    padding: 10px;
    min-width: 90px;
    text-align: center;
    vertical-align: middle;
    width: 90px;
    border-left: solid 1px #e9e9e9;
    margin-right: 0px;
}

.product-price .product-thumb .caption .price-actions-box {
    margin-top: 0px !important;
    /*flex:1;*/
    border-left: solid 1px #e9e9e9;
}

.product-price .product-thumb .caption .price-actions-box .price {
    padding-right: 10px;
    padding: 10px;
    min-width: 100px;
    width: 100px;
    align-items: center;
}

.product-price .product-thumb .caption .price-actions-box .price .price-old {
    line-height: 18px;
}

.product-price .product-thumb .caption .price-actions-box .actions {
    width: auto;
    padding-left: 10px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 10px;
    border-left: solid 1px #e9e9e9;
    align-items: center;
}

.product-price .product-thumb .caption .price-actions-box .actions .addit-action {
    margin-left: 10px;
}

.product-price .product-thumb .caption .price-actions-box .quantity_plus_minus {
    margin-bottom: 0px;
    align-self: center;
    padding-right: 10px;
}

.product-price .product-thumb .btn-fastorder {
    box-shadow: none;
    background: #F8F9FA;
}

.product-price .product-thumb .image a:after,
.product-price .product-thumb .image .action-timer,
.product-price .product-thumb .caption .addit-action,
.product-price .product-thumb .caption .product-description,
.product-price .product-thumb .caption .rating,
.product-price .product-thumb .sticker-ls-pd.procent-skidka,
.product-price .product-thumb .image .stickers-ns,
.product-price .product-thumb .caption .price-actions-box .actions .cart .btn-general span.text-cart-add,
.product-price .product-thumb .quickview {
    display: none !important;
}

.product-price .product-thumb .caption .cart .btn-general {
    padding: 5px 7px;
}

#bar {
    width: 0%;
    max-width: 100%;
    height: 4px;
    background: #2B8CDB;
}

#progressBar {
    width: 100%;
    background: #cccccc;
}

#search .autosearch_link {
    cursor: pointer;
}

#search .dropdown-menu.autosearch {
    background: #fff none repeat scroll 0 0;
    -webkit-box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
    box-shadow: 6px 6px 19px rgba(0, 0, 0, 0.06);
    padding: 20px;
    border-radius: 8px;
    margin-top: 0px;
    width: 100%;
    z-index: 6666 !important;
    left: 5px;
    right: 5px;
    max-height: 440px;
    overflow-y: auto;
    border: 0px;
    scrollbar-color: #DEE2E6 transparent;
    scrollbar-width: thin;
}

#search .dropdown-menu.autosearch::-webkit-scrollbar {
    width: 8px;
}

#search .dropdown-menu.autosearch::-webkit-scrollbar-track {
    background: transparent;
}

#search .dropdown-menu.autosearch::-webkit-scrollbar-thumb {
    background-color: #DEE2E6;
    border-radius: 12px;
    border: transparent;
}

#search .dropdown-menu.autosearch li > a:hover, .dropdown-menu.autosearch li > a.active, .dropdown-menu.autosearch li > a:focus {
    background-color: rgba(0, 26, 52, .015);
    border-radius: 8px;
}

#search .dropdown-menu.autosearch .search-view-all-result {
    color: #2b8cdb;
}

#search .dropdown-menu.autosearch a {
    border-radius: 0;
    white-space: normal;
    padding: 5px 5px;
    margin-top: 5px;
    margin-bottom: 5px;
}

#search .dropdown-menu.autosearch li + li {
    border-top: 1px dashed #e9ecef;
}

#search .ajaxadvance {
    width: 100%;
    overflow: hidden;
    display: flex;
    align-items: center;
}

#search .ajaxadvance .name {
    font-size: 13px;
    font-weight: 600;
}

#search .dropdown-menu.autosearch li a:hover .image:after {
    content: '';
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 26, 52, .015);
}

#search .ajaxadvance .image {
    margin-right: 15px;
    margin-left: 15px;
    position: relative;
}

#search .ajaxadvance .content > div {
    margin-top: 5px;
}

#search .ajaxadvance .price-old {
    text-decoration: line-through;
}

#search .price {
    color: #444;
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 5px;
    text-align: left;
}

#search .ajaxadvance .highlight {
    color: #38b0e3;
}

.search_fix .dropdown-menu.autosearch {
    margin-top: 0 !important;
}

#login-form-popup .btn-login:focus, #login-form-popup .btn-login {
    color: #fff;
    border: 0px;
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    padding: 10px 30px;
    font-weight: 400;
    box-shadow: none;
    text-align: center;
}

#login-form-popup .btn-login:hover, #login-form-popup .btn-login:active {
    border: 0px;
}

#login-form-popup .alert {
    font-size: 12px;
}

#modal-callback .close,
#modal-quickorder .close,
#modal-quickview .close,
#modal-found-cheaper .close,
#modal-review-store .close,
#modal-desc-banner .modal-header .close,
#modal-desc-banner .modal-header .close,
#login-form-popup .modal-header .close {
    background-image: url("/catalog/view/theme/luxshop/image/svg-icon/close-icon.svg");
    cursor: pointer !important;
    font-size: 0px;
    height: 25px;
    outline: medium none;
    position: absolute;
    right: 10px;
    top: 10px;
    width: 25px;
    z-index: 1060;
    text-align: center;
    line-height: 25px;
    border: 1px solid #ececec;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}

@media (min-width: 992px) {
    #modal-callback .close,
    #modal-quickorder .close,
    #modal-quickview .close,
    #modal-found-cheaper .close,
    #modal-review-store .close,
    #modal-desc-banner .modal-header .close,
    #login-form-popup .modal-header .close {
        right: 15px;
        top: 15px;
    }
}

#modal-callback .close:hover,
#modal-quickorder .close:hover,
#modal-quickview .close:hover,
#modal-found-cheaper .close:hover,
#modal-review-store .close:hover,
#modal-desc-banner .modal-header .close:hover,
#login-form-popup .modal-header .close:hover {
    background-image: url("/catalog/view/theme/luxshop/image/svg-icon/close-icon.svg");
    cursor: pointer !important;
    font-size: 0px;
    outline: medium none;
    position: absolute;
    line-height: 25px;
    border: 1px solid #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.067);
    background-position: center;
    background-repeat: no-repeat;
}

#modal-desc-banner .modal-content,
#login-form-popup .modal-content {
    border-radius: 8px;
    box-shadow: none;
    border: 0px;
}

#modal-desc-banner .modal-header,
#login-form-popup .modal-header {
    border: 0px;
    padding: 25px 25px 5px 25px;
}

#modal-desc-banner .modal-body,
#login-form-popup .modal-body {
    padding: 15px 25px 0px;
}

#login-form-popup .modal-footer {
    border: 0px;
    padding: 5px 25px 25px;
}

#login-form-popup .form-group {
    margin-bottom: 20px;
}

#login-form-popup .form-control {
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-color: #F8F9FA;
    box-shadow: none;
    color: #000000;
    border-top-left-radius: 8px;
    border-bottom-left-radius: 8px;
    padding: 10px 20px;
    height: 42px;
}

#login-form-popup .input-group-addon {
    background: #fff;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-color: #F8F9FA;
    border-top-right-radius: 8px;
    border-bottom-right-radius: 8px;
    position: relative;
    min-width: 54px;
}

#login-form-popup .input-group-addon::before {
    content: '';
    position: absolute;
    top: 9px;
    bottom: 9px;
    left: 0px;
    border-left: 1px solid #F8F9FA;
}

#login-form-popup .form-group.sections_block_rquaired .input-group:before {
    content: "*";
    position: absolute;
    left: 10px;
    top: 50%;
    color: red;
    width: 8px;
    height: 14px;
    z-index: 9;
    margin-top: -12px;
}

.forgotten {
    color: #000000;
}

.form-group.message {
    margin-bottom: 0px;
}

.form-group.message .alert {
    margin-bottom: 15px;
}

@media (min-width: 768px) {
    #login-form-popup .modal-dialog {
        width: 400px;
        margin: 30px auto;
    }

    #login-form-popup .modal-login {
        width: 400px;
    }
}

.shopping-cart .table-striped > tbody > tr:nth-of-type(2n+1) {
    background-color: #ffffff;
}

.shopping-cart .table > tbody > tr > td {
    border-top: 0px;
    vertical-align: top;
}

#product i.required {
    color: #e4003a;
}

#product .btn-fastorder .btn-icon-fastorder {
    margin-right: 5px;
}

#popup-quickorder .radio-checbox-options,
#popup-quickview .radio-checbox-options,
#product .radio-checbox-options {
    display: inline-block;
    margin-right: 6px;
}

#popup-quickorder .radio-checbox-options input,
#popup-quickview .radio-checbox-options input,
#product .radio-checbox-options input {
    display: none;
}

#popup-quickorder .radio-checbox-options label,
#popup-quickview .radio-checbox-options label,
#product .radio-checbox-options label {
    border: 1px solid #E9ECEF;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    padding: 5px 8px;
    font-size: 13px;
    margin-bottom: 10px;
    background-color: #F8F9FA;
    color: #4d4e5a;
}

#popup-quickorder .radio-checbox-options input:checked + label,
#popup-quickview .radio-checbox-options input:checked + label,
#product .radio-checbox-options input:checked + label {
    background-color: #E9ECEF;
    border-color: #334150;
    color: #222;
}

#popup-quickorder .radio-checbox-options label:hover,
#popup-quickview .radio-checbox-options label:hover,
#product .radio-checbox-options label:hover {
    background-color: #E9ECEF;
    border-color: #334150;
    color: #222;
}

#popup-quickorder .image-radio,
#popup-quickview .image-radio,
#product .image-radio {
    display: inline-block;
    margin: 5px;
    min-width: 200px;
}

#popup-quickorder .image-radio label,
#popup-quickview .image-radio label,
#product .image-radio label {
    margin-bottom: 8px;
}

#popup-quickorder .image-radio input,
#popup-quickview .image-radio input,
#product .image-radio input {
    display: none;
}

#popup-quickorder .image-radio img,
#popup-quickview .image-radio img,
#product .image-radio img {
    border: 1px solid #e9ecef;
    border-radius: 6px;
    cursor: pointer;
}

#popup-quickorder .image-radio input:checked + img,
#popup-quickview .image-radio input:checked + img,
#product .image-radio input:checked + img {
    border-color: #334150;
    border-width: 1px;
}

@media (min-width: 768px) {
    #popup-quickorder .image-radio img,
    #popup-quickview .image-radio img,
    #product .image-radio img {
        max-width: 39px;
    }
}

@media (min-width: 992px) {
    #popup-quickorder .image-radio img,
    #popup-quickview .image-radio img,
    #product .image-radio img {
        max-width: 41px;
    }
}

@media (min-width: 1200px) {
    #popup-quickorder .image-radio img,
    #popup-quickview .image-radio img,
    #product .image-radio img {
        max-width: 60px;
    }
}

#popup-quickorder .options .text-danger,
#popup-quickview .options .text-danger,
#product .options .text-danger {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 2px 9px 3px;
    position: absolute;
    top: -6px;
    border-radius: 4px;
}

#popup-quickorder .options .form-group,
#popup-quickview .options .form-group,
#product .options .form-group {
    margin-bottom: 10px;
    position: relative;
}

#popup-quickorder .options .form-group .control-label,
#popup-quickview .options .form-group .control-label,
#product .options .form-group .control-label {
    margin-bottom: 15px;
    font-size: 14px;
    font-weight: 400;
}

#popup-quickorder .options .color-option,
#popup-quickview .options .color-option,
#product .options .color-option {
    border: 2px solid transparent;
    box-sizing: content-box !important;
    cursor: pointer;
    display: inline-block;
    height: 24px;
    padding: 0;
    vertical-align: middle;
    width: 24px;
    border-radius: 50px;
    border: 1px solid #b0bdc3;
}

#popup-quickorder .options .image-radio input:checked + span.color-option,
#popup-quickview .options .image-radio input:checked + span.color-option,
#product .options .image-radio input:checked + span.color-option {
    border: 2px solid #334150;
}

/*Module and page options*/
.product-thumb .option {
    /*margin-bottom: 20px;*/
}

.product-thumb .option .form-group {
    position: relative;
    margin: 1px 0px;
}

.product-thumb i.required {
    color: #e4003a;
}

.product-thumb .radio-checbox-options {
    display: inline-block;
    margin-right: 3px;
}

.product-thumb .radio-checbox-options input {
    display: none;
}

.product-thumb .radio-checbox-options label {
    border: 1px solid #E9ECEF;
    border-radius: 4px;
    cursor: pointer;
    display: inline-block;
    font-weight: normal;
    padding: 5px 8px;
    font-size: 13px;
    margin-bottom: 10px;
    background-color: #F8F9FA;
    color: #4d4e5a;
}

.product-thumb .radio-checbox-options input:checked + label {
    background-color: #E9ECEF;
    border-color: #334150;
    color: #000;
}

.product-thumb .radio-checbox-options label:hover {
    background-color: #E9ECEF;
    border-color: #334150;
    color: #000;
}

.product-thumb .image-radio {
    display: inline-block;
}

.product-thumb .image-radio input {
    display: none;
}

.product-thumb .image-radio img {
    cursor: pointer;
}

.product-thumb .image-radio img {
    border: 1px solid #F8F9FA;
}

.product-thumb .image-radio input:checked + img {
    border-color: #334150;
}

@media (min-width: 768px) {
    .product-thumb .image-radio img {
        max-width: 39px;
    }
}

@media (min-width: 992px) {
    .product-thumb .image-radio img {
        max-width: 41px;
    }
}

@media (min-width: 1200px) {
    .product-thumb .image-radio img {
        max-width: 38px;
    }
}

.product-thumb .option .text-danger {
    background: #eee none repeat scroll 0 0;
    border: 1px solid #ccc;
    padding: 2px 9px 3px;
    position: absolute;
    top: -6px;
    border-radius: 4px;
    z-index: 9;
}

.product-thumb .option .color-option {
    cursor: pointer;
    display: inline-block;
    height: 20px;
    margin: 0px 2px;
    padding: 0;
    vertical-align: middle;
    width: 20px;
    border-radius: 50px;
    border: 1px solid #b0bdc3;
}

.product-thumb .option .image-radio input:checked + span.color-option {
    border: 2px solid #334150;
}

/*and Options*/

.info-model,
.info-manufacturer {
    /* margin-bottom: 10px; */
    font-size: 14px;
}

.info-model span,
.info-manufacturer a {
    color: #000;
    font-weight: 600;
}

.custom-block-products {
    margin-bottom: 15px;
    margin-top: 15px;
}

.custom-block-products .title-module {
    margin-bottom: 15px;
    margin-top: 20px;
    font-size: 14px;
    color: #000;
}

.custom-block-products .title-custom-block-product {
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 10px;
}

.custom-block-product {
    margin-bottom: 5px;
    cursor: pointer;
    background: #fff none repeat scroll 0 0;
    border: 1px solid #e9e9e9;
    border-radius: 6px;
    margin-bottom: 15px;
    overflow: hidden;
    padding: 20px 15px;
}

.custom-block-product:hover {
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    border-color: #fff;
}

.custom-block-product .image {
    width: 50px;
    float: left;
    margin-top: 7px;
    text-align: center;
}

.custom-block-product .text {
    margin-left: 65px;
}

.custom-block-product a,
.custom-block-product a:hover {
    text-decoration: none;
}

.custom-block-product .text .custom-block-title {
    margin: 0;
    padding: 0 0 5px 0;
    overflow: hidden;
    font-weight: 600;
    font-size: 14px;
    color: #000;
}

.custom-block-product .text .custom-block-desc {
    font-size: 12px;
    line-height: 1.3;
    margin: 4px 0 0;
    overflow: hidden;
    padding: 0;
}

.product-thumb .main-img {
    opacity: 1;
    transform: rotateY(0deg);
    transition: all ease-in-out .4s;
}

.product-thumb:hover .main-img {
    opacity: 0;
    transform: rotateY(-180deg);
}

.product-thumb .additional-img-hover {
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    opacity: 0;
    cursor: pointer;
    transform: rotateY(-180deg);
    transition: all ease-in-out .4s;
}

.product-thumb:hover .additional-img-hover {
    opacity: 1;
    transform: rotateY(0deg);
}

.product-thumb .image a {
    position: relative;
    padding: 15px;
}

.product-thumb .image a img.img-responsive {
    max-width: 100%;
    max-height: 100%;
}

.product-thumb .product_status {
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #B52B28;
    font-weight: 500;
    height: 30px;
    left: 50%;
    line-height: 27px;
    margin: -15px 0 0 -70px;
    max-width: 100%;
    position: absolute;
    top: 50%;
    transform: rotateX(0deg) scale(1);
    transition: all 0.2s ease-in-out 0s;
    width: 140px;
}

.product-thumb:hover .product_status {
    transform: rotateX(0deg) scale(0);
    display: none;
}

.product-price .product-thumb .product_status {
    display: none;
}

.masked_bg {
    position: absolute;
    z-index: 10000;
    width: 100%;
    height: 100%;
    background: #fff;
    opacity: 0.6;
    left: 0;
    top: 0;
    border-radius: 8px;
}

.loading_masked {
    left: 8px;
    margin-top: -35px;
    position: absolute;
    right: 8px;
    text-align: center;
    top: 50%;
    width: auto;
    z-index: 11000;
}

.hasbanner .tableftbanner {
    float: left;
    width: 29.9%;
    padding-right: 5px;
    text-align: left;
}

.hasbanner .tableftbanner img {
    display: inline-block;
}

.hasbanner .tabrightproduct {
    float: left;
    width: 70%;
}

.hasbanner .tabrightbanner {
    float: right;
    width: 29.9%;
    padding-left: 5px;
    text-align: right;
}

.hasbanner .tabrightbanner img {
    display: inline-block;
}

.hasbanner .tableftproduct {
    float: right;
    width: 70%;
}

.image-hover-effect .item {
    position: relative;
    overflow: hidden;
}

.image-hover-effect .item:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.image-hover-effect .item:hover:before {
    -webkit-animation: shinebanner .75s;
    animation: shinebanner .75s;
}

@-webkit-keyframes shinebanner {
    100% {
        left: 125%;
    }
}

@keyframes shinebanner {
    100% {
        left: 125%;
    }
}

@media (max-width: 767px) {
    .hasbanner .tabrightproduct {
        float: none;
        width: 100%;
    }

    .hasbanner .tableftproduct {
        float: none;
        width: 100%;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
    .hasbanner .tabrightproduct {
        float: none;
        width: 100%;
    }

    .hasbanner .tableftproduct {
        float: none;
        width: 100%;
    }
}

.container-module.product-category {
    overflow: hidden;
}

#column-right .container-module .reviews .col-md-4.no-slider,
#column-left .container-module .reviews .col-md-4.no-slider {
    width: 100%;
}

#column-right .container-module .title-module span,
#column-left .container-module .title-module span {
    display: inline-block;
}

#column-right .container-module .title-module .see-all-reviews,
#column-left .container-module .title-module .see-all-reviews {
    position: relative;
}

.container-module .see-all-reviews {
    color: #000;
    font-size: 14px;
    position: absolute;
    right: 0px;
    top: 5px;
}

.see-all-reviews {
    border: 1px solid #e9ecef;
    border-radius: 20px;
    padding: 6px 13px;
    overflow: hidden;
    white-space: nowrap;
    height: 34px;
}

.see-all-reviews > span {
    padding-right: 0px !important;
    margin-left: 2px;
    line-height: 14px;
}

.text-see-all {
    display: inline-block;
    font-size: 14px;
    color: #000;
    padding-left: 10px;
}

.see-all-reviews:hover .text-see-all {
    text-decoration: underline;
}

.container-module .reviews {
    margin-bottom: 15px;
}

.container-module .reviews .item-review {
    background: #fff;
    border: 1px solid #e9ecef;
    padding: 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.container-module .rc-top .rc-pr-image {
    min-width: 110px;
    float: left;
    margin-right: 15px;
}

.container-module .rc-top .rc-right-block {
    margin-bottom: 15px;
}

.container-module .rc-top .rating-box {
    margin-bottom: 10px;
    display: inline-block;
}

.container-module .rc-top .rc-pr-image img {
    margin: 0 auto;
    font-size: 0px;
    color: transparent;
}

.container-module .rc-top .rs-pr-name {
    height: 40px;
    overflow: hidden;
    margin-bottom: 10px;
}

.container-module .rc-top .rs-pr-name a {
    color: #000;
    font-weight: 600;
}

.container-module .rc-center {
    margin: 5px 0px 15px;
    height: 60px;
    overflow: hidden;
}

.container-module .review-description {
    font-size: 13px;
    color: #757575;
    height: 82px;
    overflow: hidden;
}

.container-module .rc-bottom {
    justify-content: space-between;
}

.container-module .rc-bottom .rating-box {
    line-height: 1;
}

.container-module .rc-bottom .rating-box svg + svg {
    margin-left: -1.6px;
}

.container-module .rc-bottom .reviews-date,
.container-module .reviews-author {
    font-size: 14px;
    color: #000;
}

.btn-more {
    background-color: #43b02a;
    border-color: #076bb7;
    border-radius: 4px;
    border-style: none none solid;
    border-width: 2px;
    box-shadow: none;
    color: #fff;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    padding: 8px 20px;
    transition: all 0.2s ease-out;
}

.btn-more:hover, .btn-more:focus, .btn-more:active {
    background-color: #076bb7;
    border-color: #076bb7;
    color: #fff;
}

.heading_title_reviews {
    margin-bottom: 15px;
    padding: 10px 0px;
    position: relative;
}

.heading_title_reviews {
    font-size: 20px;
    padding: 0 20px 0px 0px;
    z-index: 5;
    color: #333;
    position: relative;
    text-transform: uppercase;
}

.product-list .reviews-author {
    font-weight: 600;
}

.product-list .reviews-date {
    color: #c7c7c7;
    text-align: left;
}

.popup_banner {
    width: 600px;
    max-width: 80%;
    padding: 15px;
    background: #f8f8f8;
}

@media (min-width: 768px) {
    .popup_banner {
        width: 900px;
        max-width: 100%;
        padding: 15px;
        background: #f8f8f8;
    }
}

.popup_banner .close {
    position: absolute;
    z-index: 999;
    top: 8px;
    right: 10px;
}

.popup_banner h1 {
    font-size: 1.8em;
    margin: 0 0 10px;
}

.popup_banner #content {
    min-height: 10px;
}

.is_a_link {
    cursor: pointer;
}

#column-left .product-layout, #column-right .product-layout {
    width: 100%;
}

#form-review {
    padding-top: 20px;
}

#form-review .titler-r {
    font-size: 20px;
    margin-bottom: 15px;
}

.review-item .review_plus,
.review-item .review_minus {
    padding: 5px;
}

.review-item .review_minus span,
.review-item .review_plus span {
    display: block;
    color: #000;
    font-weight: 600;
    margin-bottom: 5px;
}

.review-item .admin_reply {
    padding: 5px;
    margin-left: 25px;
}

.review-item .admin_reply div {
    color: #00BC52;
    margin-bottom: 5px;
}

.review-item .purchased {
    padding-right: 10px;
}

.review-item .comment {
    margin-bottom: 10px;
}

.review-heading {
    justify-content: space-between;
    margin-bottom: 10px;
}

.review-heading .block-author {
    font-weight: 600;
}

.review-item .rating {
    margin-bottom: 10px;
}

.review-item + div.review-item {
    margin-top: 20px;
    border-top: 2px dashed #e9ecef;
    padding-top: 20px;
}

.reviews-author .purchased {
    color: #1ab90a;
    padding-left: 10px;
    font-weight: 400;
}

.product-rating .star-rating {
    position: relative;
    width: 21px;
    height: 21px;
    margin-right: 2px;
}

.product-rating .star-rating:before {
    position: absolute;
    content: url("/catalog/view/theme/luxshop/image/star-icon/b-star-g-icon.svg");
    width: 21px;
    height: 21px;
}

.product-rating .star-rating.checked:before, .product-rating .star-rating.active::before {
    position: absolute;
    content: url("/catalog/view/theme/luxshop/image/star-icon/b-star-y-icon.svg");
    width: 21px;
    height: 21px;
}

@media (max-width: 992px) {
    #search .dropdown-menu.ls-dropdown {
        left: auto;
        right: 0px;
    }
}

.category_description img.img-thumbnail {
    color: transparent;
}

.category_description img {
    max-width: 100%;
    border: 0px;
}

.category_description {
    clear: both;
    color: #333;
    display: block;
    margin: 10px 0;
    overflow: hidden;
    padding-bottom: 15px;
    padding-top: 15px;
}

.category_description .psfl-l {
    padding: 0 10px 10px 0;
}

.psfl-l {
    float: left;
}

@media (max-width: 768px) {
    .banner-blocks-container.dflex {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}

#column-left .banner-blocks-container .col-xs-12,
#column-right .banner-blocks-container .col-xs-12,
.position-no-owl .banner-blocks-container .col-xs-12 {
    width: 100%
}

.banner-blocks-container .banner-item {
    border-radius: 10px;
    overflow: hidden;
    padding: 25px 20px;
    background: #fff;
}

.banner-blocks-container .banner-item .banner-image {
    -ms-flex: 0 0 60px;
    flex: 0 0 60px;
    max-width: 60px;
    text-align: center;
    margin-right: 20px;
}

.banner-blocks-container .banner-item .banner-image img {
    margin: 0 auto;
    font-size: 0px;
    color: #fff;
}

.banner-blocks-container .banner-item:hover {
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    border-color: #fff;
}

.banner-blocks-container .banner-item a,
.banner-blocks-container .banner-item a:hover {
    text-decoration: none;
}

.banner-blocks-container .banner-item .banner-info .banner-title {
    margin: 0;
    height: 24px;
    overflow: hidden;
    font-weight: 600;
    font-size: 14px;
    color: #000000;
}

.banner-blocks-container .banner-item .banner-info .banner-description {
    padding: 0;
    margin-top: 2px;
    font-size: 13px;
    line-height: 18px;
    color: #757575;
}

/*Wall Category*/
.easy-catalog-box .item-catalog:hover,
.wall-category-box .item-category:hover {
    -webkit-box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    box-shadow: 3px 3px 10px rgba(0, 0, 0, .07);
    border-color: #fff;
}

.open-sub-cat {
    width: 28px;
    height: 28px;
    display: inline-block;
    text-align: center;
    line-height: 24px;
    border-radius: 5px;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -14px;
    cursor: pointer;
    background: #fff;
}

.open-sub-cat svg {
    display: inline-block;
    vertical-align: text-bottom;
}

.easy-catalog-box,
.wall-category-box {
    position: relative;
    margin: 0px -10px;
    padding-top: 1px;
}

.box-item-catalog {
    padding-top: 10px;
    padding-bottom: 10px;
}

.easy-catalog-box .item-catalog {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    height: 100%;
    -webkit-transition: box-shadow .2s ease, border .2s ease;
    transition: box-shadow .2s ease, border .2s ease;
}

.easy-catalog-box .easy-cat-image {
    position: relative;
}

.easy-catalog-box .easy-cat-image a:before {
    display: block;
    padding-top: 23%;
    padding-bottom: 25%;
    content: "";
}

.easy-catalog-box .easy-cat-image a img.img-responsive {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    max-width: 100%;
    max-height: 100%;
}

.easy-catalog-box .easy-cat-image img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    border: 0;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 0px;
    color: transparent;
}

.easy-catalog-box .easy-cat-name {
    overflow: hidden;
    padding: 5px 10px;
    text-align: center;
    border-radius: 8px;
    margin-bottom: 8px;
    position: relative;
}

.easy-catalog-box .easy-cat-name a {
    color: #000;
    line-height: 16px;
}

@media (max-width: 300px) {
    .banner-blocks-container .bb-col-xs,
    .wall-category-box .wc-col-xs {
        float: none;
        -ms-flex: 0 0 90%;
        flex: 0 0 90%;
        max-width: 90%;
    }
}

@media (min-width: 300px) and (max-width: 500px) {
    .banner-blocks-container .bb-col-xs,
    .wall-category-box .wc-col-xs {
        float: none;
        -ms-flex: 0 0 75%;
        flex: 0 0 75%;
        max-width: 75%;
    }
}

@media (min-width: 500px) and (max-width: 768px) {
    .banner-blocks-container .bb-col-xs,
    .wall-category-box .wc-col-xs {
        float: none;
        -ms-flex: 0 0 47%;
        flex: 0 0 47%;
        max-width: 47%;
    }
}

@media (max-width: 768px) {
    .box-item-catalog {
        float: none;
        -ms-flex: 0 0 100px;
        flex: 0 0 135px;
        max-width: 135px;
    }

    .easy-catalog-box.dflex,
    .wall-category-box.d-xs-flex {
        overflow-x: auto;
        scrollbar-width: none;
        -ms-overflow-style: none;
    }
}

.imgcategory .product-thumb {
    background: #fff none repeat scroll 0 0;
    margin-bottom: 20px;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    -webkit-transition: box-shadow .2s ease, border .2s ease;
    transition: box-shadow .2s ease, border .2s ease;
}

.wall-category-box .item-category {
    background: #fff none repeat scroll 0 0;
    overflow: hidden;
    border-radius: 8px;
    position: relative;
    -webkit-transition: box-shadow .2s ease, border .2s ease;
    transition: box-shadow .2s ease, border .2s ease;
/*    max-height: 223px;*/
    display: flex;
    align-items: baseline;
    justify-content: center;
}

.wall-category-box .wall-cat-image {
    position: relative;
    padding: 30px 15px;
}

.wall-category-box .wall-cat-image a {
    font-size: 0px;
}

.wall-category-box .wall-cat-image img {
    display: block;
    margin-right: auto;
    margin-left: auto;
    max-width: 100%;
    max-height: 100%;
    border: 0;
    font-size: 0px;
    color: transparent;
}

.imgcategory .wall-cat-name, .wall-category-box .wall-cat-name {
    overflow: hidden;
    padding: 3px 10px;
    text-align: center;
    height: 45px;
    background: #F8F9FA;
    margin-left: 20px;
    margin-bottom: 20px;
    margin-right: 20px;
    border-radius: 8px;
    margin-top: 10px;
    position: relative;
}

.item-category.parent_category .wall-cat-name a {
    margin-right: 38px;
}

.item-category .wall-cat-name a,
.imgcategory .product-thumb .wall-cat-name a {
    color: #000;
    line-height: 18px;
}

.imgcategory .product-thumb:hover .wall-cat-name a,
.wall-category-box .item-category:hover .wall-cat-name a {
    color: #333;
}

.wall-category-box .wall-cat-image.active-opacity {
    opacity: 0;
}

.wall-category-box .item-sub-category {
    display: none;
    position: absolute;
}

.wall-category-box .item-sub-category.active {
    margin-top: 0px;
    margin-bottom: 20px;
    display: block;
    overflow: hidden;
    background: #fff;
    position: absolute;
    top: 20px;
    left: 20px;
    right: 20px;
    bottom: 60px;
    opacity: 1;
    padding: 12px 8px 8px 15px;
    transition: all ease-in-out 0.4s;
    background: #F8F9FA;
    border-radius: 6px;
}

.wall-category-box .item-sub-category .subcategory-name {
    margin-bottom: 2px;
    padding-right: 5px;
}

.wall-category-box .item-sub-category .subcategory-name a {
    font-size: 14px;
    color: #000;
    opacity: 1;
    line-height: 20px;
}

.wall-category-box .item-sub-category .subcategory-name a:hover {
    text-decoration: underline;
}

.nswc-scrollbar {
    width: 3px;
    background-color: #ADB5BD;
    right: 11px !important;
    top: 13px !important;
    height: calc(100% - 25px) !important;
    border-radius: 10px;
}

.nswc-thumb {
    background-color: #000;
    border-radius: 10px;
}

.nswc-scrollbar.active .nswc-thumb {
    background-color: #000;
}

.quantity_plus_minus {
    flex: 0 0 34px;
    z-index: 10;
    margin-bottom: 10px;
    line-height: 1;
}

.quantity_plus_minus input.quantity-num {
    display: inline-block;
    height: 16px;
    line-height: 16px;
    width: 34px;
    padding: 0px 2px;
    text-align: center;
    border-radius: 0px;
    border-left: 1px solid #f8f9fa;
    border-right: 1px solid #f8f9fa;
    border-top: 0px;
    border-bottom: 0px;
    vertical-align: top;
    box-shadow: none;
    color: #000;
}

.quantity_plus_minus .add-up {
    border-radius: 8px 8px 0px 0px;
    border-left: 1px solid #f8f9fa;
    border-right: 1px solid #f8f9fa;
    border-top: 1px solid #f8f9fa;
}

.quantity_plus_minus .add-down {
    border-radius: 0px 0px 8px 8px;
    border-left: 1px solid #f8f9fa;
    border-right: 1px solid #f8f9fa;
    border-bottom: 1px solid #f8f9fa;
}

.quantity_plus_minus .add-action {
    cursor: pointer;
    display: block;
    font-size: 13px;
    height: 14px;
    line-height: 10px;
    position: relative;
    text-align: center;
    width: 34px;
    background: #fff;
}

.container-module .pct_gv,
.container-module .latest_gv {
    overflow: hidden;
    margin-bottom: 10px;
}

.item.no-slider {
    margin-bottom: 10px;
    padding-top: 10px;
}

#column-left .container-module .no-slider,
#column-right .container-module .no-slider,
.position-no-owl .container-module .no-slider {
    border: 0px;
}

.nswc-viewport {
    min-height: 70px;
}

#modal-addcart .modal-dialog {
    max-width: 550px;
    width: 95%;
}

#modal-addcart .modal-body {
    padding: 30px 35px;
}

#modal-addcart .modal-content {
    border-radius: 12px;
    box-shadow: none;
}

#modal-addcart .btn-checkout {
    margin-top: 20px;
}

#modal-addcart .btn-shopping {
    margin-top: 20px;
}

.option-danger {
    animation: 0.3s ease-in-out 0s normal slider_add_product;
    position: fixed;
    right: 15px;
    top: 15px;
    width: 330px;
    z-index: 999999999;
    color: #000;
    padding: 25px 50px 25px 25px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 4px 5px 12px rgba(0, 0, 0, 0.067);
}

.option-danger + .option-danger {
    top: 132px
}

.option-danger + .option-danger + .option-danger {
    top: 248px
}

.option-danger + .option-danger + .option-danger + .option-danger {
    top: 364px
}

.add_product_alert {
    padding: 25px 50px 25px 25px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    background: #ffffff;
    border-radius: 12px;
    box-shadow: 4px 5px 12px rgba(0, 0, 0, 0.067);
    animation: 0.3s ease-in-out 0s normal slider_add_product;
    position: fixed;
    right: 15px;
    top: 15px;
    width: 330px;
    z-index: 999999999;
}

.option-danger .text-modal-block,
.add_product_alert .text-modal-block {
    margin-left: 20px;
}

@keyframes slider_add_product {
    0% {
        top: -40px;
    }
    50% {
        top: -20px;
    }
    100% {
        top: 15px;
    }
}

.ls-modal-success {
    border-radius: 12px;
    border: 0px;
    box-shadow: 0 2px 15px rgba(0, 0, 0, .18);
}

.ls-modal-success .modal-body {
    padding: 30px 50px;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
}

.ls-modal-success .modal-body .success-icon {
    float: left;
    margin-right: 20px;
}

.ls-modal-success .modal-body .text-modal-block {
    margin-right: 5px;
}

.ls-modal-success .modal-body .text-modal-block a {
    color: #04A349;
}

.option-danger button.close,
.add_product_alert button.close,
.ls-modal-success button.close {
    background-image: url("/catalog/view/theme/luxshop/image/form-icon/close-icon.svg");
    cursor: pointer !important;
    font-size: 0px;
    height: 25px;
    outline: medium none;
    position: absolute;
    right: 15px;
    top: 15px;
    width: 25px;
    z-index: 1060;
    text-align: center;
    line-height: 25px;
    border: 1px solid #ececec;
    border-radius: 50%;
    background-position: center;
    background-repeat: no-repeat;
    opacity: 1;
}

.option-danger button.close:hover,
.add_product_alert button.close:hover,
.ls-modal-success button.close:hover {
    background-image: url("/catalog/view/theme/luxshop/image/form-icon/close-h-icon.svg");
    cursor: pointer !important;
    font-size: 0px;
    outline: medium none;
    position: absolute;
    line-height: 25px;
    border: 1px solid #fff;
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.067);
    background-position: center;
    background-repeat: no-repeat;
}

@media (min-width: 992px) {
    .col-lg-offset-3, .col-md-offset-3 {
        margin-left: 25.4%;
    }
}

@media (min-width: 992px) {
    .type_cart_2 #cart {
        margin-bottom: 0px;
    }

    .type_cart_2 #cart .products .text_product, .type_cart_2 #cart .prices,
    .type_cart_2 #cart > .btn > .cart-icon-arrow {
        display: none;
    }

    .type_cart_2 #cart > .btn .cart-total {
        margin-left: 0px;
        margin-right: 0px;
        width: 0px;
        display: inline;
    }

    .type_cart_2 #cart > .btn .cart-total .products b {
        top: -1px;
        right: -2px;
        left: auto;
    }

    .type_cart_2 #cart > .btn {
        padding: 4px 6px 4px 6px;
    }

    .type_cart_2 #cart > .btn .shop-bag {
        display: block;
        vertical-align: middle;
    }

    .type_cart_2 #cart .dropdown-menu {
        min-width: 150px;
    }
}

@media (max-width: 992px) {
    .type_cart_2.pull-right {
        float: none !important;
    }
}

#fix_image .owl-carousel .owl-wrapper:after {
    padding-bottom: 0px;
}

.product-grid .catalogCard-extra {
    background: #fff;
    box-sizing: border-box;
    border-radius: 0px 0px 8px 8px;
    display: none;
    margin-top: -15px;
    padding: 15px 0px 0px;
    position: absolute;
    width: calc(100% - 20px);
    z-index: 100;
}

.product-grid.grid4 .catalogCard-extra {
    width: calc(100% - 10px);;
}

.category-page .product-list .attribute-cat {
    margin-bottom: 10px;
    line-height: 18px;
}

.category-page .product-list .attribute-cat .attr-name-line {
    color: #999;
    margin-right: 5px;
}

.category-page .product-list .attribute-cat .attr-text-line {
    color: #000;
}

.category-page .product-list .attribute-cat span {
    font-size: 13px;
}

.category-page .product-list .attribute-cat .attr-text-line:not(:last-child):after {
    content: '/';
    padding: 0 2px 0 5px;
    color: #888;
}

.category-page .product-price .catalogCard-extra,
.category-page .product-list .catalogCard-extra,
.category-page .product-price .attribute-cat,
.category-page .product-grid .attribute-cat {
    display: none;
}

.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-name {
    white-space: nowrap;
}

.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > span {
    display: table-cell;
    position: relative;
}

.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-name {
    padding-right: 5px;
    position: relative;
    z-index: 2;
}

.category-page .product-grid .catalogCard-extra .short-attributes-groups-category div.short-attribute:nth-child(2n+1) {
    background: #f8f9fa;
}

.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute span {
    font-size: 13px;
}

.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-text {
    text-align: right;
    width: 100%;
}

.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-text {
    padding-left: 5px;
}

.category-page .product-grid .catalogCard-extra .short-attributes-groups-category .short-attribute > .attr-text {
    position: relative;
    z-index: 2;
    font-size: 14px;
    color: #334150;
}

.category-page .product-grid .catalogCard-extra .short-attribute {
    display: block;
    padding: 3px 15px;
}

.category-page .product-grid .catalogCard-extra .short-attribute:after {
    content: '';
}

.product-grid:hover .catalogCard-extra {
    display: block;
    box-shadow: -5px 4px 8px -8px rgba(0, 0, 0, 0.07), 7px 4px 6px -3px rgba(0, 0, 0, 0.04), 3px 9px 14px -7px rgba(0, 0, 0, 0.07);
}

@media (max-width: 767px) {
    .product-grid .short-attribute {
        display: none;
    }
}

#image-box > #wrap {
    display: inline-block;
    position: relative;
    outline: none;
}

.mfp-zoom-in .mfp-content > div {
    opacity: 0;
    transition: all 0.2s ease-in-out;
    transform: scale(0.6);
}

.mfp-zoom-in.mfp-ready .mfp-content > div {
    opacity: 1;
    transform: scale(1);
}

#product .short-attributes-groups {
    margin-bottom: 15px;
}

.tab-pane .short-attributes-groups {
    margin-bottom: 0px;
}

.tab-pane .attr-group-name {
    margin-bottom: 15px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

#product div.short-attribute {
    padding: 6px 15px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

.tab-pane div.short-attribute {
    padding: 10px 15px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-pack: justify !important;
    justify-content: space-between !important;
}

#product div.short-attribute:nth-child(2n+1),
.tab-pane div.short-attribute:nth-child(2n+2) {
    background: #f8f9fa;
}

.tab-pane .short-attributes-groups ~ div.short-attributes-groups {
    margin-top: 30px;
}

.short-attribute > span {
    position: relative;
}

#product div.short-attribute > .attr-text {
    max-width: 50%;
    text-align: right !important;
}

.tab-pane div.short-attribute > .attr-text {
    max-width: 60%;
    text-align: right !important;
}

.short-attribute > .attr-name span {
    position: relative;
    z-index: 2;
    padding: 0 5px 0 0;
    font-size: 14px;
    color: #000;
}

.short-attribute > .attr-text span {
    position: relative;
    z-index: 2;
    padding: 0 0 0 5px;
    font-size: 14px;
    color: #334150;
}

.short-attributes-groups .short_attr_group_name {
    color: #000000;
}

.input-group .form-control[name^=quantity], #product .quantity-number [name^=quantity] {
    background: #fff;
}

.box-bg-full {
    background-attachment: fixed;
    background-position: center 0;
    background-repeat: no-repeat;
    background-size: cover;
    margin: 0; /* padding: 30px 0; */
    width: auto;
}

.common-home footer {
    margin-top: 15px;
}

.disabled_input {
    cursor: not-allowed;
}

#login-form-popup .modal-login {
    z-index: 1052;
}

@-webkit-keyframes active_load {
    from {
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes active_load {
    from {
        -ms-transform: rotate(0deg);
        -moz-transform: rotate(0deg);
        -webkit-transform: rotate(0deg);
        -o-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    to {
        -ms-transform: rotate(360deg);
        -moz-transform: rotate(360deg);
        -webkit-transform: rotate(360deg);
        -o-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

img.active-load {
    -webkit-animation: active_load 1s linear infinite;
    -moz-animation: active_load 1s linear infinite;
    -ms-animation: active_load 1s linear infinite;
    -o-animation: active_load 1s linear infinite;
    animation: active_load 1s linear infinite;
}

.box-showmore {
    display: inline-block;
    margin-bottom: 10px;
    margin-top: 10px;
    text-align: center;
    width: 100%;
}

.box-showmore span {
    font-size: 14px;
    text-decoration: none;
    cursor: pointer;
    color: #000000;
    background: #F8F9FA;
    border-radius: 10px;
    padding: 14px 25px;
    font-weight: 600;
    display: inline-block;
}

.box-showmore span:hover {
    background: #e9ecef;
}

.box-showmore span img {
    margin-right: 10px;
    vertical-align: -3px;
}

#showmore.box-showmore {
    padding-top: 10px;
}

@media (max-width: 767px) {
    #product .hpm-type-images .hpm-item{
        max-width: 80px !important;
    }
    .product-slider .featured-block .hpm-type-images .hpm-item > div:not(.hcol-image){
        font-size: 10px !important;
        padding: 3px 2px !important;
        min-width: 24px !important;
    }
    .hpm-type-images .cnt-item{
        margin-left: 3px !important;
        font-size: 10px !important;
        margin-top: 0 !important;
    }
    .product-slider .featured-block .hpm-type-images .hpm-item{
        margin: 1px !important;
    }
    .product-slider .featured-block .hpm-type-images .hcol-image img{
        max-width: 24px !important;
    }
    .mobm-top .variant_lang_2{
        position: absolute;
        right: 60px;
        top: 20px;
    }
    #product .price{
        font-size: 20px;
    }
    .price-left .quantity-adder{
        margin-right: 0;
    }
    .price-row .info-product-reward{
        font-size: 12px;
    }
    #product .price-row .price-left{
        grid-gap: 15px;
    }
    .faq-name {
        font-size: 18px !important;
    }

    #tab-faq span.title {
        font-size: 14px !important;
    }

    .right-block .info-model-manufacturer {
        display: grid;
    }

    .right-block .info-model-manufacturer .info-manufacturer {
        order: 1;
    }

    .h1-prod-name {
        font-size: 22px !important;
    }

    .mini-product-info {
        display: none !important;
    }

    .box-bg-full {
        padding: 0px;
    }

    .product-slider .product-name a {
        font-size: 10px;
        font-weight: 400;
        line-height: 1.304;
    }

    #product .right-block {
        padding-left: 12px;
        padding-right: 12px;
        margin-bottom: 15px;
    }

    .center-inf-block {
        display: flex;
        justify-content: space-between;
    }

    .right-product-col.col-sm-4 {
        display: none !important;
    }
}

.container-module .latest_gv .item {
    background: transparent;
}

.container-module .latest_gv .item .product-thumb {
    background: #fff;
}

.container-module .owl-pagination {
    top: 0px;
}

.product-rating {
    line-height: 1;
}

.product-rating .star-rating {
    color: #e7e7e7;
}

.product-rating .star-rating.active,
.product-rating .star-rating.checked {
    color: #fc0 !important;
}

.product-rating label .fa {
    font-size: 18px;
    padding: 2px 4px 2px 0px;
    cursor: pointer;
}

.product-rating label ~ label {
    margin-left: -5px;
}

.alphabetical_index {
    margin-bottom: 20px;
}

.alphabetical_index span {
    font-size: 16px;
    font-weight: 600;
    color: #333;
}

.alphabetical_index a {
    font-size: 16px;
    font-weight: 600;
}

.manufacturer-heading {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: 15px;
    margin-top: 20px;
}

.manufacturer-content {
    margin-bottom: 25px;
}

.manufacturer-content a {
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 2px rgba(0, 0, 0, .2);
    display: block;
    padding: 15px;
    border-radius: 4px;

}

.manufacturer-content a:hover {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
    box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
}

.thumb-brand img {
    margin: 0 auto;
}

.name-brand {
    font-size: 14px;
    font-weight: 600;
    text-align: center;
    margin-top: 10px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

#modal-wishlist,
#modal-compare {
    top: 50px;
}

.container-module .prod-cat-tabs {
    list-style: none;
    padding-left: 0px;
    margin: 0px;
    padding: 10px 0px;
}

.container-module .prod-cat-tabs > li {
    display: inline-block;
    padding: 5px 15px;
}

.container-module .prod-cat-tabs > li > a {
    color: #818181;
    font-size: 16px;
}

.container-module .prod-cat-tabs > li > a:hover {
    border-bottom: 1px dashed #818181;
}

@media (min-width: 992px) {
    .container-module .prod-cat-tabs > li:first-child {
        padding-left: 0px;
    }
}

.container-module .prod-cat-tabs > li.active a {
    color: #1e1e1e;
    border-bottom: 1px dashed #1e1e1e;
}

.tab-content.prod_cat_tab_content {
    min-height: 300px;
    padding-top: 0px;
}

.form-horizontal .form-group {
    margin-left: -10px;
    margin-right: -10px;
}

.ls-table .prod-name {
    display: block;
    max-width: 300px;
}

.ls-table > tbody > tr > td, .clss-table > thead > tr > td {
    vertical-align: middle;
}

.ls-table > thead > tr > td {
    padding: 10px;
    background: #F8F9FA;
}

.ls-table thead td:first-child {
    border-radius: 8px 0 0 8px;
}

.ls-table thead td:last-child {
    border-radius: 0 8px 8px 0;
}

.ls-table > tbody > tr > td {
    border-top: 0px;
    padding: 15px 10px;
    vertical-align: middle;
}

.ls-table > tbody > tr {
    border-bottom: 2px dashed #F8F9FA;
}

.input-remove-voucher {
    height: 38.5px;
}

.column-quantity {
    width: 100px;
}

.ls-cart-quantity {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
}

.ls-cart-quantity .form-control {
    border-color: #e9e9e9;
    border-width: 1px 0px 1px 0px !important;
    height: 34px !important;
    border-style: solid;
    box-shadow: none;
    max-width: 30px;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
    border-radius: 0px;
}

.ls-cart-quantity .btn-quantity-minus {
    background: #fff;
    border-color: #e9e9e9;
    border-width: 1px 0px 1px 1px;
    border-style: solid;
    border-radius: 8px 0px 0px 8px;
    padding: 0px;
    width: 20px;
    height: 34px;
    line-height: 1;
    margin-right: 0px !important;
}

.ls-cart-quantity .btn-quantity-plus {
    background: #fff;
    border-color: #e9e9e9;
    border-width: 1px 1px 1px 0px;
    border-style: solid;
    border-radius: 0px 8px 8px 0px;
    padding: 0px;
    width: 20px;
    height: 34px;
    line-height: 1;
    margin-left: 0px !important;
}

.checkout-cart-accordion .panel-default {
    border: 0px;
    margin-bottom: 15px;
}

.checkout-cart-accordion .panel-default > .panel-heading {
    background: #F8F9FA;
}

.checkout-cart-accordion .panel-default > .panel-heading + .checkout-cart-accordion .panel-collapse > .panel-body {
    border-top-color: #F8F9FA;
}

.checkout-cart-accordion .panel-collapse > .panel-body {
    border-top: 0px !important;
}

.checkout-cart-accordion .panel-body .control-label {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
    line-height: 20px;
}

.checkout-cart-accordion .panel-body .form-control::placeholder {
    font-size: 14px;
}

.checkout-cart-accordion .panel-body .form-control {
    max-width: 450px;
    height: 40px;
    border: 1px solid #e9ecef;
    box-shadow: none;
    font-size: 14px;
}

.checkout-cart-accordion .panel-body .input-group-btn .btn-primary {
    font-size: 14px;
}

.table-cart > tbody > tr > td {
    vertical-align: center;
    border-top: 0px;
}

.table-cart .total-title {
    color: #838383;
    width: 75%;
}

.table-cart .total-text {
    font-weight: 600;
    color: #000;
}

.table-responsive {
    position: relative;
    z-index: 8;
}

.ls-table .stock-status,
.ls-table .price {
    margin-bottom: 0px;
}

.ls-table .prod-name {
    color: #000;
}

.ls-table .btn-general {
    min-width: 34px;
    margin-right: 10px;
    padding: 5px 8px;
    display: inline-block;
}

.mw-70 {
    min-width: 70px;
}

#messageLoadPage {
    position: fixed;
    width: 400px;
    line-height: 40px;
    margin-top: -25px;
    margin-left: -200px;
    left: 50%;
    top: 50%;
    padding-left: 0px;
    display: none;
    text-align: center;
    z-index: 1042;
}

/*Category News*/
.mod-category-news {
    border-radius: 8px;
    border: 1px solid #e9e9e9;
    padding: 10px 20px;
}

.mod-category-news .articles-count {
    width: 18px;
    height: 18px;
    display: inline-block;
    text-align: center;
    border-radius: 50%;
    background: #f8f9fa;
    position: absolute;
    right: 4px;
    top: 10px;
    font-size: 11px;
    line-height: 18px;
}

.list-group.mod-category-news a.active .articles-count, .list-group.mod-category-news a.active:hover .articles-count, .list-group.mod-category-news a:hover .articles-count {
    background: #fff;
}

.list-group.mod-category-news a.active, .list-group.mod-category-news a.active:hover, .list-group.mod-category-news a:hover {
    color: #444444;
    background: transparent;
    border: 0px;
    text-shadow: none;
}

.list-group.mod-category-news a {
    border: 0px;
    padding: 8px;
}

.list-group.mod-category-news a + a {
    border-top: 1px dashed #eeeeee !important;
}

.mod-category-news .list-group-item {
    margin-top: 0px;
    margin-bottom: 3px;
}

.mod-category-news .list-group-item:first-child {
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
}

.mod-category-news .list-group-item:last-child {
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}

.list-group.mod-category-news a.active:before, .list-group.mod-category-news a.active:hover:before, .list-group.mod-category-news a:hover:before {
    background: #f8f9fa;
    position: absolute;
    height: calc(100% - 3px);
    content: "";
    z-index: -1;
    left: -5px;
    right: -5px;
    width: calc(100% + 10px);
    top: 3px;
    border-radius: 5px;
}

/* END Category News*/

.articles-list {
    margin-top: 15px;
    margin-bottom: 15px;
    position: relative;
    padding-top: 10px;
    padding-bottom: 10px;
}

div.articles-list + div.articles-list::before {
    border-top: 1px dashed #eeeeee !important;
    position: absolute;
    content: "";
    left: 0px;
    right: 0px;
    top: -15px;
}

.articles-list .article-image {
    float: left;
    margin-right: 20px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px;
}

.articles-list .caption .article-name {
    font-size: 16px;
    margin-bottom: 10px;
}

.articles-list .caption .article-name a {
    color: #000;
}

.articles-list .caption .article-description {
    margin-bottom: 10px;
}

.articles-list .caption .article-date,
.articles-list .caption .art-viewed {
    margin-bottom: 10px;
    display: flex;
    margin-bottom: 10px;
    align-items: center;
}

.articles-list .caption .art-viewed {
    margin-left: 15px;
}

.articles-list .caption .art-viewed .icon-viewed {
    display: inline-block;
    height: 17px;
    width: 17px;
    margin-right: 8px;
}

.articles-list .caption .article-date .icon-date-added {
    display: inline-block;
    margin-right: 8px;
    height: 17px;
    width: 17px;
}

.image-atricle {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.mod-art-image {
    text-align: center;
    position: relative;
}

.mod-art-image a {
    display: block;
    position: relative;
    padding: 20px 20px 0px;
}

.mod-art-image a img {
    margin: 0 auto;
    font-size: 0px;
    color: transparent;
}

.articles-mod .caption {
    padding: 20px;
}

.articles-mod .mod-art-name {
    margin-bottom: 15px;
    height: 40px;
    overflow: hidden;
}

.articles-mod .mod-art-name a {
    color: #000;
    font-size: 14px;
}

.articles-mod .mod-art-description {
    font-size: 14px;
    color: #595959;
    overflow: hidden;
}

.mod-art-date-viewed {
    justify-content: space-between;
    align-items: center;
}

.mod-art-date-viewed .icon-viewed,
.mod-art-date-viewed .icon-date-added {
    display: inline-block;
    height: 17px;
    width: 17px;
    margin-right: 8px;
}

.mod-art-date-viewed .text-viewed,
.mod-art-date-viewed .text-date-added {
    display: inline-block;
}

.mod-art-date-added {
    position: absolute;
    left: 15px;
    top: 15px;
    background-color: rgba(248, 249, 250, 0.8);
    border-radius: 6px;
    padding: 5px 15px;
    z-index: 1;
}

#input-captcha {
    float: left;
    width: 160px;
    margin-right: 15px;
}

#form-article-review .col-sm-2.control-label {
    text-align: left;
    width: auto;
}

#form-article-review fieldset {
    padding-top: 20px;
}

#form-article-review fieldset legend {
    display: none;
}

#article-review {
    border: 1px solid #e9e9e9;
    padding: 30px 50px;
    border-radius: 10px;
    margin-bottom: 25px;
    margin-top: 20px;
}

#form-article-review {
    border: 1px solid #e7e7e7;
    padding: 30px 50px;
    border-radius: 10px;
    margin-top: 25px;
    margin-bottom: 20px;
}

#article-review .admin_reply {
    margin-left: 15px;
    margin-top: 15px;
}

#article-review .admin_reply div {
    color: #43b02a;
    margin-bottom: 5px;
}

.date-added-article,
.rating-article {
    margin-bottom: 10px;
}

.rating-article .rating-box {
    text-align: center;
    z-index: 10;
    background: #ffffff;
    position: relative;
    font-size: 0px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    align-items: center;
}

.rating-article .rating-box .article-rating-star {
    width: 13px;
    height: 10px;
    display: inline-block;
    text-align: left;
}

.rating-article .quantity-reviews {
    background: #F8F9FA;
    position: relative;
    margin-left: 5px;
    border-radius: 4px;
    width: 20px;
    height: 20px;
    display: inline-block;
    line-height: 20px;
}

.rating-article .quantity-reviews a {
    color: #000;
    font-size: 11px;
    padding: 2px 6px;
}

.show-like-dislike {
    padding-right: 150px;
    position: relative;
}

.article-like-dislike-box {
    position: absolute;
    right: 0px;
    bottom: 0px;
}

.btn-dislike, .btn-like {
    border: 0px;
    background: transparent;
    display: inline-block;
}

.btn-dislike span, .btn-like span {
    margin-left: 5px;
    display: inline-block;
    vertical-align: middle;
}

.btn-dislike {
    margin-left: 5px;
}

.btn-dislike img {
    margin-top: 5px;
}

.article-review-title {
    font-size: 18px;
    color: #000;
    padding-bottom: 10px;
    margin-top: 25px;
}

.article-review-title sup {
    margin-left: 5px;
}

.ls_contact_map_code {
    margin-bottom: 20px;
}

.ls_contact_map_code iframe {
    background: #fff;
    overflow: hidden;
    border-radius: 10px;
}

.contact_image {
    margin-top: 15px;
    margin-bottom: 10px;
}

.contact_image img {
    border-radius: 8px;
}

.contact-title {
    margin-bottom: 10px;
    margin-top: 25px;
    font-size: 16px;
    color: #000;
    font-weight: 600;
}

.ls_contacts_phone a {
    font-size: 14px;
    color: #000;
    font-weight: 600;
}

.ls_contacts_phone a:hover, .ls_contacts_phone a:focus {
    color: #0091ca;
}

.ls_contacts_phone li + li {
    margin-top: 5px;
}

.box-contact-left,
.box-contact-form form {
    border-radius: 8px;
    border: 1px solid #f8f8fa;
    overflow: hidden;
    padding: 20px 30px;
}

@media (min-width: 992px) {
    .box-contact-left,
    .box-contact-form form {
        padding: 50px 100px;
    }
}

form.form-horizontal legend {
    padding: 0px;
    border: 0px;
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-top: 25px;
    margin-bottom: 5px;
}

.store-title {
    margin-bottom: 25px;
}

.panel-group .panel-store {
    border-radius: 8px;
    border: 1px solid #f8f9fa;
}

.panel-group .panel-store + div.panel-store {
    margin-top: 15px;
}

.nsupdatequantitycheckout {
    width: 120px;
}

.nsupdatequantitycheckout .btn-default {
    padding: 6px 10px;
    border: 1px solid #e9ecef;
}

.nsupdatequantitycheckout .input-group .form-control {
    border: 1px solid #e9ecef;
    padding: 2px;
}

.nsupdatequantitycheckout input.form-control {
    text-align: center;
}

#onepcheckout .panel-default {
    border-color: #e9ecef;
}

#onepcheckout .panel-default > .panel-heading {
    color: #333;
    background-color: #f8f9fa;
    border-color: #e9ecef;
    padding: 15px 20px;
}

#onepcheckout .radio {
    display: inline-block;
    margin: 0 15px 0 0;
}

#onepcheckout .panel-body {
    padding: 20px 10px 10px 10px;
}

#onepcheckout .panel-body .shipping-method,
#onepcheckout .panel-body .payment-method {
    padding-bottom: 10px;
}

.ls-table .image .img-responsive {
    margin: 0 auto;
    min-height: 47px;
}

.panel-title > a.i_am_registered {
    color: #0f4b82;
}

.all_total_checkout_footer .total_html {
    padding-left: 10px;
    color: #000;
    font-weight: 600;
}

.agree_checkout {
    margin-top: 15px;
    margin-bottom: 15px;
}

#onepcheckout input.form-control,
.coupon_table input.form-control {
    border: 1px solid #e9ecef;
    box-shadow: none;
    height: 40px;
    font-size: 14px;
}

textarea.form-control {
    border: 1px solid #e9ecef;
    box-shadow: none;
    font-size: 14px;
}

.title-customer {
    flex-direction: column;
}

.title-customer .i_am_registered {
    margin-top: 10px;
}

@media (min-width: 600px) {
    .title-customer {
        justify-content: space-between;
        flex-direction: row;
    }

    .title-customer .i_am_registered {
        margin-top: 0px;
    }
}

#cart_table table td {
    vertical-align: middle;
}

#cart_table .table_total .total-title {
    color: #838383;
}

#cart_table .table_total tr td {
    padding: 8px;
}

#cart_table .table_total {
    margin: 0 0 20px;
    text-align: right;
    width: 100%;
}

#cart_table .table_total tr td:last-child {
    font-weight: 600;
    padding: 8px 8px 8px 20px;
    white-space: nowrap;
    width: 115px;
}

#cart_table .table_total tr:last-child td {
    font-size: 1em;
    font-weight: 600;
    padding: 8px 8px 8px 20px;
    color: #000;
}

#cart_table .coupon_table {
    margin: 0 0 20px;
    text-align: right;
    width: 100%;
}

#cart_table .coupon_table div {
    float: right;
    padding: 0 0 8px;
    width: 100px;
}

#cart_table .coupon .form-control,
#cart_table .reward .form-control {
    font-size: 12px;
    padding-top: 4px;
    width: 200px;
    height: 40px;
}

#cart_table .delete_td {
    width: 50px;
}

#onepcheckout .error_input_checkout {
    border: 1px solid red !important;
    box-shadow: 0 1px 1px rgba(255, 0, 0, 0.075) inset !important;
}

#onepcheckout .error_input_checkout:-moz-placeholder {
    color: red !important;
}

#onepcheckout .error_input_checkout::-moz-placeholder {
    color: red !important;
    opacity: 1
}

#onepcheckout .error_input_checkout:-ms-input-placeholder {
    color: red !important;
}

#onepcheckout .error_input_checkout::-webkit-input-placeholder {
    color: red !important;
}

#onepcheckout div.required .form-control:-moz-placeholder {
    color: red !important;
}

#onepcheckout div.required .form-control::-moz-placeholder {
    color: red !important;
    opacity: 1;
}

#onepcheckout div.required .form-control:-ms-input-placeholder {
    color: red !important;
}

#onepcheckout div.required .form-control::-webkit-input-placeholder {
    color: red !important;
}

#onepcheckout div.required .form-control:-moz-placeholder:before {
    color: #f00;
    content: "* ";
    font-weight: 600;
}

.group-checkbox-inline {
    margin-top: 10px;
    margin-bottom: 20px;
}

.group-checkbox-inline .checkbox-inline {
    display: block;
    margin-top: 5px;
    margin-left: 0px;
}

.search-form-input {
    height: 40px;
    border: 1px solid #e9ecef;
    font-size: 14px;
    box-shadow: none;
}

select.form-control {
    height: 40px;
    border: 1px solid #e9ecef;
    font-size: 14px;
    box-shadow: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    padding-right: 25px;
    background: url("/catalog/view/theme/luxshop/image/select-arrow.svg") no-repeat right 15px center;
    background-color: #fff;
}

.danewpod .list-inline-item {
    margin-bottom: 5px;
    overflow: hidden;
}

.danewpod .list-inline-item a {
    background-color: #f8f9fa;
    border: 1px solid #D8DCE5;
    padding: 5px 10px;
    border-radius: 5px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: inline-block;
}

.danewpod .list-inline-item a.active-date {
    background-color: #fff;
    border: 1px solid #D8DCE5;
    color: #333;
    padding: 5px 10px;
    font-size: 14px;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -ms-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    display: inline-block;
}

.img-responsive_footer {
    display: block;
    max-width: 50%;
    height: auto;
}

.accordion {
    background-color: #eee;
    color: #444;
    cursor: pointer;
    padding: 18px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
}

.accordion_tags {
    background-color: #F8F9FA;
    border-radius: 8px;
    border: 1px solid #F8F9FA;
    color: #444;
    cursor: pointer;
    padding: 5px;
    width: 35%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 14px;
    transition: 0.4s;
    margin-top: 10px;
    margin-left: 10px;
}

.active1, .accordion:hover {
    background-color: #ccc;
}

.accordion_tags:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active1:after {
    content: "\2212";
}

.panel_1 {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
}

.li-sitemap {
    line-height: 48px;
}

#login_data .modal-title, #login_confirm .modal-title {
    font-size: 17px;
    font-weight: 600;
}

#login_data .alert-info svg {
    position: relative;
    top: 2px;
}

#login_confirm #resend_code {
    border: none;
    background: none;
    color: #8672D2;
    display: flex;
    align-items: center;
    margin-bottom: 15px;
}

#login_confirm svg {
    margin-right: 5px;
}

#login_confirm #timerBlock > .message {
    font-size: 12px;
    color: #D70000;
    margin-top: -15px;
}

.collapse {
    overflow: hidden;
}

div#accordionFaq {
    padding: 0;
    background: 0;
}

div#tab-faq {
    color: #000;
}

#tab-faq span.title {
    /*    font-family: 'Montserrat';*/
    font-size: 18px;
    font-weight: 600;
    color: #000;
}

#tab-faq .card-body {
    /*    font-family: 'Montserrat';*/
    font-size: 14px;
    font-weight: 400;
}

div#accordionFaq .card {
    border-radius: 8px;
    border: solid 1px #D7D8DA;
    padding: 15px 15px 5px;
    margin: 10px 0;
}

div#accordionFaq .card .card-header {
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

#product .component-item .price {
    font-size: 16px;
    min-width: 80px;
    text-align: right;
}

.faq-name {
    /*    font-family: 'Montserrat';*/
    font-size: 30px;
    font-weight: 700;
    padding: 10px 0;
}

.card-header .accicon {
    float: right;
}

.card-header:not(.collapsed) .accicon {
    transform: rotate(180deg);
}

.mini-product-inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    gap: 12px;
}

.mini-product-image img {
    width: 84px;
    /* height: 84px; */
}

.mini-product-info {
    /*    font-family: 'Montserrat';*/
    font-size: 16px;
    font-weight: 700;
}

.mini-product-info .model {
    /*    font-family: 'Montserrat';*/
    font-size: 14px;
    font-weight: 400;
}

.mini-product-info .model span {
    /*    font-family: 'Montserrat';*/
    font-size: 14px;
    font-weight: 700;
}

.mini-product-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}

.price-row {
    display: flex;
    gap: 10px;
    align-items: center;
}

button#button-cart2 {
    width: 100%;
    margin-top: 10px;
    height: 54px;
}

.component-item {
    display: flex;
    justify-content: space-between;
    align-items: start;
    padding: 10px 0;
}

div#accordion {
    border-radius: 8px;
    border: solid 1px #E6E7EA;
    padding: 5px 12px;
    /*    font-family: 'Montserrat';*/
    font-size: 14px;
    font-weight: 600;
    color: #333;
    margin: 10px 0;
}

div#accordion a {

    color: #333;
}

.component-name {
    margin-right: auto;
    padding: 0 6px;
}

.component-item .price {
    color: #6A42BF;
    font-size: 22px;
}

.component-name .model {
    font-size: 12px;
    font-weight: 400;
}

.component-name .model span {
    font-weight: 600;
}

div#accordion .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

div#accordion .card-header input {
    margin: 0;
}

div#accordion .card-header a {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin-left: 5px;
}

div#accordion .card-header span.arrow {
    width: 28px;
    height: 28px;
    border-radius: 5px;
    background: #F8F9FA;
    display: flex;
    align-items: center;
    justify-content: center;
}

div#accordion .card-header a.collapsed span.arrow {

    transform: rotate(180deg);
}

div#accordion .card {
    margin: 5px 0;
}

.right-product-col.col-sm-4 {
    position: sticky;
    top: 130px;
}

.h1-prod-name {
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 10px;
}

.com-block .components_title {
    color: #000;
    font-weight: 700;
}

.com-block .component-thumb {
    padding: 0 10px;
}

.com-block .component-thumb img {
    max-width: none;
    width: 50px;
}

#fix_right_block .hpm-title {
    margin-bottom: 5px;
}

.price-row > .price {
    margin-bottom: 0;
    font-size: 22px;
}

div#accordionFaq .card:has(div.card-header[aria-expanded="true"]) {
    border: solid 1px #8672D2;
}

div#accordionFaq .card:has(div.card-header[aria-expanded="true"]) .title {
    color: #8672D2;
}

.right-product-fixed #button-cart {
    width: 100%;
    height: 54px;
    margin-top: 10px;
}

.dropdown-menu li.disabled .search-suggestion .title {
    border-bottom: 2px solid #8672D2 !important
}

.search-suggestion .stock .value {
    background: none !important;
    color: #333 !important;
    font-weight: 400 !important;
    font-size: 1em !important;
    padding: 0 !important;
}

.search-suggestion .more {
    background: linear-gradient(129.1deg, #73AAF8 -17.84%, #8672D2 83.84%) !important;
}

.only_mob {
    display: none;
}

.only_pc {
    display: block;
}

@media (max-width: 768px) {

    .only_mob {
        display: block;
    }

    .only_pc {
        display: none;
    }
}

.showmore {
    line-height: 18px;
}

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

.showmore_trigger {
    width: 100%;
    height: 45px;
    line-height: 45px;
    cursor: pointer;
    text-align: center;
    text-decoration: underline;
    color: #852BB0;
}

.showmore_trigger span {
    display: block;
}

li.tabs__active_line {
    min-width: 100px;
}

.mobile_desc.only_mob {
    margin-top: 30px;
}

.open-time {
    padding: 6px 22px 6px 0;
    font-size: 14px;
    font-weight: 500;
    color: #B2BBC5;
}

.top-phones {
    display: flex;
    align-items: center;
}

.top-phones ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 6px 0 6px 9px;
}

.top-phones a {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 12px;
}

li.additional-tel {
    position: relative;
}

li.additional-tel:not(:first-child) {
    margin-left: 10px;
    padding-left: 10px;
}

li.additional-tel:not(:first-child):before {
    position: absolute;
    content: '';
    background: #B2BBC5;
    width: 1px;
    height: 12px;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
}

.carousel-double .slick-mod-arrow,
.carousel-double .slick-mod-arrow:hover,
.carousel-double .slick-mod-arrow:active {
    opacity: 1;
}

.carousel-double {
    box-shadow: none;
}

.carousel-double .slick-mod-arrow.prev-prod {
    left: 6px;
}

.carousel-double .slick-mod-arrow.next-prod {
    right: 6px;
}

.carousel-double .slick-dots {
    position: static;
}

.manufacturers-slider .carousel-container {
    box-shadow: none;
    background: #F8F9FA;
    border-radius: 0;
}

.manufacturers-slider .manufacturer_item {
    background: #F8F9FA;
    position: relative;
}

.manufacturers-slider .manufacturer_item:after {
    position: absolute;
    content: '';
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
    height: 41.131px;
    background: rgba(178, 187, 197, 0.50);
}

.manufacturers-slider .manufacturer_item:last-child:after {
    background: transparent;
}

.manufacturers-slider .manufacturer_item a {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #F8F9FA;
    padding: 0 25px;
}

.manufacturer_item.more a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    color: #6A42BF;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.85714;
}

.manufacturer_item.more a span {
    height: auto;
}

.manufacturer_item.more a svg {
    height: auto;
}

#banner0.carousel-container {
    box-shadow: none;
    margin-top: 28px;
    border-radius: 0;
}

.module-html__text .text-html {
    max-height: 93px;
    overflow: hidden;
}

.text-less .module-html__text .text-html {
    max-height: fit-content;
}

.text-less span.show-less {
    display: block;
}

.text-less span.show-more {
    display: none;
}

span.show-more,
span.show-less {
    height: 36px;
    border-radius: 8px;
    border: 1px solid #B2BBC5;
    padding: 8px 23px;
    display: flex;
    gap: 7px;
    align-items: center;
    max-width: max-content;
}

span.show-less svg {
    transform: rotate(180deg);
}

span.show-less {
    display: none;
}

@media (min-width: 768px) {
    .col-sm-6_footer {
        width: 20%;
    }
}

.copy-row .col-copy:first-child {
    order: 2;
}

.copy-row {
    display: flex;
    flex-direction: column;
    text-align: left;
    gap: 16px;
}

.footer-contact {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    gap: 50px;
    margin-bottom: 45px;
    padding-bottom: 30px;
    position: relative;
}

.footer-contact:after {
    position: absolute;
    content: '';
    background: #E6E7EA;
    width: calc(100% - 20px);
    height: 1px;
    left: 50%;
    transform: translateX(-50%);
    bottom: 0;
}

.footer-contact-info {
    display: flex;
    align-items: center;
    margin-left: auto;
}

.footer-contact-info li:first-child .f_icon {
    align-items: flex-start;
}

footer.ls-light-theme .footer-contact-info a {
    color: #000;
    font-size: 16px;
    font-weight: 400;
    line-height: 1.25;
}

.f_icon {
    display: flex;
    align-items: center;
    gap: 10px;
}

.footer-contact-info > ul {
    margin-bottom: 0;
    gap: 75px;
    display: flex;
    flex-direction: row-reverse;
}

.f_icon > div {
    display: flex;
    flex-direction: column;
}

.f_icon > div span {
    color: #4B4B4B;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857;
    text-transform: lowercase;
}

@media (min-width: 768px) {

    .copy-row .col-copy:first-child {
        order: -1;
    }

    .copy-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: row;

    }

    .col-copy ul.list-unstyled {
        display: flex;
        gap: 50px;
    }

    footer .copyright {
        padding-left: 0;
        padding-right: 0;
    }
}

@media (max-width: 768px) {
    .footer-contact-info > ul {
        display: flex;
        flex-direction: column;
        gap: 12px;
        align-items: stretch;
    }

    .footer-contact-info li:first-child .f_icon svg {
        margin-right: 5px;
    }

    .footer-contact:after {
        content: none;
    }

    .col-copy ul {
        display: flex;
        flex-direction: column;
        gap: 16px;
    }
}

.copy-row * {
    margin: 0;
}

.container.copyright {
    border-top: 1px solid #E6E7EA;
    padding-top: 30px;
}

.htop-b-pc a,
.htop-b-mob a {
    display: none;
}

.htop-b-mob.b-mob-pt {
    padding-top: 64px;
}

.home_text {
    margin-top: 19px;
}

.home_text a {
    display: flex;
    align-items: center;
    gap: 6px;
    color: #6A42BF;
    font-size: 24px;
    font-weight: 500;
    line-height: 0.83333;
}

.pos1 {
    margin-top: 24px;
}

.pos1 .item {
    border-radius: 8px;
    overflow: hidden;
}

.pos1 .item a {
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    overflow: hidden;
}

.manufacturers-slider {
    margin-top: 24px;
    padding: 14px 3px;
    border-radius: 8px;
    background: #F8F9FA;
    height: 90px;
    overflow: hidden;
}

.manufacturers-slider * {
    height: 100%;
}

.container-module[class*="categorywall-"] {
    margin-top: 28px;
}

.products-container {
    margin-top: 28px;
}

.container-module .product-thumb .quantity_plus_minus {
    margin: 0;
    margin-left: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    position: relative;
    border-radius: 7px;
    border: 1px solid #E9E9E9;
    overflow: hidden;
    padding: 7px 8px;
    flex: unset;
    width: 40px;
    min-width: 40px;
    max-width: 40px;
    height: 30px;
    gap: 0;
}

.container-module .product-thumb .quantity_plus_minus .add-action {
    width: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: unset;
    border: none;
}

.container-module .product-thumb .price-actions-box {
    display: flex;
    flex-wrap: nowrap !important;
    align-items: center;
    gap: 15px;
    min-height: unset;
}

.container-module .product-thumb .price {
    min-height: unset;
    margin-right: 0;
}

.product-slider .product-thumb .image a {
    padding: 0;
}

.product-slider .product-thumb .price {
    font-size: 13px;
    font-weight: 600;
    line-height: 1.125;
    white-space: nowrap;
}

.product-slider .quantity_plus_minus input.quantity-num {
    font-size: 10px;
    font-weight: 400;
    line-height: 1.33333;
    height: unset;
    width: 15px;
    padding: 0;
    border: none;
}

.product-slider .product-thumb .caption {
    padding: 0 12px 12px;
}

.product-slider .product-thumb .image {
    margin-bottom: 12px;
}

.product-slider .product-thumb .product-name {
    min-height: 36px;
    margin-bottom: 5px;
}

/*offer-blocks START*/

.offer-blocks {
    margin-top: 16px;
    display: flex;
    flex-wrap: nowrap;
    overflow: auto;
    gap: 11px;
}

.offer-blocks a {
    display: inline-flex;
    padding: 5px 10px;
    justify-content: center;
    align-items: center;
    gap: 10px;
    border-radius: 50px;
    background: #F8F9FA;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.42857;
    white-space: nowrap;
}

/*offer-blocks END*/

.btn-more-products.btn-primary,
.btn-more-products.btn-primary:active,
.btn-more-products.btn-primary:focus {
    margin-top: 2px;
    width: 285px;
    height: 36px;
    flex-shrink: 0;
    border-radius: 8px;
    border: 1px solid #E9ECEF;
    background: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    color: #6A42BF !important;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
    margin-right: 0;
    margin-left: auto;
    transition: all .3s ease;
}

/*video START*/

.video-content {
    margin-top: 28px;

}

.video-content .title {
    margin-bottom: 16px;
    color: #000;
    font-size: 21px;
    font-weight: 500;
    line-height: 0.95238;
}


.video-content #yt-video div.item {
    padding-left: 3px;
    padding-right: 3px;

    border-radius: 12px;

}

.video-content #yt-video .play-vdo {
    padding: 0;
    margin: 0;
}

.video-content #yt-video .video-img img{
    border-radius: 12px;

}

/*video END*/

/*module html text START*/
.module-html__text {
    margin-top: 28px;
}

.module-html__text h1,
.module-html__text .h1 {
    margin-top: 0;
    margin-bottom: 9px;
    color: #333;
    font-size: 22px;
    font-weight: 400;
    line-height: 1.1;
}

.module-html__text_show {
    margin-top: 16px;
    cursor: pointer;
}

/*module html text END*/

/*card cashback START*/

.checkout-simplecheckout .card.simplecheckout-block {
    padding: 20px 25px;
    border-radius: 20px;
    background: rgba(134, 114, 210, 0.07);
}

.card.simplecheckout-block .card-header button {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    width: 100%;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.06667;
    text-decoration: none;
}

.card.simplecheckout-block .card-header button.collapsed svg {
    transform: rotate(180deg);
}

.card.simplecheckout-block .card-header button svg:focus {
    outline: none;
}

.card.simplecheckout-block .card-body {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.card.simplecheckout-block .cashback-available {
    margin-top: 16px;
    margin-bottom: 0;
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 1.21429;
}

.card.simplecheckout-block .cashback-available span {
    font-weight: 500;
}

.checkout-simplecheckout .card.simplecheckout-block .form-group {
    margin-bottom: 0;
}

.card.simplecheckout-block .card-body button {
    margin: 4px auto 0 auto;
    color: #000;
    font-size: 15px;
    font-weight: 600;
    line-height: 1.2;
    width: fit-content;
    background: transparent;
    border-radius: 0;
    padding: 0;
    border: none;
    border-bottom: 1px solid #000;
    transition: all .3s ease;
}

.card.simplecheckout-block .card-body button:active {
    box-shadow: none;
}

.card.simplecheckout-block .card-body button:hover {
    color: #8672D2;
    border-color: #8672D2;
}

.card.simplecheckout-block .card-body input.form-control {
    padding: 12px 15px;
    border: none;
}

.card.simplecheckout-block .card-body input.form-control::placeholder {
    color: #969CA6;
    font-size: 14px;
    font-weight: 400;
    line-height: 1;
}

.card.simplecheckout-block .card-body .alert {
    margin: 0;
    padding: 0;
    background: transparent;
    border: none;
    font-size: 13px;
    font-weight: 400;
    line-height: 1.23077;
}

.card.simplecheckout-block .card-body .alert-warning {
    color: #D70000;
}

/*card cashback END*/

/*max-width: 768px START*/
@media (max-width: 768px) {
    .manufacturers-slider {
        margin-top: 20px;
        padding-left: 0;
        padding-right: 0;
        width: 100vw;
        margin-left: -10px;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
    }

    .manufacturers-slider .manufacturer_item {
        max-width: 151px;
        opacity: 1;
    }

    .manufacturers-slider .slick-track {
        display: flex;
        align-items: center;
    }

    .container.copyright {
        border-top: none;
    }
}

/*max-width: 768px END*/

/*max-width: 991px START*/
@media (max-width: 991px) {
    .ls-limit-sorts {
        -ms-flex-pack: justify !important;
        justify-content: space-between !important;
        width: 100%
    }

    .home_text {
        margin-top: 25px;
    }

    .home_text a {
        display: block;
        font-size: 18px;
        line-height: 1.11111;
    }

    .pos1 {
        margin-top: 25px;
    }

    .pos1 .item a {
        border-radius: 7.74px;
    }

    .wall-category-box {
        flex-wrap: wrap !important;
        padding-left: 5px;
        padding-right: 5px;
    }

    .wall-category-box .wc-col-xs {
        -ms-flex: 0 0 50%;
        flex: 0 0 50%;
        max-width: 50%;
        padding-left: 5px;
        padding-right: 5px;
    }

    .wall-category-box .item-category {
        margin-bottom: 10px;
        max-height: 114px;
    }

    .wall-category-box .box-item:nth-child(3) .item-category,
    .wall-category-box .box-item:nth-child(4) .item-category {
        margin-bottom: 0;
    }

    .container-module[class*="categorywall-"] {
        margin-top: 13px;
    }

    .container-module .title-module {
        margin-bottom: 17px;
    }

    .container-module .title-module span {
        font-size: 16px;
        line-height: 1.04912;
    }

    .products-container {
        margin-top: 25px;
    }

    .product-slider .product-thumb .price {
        font-size: 11px;
        line-height: 1.125;
    }

    .product-slider .quantity_plus_minus input.quantity-num {
        font-size: 8px;
    }

    .product-slider .product-thumb .caption {
        padding: 0 10px 10px;
    }

    .product-slider .product-thumb .image {
        margin-bottom: 10px;
    }

    .product-slider .item.slick-slide {
        margin: 0 2px;
        border-radius: 4px;
        overflow: hidden;
    }

    /*offer-blocks START*/
    .offer-blocks {
        margin-top: 9.5px;
        gap: 6px;
        width: 100vw;
        margin-left: -10px;
        padding-left: 10px;
        padding-right: 10px;
    }

    /*offer-blocks END*/
    .products-container .row-flex {
        margin-left: -2px;
        margin-right: -2px;
    }

    .products-container .row-flex .product-layout {
        padding-left: 2px;
        padding-right: 2px;
        margin-bottom: 4px;
    }

    .btn-more-products.btn-primary {
        margin-top: 0;
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    #banner0.carousel-container {
        margin-top: 26px;
        width: 100vw;
        margin-left: -10px;
    }

    /*video START*/
    .video-content {
        margin-top: 20px;
    }

    .video-content .title {
        margin-bottom: 10px;
        font-size: 16px;
        line-height: 1.25;
    }

    .video-content #yt-video {
        display: flex;
        overflow: auto;
        margin-left: -1px;
        margin-right: -1px;
        width: calc(100% + 2px);
    }

    .video-content #yt-video > div {
        padding-left: 1px;
        padding-right: 1px;

        border-radius: 7px;
        overflow: hidden;
    }

    .video-content #yt-video .video-img {
        border-radius: 7px;
        position: relative;
    }

    .video-content #yt-video .video-img > svg {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

    .video-content .slick-mod-arrow {
        display: none !important;
    }

    /*video END*/
    /*module html text START*/
    .module-html__text {
        margin-top: 33px;
    }

    .module-html__text h1,
    .module-html__text .h1 {
        font-size: 16px;
        line-height: 1.5125;
    }

    .module-html__text .text-html {
        max-height: 213px;
    }

    .module-html__text_show {
        margin-top: 17px;
    }



    .product-slider .product-thumb .product-name {
        min-height: 30px;
    }
}

/*max-width: 991px END*/

/*min-width: 992px START*/
@media (min-width: 992px) {
    .wall-category-box {
        margin: 0 -3px;
    }

    .wall-category-box .box-item {
        padding-left: 3px;
        padding-right: 3px;
    }

    .container-module .slick-list {
        width: calc(100% + 6px);
        margin-left: -3px;
    }

    .container-module .featured-block .slick-list {
        width: 100%;
        margin-left: 0;
    }

    .product-slider .item.slick-slide {
        margin: 0 3px;
        border-radius: 12px;
    }

    .box-search.search-top {
        margin-left: -14px;
    }

    #search .input-lg {
        height: 40px;
        padding-left: 21px;
        background: #fff;
    }

    .products-container .row-flex {
        margin-left: -3px;
        margin-right: -3px;
    }

    .products-container .row-flex .product-layout {
        padding-left: 3px;
        padding-right: 3px;
        margin-bottom: 6px;
    }

    .container-module .product-thumb .actions {
        margin-left: 0;
    }

    .container-module .product-thumb .quantity_plus_minus {
        width: 50px;
        min-width: 50px;
        max-width: 50px;
    }

    .product-thumb .rating {
        margin-bottom: 14px;
    }

    /*video START*/
    .video-content #yt-video .video-img > svg {
        display: none;
    }

    .video-content .slick-mod-arrow {
/*        margin-top: 36px;*/
        top: 50%;
        transform: translateY(-50%);
        width: 26px;
        height: 26px;
        z-index: 1;
        border-radius: 24px;
        background: rgba(248, 249, 250, 0.10);
        backdrop-filter: blur(14px);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .video-content .slick-mod-arrow.prev-prod {
        left: 6px;
    }

    .video-content .slick-mod-arrow.next-prod{
        right: 6px;
    }

    /*video END*/
    .products-container .product-thumb .caption > div:nth-child(2) {
        margin-top: unset;
    }

    .products-container .product-thumb .actions div.addit-action {
        display: none;
    }

    .products-container .product-thumb .price-actions-box {
        margin-top: auto !important;
    }
}

/*min-width: 992px END*/

/*max-width: 1023px START*/
@media (max-width: 1023px) {
    .carousel-container .slick-mod-arrow {
        width: 16px;
        height: 16px;
    }

    .carousel-double .slick-mod-arrow.prev-prod {
        left: 4px;
    }

    .carousel-double .slick-mod-arrow.next-prod {
        right: 4px;
    }
}

/*max-width: 1023px END*/

/*min-width: 1024px START*/
@media (min-width: 1024px) {
    .pos1 .slick-list {
        width: calc(100% + 10px);
        margin-left: -5px;
    }

    .pos1 .item a {
        margin: 0 5px;
    }

    .pos1 .item a img {
        /*max-width: unset;*/
    }

    .container-module .product-thumb .actions {
        margin-left: 40px;
    }
}

/*min-width: 1024px END*/

/*min-width: 1500px START*/
@media (min-width: 1500px) {
    .footer-contact {
        gap: 230px;
    }
}

/*min-width: 1500px END*/
.product-slider .featured-block  .hpm-type-images .hcol-image img {
    max-width: 27px;
}
.product-slider .featured-block .hpm-type-images .hpm-item{
    margin: 2px;
}
.product-slider .featured-block .hpm-title{
    font-size: 12px;
}
.product-slider .featured-block .hpm-type-images .hpm-item > div:not(.hcol-image){
    font-size: 12px;
}
.product-slider .featured-block .hpm-group{
    margin-top: 0;
}
.checkout-simplecheckout .top-phones a{
    color: #fff;
}
.checkout-simplecheckout .top-phones svg path{
    fill: #fff;
}
.checkout-simplecheckout .top-phones a:hover{
    text-decoration: underline;
}

.hpm-type-images .cnt-item {
    margin-top: 3px;
    padding-top: 3px;
    margin-left: 5px;
/*    width: 29px;*/
    height: 29px;
/*    cursor: pointer;*/
    border-radius: 8px;
/*    border: 1px solid #E6E7EA;*/
    float: left;
    text-align: center;
    color: #666;
    font-size: 12px;
}


.slick-im-arrow {
    position: absolute;
cursor:pointer;
        top: 50%;
        transform: translateY(-50%);
        width: 26px;
        height: 26px;
        z-index: 1;
        border-radius: 24px;
        background: rgba(248, 249, 250, 0.10);
/*        backdrop-filter: blur(14px);*/
        display: flex;
        align-items: center;
        justify-content: center;
    }
.slick-im-arrow.next-prod {
    left: auto;
    right: 0;
}

.featured-block .slick-im-arrow svg{
    width: 5px;
    height: auto;
}
.featured-block .slick-im-arrow.prev-prod svg{
    width: 7px;
}

/* CUSTOM SELECT */

.custom-select-wrapper {
  position: relative;
  width: 100%;
}

.custom-select-wrapper::after {
  content: "";
  display: block;
  width: 10px;
  height: 6px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6' fill='none'><path d='M1 1L5.12903 5L9 1' stroke='%239E9E9E' stroke-linecap='round' stroke-linejoin='round'/></svg>");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  right: 12px;
  transform: translateY(-50%);
  pointer-events: none;
  transition: transform 0.3s ease;
}

.custom-select-wrapper.open::after {
  transform: translateY(-50%) rotate(180deg);
}

.custom-select-dropdown {
  position: absolute;
  width: 100%;
  top: calc(100% + 2px);
  left: 0;
  background: white;
  border: 1px solid #ccc;
  z-index: 1000;
  max-height: 350px;
  overflow-y: auto;
  box-shadow: 0 4px 8px rgba(0,0,0,0.1);
  border-radius: 6px;
}

.custom-select-dropdown .results {
  padding: 12px;
  max-height: 194px;
  overflow-y: scroll;
}

.custom-select-dropdown .results::-webkit-scrollbar {
  width: 2px;
  border-radius: 100px;
  background-color: transparent;
}

.custom-select-dropdown .results::-webkit-scrollbar-thumb {
  background-color: #aaa;
  transition: background-color 0.5s;
}

.custom-select-dropdown .results:hover::-webkit-scrollbar-thumb {
  background-color: #9e9e9e;
  transition: background-color 0.5s;
}

.hidden {
  display: none;
}

.custom-select-dropdown .results div {
  cursor: pointer;
  padding: 8px 0;
  font-weight: 500;
}

.custom-select-dropdown .popular-queries {
  padding: 12px;
  padding-top: 0;
}

.custom-select-dropdown .popular-list {
  display: flex;
  flex-wrap: wrap;
  gap: 4px;
  margin-top: 12px;
}

.custom-select-dropdown .popular-item {
  padding: 8px 12px;
  border-radius: 50px;
  border: 1px solid #EFEFEF;
  font-weight: 500;
  width: max-content;
  cursor: pointer;
}

.custom-select-dropdown .popular-title {
  font-weight: 500;
  border-top: 1px solid #EFEFEF;
  color: #9E9E9E;
  padding-top: 12px;
}

.custom-select-dropdown .custom-select-dropdown-empty {
  color: #9E9E9E;
  cursor: unset;
}

@media (max-width: 767px) {
    .custom-select-dropdown .results {
        padding: 6px 12px;
    }
}

.sticker-ns.hubsales {
	width: 36px;
	height: 36px;
	margin: 0;
	padding: 0;
}

.sticker-ns.hubsales img {
	width: 100%;
	height: 100%;
}

/* ==========================================================================
   VH CHECKOUT — новий чекаут (макет Figma Lq8VKqfB0qylYmvezQM1e1)
   Усе під скоупом .vh-co. Не додавати сюди селекторів без цього префікса.
   ========================================================================== */

/* display:flex у наших блоках перебиває браузерне [hidden] — повертаємо його */
.vh-co [hidden] {
	display: none !important;
}

.vh-co *,
.vh-co *::before,
.vh-co *::after {
	box-sizing: border-box;
}

.vh-co {
	font-family: Montserrat, sans-serif;
	color: #222020;
	padding: 0 0 60px;
	/* Figma "Auto" для Montserrat = 1.219 від кегля. Браузерний `normal`
	   дає на 1px більше для 13–15px і ця похибка накопичується по вертикалі. */
	line-height: 1.219;
}


.vh-co__container {
	/* 1480px внутрішньої ширини (928 + 12 + 540) + бокові padding */
	max-width: 1520px;
	margin: 0 auto;
	padding: 12px 20px 0;
}

/* Сітка теми — bootstrap-сходинки 750/970/1170 (+1470 від 1500px), тобто
   контент 1450 проти наших 1480. На сторінці чекауту підганяємо шапку й
   підвал під сітку чекауту, інакше логотип і картки розходяться:
   15px з боку на 1920 і до 55px на 1300. Клас на body ставить
   catalog/controller/common/header.php. */
.checkout-vh_checkout .container {
	width: auto;
	max-width: 1520px;
	padding-right: 20px;
	padding-left: 20px;
}

/* ------------------------- Помилки валідації ---------------------------- */

/* 3: у макеті (1:7819) підпис помилки стоїть на 48 при висоті поля 45 */
.vh-co-field {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 3px;
}

.vh-co-input.is-error,
.vh-co-select.is-error {
	box-shadow: inset 0 0 0 1px #ed1c24;
}

.vh-co-error {
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
	color: #ed1c24;
}

/* Помилки блоків (місто, відділення, способи доставки й оплати) JS кладе
   сусідом самого блока, тож між ними стає gap контейнера. У макеті (1:7841,
   1:7847) підпис відстоїть на 4 — від'ємний margin гасить решту. */
.vh-co-card__inner > .vh-co-error {
	margin-top: -16px;
}

.vh-co-delivery__group > .vh-co-error {
	margin-top: -8px;
}

/* ---------------------- Випадний список (міста / відділення / вулиці) ------
   Макет 1:7270: окремий блок під полем із зазором 1px, без тіні,
   пункти без власного фону — обраний позначається кольором тексту.
   -------------------------------------------------------------------------- */

/* без цього absolute-список рахує координати від сторінки, а не від поля */
.vh-co-select {
	position: relative;
}

.vh-co-drop {
	position: absolute;
	z-index: 30;
	/* поле більше не має border, тож padding-край збігається з зовнішнім */
	left: 0;
	right: 0;
	top: 100%;
	margin-top: 2px;
	/* 12 від краю, як текст пунктів у макеті (1:7277); 14 зверху — як перший пункт */
	padding: 14px 12px;
	box-shadow: inset 0 0 0 1px #e6e7ea;
	border-radius: 8px;
	background: #fff;
}

.vh-co-drop__list {
	display: flex;
	flex-direction: column;
	gap: 10px;
	max-height: 240px;
	overflow-y: auto;
}

.vh-co-drop__item {
	display: block;
	width: 100%;
	padding: 0;
	border: 0;
	background: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	color: #000;
	text-align: left;
	cursor: pointer;
}

.vh-co-drop__item:hover,
.vh-co-drop__item.is-active {
	color: #6a43e4;
}

.vh-co-drop__empty {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	color: #969ca6;
}

/* -------------------------- Списання бонусів ---------------------------- */

/* 8, як у розкритого промокоду — форма списання в макеті (1:7771) стоїть на
   52 при заголовку 24. Подвійний клас навмисно: базовий .vh-co-banner
   оголошений нижче за файлом і з однаковою вагою перебивав би напрямок,
   вирівнювання та відступ. */
.vh-co-banner.vh-co-banner--bonus-use {
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
}

.vh-co-bonus__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
    width: 100%;
}

.vh-co-bonus__value {
	font-weight: 600;
	color: #6a43e4;
}

.vh-co-bonus__form {
	display: flex;
	align-items: center;
	gap: 8px;
}

/* 46 і 156 — розміри поля та кнопки з макета (1:7772, 1:7775), ті самі,
   що в розкритого промокоду */
.vh-co-bonus__input {
	flex: 1 1 0;
	min-width: 0;
	height: 46px;
	padding: 0 12px;
	border: 0;
	box-shadow: inset 0 0 0 1px #e6e7ea;
	border-radius: 8px;
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	color: #222020;
	outline: none;
}

.vh-co-bonus__input::placeholder {
	color: #999;
	opacity: 1;
}

.vh-co-bonus__btn {
	flex: none;
	height: 46px;
	padding: 0 32px;
	border: 0;
	box-shadow: inset 0 0 0 1px #6a43e4;
	border-radius: 8px;
	/* без заливки: у макеті (1:7775) крізь кнопку просвічує фон банера
	   rgba(106,67,228,.16), а не білий */
	background: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #6a43e4;
	cursor: pointer;
}

/* підпис під формою — той самий кегль і відступ, що й у помилок полів
   (макет 1:7733) */
.vh-co-bonus__message {
	margin-top: -4px;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
}

.vh-co-bonus__message.is-error {
	color: #ed1c24;
}

.vh-co-bonus__message.is-success {
	color: #00a500;
}

/* ------------------------------ Промокод -------------------------------- */

/* -4 = 4 з макета мінус gap 8 самого банера: підпис у макеті (1:7733) лежить
   в одному контейнері з формою, а не окремим рядком банера */
.vh-co-promo__message {
	margin-top: -4px;
	font-size: 12px;
	font-weight: 400;
	line-height: 15px;
}

.vh-co-promo__message.is-error {
	color: #e53935;
}

.vh-co-promo__message.is-success {
	color: #00a500;
}

/* Перерахунок кошика — блокуємо повторні кліки */
.vh-co.is-loading .vh-co__aside {
	opacity: .6;
	pointer-events: none;
}

@media (max-width: 767px) {
	.checkout-vh_checkout .container {
		padding-right: 12px;
		padding-left: 12px;
	}
}

.vh-co__breadcrumb {
	list-style: none;
	margin: 0 0 12px;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	font-size: 12px;
	font-weight: 400;
	/* цілі line-height, а не успадковані 1.219: у макеті блок «хлібні крихти +
	   заголовок» має фіксовану висоту 59 (1:4701, justify-center), і дробові
	   14.63 + 31.69 підіймали всю сітку на 1px відносно макета */
	line-height: 15px;
	color: #999;
}

.vh-co__breadcrumb li + li::before {
	content: '/';
	margin: 0 9px;
	color: #999;
}

.vh-co__breadcrumb a {
	color: #999;
	text-decoration: none;
}

.vh-co__title {
	margin: 0 0 20px;
	font-size: 26px;
	font-weight: 500;
	/* явно: правило теми на h1 перебиває успадкований line-height.
	   32px, а не 1.219 — див. коментар у .vh-co__breadcrumb */
	line-height: 32px;
	color: #222020;
}

.vh-co__grid {
	display: flex;
	align-items: flex-start;
	gap: 12px;
}

.vh-co__main {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

.vh-co__aside {
	flex: 0 0 540px;
	width: 540px;
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* -------------------------------- Картка -------------------------------- */

/* Рамка тінню, а не border: box-shadow не бере участі в розрахунку розміру,
   тому padding лишається буквально макетним (20, а не 19 з компенсацією),
   а габарит блоку збігається з фреймом Figma. Те саме нижче скрізь, де в
   макеті stroke сусідить з padding: .vh-co-input, .vh-co-select, .vh-co-drop,
   .vh-co-total, .vh-co-bonus__*, .vh-co-promo__btn. */
.vh-co-card {
	box-shadow: inset 0 0 0 1px #e6e7ea;
	border-radius: 16px;
	padding: 20px;
	background: #fff;
}

.vh-co-card__head {
	display: flex;
	align-items: center;
	gap: 25px;
	cursor: pointer;
}

.vh-co-card__titles {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vh-co-card__title {
	font-size: 18px;
	font-weight: 500;
	color: #222020;
}

.vh-co-card__summary {
	font-size: 14px;
	font-weight: 400;
	color: #969ca6;
}

/* Стрілка: сам знак 13.4x7.4, margin добирає бокс до 24x24 як у макеті.
   flex: none обов'язково — flex-basis переважив би width і сплющив SVG. */
.vh-co-card__arrow {
	flex: none;
	width: 13.4px;
	height: 7.4px;
	margin: 8.3px 5.3px;
	/* однаковий timing зі слайдом, інакше стрілка приїжджає раніше за вміст */
	transition: transform .28s ease;
}

.vh-co-card.is-open .vh-co-card__arrow {
	transform: rotate(180deg);
}

/* Розкриття акордеона анімуємо через grid-template-rows 0fr→1fr: на відміну
   від display:none це дає плавний слайд, а на відміну від max-height не треба
   вгадувати висоту — вона рахується з реального вмісту .vh-co-card__inner */
.vh-co-card__body {
	display: grid;
	grid-template-rows: 0fr;
	/* явна колонка, щоб грід не міряв вміст по max-content: інакше довга назва
	   товару чи відділення може розсунути картку ширше за колонку */
	grid-template-columns: minmax(0, 1fr);
	margin-top: 0;
	transition: grid-template-rows .28s ease, margin-top .28s ease;
}

.vh-co-card__inner {
	display: flex;
	flex-direction: column;
	gap: 20px;
	/* обидва обовʼязкові, інакше грід не стиснеться до нуля */
	min-height: 0;
	overflow: hidden;
}

.vh-co-card.is-open .vh-co-card__body {
	grid-template-rows: 1fr;
	margin-top: 20px;
}

/* Розгорнута картка показує підказку, а не підсумок вибору */
.vh-co-card.is-open[data-vh-block="contact"] .vh-co-card__summary,
.vh-co-card.is-open .vh-co-card__summary--filled {
	display: none;
}

/* поки вибору немає — підсумок порожній, показуємо підказку
   (у макеті згорнута картка без вибору теж показує підказку — 1:4731) */
.vh-co-card__summary--filled:empty {
	display: none;
}

.vh-co-card:not(.is-open):has(.vh-co-card__summary--filled:not(:empty)) .vh-co-card__summary--hint {
	display: none;
}

/* ------------------------------ SMS-банер ------------------------------- */

.vh-co-sms {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 16px 12px;
	border-radius: 12px;
	background: #f6f5fc;
}

/* У макеті абзац «обіймає» текст і центрується цілком, а рядки всередині
   лишаються по лівому краю — на планшеті, де текст переноситься, це видно. */
.vh-co-sms p {
	margin: 0;
	width: max-content;
	max-width: 100%;
	font-size: 14px;
	font-weight: 400;
	line-height: 1.3;
	color: #222020;
}

.vh-co-sms a {
	font-weight: 600;
	color: #6a43e4;
	text-decoration: underline;
}

/* -------------------------------- Поля ---------------------------------- */

.vh-co-fields {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.vh-co-fields__row {
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.vh-co-fields__col {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.vh-co-fields__col--email {
	height: 45px;
	justify-content: center;
}

.vh-co-input {
	width: 100%;
	padding: 14px 12px;
	border: 0;
	box-shadow: inset 0 0 0 1px #e6e7ea;
	border-radius: 8px;
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	color: #222020;
	outline: none;
}

.vh-co-fields__row > .vh-co-input {
	flex: 1 1 0;
	min-width: 0;
}

.vh-co-input::placeholder {
	color: #999;
	opacity: 1;
}

/* ------------------------------ Чекбокс --------------------------------- */

.vh-co-check {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0;
	cursor: pointer;
	font-weight: 400;
}

.vh-co-check__input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.vh-co-check__box {
	flex: 0 0 16px;
	width: 16px;
	height: 16px;
	border: 1px solid #d7d8da;
	border-radius: 6px;
	background: #fff;
	position: relative;
}

.vh-co-check__input:checked + .vh-co-check__box {
	border-color: #6a43e4;
	background: #6a43e4;
}

.vh-co-check__input:checked + .vh-co-check__box::after {
	content: '';
	position: absolute;
	left: 4.5px;
	top: 1.5px;
	width: 4px;
	height: 8px;
	border: solid #fff;
	border-width: 0 1.6px 1.6px 0;
	transform: rotate(45deg);
}

.vh-co-check__label {
	flex: 1 1 auto;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
	color: #222020;
}

/* ------------------------------- Селект --------------------------------- */

.vh-co-select {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 14px 12px;
	box-shadow: inset 0 0 0 1px #d7d8da;
	border-radius: 8px;
	background: #fff;
	cursor: pointer;
}

.vh-co-select__value {
	flex: 1 1 0;
	min-width: 0;
	padding: 0;
	border: 0;
	background: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	color: #000;
	outline: none;
	cursor: pointer;
}

.vh-co-select__value::placeholder {
	color: #999;
	opacity: 1;
}

/* Відкритий селект: рамка фіолетова, стрілка дивиться вгору (макет 1:7271) */
.vh-co-select.is-open {
	box-shadow: inset 0 0 0 1px #6a43e4;
}

.vh-co-select.is-open .vh-co-select__value {
	cursor: text;
}

.vh-co-select.is-open .vh-co-select__arrow {
	transform: rotate(180deg);
}

/* Те саме, але бокс 18x18 і поворот на -90° — стрілка вказує вправо */
.vh-co-select__arrow {
	flex: none;
	width: 10.05px;
	height: 5.55px;
	margin: 6.225px 3.975px;
	transform: rotate(-90deg);
}

/* ------------------------------ Доставка -------------------------------- */

.vh-co-delivery {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* 12: у макеті (1:7301 → 1:7325) поле відділення стоїть на 53 при висоті
   рядка 41 */
.vh-co-delivery__group {
	display: flex;
	flex-direction: column;
	gap: 12px;
}

/* Поки населений пункт не обраний, у макеті (1:7253, крок 2) в картці видно
   тільки поле міста — способи доставки й посилання під ними з'являються
   разом із містом (1:7286). Клас вішає vh_checkout.js. */
.vh-co-card[data-vh-block="shipping"]:not(.has-city) .vh-co-delivery,
.vh-co-card[data-vh-block="shipping"]:not(.has-city) [data-vh-toggle-note] {
	display: none;
}

.vh-co-delivery__item {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0;
	cursor: pointer;
	font-weight: 400;
}

.vh-co-radio__input {
	position: absolute;
	opacity: 0;
	width: 0;
	height: 0;
}

.vh-co-radio {
	flex: 0 0 20px;
	width: 20px;
	height: 20px;
	border: 1px solid #969ca6;
	border-radius: 100px;
	background: #fff;
}

.vh-co-radio__input:checked + .vh-co-radio {
	border: 6px solid #6a43e4;
}

.vh-co-delivery__body {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 10px;
}

.vh-co-delivery__text {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vh-co-delivery__name {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}

.vh-co-delivery__meta {
	display: flex;
	align-items: center;
	gap: 8px;
}

.vh-co-delivery__price {
	font-size: 13px;
	font-weight: 500;
	color: #848890;
	white-space: nowrap;
}

.vh-co-badge {
	padding: 2px 7px;
	border-radius: 12px;
	background: rgba(0, 165, 0, .08);
	font-size: 13px;
	font-weight: 500;
	color: #00a500;
	white-space: nowrap;
}

.vh-co-delivery__logo {
	flex: 0 0 22.001px;
	width: 22.001px;
	height: 20.427px;
}

/* --------------------------- Адреса кур'єра ----------------------------- */

.vh-co-address {
	display: flex;
	align-items: flex-start;
	gap: 10px;
}

.vh-co-address__street {
	flex: 0 0 544px;
	width: 544px;
}

/* 46, як у сусіднього селекта вулиці (1:7672): у макеті це теж поля з
   випадайкою, тому вони на 1px вищі за звичайний інпут */
.vh-co-address__house,
.vh-co-address__flat {
	flex: 1 1 0;
	min-width: 0;
	height: 46px;
}

/* ------------------------- Кнопка з плюсом ------------------------------ */

.vh-co-plus {
	display: flex;
	align-items: center;
	gap: 10px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
	text-align: left;
}

.vh-co-plus__icon {
	position: relative;
	flex: 0 0 14px;
	width: 14px;
	height: 14px;
}

.vh-co-plus__icon::before,
.vh-co-plus__icon::after {
	content: '';
	position: absolute;
	background: #6a43e4;
	border-radius: 50px;
}

.vh-co-plus__icon::before {
	left: 6.3px;
	top: 0;
	width: 1.4px;
	height: 14px;
}

.vh-co-plus__icon::after {
	left: 0;
	top: 6.3px;
	width: 14px;
	height: 1.4px;
}

.vh-co-plus.is-open .vh-co-plus__icon::before {
	display: none;
}

.vh-co-plus__icon--grey::before,
.vh-co-plus__icon--grey::after {
	background: #969ca6;
}

.vh-co-plus__text {
	flex: 1 1 auto;
	font-size: 15px;
	font-weight: 500;
	color: #6a43e4;
}

/* 91 — висота поля з макета (нода 1:7009), не min-height: рамки немає,
   тому padding 14/12 лишається як у Figma */
.vh-co-textarea {
	width: 100%;
	height: 91px;
	padding: 14px 12px;
	border: 0;
	border-radius: 8px;
	background: #f5f5f5;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	color: #222020;
	resize: vertical;
	outline: none;
}

.vh-co-textarea::placeholder {
	color: #969ca6;
	opacity: 1;
}

/* ----------------------- Радіо-опції (зв'язок/оплата) ------------------- */

.vh-co-options {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

.vh-co-option {
	display: flex;
	align-items: center;
	gap: 15px;
	margin: 0;
	cursor: pointer;
	font-weight: 400;
}

/* Назва + підказка стоять в одному рядку з відступом 4px */
.vh-co-option__row {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	align-items: center;
	gap: 6px;
}

.vh-co-option__label {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}

.vh-co-option__text {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 4px;
}

.vh-co-option__name {
	font-size: 14px;
	font-weight: 500;
	color: #000;
}

.vh-co-option__note {
	font-size: 13px;
	font-weight: 400;
	color: #848890;
}

.vh-co-hint {
	flex: none;
	display: block;
	width: 20px;
	height: 20px;
}

/* ------------------------------ Підказки -------------------------------- */

.vh-co-tip {
	position: relative;
	flex: none;
	display: inline-flex;
	cursor: help;
	outline: none;
}

.vh-co-tip__text {
	position: absolute;
	z-index: 40;
	/* вниз, а не вгору: інакше підказка перших опцій перекриває заголовок картки */
	top: calc(100% + 10px);
	left: 50%;
	width: 280px;
	margin-left: -140px;
	padding: 12px;
	border: 1px solid #e6e7ea;
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 8px 24px rgba(0, 0, 0, .1);
	font-size: 13px;
	font-weight: 400;
	line-height: 1.4;
	color: #222020;
	text-align: left;
	opacity: 0;
	visibility: hidden;
	transform: translateY(-4px);
	transition: opacity .15s ease, transform .15s ease, visibility .15s;
	pointer-events: none;
}

/* хвостик: біла заливка поверх сірої рамки */
.vh-co-tip__text::before,
.vh-co-tip__text::after {
	content: '';
	position: absolute;
	bottom: 100%;
	left: 50%;
	border: 7px solid transparent;
}

.vh-co-tip__text::before {
	margin-left: -7px;
	border-bottom-color: #e6e7ea;
}

.vh-co-tip__text::after {
	margin-left: -6px;
	border-width: 6px;
	border-bottom-color: #fff;
}

.vh-co-tip:hover .vh-co-tip__text,
.vh-co-tip:focus .vh-co-tip__text,
.vh-co-tip:focus-within .vh-co-tip__text {
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.vh-co-cards {
	flex: none;
	display: flex;
	align-items: flex-start;
	gap: 20px;
}

.vh-co-cards__visa {
	width: 61.849px;
	height: 20px;
}

.vh-co-cards__mc {
	width: 32.423px;
	height: 20px;
}

/* ------------------------------ Банери ---------------------------------- */

.vh-co-banner {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	padding: 20px;
	border-radius: 16px;
	overflow: hidden;
}

.vh-co-banner__text {
	display: flex;
	flex-direction: column;
}

.vh-co-banner__wide {
	flex: 1 1 0;
	min-width: 0;
	margin: 0;
	font-size: 15px;
	font-weight: 500;
	color: #222020;
}

.vh-co-banner__wide a {
	font-weight: 600;
	color: #6a43e4;
	text-decoration: underline;
}

.vh-co-banner__icon {
	flex: 0 0 24px;
	width: 24px;
	height: 24px;
}

/* У банерах бонусів і промокоду перед іконкою стоїть ще один невидимий
   бокс 24px — він звужує текст і задає інші місця переносу рядків. */
.vh-co-banner--bonus .vh-co-banner__icon,
.vh-co-banner--promo .vh-co-plus__icon {
	margin-left: 14px;
}

/* Банер безкоштовної доставки: фон заливається пропорційно сумі кошика.
   Колір заливки — з досягнутого стану макета (1:7893). */
.vh-co-banner--free {
	position: relative;
	padding: 20px;
	background: #fff;
	overflow: hidden;
}

/* Рамка окремим шаром, а не inset-тінню: тінь малюється під нащадками, а
   .vh-co-banner__fill доходить до країв і перекрила б її. */
.vh-co-banner--free::after {
	content: '';
	position: absolute;
	inset: 0;
	border: 1px solid #ff0cc6;
	border-radius: inherit;
	pointer-events: none;
}

.vh-co-banner__fill {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background: #fff0fc;
	transition: width .4s ease;
	pointer-events: none;
}

/* текст та іконка мають лишатися над заливкою */
.vh-co-banner--free .vh-co-banner__text,
.vh-co-banner--free .vh-co-banner__icon {
	position: relative;
	z-index: 1;
}

.vh-co-banner--free .vh-co-banner__title {
	font-size: 15px;
	font-weight: 600;
	color: #ff0cc6;
}

.vh-co-banner--free .vh-co-banner__note {
	font-size: 14px;
	font-weight: 400;
	color: #222020;
}

.vh-co-banner--bonus {
	background: #ebe6fb;
}

/* Промокод — єдиний банер, що розкривається: шапка + поле вводу під нею */
/* #f3f3f3, а не #f6f6f6: останній трапляється лише в десктопному згорнутому
   фреймі 1:6119, тоді як планшет, мобілка й розкритий стан дають #f3f3f3 */
.vh-co-banner--promo {
	flex-direction: column;
	align-items: stretch;
	gap: 8px;
	background: #f3f3f3;
}

.vh-co-banner__head {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
	/* невидимий бокс 24 з макета — саме він тримає висоту згорнутого банера */
	min-height: 24px;
	cursor: pointer;
}

/* Розкритий стан: від плюса лишається тільки горизонтальна риска */
.vh-co-banner--promo.is-open .vh-co-plus__icon::before {
	display: none;
}

.vh-co-promo {
	display: none;
	align-items: flex-start;
	gap: 8px;
}

.vh-co-banner--promo.is-open .vh-co-promo {
	display: flex;
}

/* 46, а не 45: у макеті висоту рядка задає порожній бокс 18px усередині поля */
.vh-co-promo__input {
	flex: 1 1 0;
	min-width: 0;
	height: 46px;
	padding: 0 12px;
	border: 0;
	border-radius: 8px;
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	color: #222020;
	outline: none;
}

.vh-co-promo__input::placeholder {
	color: #999;
	opacity: 1;
}

.vh-co-promo__btn {
	flex: none;
	height: 46px;
	padding: 0 32px;
	border: 0;
	box-shadow: inset 0 0 0 1px #6a43e4;
	border-radius: 8px;
	background: none;
	font-family: inherit;
	font-size: 14px;
	font-weight: 600;
	color: #6a43e4;
	cursor: pointer;
}

/* ------------------------------- Разом ---------------------------------- */

.vh-co-total {
	display: flex;
	flex-direction: column;
	gap: 25px;
	padding: 20px;
	box-shadow: inset 0 0 0 1px #6a43e4;
	border-radius: 16px;
	overflow: hidden;
}

.vh-co-total__rows {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.vh-co-total__row {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 10px;
}

.vh-co-total__name {
	font-size: 14px;
	font-weight: 500;
	color: #969ca6;
}

.vh-co-total__value {
	font-size: 14px;
	font-weight: 500;
	color: #222020;
	white-space: nowrap;
}

.vh-co-total__value--sale {
	display: flex;
	align-items: center;
	gap: 4px;
}

.vh-co-total__remove {
	width: 24px;
	height: 24px;
	cursor: pointer;
}

/* Бонуси — фіолетові, безкоштовна доставка — рожева (макет 1:7777 / 1:7904) */
.vh-co-total__value--bonus {
	color: #6a43e4;
}

.vh-co-total__value--free {
	color: #ff0cc6;
}

/* У макеті (1:4808) дільник — це stroke на лінії нульової висоти: він не
   розсуває колонку. margin повертає ці 1px назад, інакше блок «Разом»
   і кнопка з'їжджають на піксель нижче. */
.vh-co-total__line {
	height: 1px;
	margin-bottom: -1px;
	background: rgba(0, 0, 0, .07);
}

.vh-co-total__row--grand .vh-co-total__name,
.vh-co-total__row--grand .vh-co-total__value {
	font-size: 18px;
	font-weight: 500;
	color: #222020;
}

.vh-co-total__submit {
	display: flex;
	flex-direction: column;
	gap: 15px;
}

.vh-co-total__agree {
	margin: 0;
	font-size: 13px;
	font-weight: 400;
	line-height: 15px;
	color: #222020;
}

.vh-co-total__agree a {
	color: #8672d2;
	text-decoration: underline;
}

.vh-co-button {
	width: 100%;
	padding: 18px 0;
	border: 0;
	border-radius: 8px;
	background: #6a43e4;
	font-family: inherit;
	font-size: 15px;
	font-weight: 600;
	color: #fff;
	cursor: pointer;
}

/* ------------------------- Товари в замовленні -------------------------- */

.vh-co-products {
	display: flex;
	flex-direction: column;
	gap: 20px;
	/* видима зона списку в макеті — 373.32 (Select/Products), 4 товари з 8 */
	max-height: 373px;
	overflow-y: auto;
	/* У макеті (1:6096) смуга висить рівно на правому краю зони 500, а не
	   всередині неї: контент 480 + 20 порожнечі, далі смуга. Браузер малює
	   смугу всередину, тому розширюємо блок на її товщину й тягнемо назад
	   від'ємним margin — так контент лишається 480, а смуга стає на 1680. */
	margin-right: -3px;
	padding-right: 20px;
	/* місце під смугу резервуємо завжди: інакше, поки товарів мало і скролу
	   немає, контент розтягується на її 3px і стає 483 замість макетних 480 */
	scrollbar-gutter: stable;
}

.vh-co-products::-webkit-scrollbar {
	width: 3px;
}

.vh-co-products::-webkit-scrollbar-track {
	background: #e0e0e0;
}

.vh-co-products::-webkit-scrollbar-thumb {
	background: #666;
}

.vh-co-product {
	display: flex;
	align-items: flex-start;
	gap: 15px;
}

/* У макеті між товарами лежить окремий дільник з відступом 20 з обох боків,
   і сам він нульової висоти (крок між товарами 1:6030→1:6049 рівно 103 при
   висоті товару 63). 19, а не 20 — 1px забирає border. */
.vh-co-product + .vh-co-product {
	padding-top: 19px;
	border-top: 1px solid rgba(0, 0, 0, .07);
}

.vh-co-product__image {
	flex: none;
	width: 63px;
	height: 63px;
	border-radius: 5px;
	background: #f3f3f3;
	object-fit: cover;
}

.vh-co-product__info {
	flex: 1 1 0;
	min-width: 0;
	display: flex;
	flex-direction: column;
	gap: 10px;
}

.vh-co-product__top {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	gap: 10px;
}

/* flex-basis саме 0 (як у макеті), інакше довга назва виштовхує кошик у новий рядок */
.vh-co-product__name {
	flex: 1 1 0;
	min-width: 0;
	font-size: 14px;
	font-weight: 500;
	color: #676d79;
}

.vh-co-product__bottom {
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 10px;
}

.vh-co-qty {
	flex: none;
	display: flex;
	align-items: center;
	gap: 8px;
	width: 112px;
}

/* Плюс/мінус — лінія 10x1.3, як в експорті Figma. Мінус світлий (#bbb),
   плюс темний (#676d79) — так у макеті, незалежно від кількості. */
.vh-co-qty__btn {
	position: relative;
	flex: none;
	width: 20px;
	height: 20px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.vh-co-qty__btn::before,
.vh-co-qty__btn::after {
	content: '';
	position: absolute;
	left: 5px;
	top: 9.35px;
	width: 10px;
	height: 1.3px;
	background: #bbb;
	border-radius: 0.65px;
}

.vh-co-qty__btn--minus::after {
	display: none;
}

.vh-co-qty__btn--plus::before,
.vh-co-qty__btn--plus::after {
	background: #676d79;
}

.vh-co-qty__btn--plus::after {
	transform: rotate(90deg);
}

.vh-co-qty__input {
	flex: 1 1 0;
	min-width: 0;
	height: 36px;
	padding: 8px 12px;
	border: 1px solid #e6e7ea;
	border-radius: 8px;
	background: #fff;
	font-family: inherit;
	font-size: 14px;
	font-weight: 400;
	line-height: 20px;
	color: #383c42;
	text-align: center;
	outline: none;
}

.vh-co-product__prices {
	flex: none;
	display: flex;
	align-items: center;
	gap: 8px;
}

.vh-co-product__price {
	font-size: 16px;
	font-weight: 500;
	color: #000;
}

.vh-co-product__old {
	font-size: 13px;
	font-weight: 500;
	color: #909090;
	text-decoration: line-through;
}

.vh-co-product__remove {
	flex: none;
	width: 16px;
	height: 16px;
	padding: 0;
	border: 0;
	background: none;
	cursor: pointer;
}

.vh-co-product__remove img {
	display: block;
	width: 16px;
	height: 16px;
}

/* --------------------------- Крок рядка (leading) -----------------------
   Figma рахує висоту рядка цілими пікселями — round(кегль × 1.219). Дробовий
   1.219 сам по собі дає похибку 0.3–0.7px на кожному текстовому рядку, і вона
   накопичується: спершу вся сітка з'їжджала на 1px угору відносно макета.
   Тому крок рядка для кожного кегля фіксуємо цілим. Перевірено по нодах
   1:4702 (12→15), 1:4736 (14→17), 1:4769 (15→18), 1:4710 (18→22), 1:4703 (26→32).
   Блок стоїть у кінці десктопної частини навмисно — він має перебивати
   поодинокі `line-height: normal` / `1.3`, задані вище.
   ------------------------------------------------------------------------ */

.vh-co-delivery__price,
.vh-co-badge,
.vh-co-option__note,
.vh-co-product__old {
	line-height: 16px;
}

.vh-co-card__summary,
.vh-co-input,
.vh-co-select__value,
.vh-co-delivery__name,
.vh-co-textarea,
.vh-co-option__label,
.vh-co-option__name,
.vh-co-promo__input,
.vh-co-promo__btn,
.vh-co-total__name,
.vh-co-total__value,
.vh-co-product__name,
.vh-co-bonus__input,
.vh-co-bonus__btn,
.vh-co-drop__item,
.vh-co-drop__empty,
.vh-co-banner--free .vh-co-banner__note {
	line-height: 17px;
}

.vh-co-plus__text,
.vh-co-banner__wide,
.vh-co-button,
.vh-co-banner--free .vh-co-banner__title,
.vh-co-sms p {
	line-height: 18px;
}

.vh-co-product__price {
	line-height: 20px;
}

.vh-co-card__title,
.vh-co-total__row--grand .vh-co-total__name,
.vh-co-total__row--grand .vh-co-total__value {
	line-height: 22px;
}

/* ------------------------------ Адаптив --------------------------------- */

/* Планшет: у макеті (1000) контент 960 — ліва 548, gap 12, права 400 */
@media (max-width: 1519px) {
	.vh-co__aside {
		flex: 0 0 400px;
		width: 400px;
	}

	.vh-co-address__street {
		flex: 1 1 auto;
		width: auto;
	}

	/* У планшетному макеті всі внутрішні відступи 16, а не 20
	   (мінус 1 там, де є border — див. коментар біля .vh-co-card) */
	.vh-co-banner {
		padding: 16px;
	}

	.vh-co-card,
	.vh-co-total,
	.vh-co-banner--free {
		padding: 16px;
	}

	.vh-co-fields,
	.vh-co-fields__row,
	.vh-co-fields__col {
		gap: 8px;
	}

	/* У макеті чекбокс іде окремим рядком під обома полями, а не в колонці
	   телефону. display: contents піднімає вміст колонок у сам ряд, order
	   відкидає чекбокс під інпути. */
	.vh-co-fields__col {
		display: contents;
	}

	.vh-co-fields__row {
		flex-wrap: wrap;
	}

	.vh-co-fields__row > .vh-co-input,
	.vh-co-fields__col > .vh-co-input {
		flex: 1 1 calc(50% - 4px);
		min-width: 0;
	}

	.vh-co-check {
		order: 1;
		flex: 1 1 100%;
	}
}

@media (max-width: 991px) {
	.vh-co__grid {
		flex-direction: column;
	}

	.vh-co__main,
	.vh-co__aside {
		flex: 1 1 auto;
		width: 100%;
	}

	.vh-co-address {
		flex-wrap: wrap;
	}

	.vh-co-address__street {
		flex: 1 1 100%;
		width: 100%;
	}
}

/* ------------------------------------------------------------------
   Мобільна версія (макет 390: контент 366, поля 12).
   У макеті це окремий набір значень, а не стиснутий десктоп:
   картки 12/12 замість 20/16, заголовки 16 замість 18, відступи менші.
   ------------------------------------------------------------------ */
@media (max-width: 767px) {
	.vh-co__container {
		/* У макеті (1:7931 → 1:7972) контент іде майже впритул до шапки, але в темі
		   при скролі зверху фіксується .mob-fix-panel заввишки 64px (z-index 1009),
		   тоді як шапка в потоці — 55px. З відступом 2px крихти опинялися під нею.
		   Тримаємо 12: 55 + 12 = 67, тобто на 3px нижче за панель. */
		padding: 12px 12px 0;
	}

	.vh-co__breadcrumb {
		gap: 4px;
		margin-bottom: 8px;
		font-size: 10px;
		font-weight: 500;
		color: #8c8a87;
	}

	.vh-co__breadcrumb a {
		color: #8c8a87;
	}

	.vh-co__breadcrumb li + li::before {
		content: '·';
		margin: 0 4px 0 0;
		font-size: 12px;
		font-weight: 700;
		color: #8c8a87;
	}

	/* Крапка-роздільник більша за сам текст (12 проти 10) і в одному line-box
	   з ним піднімає рядок до 16 замість 15 з макета — flex прибирає спільний
	   baseline і повертає висоту рядка. */
	.vh-co__breadcrumb li {
		display: flex;
		align-items: center;
	}

	/* 12, а не 25: у макеті (1:8017) підзаголовок «Якщо немає товару…» стоїть
	   в один рядок — при відступі 25 він не влазить у 342 і переноситься. */
	.vh-co-card__head {
		gap: 12px;
	}

	/* кеглі тут інші, тож і крок рядка інший — див. блок «Крок рядка» вище */
	.vh-co__title {
		margin-bottom: 12px;
		font-size: 18px;
		line-height: 22px;
	}

	.vh-co-card__title,
	.vh-co-total__row--grand .vh-co-total__name,
	.vh-co-total__row--grand .vh-co-total__value {
		line-height: 20px;
	}

	.vh-co-button,
	.vh-co-product__price {
		line-height: 17px;
	}

	.vh-co-product__old {
		line-height: 15px;
	}

	/* 10, а не 24: підложка сайдбару виступає над своїм вмістом на 14 (див.
	   нижче), тому просвіт між колонками в макеті все одно виходить 24. */
	.vh-co__grid {
		gap: 10px;
	}

	.vh-co__main {
		gap: 8px;
	}

	.vh-co-card {
		padding: 12px;
		border-radius: 12px;
	}

	.vh-co-card__title {
		font-size: 16px;
	}

	.vh-co-card__inner {
		gap: 16px;
	}

	.vh-co-card.is-open .vh-co-card__body {
		margin-top: 12px;
	}

	/* gap картки тут 16, тож і компенсація для підписів помилок інша */
	.vh-co-card__inner > .vh-co-error {
		margin-top: -12px;
	}

	.vh-co-fields,
	.vh-co-fields__row,
	.vh-co-fields__col {
		gap: 8px;
	}

	.vh-co-fields__col--email {
		height: 45px;
	}

	/* У мобільному макеті (1:8004) чекбокс «не телефонувати» — окремий ряд на всі
	   342, а не колонка під телефоном, як на десктопі (1:4722). Розмітка спільна,
	   тому розпускаємо колонку через display: contents і кидаємо чекбокс у новий
	   рядок. Без цього текст тулиться в 167px, ламається на два рядки й додає
	   картці зайвих 16px. */
	.vh-co-fields__row {
		flex-wrap: wrap;
	}

	.vh-co-fields__col {
		display: contents;
	}

	.vh-co-fields__col > .vh-co-field {
		flex: 1 1 0;
		min-width: 0;
	}

	.vh-co-fields__row .vh-co-check {
		order: 1;
		flex: 1 0 100%;
	}

	.vh-co-delivery__body,
	.vh-co-delivery__meta {
		flex-wrap: wrap;
	}

	/* Підсумки на мобільному лежать на бузковій підложці. У макеті вона тягнеться
	   від краю до краю екрана (Rectangle 4476 — 390 завширшки), а картки в ній
	   лишаються 366 — тому від'ємні бокові margin'и на всю ширину поля. */
	.vh-co__aside {
		gap: 12px;
		/* саме calc, а не auto: з auto ширина стає shrink-to-fit і підлаштовується
		   під max-content (input промокоду має intrinsic 201px), розпираючи сторінку */
		width: calc(100% + 24px);
		margin: 0 -12px;
		padding: 14px 12px;
		border-radius: 12px;
		background: #ebe6fb;
	}

	.vh-co-card--order,
	.vh-co-banner--free {
		background: #fff;
	}

	.vh-co-banner {
		padding: 12px;
		border-radius: 12px;
	}

	.vh-co-banner--free {
		padding: 12px;
	}

	.vh-co-banner--bonus {
		border-radius: 16px;
		background: #fff;
	}

	/* На мобільному в банері бонусів невидимого боксу 24 немає, а в промокоді
	   плюс намальовано всередині нього — звідси інші відступи й висота. */
	.vh-co-banner--bonus .vh-co-banner__icon {
		margin-left: 0;
	}

	.vh-co-banner--promo .vh-co-plus__icon {
		flex: 0 0 24px;
		width: 24px;
		height: 24px;
		margin-left: 0;
	}

	.vh-co-banner--promo .vh-co-plus__icon::before {
		left: 11.3px;
		top: 5px;
	}

	.vh-co-banner--promo .vh-co-plus__icon::after {
		left: 5px;
		top: 11.3px;
	}

	.vh-co-total {
		gap: 20px;
		padding: 12px;
		border-radius: 12px;
		background: #fff;
	}

	.vh-co-total__rows {
		gap: 12px;
	}

	.vh-co-total__name {
		color: #676d79;
	}

	.vh-co-total__row--grand .vh-co-total__name,
	.vh-co-total__row--grand .vh-co-total__value {
		font-size: 16px;
	}

	.vh-co-total__agree {
		color: #676d79;
	}

	.vh-co-button {
		font-size: 14px;
	}

	/* Товар у кошику: на мобільному вужчі відступи й дрібніші ціни */
	.vh-co-product {
		gap: 8px;
	}

	.vh-co-product__prices {
		gap: 4px;
	}

	.vh-co-product__price {
		font-size: 14px;
	}

	.vh-co-product__old {
		font-size: 12px;
	}

	/* У макеті список показано повністю, без внутрішнього скролу */
	.vh-co-products {
		max-height: none;
		overflow-y: visible;
	}
}

/* =========================================================================
   VH HEADER — ПК-версія за макетом Figma (node 1:6583)
   Все під min-width: 992px, мобільний хедер і #top-fixed не зачіпаються.
   Макет намальовано під контейнер 1480px; тут використана сітка сайту
   (1450px внутрішньої ширини), тому всі фікс-розміри й відступи з макета
   збережені, а «гумовим» лишається тільки поле пошуку.
   ========================================================================= */
@media (min-width: 992px) {

	/* ---------- Верхня біла смуга: у макеті 34px ---------- */
	nav#top {
		height: 34px;
		min-height: 34px;
		padding: 0;
	}

	/* У макеті вміст смуги — рядок 30px, зсунутий на пів пікселя вниз */
	nav#top > .container > .pull-left,
	nav#top > .container > .pull-right {
		height: 30px;
		margin-top: 0.5px;
	}

	nav#top .open-time {
		height: 30px;
		padding: 0 22px 0 0;
		font-size: 14px;
		font-weight: 500;
		line-height: 30px;
		color: #B2BBC5;
	}

	nav#top .top-phones {
		display: flex;
		align-items: center;
	}

	nav#top .top-phones .top-phones-icon {
		width: 11.5596px;
		height: 18.0916px;
		flex: 0 0 auto;
	}

	nav#top .top-phones .list-phones {
		display: flex;
		align-items: center;
		height: 18px;
		padding: 0 0 0 9px;
		margin: 0;
	}

	nav#top .top-phones .list-phones li {
		position: relative;
		height: 18px;
	}

	/* Роздільник між телефонами вже є в темі — уточнюємо тільки висоту з макета */
	nav#top .top-phones .list-phones li.additional-tel:not(:first-child):before {
		height: 12.1162px;
	}

	nav#top .top-phones .list-phones a,
	nav#top .top-phones .list-phones li {
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
		color: #000;
	}

	nav#top .list_lang {
		height: 30px;
		margin-top: 0;
	}

	nav#top .item_lang.active {
		border-radius: 4px !important;
	}

	/* ---------- Фіолетова смуга ---------- */
	.header_v_3.h-shadow {
		background: #6A43E4;
		height: 67px;
		padding-top: 7px !important;
		padding-bottom: 6px;
	}

	/* Колір кнопки каталогу з макета — напівпрозорий білий поверх фіолетового */
	.header_v_3 .btn-menu-top.vh3 {
		border-radius: 8px;
		background: rgba(255, 255, 255, 0.12);
		font-size: 14px;
		font-weight: 400;
		line-height: 20px;
	}

	.header_v_3 .btn-menu-top.vh3:hover,
	.header_v_3 .btn-menu-top.vh3:focus,
	.header_v_3 .btn-menu-top.vh3.active {
		background: rgba(255, 255, 255, 0.22);
	}

	/* ---------- Пошук: 40px, radius 8, лупа 16×16 за 8px від краю ---------- */
	.header_v_3 .box-search #search.input-group {
		display: flex;
		align-items: center;
		height: 40px;
		padding: 0 8px 0 12px;
		border-radius: 8px;
		background: #fff;
	}

	.header_v_3 .box-search #search .input-lg {
		flex: 1 1 auto;
		min-width: 0;
		height: 40px;
		padding: 0;
		border-radius: 0;
		background: transparent;
		font-size: 14px;
		line-height: normal;
	}

	.header_v_3 .box-search #search .input-lg::placeholder {
		font-size: 14px;
		font-weight: 400;
		line-height: normal;
		color: #B2BBC5;
	}

	.header_v_3 .box-search #search .button_search {
		display: flex;
		width: auto;
		flex: 0 0 auto;
		background: transparent;
		border-radius: 0;
	}

	.header_v_3 .box-search #search .btn-search {
		width: 16px;
		height: 16px;
		padding: 0;
		margin: 0;
		background: transparent;
		border-radius: 0 !important;
	}

	.header_v_3 .box-search #search .btn-search svg {
		width: 16px;
		height: 16px;
		display: block;
	}

	/* ---------- «Увійти» ---------- */
	.header_v_3 .box-account .btn-account {
		align-items: center;
		gap: 7px;
		padding: 0;
		font-size: 14px;
		font-weight: 400;
		line-height: 18.57px;
	}

	.header_v_3 .box-account .btn-account > span {
		height: auto;
		line-height: 18.57px;
		border-bottom: 0;
	}

	/* svg на 3.28% більший за бокс у макеті — компенсуємо від'ємними полями */
	.header_v_3 .box-account .btn-account .account-icon {
		width: 19.8439px;
		height: 19.8943px;
		flex: 0 0 auto;
		margin: 0 -0.61px -0.65px;
	}

	/* ---------- Порівняння / обране: 24×24 ---------- */
	.header_v_3 .box-compare .btn-compare-header,
	.header_v_3 .box-wishlist .btn-wishlist-header {
		display: block;
		line-height: 0;
	}

	.header_v_3 .box-compare .wh-icon,
	.header_v_3 .box-wishlist .wh-icon {
		display: block;
		line-height: 0;
	}

	.header_v_3 .box-compare .compare-icon,
	.header_v_3 .box-wishlist .wishlist-icon {
		display: block;
		width: 24px;
		height: 24px;
	}

	.header_v_3 .box-compare .compare-quantity,
	.header_v_3 .box-wishlist .wishlist-quantity {
		top: -4px;
		right: -6px;
	}

	/* ---------- Кошик: 130.09×40 ---------- */
	.header_v_3 .box-cart #cart > .btn {
		display: flex;
		align-items: center;
		gap: 8px;
		height: 40px;
		padding: 4px 10px;
		border-radius: 8px;
		background: #fff;
	}

	.header_v_3 .box-cart #cart > .btn .shop-bag-svg {
		width: 24px;
		height: 24px;
		flex: 0 0 auto;
		float: none;
		margin: 0;
	}

	.header_v_3 .box-cart #cart > .btn .cart-total {
		display: flex;
		flex-direction: column;
		margin: 0;
		color: #000;
	}

	.header_v_3 .box-cart #cart .products,
	.header_v_3 .box-cart #cart .prices {
		margin: 0;
		font-size: 14px;
		line-height: 16px;
	}

	.header_v_3 .box-cart #cart .prices b {
		font-weight: 600;
	}

	/* Бейдж кількості сидить на іконці: 14×14, зсув із макета */
	.header_v_3 .box-cart #cart .cart-total .products b {
		left: 24.24px;
		top: 5px;
		background: #FF0CC6;
	}

	/* Стрілка 8.648×4.324 — svg ширший на товщину обведення, зрізаємо полями */
	.header_v_3 .box-cart #cart > .btn .cart-icon-arrow {
		width: 10.0484px;
		height: 5.72422px;
		flex: 0 0 auto;
		margin: 0 -0.7px;
	}
}

/* -------------------------------------------------------------------------
   Сітка головного ряду з макета — тільки від 1200px, бо на 992–1199 тема
   згортає кнопку каталогу до 40px і ховає її підпис (.text-category.hidden-md).
   Порядок відступів: logo 28 btn 22 search 59.4 login 20 ⇄ 20 ♡ 20 cart
   ------------------------------------------------------------------------- */
@media (min-width: 1200px) {

	.header_v_3 > .container > .row {
		display: flex;
		flex-wrap: nowrap;
		align-items: center;
		margin-left: 0;
		margin-right: 0;
	}

	.header_v_3 > .container > .row > div {
		padding-left: 0;
		padding-right: 0;
	}

	.header_v_3 .logo-top {
		width: 56px;
		flex: 0 0 56px;
	}

	.header_v_3 #logo img {
		margin-right: 0 !important;
	}

	.header_v_3 .box-menu-top {
		width: 180px;
		flex: 0 0 180px;
		margin-left: 28px;
	}

	.header_v_3 .box-search.search-top {
		flex: 1 1 auto;
		min-width: 0;
		width: auto;
		margin-left: 22px;
	}

	/* 22px між пошуком і правою групою + 37.4px порожнього поля блоку «Увійти» */
	.header_v_3 .box-account {
		flex: 0 0 auto;
		margin: 0 0 0 59.4px;
	}

	.header_v_3 .box-compare,
	.header_v_3 .box-wishlist {
		flex: 0 0 auto;
		margin: 0 0 0 20px;
	}

	.header_v_3 .box-cart {
		flex: 0 0 auto;
		width: auto;
		margin-left: 20px;
	}

	/* ---------- Кнопка «Каталог товарів»: 180×40 ---------- */
	.header_v_3 .btn-menu-top.vh3 {
		width: 180px;
		height: 40px;
		padding: 0 11px;
	}

	.header_v_3 .btn-menu-top.vh3 .menu-icon {
		width: 20px;
		height: 18px;
		flex: 0 0 auto;
	}

	.header_v_3 .btn-menu-top.vh3 .text-category {
		margin: 0 6px 0 10px;
	}

	.header_v_3 .btn-menu-top.vh3 .icon-caret {
		width: 7px;
		height: 5px;
		flex: 0 0 auto;
		margin: 0 0 0 auto;
		position: relative;
		top: 1.5px;
		float: none;
	}
}

/* ===================== Сторінка успішного замовлення ===================== */
/* Макет 1:7075 (1920) і 1:8326 (390). Картка замовлення й підсумок — ті самі
   компоненти, що в чекауті, тому тут лише колонка, шапка та відмінності. */

/* Відступ від хлібних крихт більший, ніж у чекауті: 28 проти 12 (крихти
   1:7160 закінчуються на 128, контент 1:7165 починається на 156) */
.vh-co--success .vh-co__breadcrumb {
	margin-bottom: 28px;
}

.vh-co-success {
	width: 540px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	/* у макеті відступи різні: 24 навколо шапки й кнопки, 12 між карткою та
	   підсумком — тому базовий gap 12, а більші добираємо margin-ом */
	gap: 12px;
}

.vh-co-success .vh-co-card--order,
.vh-co-success__continue {
	margin-top: 12px;
}

.vh-co-success__head {
	display: flex;
	flex-direction: column;
	gap: 8px;
}

.vh-co-success__title {
	margin: 0;
	font-size: 26px;
	font-weight: 500;
	/* Figma «Auto» для 26px дає 32, браузерний normal — 28.6; без явного
	   значення шапка виходить на 3px нижчою за макет (1:7166 — 91) */
	line-height: 32px;
	color: #222020;
}

.vh-co-success__text {
	margin: 0;
	font-size: 14px;
	font-weight: 400;
	line-height: 17px;
	color: #000;
}

.vh-co-success__text a {
	color: #6a43e4;
	text-decoration: underline;
}

/* Кнопка тут — посилання, а не <button> */
.vh-co-success__continue {
	display: flex;
	align-items: center;
	justify-content: center;
	height: 54px;
	padding: 0;
	text-decoration: none;
}

.vh-co-success__continue:hover,
.vh-co-success__continue:focus {
	color: #fff;
	text-decoration: none;
}

/* Рядок товару без керування кількістю: лишається назва й ціна (1:7182 — 47) */
.vh-co-product--done .vh-co-product__bottom {
	justify-content: flex-start;
}

/* «Сума замовлення» тут 16px, а не 18 як «Разом до оплати» в чекауті (1:7243) */
.vh-co-success .vh-co-total__row--grand .vh-co-total__name,
.vh-co-success .vh-co-total__row--grand .vh-co-total__value {
	font-size: 16px;
	line-height: 20px;
}

@media (max-width: 1199px) {
	.vh-co-success {
		width: 100%;
		max-width: 540px;
	}
}

@media (max-width: 767px) {
	.vh-co-success {
		max-width: none;
	}

	/* на мобілці 12, тоді як у чекауті 8 (1:8369 → 1:8374) */
	.vh-co--success .vh-co__breadcrumb {
		margin-bottom: 12px;
	}

	/* на мобілці навколо шапки й кнопки 16, а не 24 (1:8378, 1:8455) */
	.vh-co-success .vh-co-card--order,
	.vh-co-success__continue {
		margin-top: 4px;
	}

	.vh-co-success__title {
		font-size: 18px;
		line-height: 22px;
	}

	.vh-co-success__continue {
		height: 45px;
	}

	/* у чекауті на мобілці рядки підсумку стискаються до 12, а назви темнішають
	   до #676d79 (1:8299); на сторінці успіху макет (1:8435) лишає і той самий
	   gap 15, і десктопний сірий #969ca6 */
	.vh-co-success .vh-co-total__rows {
		gap: 15px;
	}

	.vh-co-success .vh-co-total__row:not(.vh-co-total__row--grand) .vh-co-total__name {
		color: #969ca6;
	}
}


/* ---------- Іконка кошика в мобільній шапці ---------- */
/* На десктопі кошик лежить у білій «пігулці» (1:4684, bg-white), тому обведення
   там темне — #141B34, як в експорті. На мобілці (1:7962) іконка стоїть просто
   на фіолетовій шапці й намальована білим. Тема фарбує лише fill
   (.mob-m-i svg.shop-bag-svg path), а shopping-basket-03 — обведення, тому
   правило теми повз нього проходило й лишався темний контур. */
@media (max-width: 991px) {
	.mob-m-i svg.shop-bag-svg path {
		/* fill теж скидаємо: правило теми заливає контури білим, і замість
		   контурної іконки виходить суцільна пляма */
		fill: none;
		stroke: #fff;
	}

	/* Бейдж кількості: тема фарбує його в #8672D2, у макеті (1:7970) — #FF0CC6.
	   На ≥992 це вже виправлено разом із рештою десктопної шапки, тут — те саме
	   для мобільної. Позиція від теми (left 30 / top 5) на 24×24 іконці дає
	   рівно макетний зсув 14 / -3, тому її не чіпаємо. */
	#cart .cart-total .products b {
		background: #FF0CC6;
	}
}


/* ===================== Плавність інтерактиву ===================== */
/* У макеті станів наведення немає, тому чіпаємо лише те, що не змінює вигляд
   у спокої: прозорість, тінь, фон кнопок. Тривалості короткі — акордеон .28s,
   дрібний інтерактив .18s. */

/* Поки грід стискається, вміст треба обрізати; коли картка вже відкрита —
   повертаємо видимість, інакше випадний список міст ріжеться по краю картки.
   overflow не анімується, тож перемикаємо його з затримкою на час слайду. */
.vh-co-card.is-open .vh-co-card__inner {
	overflow: visible;
	transition: overflow 0s .28s;
}

.vh-co-card__head .vh-co-card__arrow {
	transition: transform .28s ease, opacity .18s ease;
}

.vh-co-card__head:hover .vh-co-card__arrow {
	opacity: .55;
}

.vh-co-button,
.vh-co-promo__btn,
.vh-co-bonus__btn {
	transition: background-color .18s ease, color .18s ease, box-shadow .18s ease;
}

.vh-co-button:hover {
	background: #5c39c9;
}

/* Наведення в макеті не описане. Заливаємо кольором обведення — кнопка
   «вмикається», рамка й фон стають одним цілим. Текст білий, а не чорний:
   на #6a43e4 білий дає контраст 5.94:1 проти 3.54:1 у чорного (норма 4.5:1). */
.vh-co-promo__btn:hover,
.vh-co-bonus__btn:hover {
	background: #6a43e4;
	color: #fff;
}

.vh-co-input,
.vh-co-select,
.vh-co-textarea,
.vh-co-promo__input,
.vh-co-bonus__input,
.vh-co-qty__input {
	transition: box-shadow .18s ease;
}

.vh-co-radio,
.vh-co-check__box {
	transition: border-color .18s ease, background-color .18s ease, box-shadow .18s ease;
}

.vh-co-delivery__item,
.vh-co-product__remove,
.vh-co-total__remove,
.vh-co-qty__btn,
.vh-co-plus {
	transition: opacity .18s ease;
}

/* .vh-co-option сюди навмисно не входить: усередині неї живе .vh-co-tip, а
   opacity на предку створює власний контекст — дочірня підказка вже не може
   бути непрозорішою, і спливаюче вікно тьмяніло разом із рядком. */
.vh-co-delivery__item:hover,
.vh-co-plus:hover {
	opacity: .82;
}

.vh-co-product__remove:hover,
.vh-co-total__remove:hover,
.vh-co-qty__btn:hover {
	opacity: .6;
}

.vh-co-banner__fill {
	transition: width .4s ease;
}

@media (prefers-reduced-motion: reduce) {
	.vh-co *,
	.vh-co-success * {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
	}
}


/* ---------- Мобільна шапка на сторінках оформлення ---------- */
/* .mob-fix-panel — це і є мобільна шапка; при скролі тема вішає на <header>
   клас .h-sticky і панель стає fixed (64px, z-index 1009), накриваючи хлібні
   крихти. У макеті липкої шапки немає, а на оформленні вона лише дублює кошик,
   який тут і так окремим блоком. Тому знімаємо фіксацію — і в звичайному стані
   теж, інакше на першому ж скролі шапка вертається в потік і зсуває контент
   на свої 64px. Ховати шапку не можна: .mob-fix-panel — це вона і є. */
@media (max-width: 991px) {
	.checkout-vh_checkout .mob-fix-panel {
		position: static !important;
	}

	/* padding-top на <header> — це резерв місця під ту саму панель, поки вона
	   fixed. Коли вона повертається в потік, резерв стає порожньою смугою. */
	.checkout-vh_checkout .header_v_3 {
		padding-top: 0;
	}
}


/* ---------- Довгі назви у полях вибору ---------- */
/* Назви поштоматів у довіднику НП сягають 99 символів («Поштомат «Нова Пошта»
   №37342: … (ТІЛЬКИ ДЛЯ МАЛИХ)»). На 390 у поле влазить близько 39% тексту, і
   без ellipsis він обривався різко посеред слова — виглядало як зламані дані. */
.vh-co-select__value,
.vh-co-input {
	text-overflow: ellipsis;
}