:root {
    --brand-color: #85cbdd;
    --brand-lighter: #88e2f9;
    --brand-darker: #5c8e9b;

    --light-accent: #F5F1ED;
}
html {
    box-sizing: border-box;
    -ms-overflow-style: scrollbar
}

*,
::after,
::before {
    box-sizing: inherit
}

.container {
    padding: 0 15px;
    position: relative;
    margin: auto
}

.container:after,
.container:before {
    content: none;
}

body * {
    font-family: 'Roboto', sans-serif;
}

b,
strong {
    font-weight: 600
}

a {
    cursor: pointer;
    text-decoration: none;
    outline: 0;
    color: inherit;
    transition: all .3s ease-out;
    -webkit-transition: all .3s ease-out
}

a:active,
a:hover,
a:link,
a:visited {
    cursor: pointer;
    text-decoration: none;
    outline: 0
}

iframe {
    border: none;
    outline: 0
}

ol,
ul {
    list-style: none
}

img {
    max-width: 100%
}

blockquote {
    position: relative;
    color: #000;
    font-size: 20px;
    line-height: 1.3em;
    font-weight: 400;
    padding-left: 25px;
    text-align: left;
    border-left: 2px solid #fa9512
}

* {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    -webkit-text-size-adjust: none;
    box-sizing: border-box
}

.clear {
    clear: both;
    overflow: hidden;
    height: 0;
    font-size: 0;
    display: block
}

/*
html:not(.touch-screen) ::-webkit-scrollbar,
html:not(.touch-screen)::-webkit-scrollbar {
    width: 5px;
    height: 6px
}

html:not(.touch-screen) ::-webkit-scrollbar-track,
html:not(.touch-screen)::-webkit-scrollbar-track {
    background: #FAF6F2;
    border-radius: 4px;
}

html:not(.touch-screen) ::-webkit-scrollbar-thumb,
html:not(.touch-screen)::-webkit-scrollbar-thumb {
    background: var(--brand-color);
    border-radius: 10px;
}
*/

html ::-webkit-scrollbar,
html::-webkit-scrollbar {
    width: 5px;
    height: 6px
}

html ::-webkit-scrollbar-track,
html::-webkit-scrollbar-track {
    background: #FAF6F2;
    border-radius: 4px;
}

html ::-webkit-scrollbar-thumb,
html::-webkit-scrollbar-thumb {
    background: var(--brand-color);
    border-radius: 10px;
}

:active,
:focus,
:visited {
    outline: 0
}

html {
    height: 100%
}

body {
    height: 100%;
    overflow-x: hidden
}

.overflow-hidden {
    overflow: hidden
}

html.overflow-hidden body {
    overflow: hidden
}

.swiper-slide:not(:first-child) {
    display: none
}

.spacer {
    clear: both
}

.spacer-xl {
    height: 110px
}

.spacer-lg {
    height: 90px
}

.spacer-md {
    height: 70px
}

.spacer-40 {
    height: 40px
}

.spacer-30 {
    height: 30px
}

@media (max-width: 1200px) {
    .spacer-md {
        height: 50px;
    }

    .spacer-sm {
        height: 35px
    }

}

@media (max-width: 991px) {
    .spacer-md {
        height: 40px
    }

    .spacer-30 {
        height: 20px
    }
}

.h2 {
    font-weight: 300;
    font-size: 38px;
    line-height: 120%;
    text-transform: uppercase;
    color: #303030;
}

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

.header-block:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin-top: -1px;
    height: 2px;
    background: #ECF1F6;
}

.header-block .h2 {
    background: #fff;
    padding-right: 30px;
    position: relative;
    z-index: 4;
    display: inline-block;
    margin: 0;
    font-weight: inherit;
}

.header-block b {
    font-weight: 900;
}

.header-block .swiper-button-next {
    transform: rotate(180deg);
}

.swiper-btn-group .btn {
    padding: 0;
}

.bg-2 {
    background: #F5F1ED;
}

.bg-2 .swiper-btn-group,
.bg-2 .header-block .h2 {
    background: #F5F1ED;
}

.bg-2 .header-block:after {
    background: #E6E2DC;
}

.bg-2 .swiper-btn-group .btn {
    border-width: 0;
}


.btn {
    outline: 0 !important;
    transition: all 0.3s;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 5px 20px;
    height: 40px;
    background-color: #FFFFFF;
    border-radius: 6px;
    font-weight: bold;
    font-size: 14px;
    line-height: 120%;
    text-align: center;
    color: #1B1718;
}

.btn.btn-3 {
    border: 1px solid var(--brand-color);
    color: #fff;
    font-size: 16px;
    background: var(--brand-color);
}

.btn.btn-4 {
    border: 1px solid var(--brand-color);
    color: var(--brand-color);
    font-size: 16px;
}

.btn.btn-large {
    padding: 5px 30px;
}

.btn-3 svg {
    fill: #fff;
    margin-right: 10px;
    transition: all 0.3s;
}

@media (min-width: 992px) {
    .btn.btn-3:hover {
        background: #fff;
        color: var(--brand-color);
    }

    .btn:hover,
    .btn.btn-4:active,
    .btn.btn-4:hover {
        background: var(--brand-color);
        color: #fff;
    }

    .btn-3:hover svg {
        fill: var(--brand-color);
    }

    .only-mob {
        display: none !important;
    }
}

@media (max-width: 991px) {
    .show-mob {
        display: block !important;
    }
}

.btn-3:hover svg path {
    fill: var(--brand-color);
}

.page {
    overflow: hidden
}

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

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

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

.justify-content-start {
    justify-content: flex-start
}


@media (min-width: 1200px) {}


.text-center {
    text-align: center
}

.text-right {
    text-align: right
}

.text-left {
    text-align: left
}


@media (max-width: 1200px) {
    .h2 {
        font-size: 34px;
    }
}

@media (max-width: 991px) {
    .header-block {
        text-align: center;
        margin-bottom: 15px;
    }

    .header-block:after {
        content: none;
    }

    .header-block .h2 {
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .h2 {
        font-size: 24px;
    }
}

.header {
    box-shadow: 0px 4px 15px rgba(41, 20, 0, 0.1);
    position: relative;
    z-index: 10;
}

.header-top {
    background: #F5F1ED;
}

.header-top .container {
    height: 47px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header-top .nav {
    padding-right: 110px;
}

.header-top .nav>ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.header-top .nav>ul>li:not(:last-child) {
    margin-right: 30px;
}

.header-top .nav>ul>li>a {
    font-size: 14px;
    line-height: 130%;
    color: #000000;
    position: relative;
}

.header-main {
    padding: 15px 0;
}

.header-main .container {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: space-between;
}

.header-main .logo {
    max-width: 166px;
    font-size: 0;
}

.header-main .navbar {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: calc(100% - 200px);
    justify-content: flex-end;
    min-height: inherit;
    margin-bottom: 0;
}

.header-main .form-search {
    max-width: 360px;
    width: 100%;
    margin-right: 30px;
}

.btn-search {
    background: #FFFFFF url(/catalog/view/theme/default/icon/search.svg) center no-repeat;
    border: 1px solid #F0ECE8;
    box-sizing: border-box;
    border-radius: 0px 6px 6px 0px;
    position: absolute;
    right: 0;
    top: 0;
    height: 44px;
    width: 44px;
    transition: all 0.35s;
}

.btn-search:hover {
    background: var(--brand-darker) url(/catalog/view/theme/default/icon/search-w.svg) center no-repeat;
}

.header-main .form {
    position: relative;
    font-size: 0;
}

.header-main .form-control {
    width: 100%;
    height: 44px;
    background: #FAF6F2;
    border: 1px solid #F0ECE8;
    box-sizing: border-box;
    border-radius: 6px;
    box-shadow: none;
    font-size: 12px;
    color: #000;
}

.form-control::placeholder {
    color: #A6A3A0;
}

.header-option ul {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 0;
}

.header-option li {
    margin-right: 10px;
}

.header-option li#cart {
    margin-right: 0;
}

.header-option li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid #F5F1ED;
    border-radius: 6px;
    position: relative;
}

.header-option .count {
    background: var(--brand-color);
    border-radius: 8px;
    top: -4px;
    right: -4px;
    height: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 16px;
    border-radius: 50%;
    font-weight: bold;
    font-size: 11px;
    line-height: 100%;
    color: #FFFFFF;
    position: absolute;
    padding: 0 3px;
    text-align: center;
}

.lang {
    position: absolute;
    top: -67px;
    right: 0;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-bottom: 0;
}

.lang:after {
    content: "";
    position: absolute;
    top: 1px;
    bottom: 3px;
    width: 1px;
    background: rgba(27, 23, 24, 0.1);
    left: 50%;
}

.lang li:not(:last-child) {
    margin-right: 21px;
}

.lang a {
    font-size: 18px;
    line-height: 100%;
    color: #1B1718;
    display: inline-block;
}

.lang .active {
    font-weight: bold;
    color: var(--brand-color);
}

.btn-catalog {
    border: 1px solid var(--brand-color);
    box-sizing: border-box;
    border-radius: 6px;
    height: 44px;
    display: flex;
    align-items: center;
    padding: 0 70px 0 20px;
    font-size: 14px;
    line-height: 130%;
    color: #1B1718;
    position: relative;
}

.btn-catalog:after {
    content: "";
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    background: url(/catalog/view/theme/default/icon/arrow-left-black.svg) center no-repeat;
    background-size: contain;
    width: 6px;
    height: 9px;
}

.btn-catalog img {
    max-width: 20px;
    margin-right: 10px;
}

.navbar .btn-catalog {
    position: absolute;
    left: 0;
    top: 0;
}

.menu-wrap {
    position: absolute;
    left: 0;
    right: 0;
    padding: 25px 0;
    background: #fff;
    z-index: 1000;
    display: none;
    box-shadow: 0px 10px 10px rgb(41 20 0 / 10%);
}

@media (min-width: 991px) {
    .header-option a:hover {
        box-shadow: 0px 2px 8px rgb(0 0 0 / 10%);
    }

    .phone-top:hover,
    .header-top .nav>ul>li>a:hover {
        color: var(--brand-color);
    }

    .only-mob {
        display: none;
    }

    .btn-menu {
        display: none;
    }
}

@media (max-width: 1200px) {
    .btn-catalog {
        font-size: 0;
        padding: 0 15px;
    }

    .btn-catalog:after {
        content: none;
    }

    .btn-catalog img {
        margin-right: 0;
    }
}

@media (max-width: 991px) {
    .navbar .btn-catalog {
        display: none;
    }

    .header .btn-menu {
        position: absolute;
        left: 15px;
        top: 50%;
        transform: translateY(-50%);
        width: 36px;
        height: 36px;
        z-index: 30;
        border: 1px solid #F5F1ED;
        box-sizing: border-box;
        border-radius: 6px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .btn-menu.active {
        position: fixed;
        right: 10px;
        top: 10px;
        transform: translateY(0);
        background: #64731A;
        border-color: #64731A;
    }

    .btn-menu .icon {
        width: 18px;
        height: 18px;
        display: block;
        position: relative;
    }

    .btn-menu .icon:after,
    .btn-menu .icon:before {
        content: "";
        width: 18px;
        position: absolute;
        left: 0;
        height: 2px;
        background: var(--brand-color);
        transform: rotate(0);
        transition: all 0.3s;
        top: 0px;
    }

    .btn-menu .icon:before {
        bottom: 0px;
        width: 18px;
        top: auto;
    }

    .btn-menu .icon .bar {
        transition: all 0.3s;
        width: 18px;
        position: absolute;
        top: 50%;
        left: 0;
        height: 2px;
        background: var(--brand-color);
        margin-top: -1px;
    }

    .btn-menu.active .icon:after {
        transform: rotate(45deg);
        top: 9px;
        background: #fff;
    }

    .btn-menu.active .icon:before {
        top: 9px;
        transform: rotate(-45deg);
        width: 18px;
        background: #fff;
    }

    .btn-menu.active .bar {
        opacity: 0;
        left: 40px;
    }

}

@media (max-width: 991px) {
    .header-top {
        position: absolute;
        top: 60px;
        left: 0;
        right: 0;
        z-index: 100;
        background: #fff;
        padding: 0 0 25px;
        height: calc(100vh - 60px);
    }

    .header-top .container {
        min-height: 100%;
        height: auto;
        padding: 0;
        display: block;
    }

    .header-top .nav {
        width: 100%;
        max-width: 100%;
        padding: 0;
        margin-bottom: 20px;
    }

    .header .social ul {
        justify-content: center;
        margin-bottom: 0;
    }

    .header-top .nav>ul>li:not(:last-child) {
        margin-right: 0;
    }

    .header-top .nav>ul>li {
        width: 100%;
    }

    .header-top .nav>ul>li>a {
        border-bottom: 1px solid #F5F1ED;
        padding: 12px 15px;
        display: block;
        font-weight: 500;
        font-size: 16px;
        line-height: 130%;
        color: #303030;
        position: relative;
    }

    .nav .menu {
        padding: 0 15px;
    }

    .nav .menu>li {
        border-top: 0;
        padding: 0;
    }

    .nav .menu>li>a {
        padding-top: 12px;
        padding-bottom: 12px;
        border-bottom: 1px solid #F5F1ED;
        height: 64px;
    }

    .menu .submenu a {
        font-size: 14px;
        line-height: 130%;
        color: #303030;
        padding: 12px 0;
        display: block;
    }

    .menu .submenu {
        padding-left: 30px;
        border-bottom: 1px solid #F5F1ED;
        position: relative;
    }

    .menu .submenu li:not(:last-child) {
        border-bottom: 1px solid #F5F1ED;
    }

    .nav .menu {
        display: none;
    }

    .header-top {
        display: none;
    }

    .header-main .form-search {
        margin-right: 0;
        position: absolute;
        top: calc(100% + 12px);
        left: 15px;
        right: 15px;
        max-width: 100%;
        width: calc(100% - 30px);
    }

    .header-main {
        height: 60px;
        padding: 0;
        margin-bottom: 67px;
        position: relative;
    }

    .header-main .container {
        height: 60px;
    }

    .header {
        box-shadow: 0 0 0;
    }

    .header-main .navbar {
        position: static;
    }

    .header-main .logo {
        top: 6px;
        left: 50%;
        transform: translateX(-50%);
        height: 48px;
        max-width: 96px;
        position: absolute;
    }

    .header-main .logo img {
        max-height: 100%;
        max-width: 100%;
    }

    .header-main .navbar {
        width: 100%;
    }

    .header-option a {
        height: 36px;
        width: 36px;
    }

    .header-option a svg {
        max-width: 65%;
    }

    .header-option li:last-child a {
        background: #F5F1ED;
    }

    .header-main .lang {
        top: 12px;
        left: 63px;
        right: auto;
        width: 20px;
    }

    .lang li:not(:last-child) {
        margin-right: 0;
    }

    .lang li {
        display: block;
        width: 15px;
        width: 100%;
    }

    .lang a {
        font-size: 14px;
        line-height: 100%;
        color: #1B1718;
    }

    .lang:after {
        left: 0;
        right: 0;
        height: 1px;
        width: 100%;
        top: 19px;
    }
}

.main .menu {
    border-bottom: 1px solid #F5F1ED;
    position: relative;
}

.menu>li {
    padding: 12px 0;
    border-top: 1px solid #F5F1ED;
}

.menu .drop-submenu {
    display: flex;
    align-items: center;
    position: relative;
    height: 54px;
    padding-left: 69px;
    padding-right: 20px;
    font-weight: bold;
    font-size: 14px;
    line-height: 130%;
    color: #1B1718;
}

.menu .drop-arrow:before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%) rotate(0deg);
    background: url(/catalog/view/theme/default/icon/arrow-right.svg) center no-repeat;
    width: 6px;
    height: 9px;
}

.main .active.drop-arrow:before {
    transform: translateY(-50%) rotate(180deg);
}

.menu .drop-submenu:after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 54px;
    height: 54px;
    /* border-radius: 6px; */
    transition: all 0.35s;
}

.menu .category-1:after {
    /* border: 1px solid #000000; */
    /* border: 1px solid var(--brand-color); */
    /* background: url(/catalog/view/theme/default/icon/category-1s.svg) center no-repeat; */
    background: url(/catalog/view/theme/default/icon/categories/1-sets.svg) center no-repeat;
    background-size: 54px;
}

.menu .category-2:after {
    /* border: 1px solid #000000; */
    /* background: url(/catalog/view/theme/default/icon/category-2.svg) center no-repeat; */
    /* background: url(/catalog/view/theme/default/icon/category-4s.svg) center no-repeat; */
    background: url(/catalog/view/theme/default/icon/categories/2-tables.svg) center no-repeat;
    background-size: 54px;
}

.menu .category-3:after {
    /* border: 1px solid #86A1BA; */
    /* background: url(/catalog/view/theme/default/icon/category-3.svg) center no-repeat; */
    background: url(/catalog/view/theme/default/icon/categories/3-chairs.svg) center no-repeat;
    background-size: 54px;
}

.menu .category-4:after {
    /* border: 1px solid #E5AE6B; */
    /* background: url(/catalog/view/theme/default/icon/category-4.svg) center no-repeat; */
    background: url(/catalog/view/theme/default/icon/categories/4-chaise-lounge.svg) center no-repeat;
    background-size: 54px;
}

.menu .category-5:after {
    /* border: 1px solid #B56A4D; */
    /* background: url(/catalog/view/theme/default/icon/category-5.svg) center no-repeat; */
    background: url(/catalog/view/theme/default/icon/categories/5-accessories.svg) center no-repeat;
    background-size: 54px;
}

.menu .category-1:hover:after,
.menu .active.category-1:after {
    /* background: var(--brand-darker) url(/catalog/view/theme/default/icon/category-1-w.svg) center no-repeat; */
    /* background: var(--brand-color) url(/catalog/view/theme/default/icon/category-1-w.svg) center no-repeat; */
    background: url(/catalog/view/theme/default/icon/categories/1-sets-w.svg) center no-repeat;
    background-size: 54px;
}

.menu .category-1:hover,
.menu .active.category-1 {
    color: var(--brand-color);
}

.menu .category-2:hover:after,
.menu .active.category-2:after {
    /* background: #7F673B url(/catalog/view/theme/default/icon/category-2-w.svg) center no-repeat; */
    /* background: var(--brand-color) url(/catalog/view/theme/default/icon/category-4-w.svg) center no-repeat; */
    background: url(/catalog/view/theme/default/icon/categories/2-tables-w.svg) center no-repeat;
    background-size: 54px;
}

.menu .category-2:hover,
.menu .active.category-2 {
    /* color: #7F673B; */
    color: var(--brand-color);
}

.menu .category-3:hover:after,
.menu .active.category-3:after {
    /* background: #86A1BA url(/catalog/view/theme/default/icon/category-3-w.svg) center no-repeat; */
    background: url(/catalog/view/theme/default/icon/categories/3-chairs-w.svg) center no-repeat;
    background-size: 54px;
}

.menu .category-3:hover,
.menu .active.category-3 {
    color: #86A1BA;
}

.menu .category-4:hover:after,
.menu .active.category-4:after {
    /* background: #E5AE6B url(/catalog/view/theme/default/icon/category-4-w.svg) center no-repeat; */
    background: url(/catalog/view/theme/default/icon/categories/4-chaise-lounge-w.svg) center no-repeat;
    background-size: 54px;
}

.menu .category-4:hover,
.menu .active.category-4 {
    color: #E5AE6B;
    color: #86A1BA;
}

.menu .category-5:hover:after,
.menu .active.category-5:after {
    /* background: #B56A4D url(/catalog/view/theme/default/icon/category-5-w.svg) center no-repeat; */
     background: url(/catalog/view/theme/default/icon/categories/5-accessories-w.svg) center no-repeat;
     background-size: 54px;
}

.menu .category-5:hover,
.menu .active.category-5 {
    color: #B56A4D;
    color: #86A1BA;
}

.menu .submenu {
    display: none;
}

.menu .submenu li {
    width: calc(50% - 10px);
}

.menu .submenu a {
    min-width: 260px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #F5F1ED;
    height: 48px;
    font-weight: 500;
    font-size: 14px;
    line-height: 130%;
    color: #303030;
}

.menu .submenu {
    position: absolute;
    left: calc(100% + 60px);
    top: 0;
    z-index: 10;
    background: #FFFFFF;
    box-shadow: 0px 4px 15px rgba(41, 20, 0, 0.1);
    border-radius: 6px;
    padding: 0 30px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    min-width: 600px;
    transition: all 0.75s;
    opacity: 0;
    visibility: hidden;
}

.menu .active.submenu {
    opacity: 1;
    visibility: visible;
    left: calc(100% + 30px);
}

.main-slider {
    position: relative;
}

.main-slider .main-item {
    background: radial-gradient(50% 50% at 50% 50%, #FFFFFB 0%, #FBF0D8 100%);
    border-radius: 6px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 32px;
}

.main-slider .slide-text {
    padding-left: 10px;
    width: 42%;
}

.main-slider .title {
    font-weight: 300;
    font-size: 30px;
    line-height: 120%;
    color: #1B1718;
    margin-bottom: 20px;
}

.main-slider .slide-image {
    width: 55%;
}

.main-slider .btn-group {
    position: absolute;
    right: 15px;
    bottom: 15px;
    display: flex;
    align-items: center;
}

.main-slider .btn-group .btn {
    width: 40px !important;
    height: 40px !important;
    background: #FFFFFF;
    border-radius: 6px !important;
    float: none !important;
    margin: 0 !important;
    position: static;
    padding: 0;
    border: 1px solid #eee;
}

.main-slider .btn-group .btn:not(:last-child) {
    margin: 0 8px 0 0 !important;
}

.main-slider .swiper-button-next {
    transform: rotate(180deg);
}

.main-slider .btn img {
    width: auto;
}

@media (min-width: 992px) {
    .main .submenu a:hover {
        color: var(--brand-color);
    }
}

@media (max-width: 1200px) {
    .main-slider .title {
        font-size: 24px;
    }
}

@media (max-width: 991px) {
    .menu .submenu {
        position: relative;
        visibility: visible;
        opacity: 1;
        left: 0;
        box-shadow: 0 0 0;
        display: none;
        transition: inherit;
        min-width: inherit;
    }

    .menu .submenu li {
        width: 100%;
    }

    .header-top {
        overflow: auto;
    }

    .header {
        z-index: 11;
    }
}

@media (max-width: 767px) {
    .main .spacer-40 {
        display: none;
    }

    .main .container {
        padding: 0;
    }

    .main-slider .main-item {
        border-radius: 0;
        padding: 27px 15px;
    }

    .main-slider .btn-group {
        /* left: 0;
        right: 0;
        bottom: -16px;
        justify-content: center; */
        left: 0;
        right: 16px;
        bottom: 16px;
        justify-content: flex-end;
    }

    .main-slider .btn-group .btn {
        width: 36px !important;
        height: 36px !important;
    }

    .main-slider .title {
        font-size: 14px;
    }

    .main-slider .btn {
        font-size: 12px;
        height: 30px;
    }

    .menu .drop-submenu:after {
        height: 40px;
        width: 40px;
        /* background-size: 75% auto !important; */
        background-size: 40px auto !important;
        top: 12px;
    }

    .menu .drop-submenu {
        height: 40px;
    }

    .nav .menu .drop-arrow:before {
        display: none;
        transform: translateY(-50%) rotate(90deg);
        transition: all 0.35s;
    }

    .nav .dropmenu {
        position: relative;
    }

    .nav .dropmenu:after {
        transition: all 0.35s;
        transform: translateY(-50%) rotate(90deg);
        content: "";
        position: absolute;
        right: 15px;
        top: 50%;
        background: url(/catalog/view/theme/default/icon/arrow-right.svg) center no-repeat;
        width: 6px;
        height: 9px;
    }

    .nav .menu .drop-submenu.active:before,
    .nav .dropmenu.active:after {
        transform: translateY(-50%) rotate(-90deg);
    }
}

.category-block {
    display: block;
    background-position: center;
    background-size: cover;
    margin-bottom: 30px;
    position: relative;
    border-radius: 0px 0px 12px 12px;
    margin-top: 30px;
    transition: all 0.4s;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.15);
}

.category-block:before {
    content: "";
    display: block;
    padding-top: 58%;
}

.category-block .item-title {
    position: absolute;
    left: 0;
    top: -30px;
    width: 100%;
    font-weight: 300;
    font-size: 18px;
    line-height: 120%;
    text-transform: uppercase;
    color: #FFFFFF;
    text-align: center;
    padding: 10px 15px;
    border-radius: 12px 12px 0px 0px;
}

.category-block:not(.item-small) {
    margin-top: 0;
}

.category-block:not(.item-small) .item-title {
    text-align: left;
    max-width: 230px;
    top: 30px;
    padding: 15px 20px;
    font-size: 24px;
    border-radius: 0px 12px 12px 0px;
}

.category-block .item-title b {
    font-weight: 900;
}

.category-block.item-1 .item-title {
    background: var(--brand-lighter);
}

.category-block.item-2 .item-title {
    background: #E5AE6B;
}

.category-block.item-3 .item-title {
    background: #006A91;
}

.category-block.item-4 .item-title {
    background: #B56A4D;
}

.category-block.item-5 .item-title {
    background: #5E6F39;
}


@media (min-width: 992px) {
    .category-block:hover {
        box-shadow: 0px 4px 25px rgba(0, 0, 0, 0.15);
    }
}

@media (max-width: 991px) {
    .phone-top {
        text-align: center;
        display: block;
        font-weight: bold;
        padding: 15px;
    }

    .hidden-mob {
        display: none;
    }

    .category-block:not(.item-small) .item-title,
    .category-block .item-title {
        left: 0;
        right: 0;
        max-width: 100%;
        top: auto;
        bottom: -45px;
        text-align: center;
        font-size: 14px;
        line-height: 120%;
        border-radius: 0 0 12px 12px;
        padding: 7px 5px;

        min-height: 45px;
        gap: 8px;
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }

    .category-block {
        margin-top: 0;
        border-radius: 12px 12px 0 0;
        margin-bottom: 55px;
    }

    .category-block b {
        display: block;
    }

    .category-block:before {
        padding-top: 70%;
    }

    .popular-category .row {
        margin-left: -5px;
        margin-right: -5px;
    }

    .popular-category .row>div {
        padding: 0 5px;
    }

    /* Alternate style if 5 categories */
    /* .popular-category .row > div:first-child .item-title {
        font-size: 18px;
    }

    .popular-category .row > div:first-child .category-block:before {
        padding-top: 55%;
    } */
}

.card-detail {
    padding-top: 40px;
}

.card-detail .container {}

.card-detail .content {
    width: 50%;
    padding-left: 16px;
    margin-left: auto;
}

.card-detail .article {
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
    color: #A6A6A6;
    margin-bottom: 5px;
}

.card-title {
    font-weight: bold;
    font-size: 36px;
    line-height: 120%;
    color: #303030;
    margin-bottom: 20px;
}

.card-rate {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.card-rate .rate {
    width: 102px;
    margin-right: 15px;
    margin-bottom: 10px;
}

.card-rate .count-comments {
    display: flex;
    align-items: center;
    margin-right: 30px;
    margin-bottom: 10px;
}

.card-rate .count-comments img {
    width: 16px;
    margin-right: 7px;
}

.card-rate .count {
    font-weight: 500;
    font-size: 16px;
    line-height: 130%;
    color: #303030;
}

.card-rate .badge {
    margin-bottom: 10px;
}

.badge {
    padding: 4px 12px;
    border-radius: 2px;
    font-weight: 500;
    font-size: 12px;
    line-height: 130%;
}

.badge.green {
    background: var(--brand-color);
    color: #FFFFFF;
}

.card-info {
    font-size: 16px;
    line-height: 180%;
    color: #A6A3A0;
    margin-bottom: 20px;
}

.card-info b {
    color: #303030;
    font-weight: bold;
}

.card-option {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: flex-start;
}

.card-option .card-group {
    width: 100%;
    margin-bottom: 20px;
}

.card-option .label {
    font-weight: bold;
    font-size: 14px;
    line-height: 140%;
    color: #303030;
    display: block;
    margin-bottom: 7px;
    text-align: left;
    padding: 0;
}

.card-option .col-6 {
    width: calc(50% - 10px);
}

.card-option-list {
    overflow: auto;
    max-height: 156px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding-right: 15px;
}


.card-option-list input {}

.card-option-list input img {}

.card-option-list .checkbox-img {
    display: block;
    border-radius: 4px;
    position: relative;
    transition: all 0.35s;
    cursor: pointer;
    border: 2px solid transparent;
}

.card-option-list .checkbox-img:before {
    padding-top: 100%;
    display: block;
    content: "";
}

.card-option-list .checkbox-img img {
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s;
    border-radius: 4px;
}

/*.card-option-list input:checked + .checkbox-img {
    border-color: var(--brand-color);
}

.card-option-list input:checked + .checkbox-img img {
    max-width: calc(100% - 10px);
    max-height: calc(100% - 10px);
}*/

.card-option-list input+.checkbox-img {
    position: relative;
}

.card-option-list input+.checkbox-img:after {
    content: '';
    position: absolute;
    width: 17px;
    height: 17px;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid transparent;
    top: 5px;
    right: 5px;
    background-position: 50% 50%;
    background-repeat: no-repeat;
}

.card-option-list input[type="checkbox"]+.checkbox-img:after {
    border-radius: 4px;
}

.card-option-list input:checked+.checkbox-img:after {
    background-color: var(--brand-color);
    background-image: url("data:image/svg+xml,%3Csvg width='9' height='6' viewBox='0 0 9 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.17314 0.000320214C7.96419 0.00650566 7.7662 0.0848731 7.62127 0.218754C6.0664 1.60325 4.64813 2.96512 3.14607 4.32424L1.30482 3.01815C1.22247 2.95961 1.12794 2.91606 1.02664 2.88998C0.92534 2.8639 0.81925 2.8558 0.714428 2.86615C0.609607 2.8765 0.508105 2.90509 0.415719 2.95029C0.323334 2.99549 0.241873 3.05642 0.175988 3.12959C0.110103 3.20276 0.0610853 3.28675 0.031732 3.37675C0.00237872 3.46676 -0.00673477 3.56102 0.0049121 3.65416C0.028434 3.84225 0.135089 4.01434 0.301414 4.13256L2.70959 5.8443C2.86394 5.95371 3.05826 6.00874 3.2554 5.99887C3.45254 5.989 3.63868 5.91493 3.77822 5.79081C5.50721 4.2513 7.05915 2.73631 8.75512 1.22618C8.8716 1.12615 8.9513 0.997161 8.98374 0.856145C9.01618 0.715129 8.99985 0.568689 8.93689 0.436073C8.87393 0.303457 8.76729 0.190864 8.63098 0.113094C8.49467 0.0353225 8.33507 -0.00399134 8.17314 0.000320214Z' fill='white'/%3E%3C/svg%3E%0A");
    border: 1px solid #fff;
}

.card-option-list .checkbox-block {
    margin-bottom: 7px;
}

.card-price {
    margin-bottom: 20px;
}

.card-price .new {
    display: inline;
    margin-right: 10px;
    font-weight: bold;
    font-size: 24px;
    line-height: 120%;
    color: #303030;
}

.card-price .old {
    display: inline;
    font-size: 14px;
    line-height: 120%;
    text-decoration-line: line-through;
    color: #A6A6A6;
}

.card-btn {
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 10px;
}

.card-btn .to-cart {
    width: 190px;
}

.card-btn .to-cart .icon {
    width: 21px;
    height: 18px;
    background: url(/catalog/view/theme/default/icon/basket-w.svg) center no-repeat;
    background-size: contain;
    margin-right: 7px;
    position: relative;
    top: -1px;
    transition: all 0.3s;
}

.card-btn .to-cart:hover .icon {
    background: url(/catalog/view/theme/default/icon/basket.svg) center no-repeat;
    background-size: contain;
}

.card-btn .btn {
    height: 50px;
    min-width: 50px;
    margin-right: 12px;
    margin-bottom: 10px;
}

.card-btn .btn-card {
    width: 50px;
    border: 1px solid var(--brand-color);
    box-sizing: border-box;
    border-radius: 6px;
    padding: 0;
}

.btn-card svg {
    fill: var(--brand-color);
    color: var(--brand-color);
    width: 20px;
    height: 19px;
    transition: all 0.3s;
}

.btn-card:hover svg {
    fill: #fff;
    color: #fff;
}

.btn-compare svg {
    fill: none;
    stroke: var(--brand-color);
    color: var(--brand-color);
    height: 21px;
    width: 26px;
}

.btn-card.btn-compare:hover svg {
    fill: transparent;
    stroke: #fff;
    color: #FFF;
}

.product-compared .btn-compare,
.product-wishlisted .btn-wishlist {
    background-color: var(--brand-color);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
    background-size: 33%;
    background-repeat: no-repeat;
    background-position: 95% 95%;
}

.product-compared .btn-compare svg,
.product-wishlisted .btn-wishlist svg {
    color: #fff;
}

.buy-click-form {
    background: #FAF6F2;
    border-radius: 4px;
    padding: 15px 30px;
}

.buy-click-form .form {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    position: relative;
}

.buy-click-form .form-control {
    background: #FFFFFF;
    border: 1px solid #F0ECE8;
    box-sizing: border-box;
    border-radius: 6px;
    height: 50px;
    padding: 0 10px 0 20px;
    box-shadow: 0 0 0;
    color: #000;
}

.buy-click-form .form-control::placeholder {
    color: #A6A3A0;
}

.buy-click-form .btn {
    position: absolute;
    right: 0;
    top: 0;
    height: 50px;
    width: 200px;
}

.card-d-slider-wrap {
    position: absolute;
    top: 0;
    left: 15px;
    width: 50%;
    padding-right: 30px;
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

.card-d-slider-wrap .text-center {
    padding-left: 98px;
    width: 100%;
    margin-bottom: 15px;
}

.gallery-thumbs {
    width: 88px;
    margin-right: 10px;
}

.gallery-thumbs .swiper-slide {
    background-size: cover;
    background-position: center;
    border-radius: 4px;
    height: 88px !important;
}

.gallery-top {
    width: calc(100% - 98px);
}

.gallery-top .swiper-slide {
    background-size: cover;
    background-position: center;
    border-radius: 4px;
}

.gallery-thumbs .swiper-slide:before,
.gallery-top .swiper-slide:before {
    content: "";
    padding-top: 100%;
    display: block;
}

.gallery-top .btn {
    padding: 0;
    width: 40px;
}

.card-d-slider-wrap .text-center .btn {
    width: auto;
    padding: 0 28px;
    height: 50px;
    color: #303030;
}

.card-d-slider-wrap .btn svg {
    margin-right: 10px;
}

.card-d-slider-wrap .btn path {
    fill: var(--brand-color);
    stroke: var(--brand-color);
    transition: all 0.3s;
}

.card-d-slider-wrap .btn:active path,
.card-d-slider-wrap .btn:hover path {
    fill: #fff;
    stroke: #fff;
}

.card-d-slider-wrap .btn rect {
    transition: all 0.3s;
    stroke: var(--brand-color);
}

.card-d-slider-wrap .btn:active rect,
.card-d-slider-wrap .btn:hover rect {
    stroke: #fff;
}

.card-d-slider-wrap .btn:active,
.card-d-slider-wrap .btn:hover {
    color: #fff;
}

.gallery-top .btn img {
    width: auto;
    max-width: fit-content;
}

.gallery-top .swiper-button-next {
    transform: rotate(180deg);
}

.breadcrumbs {
    background: #F5F1ED;
    padding: 10px 0;
}

.breadcrumbs ul {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0;
}

.breadcrumbs li:not(:last-child) {
    margin-right: 25px;
}

.breadcrumbs li a {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: #303030;
    display: inline-block;
    position: relative;
}

.breadcrumbs li:not(:last-child) a:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 50%;
    transform: translateY(-50%) rotate(180deg);
    background: url(/catalog/view/theme/default/icon/arrow-left-black.svg) center no-repeat;
    background-size: contain;
    width: 6px;
    height: 9px;
}

.breadcrumbs span {
    font-weight: 500;
    font-size: 14px;
    line-height: 140%;
    color: var(--brand-color);
}

.breadcrumbs .btn {
    display: none;
}

.breadcrumbs img {
    margin-right: 10px;
}

p.man-letters {
    display: block;
    border-bottom: 2px solid #ECF1F6;
    padding-bottom: 20px;
    margin-bottom: 11px;
}

.manitem {
    margin-bottom: 30px;
}

.manitem .h3 {
    border-bottom: 2px solid #ECF1F6;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
    /* font-size: 24px; */
}

.manitem a {
    display: block;
    margin-bottom: 15px;
}

.manitem a:hover {
    color: var(--brand-color);
}

.man-letters a {
    display: inline-block;
    font-size: 18px;
    margin: 0;
    padding: 5px 5px;
    min-width: 40px;
    text-align: center;
}

.man-letters a.active {
    outline: 2px solid var(--brand-color);
}

.man-row {
    display: flex;
    flex-wrap: wrap;
}

@media (min-width: 768px) {
    .card-option-list .checkbox-block:not(:nth-child(7n)) {
        margin-right: 7px;
    }

    .card-option-list .checkbox-block {
        width: calc(14.28% - 6px);
    }
}

@media (min-width: 1200px) {
    .breadcrumbs li a:hover {
        color: var(--brand-color);
    }

    .gallery-thumbs:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0px;
        right: 0;
        height: 60px;
        background: linear-gradient(0deg, #FFFFFF 10%, rgba(255, 255, 255, 0) 100%);
        z-index: 10;
        pointer-events: none;
    }
}

@media (max-width: 1199px) {
    .card-option-list {
        max-height: 126px;
    }
}

@media (max-width: 991px) {
    .card-option-list {
        max-height: 191px;
    }

    .card-detail .content {
        width: 100%;
    }

    .card-d-slider-wrap {
        position: relative;
        left: auto;
        top: auto;
        width: 100%;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .card-option-list .checkbox-block {
        width: 68px;
        height: 68px;
        margin-right: 6px;
    }

    .list-wrapper {
        overflow: visible;
    }

    .card-option-list {
        padding-right: 0;
        max-height: inherit;
        flex-wrap: nowrap;
        display: block;
        white-space: nowrap;
        overflow: auto;
    }

    .card-option-list .mCSB_horizontal.mCSB_inside>.mCSB_container {
        margin-bottom: 10px;
    }

    .card-option-list .mCSB_scrollTools .mCSB_draggerRail {
        height: 5px;
        background: #FAF6F2;
        border-radius: 4px;
    }

    .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
        background: var(--brand-color);
        border-radius: 4px;
        height: 5px;
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
        margin: 0;
    }

    .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
        height: 5px;
        top: 7px;
    }

    .breadcrumbs ul {
        display: none;
    }

    .breadcrumbs .btn {
        display: inline-flex;
    }

    .breadcrumbs {
        text-align: center;
        padding: 0;
        background-color: transparent;
    }

    .card-detail .content {
        padding-left: 0;
    }

    .card-detail {
        padding-top: 15px;
    }

    .card-title {
        font-size: 24px;
    }

    .card-detail-top {
        position: relative;
    }

    .card-detail .article {
        position: absolute;
        right: 0;
        bottom: 20px;
    }

    .card-rate .badge {
        display: none;
    }

    .gallery-thumbs {
        width: 42px;
    }

    .gallery-top {
        width: calc(100% - 52px);
    }

    .gallery-thumbs .swiper-slide {
        height: 42px !important;
    }

    .card-info {
        font-size: 14px;
    }

    .card-d-slider-wrap .text-center {
        padding-left: 0;
    }

}

.card-row .badge {
    display: none;
}

@media (max-width: 575px) {
    .card-d-slider-wrap .text-center .btn {
        width: 100%;
    }

    .card-option .col-6 {
        width: 100%;
    }

    .card-option .card-group {
        margin-bottom: 15px;
    }

    .card-price {
        display: table;
        position: relative;
        padding-top: 22px;
    }

    .card-price .new {
        display: table;
        margin-right: 0;
    }

    .card-price .old {
        position: absolute;
        right: 0;
        top: 0;
    }

    .buy-click-form {
        padding: 15px;
        margin: 0 -15px;
    }

    .buy-click-form .form {
        display: block;
    }

    .buy-click-form .btn {
        height: 40px;
        position: static;
        width: 100%;
        margin-top: 10px;
    }

    .buy-click-form .form-control {
        height: 40px;
    }

    .card-btn .btn-card {
        width: 40px;
        height: 40px;
        min-width: inherit;
    }

    .card-btn .btn {
        height: 40px;
    }

    .card-btn .btn:last-child {
        margin-right: 0;
    }

    .card-btn .to-cart {
        width: 186px;
    }

    .card-detail .spacer-md {
        display: none;
    }

    .card-d-slider-wrap .text-center .btn {
        font-size: 14px;
        height: 40px;
    }

    .gallery-top .btn {
        height: 30px;
        width: 30px;
    }

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

    .card-row .badge {
        display: block;
    }
}

.cd-container ul {
    list-style: disc;
}

.popover.bottom {
    min-width: 270px;
}

body.common-home .navbar .btn-catalog {
    display: none;
}

/* New style - fixed header */
header {
    width: 100%;
    background-color: #FFFFFF;
}

.header .logo {
    transition: max-width 0.2s 0s linear;
}

.btn-catalog {
    font-weight: 500;
}

.btn-catalog:hover,
.btn-catalog:focus {
    color: var(--brand-color);
}

.header {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 11;
}

.page {
    padding-top: 160px;
}

.scrolled .header-main .logo {
    max-width: 96px;
    height: auto;
}

.scrolled .header-top .container {
    height: 32px;
}

.scrolled .lang {
    top: -45px;
}

.scrolled .lang a {
    font-size: 14px;
}

@media (max-width: 991px) {

    .scrolled.header .header-main {
        margin: 0 auto;
    }

    .scrolled.header .form-search {
        display: none;
    }

    .page {
        padding-top: 128px;
    }
}

/* New mobile menu */
.header-top .nav .only-mob .menu>li {
    display: flex;
    justify-content: start;
    flex-wrap: wrap;
    position: relative;
}

.header-top .nav .only-mob .menu>li>a {
    flex: 1 1 calc(100% - 2em);
}

.header-top .nav .only-mob .dropsubmenu-btn {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #F5F1ED;
    cursor: pointer;
    position: relative;
    flex: 0 0 2em;
    height: auto;
}

.header-top .nav .only-mob .dropsubmenu-btn::after {
    content: "";
    width: 100%;
    height: 100%;
    background: url(/catalog/view/theme/default/icon/arrow-right.svg) center no-repeat;
    transition: all 0.15s;
    transform: rotate(0deg);
}

.header-top .nav .only-mob .drop-submenu.active+.dropsubmenu-btn::after {
    transform: rotate(90deg);
}

.header-top .nav .only-mob .submenu li,
.header-top .nav .only-mob .submenu a {
    border-bottom: none;
}

.header-top .nav .only-mob .submenu a {
    height: 42px;
}

.header-top .nav .only-mob .submenu {
    padding: 0 12px 0 36px;
    width: 100%;
    border-radius: 0;
}

/* Compare & Wishlist button changes */
.product-card .options svg {
    max-width: 20px;
    max-height: 20px;
    width: auto;
}

.product-card .options li a svg use {
    color: #1B1718;
}

.product-card.product-card-wishlisted .options li a[onclick^="wishlist.add"],
.product-card.product-card-compared .options li a[onclick^="compare.add"] {
    background-color: var(--brand-color);
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23FFF' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
    background-size: 33%;
    background-repeat: no-repeat;
    background-position: 95% 95%;
}

.product-card.product-card-wishlisted .options li a[onclick^="wishlist.add"] svg use,
.product-card.product-card-compared .options li a[onclick^="compare.add"] svg use {
    color: #FFF;
}

.header-main .alert {
    padding: 8px 12px;
    font-size: 15px;
}

.header-main .alert-success {
    color: var(--brand-color);
    background-color: #f5f6ee;
    border-color: #d3d8b4;
}

.product-card .rate {
    border-bottom: 1px solid transparent;
    transition: all 0.15s 0s linear;
}

.product-card .rate:hover {
    border-color: #e5ae6b;
    padding-bottom: 1px;
}

.product-card-rate {
    transition: transform 0.15s 0s linear;
}

.product-card-rate:hover {
    transform: translateX(1%) scale(1.05);
}

.product-card .price[hidden]+button {
    letter-spacing: -0.5px;
    font-weight: 500;
}

#product .gallery-top .tag {
    position: absolute;
    height: 22px;
    border-radius: 6px 0px;
    padding: 0 15px;
    padding-left: 15px;
    display: flex;
    align-items: center;
    font-size: 12px;
    line-height: 130%;
    text-align: center;
    color: #FFFFFF;
    top: 0;
    left: 0;
    z-index: 3;
}

.product-card .tag.green,
#product .gallery-top .tag.green {
    background: var(--brand-color);
}
.product-card .tag.orange,
#product .gallery-top .tag.orange {
    background: #FF7800;
}

.product-card .tag.label-6,
#product .gallery-top .tag.label-6 {
    background-image: url("data:image/svg+xml,%3Csvg width='21' height='12' viewBox='0 0 21 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M19.6577 5.59968C19.5917 5.58611 19.5295 5.57334 19.4741 5.55924C18.8466 5.39936 18.5602 5.31173 18.3485 4.91114L17.5463 3.32C17.2885 2.8324 16.6229 2.43569 16.0625 2.43569H14.6344V0.598323C14.6344 0.268422 14.3604 0 14.0236 0L4.07716 0.00978641C3.74944 0.00978641 3.50231 0.264952 3.50231 0.60335V1.14642H0.954283C0.428106 1.14647 0 1.56587 0 2.08145C0 2.59703 0.428106 3.01644 0.954283 3.01644H3.50226V3.91259H1.83401C1.30784 3.91259 0.879731 4.33204 0.879731 4.84757C0.879731 5.36311 1.30784 5.78256 1.83401 5.78256H3.50226V6.67871H2.71375C2.18757 6.67871 1.75946 7.09816 1.75946 7.61369C1.75946 8.12923 2.18757 8.54868 2.71375 8.54868H3.50226V9.48598C3.50226 9.81588 3.77622 10.0843 4.11293 10.0843H5.14758C5.30872 11.1663 6.26187 12 7.41034 12C8.5589 12 9.51209 11.1663 9.67328 10.0843H13.8605C13.8823 10.0843 13.9046 10.0829 13.9268 10.0815C14.0867 11.1648 15.0405 12 16.1899 12C17.3385 12 18.2917 11.1663 18.4529 10.0843H19.939C20.524 10.0843 21 9.61801 21 9.04486V7.28112C21 5.87562 20.1921 5.70956 19.6577 5.59968ZM16.1899 8.94486C16.6485 8.94486 17.0216 9.31026 17.0216 9.75943C17.0216 10.2086 16.6485 10.574 16.1899 10.574C15.7316 10.574 15.3586 10.2086 15.3586 9.75943C15.3586 9.31026 15.7316 8.94486 16.1899 8.94486ZM14.6344 5.47299V3.30345H15.7257C16.1451 3.30345 16.6625 3.61182 16.8546 3.97491L17.5684 5.39082C17.5835 5.41947 17.5992 5.44678 17.6155 5.47294H14.6344V5.47299ZM8.24199 9.75938C8.24199 10.2085 7.86891 10.5739 7.41034 10.5739C6.95195 10.5739 6.57905 10.2085 6.57905 9.75938C6.57905 9.31022 6.95195 8.94482 7.41034 8.94482C7.86891 8.94486 8.24199 9.31026 8.24199 9.75938Z' fill='white'/%3E%3C/svg%3E%0A");
    padding-left: 32px;
    background-repeat: no-repeat;
    background-position: 5px 50%;
}

.product-card .tag.promotag.label-1,
#product .gallery-top .tag.promotag.label-1 {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='20' fill='none' viewBox='0 0 21 21'%3E%3Cpath fill='white' fill-rule='evenodd' d='M10 20a10 10 0 1 0 0-20 10 10 0 0 0 0 20m1-11V4H9v5a3 3 0 0 0 1.2 2.4l3.2 2.4 1.2-1.6-3.2-2.4A1 1 0 0 1 11 9' clip-rule='evenodd'/%3E%3C/svg%3E");
    padding-left: 30px;
    background-repeat: no-repeat;
    background-position: 8px 50%;
    background-size: 14px;
    padding-right: 10px;
}

#product .gallery-top .tag+.tag {
    top: 27px;
}

/* Some alert size fixes */
@media (max-width: 991px) {
    .header-main .alert {
        margin-top: 13px !important;
        z-index: 11;
        font-size: 12px;
    }

    .compare-counter-mobile,
    .wishlist-counter-mobile {
        position: relative;
    }

    #compare-total-mobile,
    #wishlist-total-mobile {
        background: var(--brand-color);
        border-radius: 8px;
        top: 4px;
        left: 30px;
        height: 16px;
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 16px;
        border-radius: 50%;
        font-weight: bold;
        font-size: 11px;
        line-height: 100%;
        color: #FFF;
        position: absolute;
        padding: 0 3px;
        text-align: center;
    }
}

[data-hidden] {
    display: none !important;
    max-width: 0;
    max-height: 0;
    overflow: hidden;
    padding: 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
}