@keyframes a {
    50% {
        transform: scale(.5)
    }
}

.hvr-icon-push {
    display: inline-block;
    vertical-align: middle;
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    transition-duration: .3s
}

.hvr-icon-push .hvr-icon {
    transform: translateZ(0);
    transition-duration: .3s;
    transition-property: transform;
    transition-timing-function: ease-out
}

.hvr-icon-push:active .hvr-icon,
.hvr-icon-push:focus .hvr-icon,
.hvr-icon-push:hover .hvr-icon {
    animation-name: a;
    animation-duration: .3s;
    animation-timing-function: linear;
    animation-iteration-count: 1
}

.blogpost__item {
    border-radius: var(--border-radius);
    border: 1px solid var(--box-border);
    padding: calc(var(--grid-gutter) * 2);
    background: var(--color-white)
}

.blogpost__date {
    font-size: var(--font-small);
    color: var(--color-grey);
    margin-bottom: var(--grid-gutter)
}

.comment-form-fields {
    background: var(--color-white) !important;
    border: 1px solid var(--box-border)
}

.comment-form {
    margin-top: var(--grid-footer)
}

.comment-count {
    margin-top: var(--grid-gutter);
    font-size: var(--font-size-md)
}

.comments ul {
    list-style: none
}

.comments li,
.comments ul {
    margin: 0;
    padding: 0
}

.blog-back {
    display: inline-flex;
    padding: calc(var(--grid-gutter) / 3) var(--grid-gutter);
    border-radius: var(--border-radius);
    margin-bottom: var(--grid-gutter);
    background: var(--color-white);
    align-items: center;
    gap: var(--grid-gutter)
}

.blog-back i {
    margin-right: calc(var(--grid-gutter) / 2);
    color: var(--color-primary)
}

.blog-back a {
    color: var(--color-grey)
}

.highlight {
    background: #ff0
}

.posts__aslo {
    margin-top: var(--grid-gutter)
}

.posts__aslo-header {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    align-items: center;
    padding-top: calc(var(--grid-gutter) * 2)
}

.posts__aslo-header,
.search-blog {
    margin-bottom: var(--grid-gutter);
    display: flex;
    justify-content: space-between
}

.search-blog {
    margin-top: var(--grid-gutter);
    gap: var(--grid-gutter)
}

.search-blog__input {
    flex: 1
}

.search-blog__button {
    width: auto
}

html.realtime-preview,
html.realtime-preview body {
    background: var(--color-white)
}

html.realtime-preview .globalfooter,
html.realtime-preview .globalheader {
    display: none
}

html.realtime-preview .content {
    margin-right: 0
}

html.realtime-preview .page {
    top: 0;
    margin: 10px 0
}

.brands-items {
    background: var(--color-white);
    border-radius: var(--border-radius);
    height: 50px;
    box-shadow: inset 0 0 0 1px var(--box-border)
}

.brands-items,
.brands-items a {
    display: flex;
    align-items: center
}

.brands-items a {
    margin: 0 auto;
    justify-content: center
}

.brands-items img {
    max-height: 50px;
    max-width: 70%;
    padding: var(--grid-gutter);
    margin: 0 auto
}

.breadcrumbs {
    font-size: var(--font-size-sm);
    color: var(--color-grey);
    margin: var(--grid-gutter) 0 calc(var(--grid-gutter) * 1)
}

.breadcrumbs__empty {
    margin-top: calc(var(--grid-gutter) * 1)
}

@media screen and (max-width:900px) {
    .breadcrumbs__empty {
        margin-top: calc(var(--grid-gutter) * 3)
    }
}

@media screen and (max-width:900px) {
    .breadcrumbs {
        margin: calc(var(--grid-gutter) * 2) 0
    }
}

.breadcrumbs ul {
    background: transparent;
    position: relative;
    margin: 0;
    list-style: none;
    padding: 0
}

.breadcrumbs ul li {
    display: inline-block;
    position: relative
}

@media screen and (max-width:900px) {
    .breadcrumbs ul li {
        margin-right: var(--grid-gutter)
    }
}

.breadcrumbs ul li:after {
    top: -1px;
    left: 0;
    position: relative;
    content: " ";
    padding: 0 var(--grid-gutter);
    color: var(--color-grey);
    font-size: 10px;
    background-repeat: no-repeat;
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='7.531' height='13.269' viewBox='0 0 7.531 13.269'%3E%3Cpath d='M.733.353l6.092 6.091-6.471 6.47' fill='none' stroke='%23707070' opacity='.94'/%3E%3C/svg%3E");
    background-position: 10px 0
}

@media screen and (max-width:900px) {
    .breadcrumbs ul li:after {
        background-position: 0 0;
        background-size: 4px;
        top: 3px;
        left: 9px
    }
}

.breadcrumbs ul li:last-child:after {
    display: none
}

.breadcrumbs ul li a {
    color: var(--color-grey)
}

.breadcrumbs ul li a:hover {
    color: var(--color-link)
}

.breadcrumbs ul li:last-child:after {
    content: ""
}

.breadcrumbs ul ul {
    visibility: hidden;
    transition: all .3s ease;
    left: -15px;
    top: 30px;
    background: var(--color-white);
    position: absolute;
    z-index: 100;
    padding: 5px 15px;
    opacity: 0;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transform: translateY(20px);
    width: 280px
}

.breadcrumbs ul ul li {
    z-index: 20;
    position: relative;
    display: block
}

.breadcrumbs ul ul li a {
    display: block;
    padding: 5px
}

.breadcrumbs ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: translateY(0)
}

.clear-cart {
    color: var(--color-grey)
}

.cart {
    display: flex
}

@media screen and (max-width:900px) {
    .cart {
        display: block
    }
}

.cart__leftside {
    flex: 1;
    display: flex;
    flex-direction: column
}

.cart__leftside .p-list {
    padding-top: 0
}

@media screen and (max-width:900px) {
    .cart__leftside .p-list-inner {
        display: block;
        text-align: center
    }
}

.cart__leftside .p-list__leftside {
    width: 150px
}

@media screen and (max-width:900px) {
    .cart__leftside .p-list__leftside {
        width: 100%
    }
}

.cart__leftside .p-list-img {
    max-height: 120px
}

.cart__leftside .p-list-img img {
    max-height: 120px;
    max-width: 120px
}

.cart__leftside .p-list__rightside {
    width: 250px
}

@media screen and (max-width:900px) {
    .cart__leftside .p-list__rightside {
        width: 100%
    }
}

@media screen and (max-width:900px) {
    .cart__leftside .p-list__rightside-top {
        display: flex;
        flex-direction: column
    }
}

.cart__leftside .p-list-price-cart s {
    display: block;
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-md);
    color: var(--color-grey)
}

.cart__leftside .p-list-price {
    display: flex;
    flex: 1
}

.cart__leftside .p-list-button-qty {
    width: 70px
}

.cart__leftside .p-list-button {
    width: auto
}

@media screen and (max-width:900px) {
    .cart__leftside .p-list-button {
        display: none
    }
}

.cart .p-list-button-qty-hint {
    font-size: calc(var(--font-size-micro) - 2px);
    color: var(--color-grey);
    text-align: center
}

.cart .item-total {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-bigger)
}

.cart__rightside {
    width: 400px;
    display: flex;
    flex-direction: column;
    margin-left: 30px
}

@media screen and (max-width:900px) {
    .cart__rightside {
        width: 100%;
        display: flex;
        flex-direction: column;
        margin-left: 0
    }
}

.cart__rightside-inner {
    background: var(--color-white);
    border-radius: var(--border-radius);
    padding: var(--grid-gutter)
}

.cart__rightside-inner .button {
    width: 100%;
    font-size: var(--font-size-lg);
    height: 100%;
    font-weight: var(--font-weight-bold);
    position: relative;
    padding: var(--grid-gutter);
    color: var(--color-white);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    box-shadow: var(--box-shadow-button)
}

.cart__rightside-inner .checkout-block-inner {
    display: flex;
    margin-bottom: 10px;
    font-size: var(--font-middle)
}

.cart__rightside-inner .checkout-block__leftside,
.cart__rightside-inner .checkout-block__rightside {
    flex: 1
}

.cart__rightside-inner .checkout-block .price {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-bigger)
}

.cart__rightside-inner .checkout-block .button {
    width: 100%
}

.cart__rightside .checkout-btn {
    margin-bottom: 10px
}

.cart__rightside .storequickorder-button {
    background: transparent !important;
    border: 1px solid var(--color-link) !important;
    color: var(--color-link) !important;
    width: 100%;
    font-size: var(--font-bigger);
    padding: 15px
}

.cart__rightside .storequickorder-button:hover {
    background: var(--color-link) !important;
    color: var(--color-white) !important
}

.cart__qty {
    display: inline-block;
    border: 1px solid #e6e6e6;
    background: var(--color-white);
    border-radius: var(--border-radius);
    width: 80px
}

.cart__qty__inner {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
    align-items: stretch;
    align-content: stretch;
    height: 36px;
    border-radius: var(--border-radius)
}

.cart__btn {
    text-align: right;
    flex-basis: 100%;
    margin: 0 10px
}

.cart__btn .button {
    width: 100%;
    height: 100%;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 20px
}

.cart__btn .button svg {
    stroke: var(--color-white);
    height: 16px;
    stroke-width: 3;
    margin-right: 5px
}

.cart__qty-value {
    height: 100%;
    border-top: 0 !important;
    border-bottom: 0 !important;
    border-left: 1px solid #e6e6e6 !important;
    border-right: 1px solid #e6e6e6 !important;
    width: 40px;
    text-align: center;
    padding: 0 !important
}

.cart__qty-dec {
    background: var(--color-white);
    height: 100%;
    width: 20px !important;
    padding: 0;
    border-radius: var(--border-radius) 0 0 var(--border-radius)
}

.cart__qty-dec:hover {
    color: var(--color-white)
}

.cart__qty-inc {
    background: var(--color-white);
    width: 20px !important;
    padding: 0;
    border-radius: 0 var(--border-radius) var(--border-radius) 0
}

.cart__qty-inc:hover {
    color: var(--color-white)
}

form {
    width: 100%
}

.articul {
    margin: 10px 0;
    font-size: 12px
}

.p-list {
    margin-top: 0
}

.p-list:last-child {
    border-bottom: 0
}

.p-list .zoom-image img {
    max-height: 100px;
    max-width: 80%
}

.p-list .extra {
    display: inline;
    font-size: 14px;
    text-decoration: none
}

.p-list .extra:focus,
.p-list .extra:hover {
    text-decoration: none;
    opacity: .8
}

.p-list .price {
    margin-top: 10px
}

.p-list .services {
    margin: 10px 0
}

.affiliate-block {
    margin-bottom: 10px;
    background: var(--bg-secondary-color);
    padding: 20px;
    margin-top: 10px;
    position: relative;
    border-radius: 4px
}

.affiliate-block .icon-info {
    font-size: 50px;
    position: absolute;
    top: 25px;
    left: 25px;
    color: var(--color-link)
}

.affiliate-text {
    padding-left: 80px
}

.affiliate-text .btn-accept {
    margin-bottom: 10px
}

.affiliate-text .affiliate-discount-available,
.affiliate-text strong {
    font-weight: 700
}

.row-some-height {
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap
}

.delete-item {
    color: #707070;
    cursor: pointer;
    margin-top: 20px;
    text-decoration: underline;
    text-align: right
}

@media screen and (max-width:900px) {
    .delete-item {
        justify-content: center !important
    }
}

.delete-item .icon-close {
    background-image: url(../../images/close.svg);
    width: 12px;
    height: 12px;
    background-size: 12px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    text-align: center;
    margin-right: 10px;
    margin-bottom: 2px
}

.cupon {
    margin-bottom: 20px
}

.cupon__area {
    height: 100%
}

.cupon__input {
    flex: 1;
    position: relative
}

.cupon__input .button {
    width: 100%;
    border: 1px solid var(--form-border);
    background: var(--color-white)
}

.cupon__input__delete {
    background-image: url(../../images/close.svg);
    width: 13px;
    height: 13px;
    background-size: 13px;
    display: inline-block;
    vertical-align: middle;
    background-repeat: no-repeat;
    position: absolute;
    right: 12px;
    top: 11px;
    z-index: 10;
    cursor: pointer
}

.cupon__btn {
    width: 150px;
    margin-left: 10px
}

.cupon__btn .button {
    background: var(--color-white)
}

.cupon .wa-error-msg {
    color: var(--color-error);
    margin-bottom: 20px;
    font-size: var(--font-middle)
}

.cupon__inner {
    margin-bottom: 10px;
    font-size: 14px;
    position: relative;
    display: flex
}

.cart-product-one .cart-name {
    overflow-y: hidden;
    font-size: 14px;
    line-height: 16px;
    word-wrap: break-word;
    font-weight: 500
}

.cart-product-one .cart-name a {
    text-decoration: none
}

.cart-product-one .price {
    font-size: 20px;
    line-height: 18px;
    font-weight: 700;
    height: 20px
}

.ajax-category-count,
.ajax-category-count-mobile {
    display: none
}

.category-desc {
    margin-bottom: calc(var(--grid-gutter) * 1)
}

.product-list__loading .lazycontainer {
    opacity: .4;
    transition: all .3s ease
}

.product-list__loading .p-list__center,
.product-list__loading .p-list__rightside,
.product-list__loading .p-thumbs__icons,
.product-list__loading .p-thumbs__label,
.product-list__loading .p-thumbs__text {
    opacity: 0;
    transition: all .3s ease
}

.product-list__loading .p-list__img,
.product-list__loading .p-thumbs__img {
    background: var(--color-lightGrey);
    border-radius: var(--border-radius)
}

.product-list__loading .p-list__img img,
.product-list__loading .p-thumbs__img img {
    opacity: 0
}

.category__views {
    border-radius: var(--border-radius);
    position: relative;
    box-shadow: var(--box-shadow-item);
    display: flex;
    column-gap: calc(var(--grid-gutter) / 2)
}

.category__views-item {
    margin: 0;
    padding: 10px 10px 10px 11px;
    cursor: pointer;
    color: #babac0;
    border-radius: var(--border-radius);
    background: var(--color-white);
    border: 1px solid var(--box-border);
    transition: all .3s ease
}

@media screen and (max-width:900px) {
    .category__views-item {
        border: 1px solid var(--box-border)
    }
}

.category__views-item:hover {
    transition: all .3s ease;
    background: var(--bg-secondary-color)
}

.category__views-thumbs {
    display: grid;
    grid-template-columns: repeat(2, 7px);
    grid-template-rows: repeat(2, 7px);
    grid-gap: 0
}

.category__views-thumbs.active {
    background: var(--color-third);
    border: 1px solid transparent
}

.category__views-thumbs.active span {
    border: 1px solid var(--color-white)
}

.category__views-thumbs span {
    border: 1px solid var(--color-grey);
    background: transparent;
    width: 6px;
    height: 6px;
    max-width: 6px;
    max-height: 6px
}

.category__views-list {
    display: grid;
    grid-template-columns: 4px 8px;
    grid-template-rows: repeat(2, 2px);
    grid-gap: 2px
}

.category__views-list.active {
    background: var(--color-third);
    border: 1px solid transparent
}

.category__views-list.active span {
    background: var(--color-white)
}

.category__views-list span {
    background: var(--color-grey);
    width: 100%;
    height: 1px;
    margin-top: 2px
}

.product-list__loading {
    position: relative
}

@media screen and (max-width:900px) {
    .product-list__loading {
        top: 0
    }
}

.product-list__loading-icon {
    position: fixed;
    right: 0;
    width: 70px;
    height: 70px;
    top: calc(50% - 50px);
    left: calc(50% - 50px);
    z-index: 100;
    text-align: center
}

@media screen and (max-width:900px) {
    .product-list__loading-icon {
        left: calc(50% - 40px);
        z-index: 100002
    }
}

.product-list__loading-icon img {
    width: 70px;
    height: 70px
}

.subcategory-text {
    margin: 0 0 var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .subcategory-text {
        display: flex;
        flex-direction: row !important;
        justify-content: stretch;
        overflow-x: auto;
        overflow-y: hidden
    }
}

.subcategory-text__count {
    color: var(--color-grey);
    font-size: var(--font-size-sm);
    display: inline-flex;
    align-items: center;
    padding: 0 0 0 8px;
    border-radius: var(--border-radius)
}

.subcategory-text a {
    text-decoration: none;
    margin: 0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2) 0;
    display: inline-block;
    padding: calc(var(--grid-gutter) / 1.5) calc(var(--grid-gutter) * 1.5);
    font-weight: var(--font-weight-bold);
    border-radius: var(--border-radius);
    background: var(--color-white);
    transition: all .4s;
    color: var(--font-color);
    box-shadow: var(--box-shadow-item);
    font-size: var(--font-size-md);
    border: 1px solid var(--box-border)
}

@media screen and (max-width:900px) {
    .subcategory-text a {
        padding: calc(var(--grid-gutter) / 1) calc(var(--grid-gutter) * 1.5);
        white-space: nowrap
    }
}

.subcategory-text a:hover {
    border-color: transparent;
    color: var(--color-link)
}

.subcategory-images {
    margin-bottom: 20px
}

.subcategory-images .col-6 {
    margin-bottom: 10px;
    position: relative;
    background: var(--color-white);
    border-radius: var(--border-radius);
    border: 1px solid var(--box-border);
    transition: all .4s
}

.subcategory-images .col-6:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-color: transparent
}

.subcategory-images__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

@media screen and (max-width:900px) {
    .subcategory-images__link {
        z-index: 10
    }
}

.subcategory-images__item {
    padding: 5px;
    display: flex;
    height: 100%
}

@media screen and (max-width:900px) {
    .subcategory-images__item {
        display: block;
        text-align: center
    }
}

.subcategory-images__item-img {
    padding: 0 10px;
    min-width: 100px;
    max-width: 100px;
    height: 90px;
    text-align: center
}

@media screen and (max-width:900px) {
    .subcategory-images__item-img {
        min-width: 100%;
        max-width: 100%
    }
}

.subcategory-images__item-img img {
    max-width: 100%;
    max-height: 80px;
    margin: 0 auto
}

.subcategory-images__item-description {
    padding: 10px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    line-height: 18px
}

.subcategory-images__item-description p {
    margin: 0;
    color: var(--color-grey)
}

.title-container {
    display: flex;
    align-items: baseline;
    gap: calc(var(--grid-gutter) * 1)
}

@media screen and (max-width:900px) {
    .title-container {
        margin-bottom: var(--grid-gutter);
        gap: calc(var(--grid-gutter) * 2)
    }
}

.title-container__back {
    position: relative;
    top: -5px
}

@media screen and (max-width:900px) {
    .title-container__back {
        display: none
    }
}

.title-container__back.iconblock-icon {
    background: var(--color-white);
    background: -webkit-linear-gradient(left, var(--color-white), var(--color-white));
    margin-right: 0
}

.title-container__back i {
    font-size: var(--font-size-sm);
    transform: rotate(90deg)
}

.title-container__back:hover i,
.title-container__back i {
    color: var(--color-primary)
}

.title-container .edit {
    font-size: var(--font-middle);
    margin-left: 10px
}

.title-container__name {
    font-size: var(--font-size-xxxl)
}

@media screen and (max-width:900px) {
    .title-container__name {
        margin-right: 10px;
        margin-bottom: 0;
        margin-top: 0;
        font-size: var(--font-size-xxl) !important;
        line-height: calc(var(--font-size-xxl) + 6px)
    }
}

.title-container__count {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-semibold);
    color: var(--color-grey);
    opacity: .5
}

.category {
    display: flex
}

.category.expand .category__leftside {
    opacity: 0;
    min-width: 0;
    width: 0;
    margin-right: 0;
    transition: all .4s
}

.category.expand ul.sorting.filter-expand {
    display: inline-block
}

.category-desc {
    padding: calc(var(--grid-gutter) * 2);
    border-radius: var(--border-radius);
}

.category__product-empty {
    margin-top: var(--grid-gutter)
}

.category__selected {
    text-decoration: none;
    margin: 0 0 calc(var(--grid-gutter));
    display: inline-block;
    padding: calc(var(--grid-gutter) / 1.5) calc(var(--grid-gutter) * 1.5);
    border-radius: var(--border-radius);
    background: var(--color-white);
    transition: all .4s;
    border: 1px solid var(--form-border);
    font-size: var(--font-weight-normal)
}

.category__selected p {
    margin-bottom: 0;
    font-weight: var(--font-weight-bold);
    margin-right: var(--grid-gutter)
}

.category__selected a {
    margin-left: var(--grid-gutter)
}

.category .smart-filters {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: center;
    font-size: var(--font-size-xs);
    margin-bottom: var(--grid-gutter)
}

.category .smart-filters a {
    margin-left: var(--grid-gutter)
}

.category .smart-filters a,
.category .smart-filters span {
    display: inline-block;
    margin-bottom: calc(var(--grid-gutter) / 2)
}

.category .smart-filters span {
    margin-right: calc(var(--grid-gutter) / 2);
    color: var(--font-color);
    position: relative;
    cursor: pointer;
    background: var(--color-white);
    padding: calc(var(--grid-gutter) / 6) calc(var(--grid-gutter) * 2.5) calc(var(--grid-gutter) / 6) var(--grid-gutter);
    border-radius: var(--border-radius);
    border: 1px solid var(--form-border)
}

@media screen and (max-width:900px) {
    .category .smart-filters span {
        padding-right: calc(var(--grid-gutter) * 5)
    }
}

.category .smart-filters span:hover {
    color: var(--color-primary)
}

.category .smart-filters span:hover:after {
    color: var(--color-primary);
    content: ""
}

.category .smart-filters span:after {
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    top: calc(50% - 6px);
    right: 11px;
    content: "\f00d";
    font-size: 8px;
    opacity: .8;
    font-weight: 600;
    color: var(--color-grey)
}

.category .smart-filters span:before {
    content: " ";
    height: 100%;
    width: 1px;
    background: var(--form-border);
    position: absolute;
    right: 25px;
    top: 0
}

.category__sorting {
    position: relative
}

@media screen and (max-width:900px) {
    .category__sorting {
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center
    }
}

.category__sorting.open .category__sorting-inner {
    position: absolute;
    left: 0;
    top: 100%;
    display: flex;
    width: calc(100vw - (var(--grid-gutter) * 3));
    border-radius: var(--border-radius);
    z-index: 10;
    flex-direction: column;
    background: var(--color-white);
    margin: 0 calc(var(--grid-gutter) / 2);
    padding: calc(var(--grid-gutter) * 1);
    transition: box-shadow .24s cubic-bezier(.22, 0, .08, 1), transform .24s cubic-bezier(.22, 0, .08, 1);
    border: 1px solid var(--box-border)
}

.category__sorting.open .category__sorting-item {
    font-size: var(--font-size-xs);
    padding: var(--grid-gutter)
}

.category__sorting-inner {
    display: inline-flex;
    column-gap: calc(var(--grid-gutter) * 1.5)
}

@media screen and (max-width:900px) {
    .category__sorting-inner {
        display: none
    }
}

.category__sorting-header {
    display: none;
    align-items: center;
    width: 38px;
    border-radius: var(--border-radius);
    cursor: pointer;
    gap: var(--grid-gutter);
    background: var(--color-white);
    border: 1px solid var(--form-border);
    height: 100%
}

.category__sorting-header svg {
    width: 32px;
    height: 32px;
    stroke: var(--color-grey)
}

@media screen and (max-width:900px) {
    .category__sorting-header {
        display: flex;
        justify-content: center;
        align-items: center;
        border: 0
    }
}

.category__sorting-item {
    padding: calc(var(--grid-gutter) / 2) 0;
    font-size: var(--font-size-xs)
}

.category__sorting-item a {
    color: var(--color-grey)
}

.category__sorting-item.selected {
    border-bottom: 4px solid var(--color-third);
    font-weight: var(--font-weight-bold)
}

.category__sorting-item.selected .sorting__arrow {
    color: var(--color-third);
    font-size: var(--font-size-micro);
    margin-left: calc(var(--grid-gutter) / 2)
}

.category__sorting-item.selected a {
    color: var(--color-third)
}

.category__sorting-item:hover {
    border-bottom: 4px solid var(--color-grey)
}

@media screen and (max-width:900px) {
    .category {
        display: flex;
        flex-direction: column
    }
}

.category__topbar {
    display: flex;
    margin-bottom: calc(var(--grid-gutter) * 2)
}

@media screen and (max-width:900px) {
    .category__topbar {
        margin: 0;
        border: 0;
        margin-bottom: calc(var(--grid-gutter) * 2);
        border-radius: var(--border-radius);
        min-height: unset
    }
}

.category__topbar__leftside {
    flex: 1;
    display: inline-flex;
    column-gap: calc(var(--grid-gutter) * .5)
}

@media screen and (max-width:900px) {
    .category__topbar__leftside {
        display: flex;
        justify-content: space-between;
        align-items: center
    }
}

.category__topbar__rightside {
    width: 100px
}

.category__leftside {
    min-width: 200px;
    width: 200px;
    margin-right: 30px;
    transition: all .4s
}

@media screen and (max-width:900px) {
    .category__leftside {
        width: 100%;
        margin-right: 0;
        order: 1
    }
}

@media screen and (max-width:900px) {
    .category__leftside .filter {
        display: none
    }
}

.category__rightside {
    flex: 1;
    min-height: 300px
}

.category .pricehint {
    display: flex;
    font-size: 10px;
    color: var(--color-grey)
}

.category .pricehint__leftside {
    width: 50%
}

.category .pricehint__rightside {
    width: 50%;
    text-align: right
}

.category-search {
    flex-direction: row !important
}

@media screen and (max-width:900px) {
    .category-search {
        display: block
    }
}

@media screen and (max-width:900px) {
    .filters {
        padding: 0;
        width: 100%
    }
}

@media screen and (max-width:900px) {
    .filters form .filtergroup:last-child {
        padding-bottom: 100px !important
    }
}

@media screen and (max-width:900px) {
    .filters__inner {
        display: flex;
        align-items: center;
        box-sizing: border-box;
        width: 100%;
        height: 100vh;
        border-radius: 0;
        position: relative;
        z-index: 2;
        flex-direction: column;
        justify-content: space-between;
        max-height: 100vh;
        padding: 0;
        background-color: var(--color-white)
    }
}

.filters__header {
    display: none
}

@media screen and (max-width:900px) {
    .filters__header {
        display: flex;
        gap: calc(var(--grid-gutter) * 2);
        align-items: center;
        border-bottom: 1px solid var(--form-border);
        padding: calc(var(--grid-gutter) * 3);
        box-shadow: 0 4px 13px #0000000d;
        font-size: calc(var(--font-size-md) + 2px);
        font-weight: var(--font-weight-bold);
        line-height: calc(var(--font-size-md) + 6px);
        width: 100%
    }

    .filters__header a {
        font-weight: var(--font-weight-normal);
        color: var(--color-grey);
        font-size: var(--font-size-md)
    }
}

.filters__close {
    display: none;
    left: auto;
    top: calc(var(--grid-gutter) * 2);
    right: calc(var(--grid-gutter) * 2);
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 299;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:900px) {
    .filters__close {
        background: var(--color-lightGrey);
        border-radius: 50%;
        height: 38px;
        width: 38px;
        top: 10px;
        right: calc(var(--grid-gutter) * 2);
        padding: calc(var(--grid-footer) / 3);
        display: flex
    }
}

.filters__close svg {
    background-image: url(../../images/close.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer
}

.filters__close svg:hover {
    transform: rotate(90deg);
    transition-duration: .3s
}

.filters__button {
    display: none;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    background: var(--color-lightGrey);
    padding: calc(var(--grid-gutter) * 2);
    justify-content: center;
    gap: var(--grid-gutter);
    overflow: hidden
}

@media screen and (max-width:900px) {
    .filters__button {
        display: flex;
        position: fixed;
        bottom: 0
    }
}

.filters__button .button {
    display: flex;
    gap: var(--grid-gutter);
    justify-content: center;
    align-items: center
}

@media screen and (max-width:900px) {
    .filters__button {
        border-radius: 0;
        background: #fff;
        padding: calc(var(--grid-gutter) * 2.5) calc(var(--grid-gutter) * 2);
        display: flex;
        align-items: flex-end;
        border-bottom-right-radius: var(--border-radius);
        justify-content: center;
        width: 100%;
        border-top: 1px solid var(--form-border);
        z-index: 30
    }
}

.filters__mobile {
    display: none;
    gap: var(--grid-gutter);
    align-items: center;
    cursor: pointer;
    background: var(--color-white);
    border-radius: var(--border-radius);
    border: 1px solid var(--box-border);
    height: 100%;
    padding-left: var(--grid-gutter);
    padding-right: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .filters__mobile {
        display: flex;
        justify-content: center;
        flex: 1
    }
}

.filters__mobile-count {
    border-radius: 50%;
    background: var(--color-primary);
    background: var(--color-third);
    color: var(--color-white);
    width: 20px;
    height: 20px;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:900px) {
    .filters__mobile-count {
        font-size: var(--font-size-micro)
    }
}

.filters__mobile svg {
    width: 33px;
    height: 33px;
    stroke: var(--color-third)
}

.filters__expand {
    position: absolute;
    right: 20px;
    top: 24px;
    z-index: 10;
    font-size: 10px;
    font-weight: 400 !important;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer
}

@media screen and (max-width:900px) {
    .filters__expand {
        display: none
    }
}

.filters__expand:hover {
    color: var(--color-primary)
}

.filters__expand:hover svg {
    stroke: var(--color-primary)
}

.filters__name {
    padding: 20px 20px 0;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: var(--color-grey);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    position: relative
}

.filters__name svg {
    position: relative;
    top: 1px;
    left: -9px;
    width: 28px;
    stroke: var(--color-grey);
    fill: none;
    stroke-width: 1px
}

body:has(.filter._show),
body:has(.main-menu__overlay.active),
html:has(.filter._show) {
    overflow: hidden !important;
    scrollbar-gutter: stable
}

.sticky-mobile .mobile-bar {
    display: none
}



body:has(.category__sorting-panel._show) {
    overflow: hidden !important
}

.category__sorting-panel {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 60px;
    z-index: 40;
    background: rgba(0, 0, 0, .42);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--grid-gutter);
    overflow: hidden;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity .2s ease-in-out;
    border: 1px solid var(--box-border)
}

@media screen and (max-width:900px) {
    .category__sorting-panel {
        align-items: start;
        top: unset
    }
}

.category__sorting-panel._show {
    overflow: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s ease-in-out
}

.category__sorting-panel__close {
    left: auto;
    top: calc(var(--grid-gutter) * 2);
    right: calc(var(--grid-gutter) * 2);
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 299;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:900px) {
    .category__sorting-panel__close {
        background: var(--color-lightGrey);
        border-radius: 50%;
        height: 38px;
        width: 38px;
        top: calc(var(--grid-gutter) * 2);
        right: calc(var(--grid-gutter) * 2);
        padding: calc(var(--grid-footer) / 3)
    }
}

.category__sorting-panel__close svg {
    background-image: url(../../images/close.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer
}

.category__sorting-panel__close svg:hover {
    transform: rotate(90deg);
    transition-duration: .3s
}

.category__sorting-panel__inner {
    position: relative;
    background: var(--color-white);
    width: 100%
}

@media screen and (max-width:900px) {
    .category__sorting-panel__inner {
        bottom: 0;
        position: absolute;
        max-height: calc(100vh - 100px);
        overflow: auto;
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius)
    }
}

.category__sorting-panel__items {
    display: flex;
    flex-direction: column;
    align-items: start;
    width: auto;
    min-height: auto;
    margin-bottom: 0;
    max-height: 100%;
    overflow: visible
}

.category__sorting-panel__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    border-bottom: 1px solid var(--form-border)
}

.category__sorting-panel__item:last-child {
    border: 0
}

.category__sorting-panel__item a {
    color: var(--font-color);
    display: block;
    width: 100%;
    padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 3)
}

.category__sorting-panel__item i {
    color: var(--color-primary);
    padding-right: calc(var(--grid-gutter) * 3)
}

.category__sorting-panel__item.selected {
    background: var(--bg-secondary-color);
    border: 0
}

.category__sorting-panel__header {
    border-bottom: 1px solid var(--form-border);
    padding: calc(var(--grid-gutter) * 3);
    box-shadow: 0 4px 13px #0000000d;
    font-size: calc(var(--font-size-md) + 2px);
    font-weight: var(--font-weight-bold);
    line-height: calc(var(--font-size-md) + 6px)
}

.label-inline {
    display: inline-flex;
    margin-bottom: 6px;
    font-size: 12px
}

.label-inline label {
    display: inline-block !important
}

.label-inline .checkbox {
    margin: 0
}

.label-inline input {
    display: none
}

.label-inline span {
    background: var(--color-white);
    border-radius: var(--border-radius);
    cursor: pointer;
    padding: 3px 6px 4px;
    display: inline-flex;
    border: 1px solid var(--form-border)
}

@media screen and (max-width:900px) {
    .label-inline span {
        background: var(--color-lightGrey);
        border: 0
    }
}

.label-inline span:hover {
    border: 1px solid var(--color-grey)
}

@media screen and (max-width:900px) {
    .label-inline span:hover {
        border: 0
    }
}

.label-inline input:checked+span {
    background: var(--color-primary);
    box-shadow: var(--box-shadow-button);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    color: var(--color-white);
    padding-right: 20px;
    position: relative;
    border: 1px solid transparent
}

.label-inline input:checked+span:after {
    font-family: Font Awesome\ 5 Free;
    position: absolute;
    top: 4px;
    right: 7px;
    content: "\f00d";
    font-size: 7px;
    opacity: .8;
    font-weight: 600;
    color: var(--color-white)
}

.label-inline input:checked+span:hover {
    border: 1px solid var(--color-primary)
}

.label-inline input:checked+span:hover:after {
    content: ""
}

.custom-checkbox,
.custom-radio {
    cursor: pointer
}

.custom-checkbox>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-checkbox>span {
    display: inline-flex;
    align-items: center;
    user-select: none;
    transition: all .25s cubic-bezier(.4, 0, .23, 1)
}

.custom-checkbox>span:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: .25em;
    margin-right: 10px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 50%
}

.custom-checkbox>input:not(:disabled):not(:checked)+span:hover:before {
    border-color: #b3d7ff
}

.custom-checkbox>input:not(:disabled):active+span:before {
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-checkbox>input:focus+span:before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-checkbox>input:focus:not(:checked)+span:before {
    border-color: #80bdff
}

.custom-checkbox>input:checked+span:before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3E%3Cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3E%3C/svg%3E");
    animation: b .2s cubic-bezier(.4, 0, .23, 1)
}

.custom-checkbox>input:disabled+span:before {
    background-color: #e9ecef
}

.custom-radio>input {
    position: absolute;
    z-index: -1;
    opacity: 0
}

.custom-radio>span {
    display: inline-flex;
    align-items: center;
    user-select: none
}

.custom-radio>span:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    flex-grow: 0;
    border: 1px solid #adb5bd;
    border-radius: 50%;
    margin-right: 5px;
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50% 50%
}

.custom-radio>input:not(:disabled):not(:checked)+span:hover:before {
    border-color: #b3d7ff
}

.custom-radio>input:not(:disabled):active+span:before {
    background-color: #b3d7ff;
    border-color: #b3d7ff
}

.custom-radio>input:focus+span:before {
    box-shadow: 0 0 0 .2rem rgba(0, 123, 255, .25)
}

.custom-radio>input:focus:not(:checked)+span:before {
    border-color: #80bdff
}

.custom-radio>input:checked+span:before {
    border-color: var(--color-primary);
    background-color: var(--color-primary);
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3E%3Ccircle r='3' fill='%23fff'/%3E%3C/svg%3E");
    animation: b .2s cubic-bezier(.4, 0, .23, 1)
}

.custom-radio>input:disabled+span:before {
    background-color: #e9ecef
}

@keyframes b {
    0% {
        transform: scale(1)
    }

    33% {
        transform: scale(.85)
    }

    to {
        transform: scale(1)
    }
}

.checkout {
    display: flex
}

@media screen and (max-width:900px) {
    .checkout {
        display: block
    }
}

.checkout__leftside {
    flex: 1;
    display: flex;
    flex-direction: column
}

.checkout__steps {
    display: flex;
    width: 100%;
    margin: 20px 0 40px;
    position: relative
}

.checkout__steps-item {
    flex: 1;
    text-align: center
}

.checkout__steps-dots {
    width: 24px;
    height: 24px;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto;
    position: relative;
    z-index: 10
}

.checkout__steps-dots,
.checkout__steps-upcoming .checkout__steps-dots {
    background: var(--color-white)
}

.checkout__steps-name {
    font-size: var(--font-small);
    color: var(--color-grey);
    margin-top: 10px
}

.checkout__steps:after {
    height: 3px;
    background: var(--color-white);
    position: absolute;
    z-index: 5;
    left: 0;
    top: 11px;
    width: 100%;
    content: " "
}

.checkout__steps .active .checkout__steps-dots {
    position: relative;
    background: var(--color-link)
}

.checkout__steps .active .checkout__steps-dots:after {
    width: 16px;
    height: 16px;
    background: var(--color-link);
    border-radius: 50%;
    text-align: center;
    position: absolute;
    z-index: 5;
    left: 4px;
    top: 4px;
    content: " "
}

.checkout__steps .active .checkout__steps-name {
    color: var(--color-link);
    font-weight: var(--font-weight-bold);
    font-size: var(--font-normal)
}

.checkout__steps .is-done {
    cursor: pointer;
    position: relative
}

.checkout__steps .is-done:after {
    height: 3px;
    background: var(--color-link);
    position: absolute;
    z-index: 6;
    left: 0;
    top: 11px;
    width: 100%;
    content: " "
}

.checkout__steps .is-done .checkout__steps-dots {
    position: relative;
    background: var(--color-link)
}

.checkout__steps .is-done .checkout__steps-dots:after {
    position: absolute;
    top: 4px;
    right: 7px;
    content: "\f00c";
    font-weight: 600;
    font-family: Font Awesome\ 5 Free;
    font-size: 10px;
    color: var(--color-white)
}

.checkout__rightside {
    width: 450px;
    display: flex;
    flex-direction: column;
    margin-left: 25px
}

@media screen and (max-width:900px) {
    .checkout__rightside {
        width: 100%;
        display: block;
        margin-left: 0
    }
}

.checkout__rightside .popup-cart-scroll {
    max-height: unset
}

.checkout__rightside .popup-cart-change {
    display: block !important
}

.checkout__rightside hr {
    margin: 15px -20px
}

.checkout__rightside .header__popup-cart {
    opacity: 1;
    position: static;
    z-index: unset;
    visibility: visible;
    box-shadow: none;
    border: 1px solid var(--form-border);
    border-radius: var(--border-radius);
    background: var(--color-white);
    padding: var(--color-white);
    width: 100%
}

.checkout__rightside .header__popup-cart .popup-cart-inner {
    background: transparent;
    margin-bottom: var(--grid-gutter)
}

.checkout__rightside .popup-cart-button,
.checkout__rightside .popup-cart-checkout,
.checkout__rightside .popup-cart-title {
    display: none
}

.checkout .auth,
.checkout .wa-signup-form {
    padding: var(--grid-gutter);
    background: var(--color-third);
    border-radius: var(--border-radius);
    color: var(--color-white)
}

.checkout .auth a,
.checkout .wa-signup-form a {
    color: var(--color-white)
}

.checkout blockquote {
    background: transparent
}

.checkout .inline {
    padding-left: 0
}

.checkout .inline li {
    display: inline-block;
    margin-right: 30px
}

.checkout .inline #login-form {
    margin-top: 20px
}

.checkout .btn-big {
    width: 100%;
    font-size: var(--font-bigger);
    padding: 15px
}

.checkout hr {
    margin: 30px 0
}

.checkout h2 {
    font-weight: 400;
    background: var(--color-white);
    margin: 0;
    position: relative
}

.checkout h2 a {
    text-decoration: none;
    font-size: 18px;
    padding: 17px 17px 17px 55px;
    display: block;
    border-bottom: 1px solid var(--color-white)
}

.checkout .checkout-step:last-child h2 a {
    border-bottom: 0
}

.checkout .step-confirmation h2 {
    position: relative;
    font-size: 18px
}

.checkout .step-confirmation h2:after {
    position: absolute;
    left: 25px;
    top: 22px;
    font-family: Stroke-Gap-Icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e6b5"
}

.checkout .step-confirmation .btn {
    display: inline-block;
    width: 100%
}

.checkout blockquote {
    font-size: 14px;
    border-left: 0;
    padding: 0;
    margin: 0 0 0 20px
}

@media screen and (max-width:900px) {
    .checkout blockquote {
        margin: 0
    }
}

.checkout blockquote img {
    margin-right: 20px;
    float: left;
    border-radius: 50%
}

.checkout blockquote p {
    margin-bottom: 5px;
    margin-left: 70px
}

.checkout .checkout-content {
    margin-bottom: 50px
}

.checkout .loading {
    vertical-align: middle;
    display: inline-block
}

.checkout__finish {
    font-size: var(--font-bigger);
    color: var(--color-link);
    font-weight: var(--font-weight-bold);
    margin-top: 30px
}

.checkout__confrimation {
    display: flex;
    margin-bottom: calc(var(--grid-gutter) * 2)
}

.checkout__confrimation h3,
.checkout__confrimation h4 {
    font-size: var(--font-size-lg) !important;
    line-height: calc(var(--font-size-lg) + 4px);
    margin: var(--grid-gutter) var(--grid-gutter) var(--grid-gutter) 0
}

@media screen and (max-width:900px) {
    .checkout__confrimation {
        display: block
    }
}

.checkout__confrimation-block {
    flex: 1;
    border-radius: var(--border-radius);
    padding: 20px;
    background: var(--color-white)
}

.checkout__confrimation-block .plugin-payment {
    color: var(--color-error)
}

@media screen and (max-width:900px) {
    .checkout__confrimation-block {
        margin-bottom: 20px
    }
}

.checkout__confrimation-block-price {
    font-size: var(--font-bigger);
    color: var(--color-link);
    font-weight: var(--font-weight-bold);
    display: block;
    width: 100%
}

.checkout__confrimation-block:nth-child(2) {
    margin: 0 20px
}

@media screen and (max-width:900px) {
    .checkout__confrimation-block:nth-child(2) {
        margin: 0 0 20px
    }
}

.checkout__confrimation-block .icon {
    font-size: 36px;
    color: var(--color-primary);
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .checkout__confrimation-block .icon {
        font-size: 20px
    }
}

.checkout-options {
    margin: 0;
    padding: 0
}

.checkout-options li {
    display: flex;
    margin-bottom: 20px;
    background: var(--color-white);
    padding: var(--grid-gutter);
    border-radius: var(--border-radius);
    border: 1px solid var(--color-white)
}

@media screen and (max-width:900px) {
    .checkout-options li {
        display: block
    }
}

.checkout-options li div.h3 {
    flex: 1;
    margin-right: 100px;
    font-size: var(--font-size-lg)
}

@media screen and (max-width:900px) {
    .checkout-options li div.h3 {
        margin-right: 20px
    }
}

.checkout-options li div.h3 label span {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-normal)
}

@media screen and (max-width:900px) {
    .checkout-options li div.h3 label span {
        width: 100%
    }
}

.checkout-options li div.h3 label img {
    margin-right: 10px
}

@media screen and (max-width:900px) {
    .checkout-options li div.h3 label img {
        display: none
    }
}

.checkout-options li div.h3 p {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-base);
    line-height: calc(var(--font-size-base) + 6px);
    color: var(--color-grey);
    margin-left: 30px;
    margin-top: 10px;
    margin-bottom: 0
}

.checkout-options li .rate {
    width: 200px
}

@media screen and (max-width:900px) {
    .checkout-options li .rate {
        width: 100%;
        padding-left: 30px
    }
}

.checkout-options li .rate .price {
    font-size: calc(var(--font-size-md) + 2px);
    font-weight: var(--font-weight-bold);
    line-height: calc(var(--font-size-md) + 6px)
}

.checkout-options li .rate .hint {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-small);
    line-height: calc(var(--font-small) + 6px);
    color: var(--color-grey);
    margin-top: 10px
}

.checkout-result.error {
    color: var(--color-error)
}

.compare-table {
    border-collapse: separate;
    border-spacing: var(--grid-gutter);
    background: var(--color-white);
    border-radius: var(--border-radius);
    margin-bottom: calc(var(--grid-gutter) * 4);
    padding: var(--grid-gutter)
}

.compare-table .p-thumbs__inner {
    margin: 0
}

.compare-table .p-thumbs__col-1 {
    height: 100%;
    min-width: 200px;
    max-width: 200px
}

.compare-table .p-thumbs__features,
.compare-table .p-thumbs__features-inner,
.compare-table .p-thumbs__text-bottom {
    display: none
}

.compare-table .p-thumbs__img._fit {
    aspect-ratio: unset
}

.compare-table tr:first-child td {
    padding: 0
}

.compare-table tr:last-child td {
    background: var(--color-white)
}

.compare-table tr:nth-child(odd) {
    background: var(--bg-secondary-color);
    border-radius: var(--border-radius)
}

.compare-table tr.white-td {
    background: var(--color-white) !important
}

.compare-table tr td {
    padding: calc(var(--grid-gutter) / 4) calc(var(--grid-gutter) / 2)
}

.compare-table tr td:first-child {
    color: var(--color-grey)
}

.compare-table__func {
    margin-top: var(--grid-gutter)
}

.compare-table__image {
    height: 200px;
    width: 200px;
    position: relative;
    margin-bottom: 10px;
    text-align: center
}

.compare-table__image img {
    max-height: 180px
}

.compare-table__remove {
    margin-top: var(--grid-gutter);
    color: var(--color-white)
}

.compare-table__remove a {
    color: var(--color-white);
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    width: 100%;
    border-radius: var(--border-radius);
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-sm)
}

.compare-table__remove a:hover {
    background: var(--bg-secondary-color);
    transition: all .3s ease;
    color: var(--font-color)
}

.compare-table__remove a:hover svg {
    stroke: var(--font-color)
}

.compare-table__remove svg {
    stroke: var(--color-white);
    stroke-width: 2;
    width: 15px;
    margin-right: calc(var(--grid-gutter) / 2);
    display: inline-block;
    vertical-align: middle
}

.compare-table__feature {
    font-size: var(--font-size-sm)
}

.compare-table__item {
    display: flex;
    flex-direction: column
}

.compare-table__ratio {
    font-weight: var(--font-weight-semibold);
    font-size: calc(var(--font-size-sm));
    color: var(--color-grey);
    line-height: calc(var(--font-size-sm) + 4px)
}

.compare-table__price {
    font-size: calc(var(--font-size-md) + 2px);
    font-weight: var(--font-weight-bold);
    line-height: calc(var(--font-size-md) + 6px)
}

.compare-table__price s {
    font-weight: var(--font-weight-semibold);
    font-size: calc(var(--font-size-sm));
    color: var(--color-grey);
    line-height: calc(var(--font-size-sm) + 4px)
}

.compare-table td {
    padding: 0
}

#compare-table .image .badge {
    position: absolute;
    z-index: 10
}

#compare-table td {
    vertical-align: top
}

#compare-table h5 {
    font-weight: 700;
    margin-top: 10px
}

.compare-scroll {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden
}

ul.compare-diff-all {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 200px;
    font-weight: var(--font-weight-normal)
}

ul.compare-diff-all li {
    display: block;
    margin-bottom: 10px
}

ul.compare-diff-all li a {
    color: var(--font-color);
    text-decoration: none;
    font-size: 14px
}

ul.compare-diff-all li.selected a {
    border-radius: var(--border-radius);
    text-decoration: none;
    font-weight: var(--font-weight-bold);
    color: var(--color-primary)
}

ul.compare-diff-all li.selected a b {
    border: none
}

body:has(.addingdialog.show) {
    overflow: hidden !important
}

.addingdialog {
    opacity: 0;
    visibility: hidden
}

.addingdialog .icon-close {
    background-image: url(../../images/close.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-align: center
}

.addingdialog.show {
    opacity: 1;
    visibility: visible
}

.addingdialog.show .addingdialog-cart {
    opacity: 1;
    visibility: visible;
    transition: all .3s ease
}

.addingdialog-close {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10001;
    position: absolute;
    background: var(--color-white);
    cursor: pointer;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    top: calc(var(--grid-gutter) * 2);
    right: calc(var(--grid-gutter) * 2)
}

@media screen and (max-width:900px) {
    .addingdialog-close {
        background: var(--color-lightGrey);
        padding: calc(var(--grid-footer) / 3)
    }
}

.addingdialog-close svg {
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer
}

@media screen and (max-width:900px) {
    .addingdialog-close svg {
        stroke: var(--color-grey)
    }
}

.addingdialog-close svg:hover {
    stroke: var(--color-grey);
    transform: rotate(90deg);
    transition-duration: .3s
}

.addingdialog-cart {
    position: fixed;
    top: calc(50% - 200px);
    height: auto;
    opacity: 0;
    visibility: hidden;
    left: 0;
    right: 0;
    z-index: 20030;
    box-shadow: 0 5px 15px rgba(0, 0, 0, .2);
    margin: 0 auto;
    text-align: left;
    width: 600px;
    display: block;
    background: var(--color-white);
    padding: calc(var(--grid-gutter) * 2);
    border-radius: var(--border-radius);
    transition: all .3s ease
}

@media screen and (max-width:900px) {
    .addingdialog-cart {
        width: 100%;
        top: unset;
        height: auto;
        bottom: 60px;
        z-index: 40;
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 4)
    }
}

.addingdialog-background {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .38);
    z-index: 20010
}

@media screen and (max-width:900px) {
    .addingdialog-background {
        z-index: 35
    }
}

.addingdialog-text {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    padding: var(--grid-gutter);
    text-align: center
}

.addingdialog-button {
    display: flex;
    gap: var(--grid-gutter);
    justify-content: center
}

@media screen and (max-width:900px) {
    .addingdialog-button {
        gap: calc(var(--grid-gutter) / 2)
    }
}

.addingdialog-button a {
    padding: calc(var(--grid-gutter) * 1)
}

@media screen and (max-width:900px) {
    .addingdialog-button a {
        padding: calc(var(--grid-gutter) * 2)
    }
}

.addingdialog-icon {
    padding-top: 50px;
    text-align: center;
    margin-bottom: var(--grid-gutter)
}

.addingdialog-product {
    border-top: 1px solid var(--form-border);
    padding-top: calc(var(--grid-gutter) * 2);
    margin-top: calc(var(--grid-gutter) * 2)
}

.errorpage {
    text-align: center;
    margin-top: calc(var(--grid-gutter) * 5)
}

.footer {
    min-height: 200px;
    margin-top: auto;
    padding: calc(var(--grid-gutter) * 5) 0 calc(var(--grid-gutter) * 2);
    color: var(--footer-text);
    font-size: var(--font-size-xs);
    flex: 0 0 auto
}

@media screen and (max-width:900px) {
    .footer {
        padding: calc(var(--grid-gutter) * 2) 0 calc(var(--grid-gutter) * 1);
        background: var(--color-white);
        margin-top: calc(var(--grid-gutter) * 2);
        flex: 1;
        min-height: unset
    }

    .footer a:not(.menu-h-footer a):not(.footer__social a) {
        color: var(--footer-link)
    }
}

.footer__inner {
    background: #000;
    border-radius: var(--border-radius);
    border: 1px solid var(--box-border);
    padding: calc(var(--grid-gutter) * 3)
}

@media screen and (max-width:900px) {
    .footer__inner {
        padding: calc(var(--grid-gutter) * 3);
        border: 0;
        padding-bottom: calc(var(--grid-gutter) * 10)
    }
}

.footer__address {
    margin-top: calc(var(--grid-gutter) * 2)
}

.footer__cols {
    display: flex;
    gap: calc(var(--grid-gutter) * 3)
}

@media screen and (max-width:900px) {
    .footer__cols {
        display: block
    }
}

.footer__cols-address {
    flex: 1
}

@media screen and (max-width:900px) {
    .footer__cols-address {
        display: none
    }
}

.footer__cols-menu {
    width: 45%;
    display: flex
}

@media screen and (max-width:900px) {
    .footer__cols-menu {
        width: 100%
    }
}

.footer__cols-social {
    width: 25%
}

@media screen and (max-width:900px) {
    .footer__cols-social {
        width: 100%
    }
}

.footer__cols-menucol {
    flex: 1
}

.footer-phone {
    font-size: var(--font-size-xl)
}

.footer select {
    background: var(--color-white) no-repeat 100%;
    background-size: 1ex;
    background-origin: unset;
    background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='40' fill='%23555'><polygon points='0,0 60,0 30,40'/></svg>");
    width: auto;
    padding-right: 40px;
    background-position: 120% 60% !important
}

.footer__logo {
    font-size: var(--font-size-xxxl);
    font-weight: var(--font-weight-bold);
    color: var(--font-color);
    text-transform: uppercase
}

@media screen and (max-width:900px) {
    .footer__logo {
        text-align: center
    }
}

.footer__logo img {
    max-width: 200px
}

.footer__subtext {
    margin-top: var(--grid-gutter);
    color: var(--color-grey)
}

@media screen and (max-width:900px) {
    .footer__subtext {
        text-align: center
    }
}

.footer__header {
    cursor: pointer;
    font-size: var(--font-size-xl);
    color: var(--color-grey);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .footer__header {
        position: relative;
        display: inline-block;
        margin-bottom: 0;
        color: var(--font-color)
    }

    .footer__header:after {
        font-family: Font Awesome\ 5 Free;
        position: absolute;
        top: 4px;
        right: -20px;
        content: "\f078";
        font-size: 12px;
        opacity: .8;
        font-weight: 600;
        color: var(--color-grey)
    }
}

@media screen and (max-width:900px) {
    .footer__header-social {
        display: none
    }
}

.footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
	color: #fff;
}

.footer ul li {
    margin-bottom: 5px
}

.footer a {
    text-decoration: none
}

.footer a,
.footer a:hover {
    color: var(--footer-link)
}

.footer .menu-h-footer a {
    color: var(--color-footer-text)
}

@media screen and (max-width:900px) {
    .footer .menu-h-footer {
        display: none;
        margin-top: var(--grid-gutter)
    }
}

.footer .menu-h-footer.open {
    display: block
}

.footer hr {
    margin: calc(var(--grid-gutter) * 2) 0 0;
    background-color: #ddd
}

.footer__social {
    font-size: var(--font-size-xl);
    margin: var(--grid-gutter) 0
}

@media screen and (max-width:900px) {
    .footer__social {
        display: inline-flex;
        gap: calc(var(--grid-gutter) * 2)
    }
}

.footer__social a {
    margin-right: var(--grid-gutter);
    color: var(--color-grey)
}

.footer .copyright {
    display: flex;
    margin-top: var(--grid-gutter);
    font-size: var(--font-size-micro)
}

@media screen and (max-width:900px) {
    .footer .copyright {
        margin-top: 0
    }
}

.footer .copyright__text {
    width: 400px
}

.footer .hint {
    margin-top: var(--grid-gutter);
    font-size: var(--font-size-micro)
}

input.wa-error {
    border: 1px solid #f3c0c0 !important
}

.wa-auth-adapters ul {
    padding: 0;
    margin: 0;
    min-height: 16px
}

.wa-auth-adapters ul li {
    list-style: none;
    display: inline-block
}

.wa-auth-adapters ul li a,
.wa-auth-adapters ul li span {
    display: block;
    padding: 0 5px
}

.wa-auth-adapters ul li a img,
.wa-auth-adapters ul li span img {
    position: relative;
    margin-right: 5px;
    top: -1px
}

.wa-auth-adapters p {
    color: #6e6e6e;
    font-size: .9em;
    margin-bottom: 0;
    margin-top: 10px
}

.wa-auth-adapters.wa-connect {
    margin-top: 20px
}

.wa-form {
    margin: 10px 0
}

.wa-form .wa-read-fields {
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .wa-form {
        display: block
    }
}

.wa-form .wa-uncaught-errors .wa-error-msg {
    margin-left: 180px
}

@media screen and (max-width:900px) {
    .wa-form .wa-uncaught-errors .wa-error-msg {
        margin-left: 0 !important
    }
}

.wa-form .wa-buttons-wrapper,
.wa-form .wa-forgotpassword-form-actions,
.wa-form .wa-signup-url {
    margin-left: 180px
}

@media screen and (max-width:900px) {

    .wa-form .wa-buttons-wrapper,
    .wa-form .wa-forgotpassword-form-actions,
    .wa-form .wa-signup-url {
        margin-left: 0 !important
    }
}

.wa-form .wa-field-remember-me {
    padding-left: 180px !important
}

@media screen and (max-width:900px) {
    .wa-form .wa-field-remember-me {
        padding-left: 0 !important
    }
}

.wa-form .wa-signup-url {
    margin-top: 20px
}

.wa-form .wa-forgotpassword-button,
.wa-form .wa-login-url {
    margin-top: 10px
}

.wa-form .wa-field-birthday select {
    width: auto !important
}

.wa-form .alert-moderate {
    color: var(--color-error);
    font-size: var(--font-size-sm)
}

.wa-form .wa-field {
    margin: 0 0 10px;
    width: 100%;
    display: flex;
    align-items: center
}

@media screen and (max-width:900px) {
    .wa-form .wa-field {
        display: block;
        margin-bottom: 10px
    }
}

.wa-form .wa-field .wa-name {
    width: 180px;
    font-weight: var(--font-weight-bold);
    display: flex
}

@media screen and (max-width:900px) {
    .wa-form .wa-field .wa-name {
        float: none;
        width: 100%;
        margin-left: 0;
        display: block;
        padding-bottom: 0
    }
}

.wa-form .wa-field .wa-value {
    flex: 1;
    position: relative
}

@media screen and (max-width:900px) {
    .wa-form .wa-field .wa-value {
        float: none;
        width: 100%;
        margin-left: 0;
        display: block
    }
}

.wa-form .wa-field .wa-value select {
    min-width: 75px
}

.wa-form .wa-field .wa-value .profile-review {
    display: flex;
    align-items: center
}

.wa-form .wa-field .wa-value .profile-review a {
    margin-left: 10px
}

.wa-form .wa-captcha p a {
    display: block
}

.wa-form .wa-captcha-input {
    width: 100px !important
}

.icon32 {
    width: 14px;
    height: 13px;
    display: inline-block;
    background-repeat: no-repeat
}

.icon32.star,
.icon32.star-hover {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZCQzAwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU5LjMsMTcuOEwxOTQsMTUwLjJMNDcuOSwxNzEuNWMtMjYuMiwzLjgtMzYuNywzNi4xLTE3LjcsNTQuNmwxMDUuNywxMDNsLTI1LDE0NS41DQoJYy00LjUsMjYuMywyMy4yLDQ2LDQ2LjQsMzMuN0wyODgsNDM5LjZsMTMwLjcsNjguN2MyMy4yLDEyLjIsNTAuOS03LjQsNDYuNC0zMy43bC0yNS0xNDUuNWwxMDUuNy0xMDNjMTktMTguNSw4LjUtNTAuOC0xNy43LTU0LjYNCglMMzgyLDE1MC4yTDMxNi43LDE3LjhDMzA1LTUuOCwyNzEuMS02LjEsMjU5LjMsMTcuOEwyNTkuMywxNy44eiIvPg0KPC9zdmc+DQo=")
}

.icon32.star-half {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1MzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1MzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRkZCQzAwO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNNTA4LjUsMTcxLjVsLTE0Ni40LTIxLjNMMjk2LjgsMTcuOEMyOTAuOSw2LDI3OS40LDAsMjY4LDBjLTExLjQsMC0yMi44LDUuOS0yOC43LDE3LjhsLTY1LjQsMTMyLjRMMjcuNSwxNzEuNQ0KCWMtMjYuMywzLjgtMzYuOCwzNi4xLTE3LjcsNTQuNmwxMDUuOSwxMDNMOTAuNSw0NzQuNWMtMy42LDIwLjgsMTMsMzcuNSwzMS42LDM3LjVjNC45LDAsMTAtMS4yLDE0LjktMy44TDI2OCw0MzkuNmwxMzAuOSw2OC43DQoJYzQuOSwyLjUsOS45LDMuNywxNC44LDMuN2MxOC42LDAsMzUuMi0xNi42LDMxLjctMzcuNGwtMjUtMTQ1LjVsMTA1LjktMTAzQzU0NS4zLDIwNy42LDUzNC44LDE3NS4zLDUwOC41LDE3MS41TDUwOC41LDE3MS41eg0KCSBNMzg2LjgsMjk0LjdsLTE4LjEsMTcuNmw0LjMsMjQuOWwxOS41LDExMy40bC0xMDIuMS01My42TDI2OCwzODUuM2wwLTMxNy4ybDUxLDEwMy4zbDExLjIsMjIuNmwyNSwzLjZsMTE0LjIsMTYuNkwzODYuOCwyOTQuN3oiLz4NCjwvc3ZnPg0K")
}

.icon32.star-empty {
    background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAyMi4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0i0KHQu9C+0LlfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA1NzYgNTEyIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCA1NzYgNTEyOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojQzlDOUM5O30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjU5LjMsMTcuOEwxOTQsMTUwLjJMNDcuOSwxNzEuNWMtMjYuMiwzLjgtMzYuNywzNi4xLTE3LjcsNTQuNmwxMDUuNywxMDNsLTI1LDE0NS41DQoJYy00LjUsMjYuMywyMy4yLDQ2LDQ2LjQsMzMuN0wyODgsNDM5LjZsMTMwLjcsNjguN2MyMy4yLDEyLjIsNTAuOS03LjQsNDYuNC0zMy43bC0yNS0xNDUuNWwxMDUuNy0xMDNjMTktMTguNSw4LjUtNTAuOC0xNy43LTU0LjYNCglMMzgyLDE1MC4yTDMxNi43LDE3LjhDMzA1LTUuOCwyNzEuMS02LjEsMjU5LjMsMTcuOEwyNTkuMywxNy44eiIvPg0KPC9zdmc+DQo=")
}

.wa-form .wa-field.wa-separator {
    height: 10px
}

.wa-form .wa-field .wa-value input.wa-error {
    border: 1px solid var(--color-error) !important
}

.wa-form .wa-field .wa-value .wa-error-msg {
    color: var(--color-error);
    display: block;
    margin: calc(var(--grid-gutter) / 2) 0;
    position: relative;
    padding-left: 25px;
    font-size: var(--font-size-sm);
    font-style: normal
}

.wa-form .wa-field .wa-value .wa-error-msg:after {
    position: absolute;
    left: 0;
    top: -1px;
    content: "\f071";
    font-weight: 600;
    font-family: Font Awesome\ 5 Free;
    font-size: var(--font-size-sm)
}

.wa-error-msg {
    color: var(--color-error)
}

#wa-my-info-edit-wrapper .wa-field.wa-field-photo img,
#wa-my-info-read-wrapper .wa-field img {
    border-radius: 50%;
    max-height: 100px;
    max-width: 100px;
    margin-bottom: var(--grid-gutter)
}

#wa-my-info-edit-wrapper .wa-field.wa-field-photo span,
#wa-my-info-read-wrapper .wa-field span {
    font-size: var(--font-size-xs)
}

#wa-my-info-edit-wrapper .wa-field.wa-field-photo .wa-name {
    margin-bottom: 50px
}

@media screen and (max-width:900px) {
    #wa-my-info-edit-wrapper .wa-field.wa-field-photo .wa-name {
        display: none
    }
}

#wa-my-info-edit-wrapper .wa-field.wa-field-photo .wa-value {
    display: flex;
    flex-direction: column
}

#wa-my-info-edit-wrapper .wa-field.wa-field-photo input[type=file] {
    max-width: 300px;
    border: 0 !important;
    padding: 0;
    border-radius: 0;
    margin: var(--grid-gutter) 0;
    font-size: var(--font-size-sm)
}

.wa-form .wa-field .wa-value input[type=email],
.wa-form .wa-field .wa-value input[type=password],
.wa-form .wa-field .wa-value input[type=text],
.wa-form .wa-field .wa-value select {
    width: 100%;
    max-width: 300px;
    margin: 0;
    position: relative
}

.wa-form .wa-field .wa-value .show-password {
    top: 0;
    margin-left: -25px;
    margin-right: 20px;
    position: relative;
    z-index: 10;
    cursor: pointer;
    color: #888
}

@media screen and (max-width:900px) {
    .wa-form .wa-field .wa-value .show-password {
        top: 12px;
        right: -10px;
        position: absolute;
        z-index: 10;
        cursor: pointer;
        color: #888
    }
}

.wa-form .wa-field .wa-value textarea {
    min-width: 300px;
    height: 70px
}

@media screen and (max-width:900px) {
    .wa-form .wa-field .wa-value textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: unset !important
    }
}

.wa-form .wa-field .wa-value input.wa-captcha-input {
    width: 100px;
    min-width: 0
}

.wa-form .wa-field .wa-value .wa-captcha p {
    margin-bottom: 5px
}

.wa-form .wa-field .wa-value label {
    display: block
}

.wa-form .wa-field .wa-value .errormsg,
.wa-form .wa-field .wa-value .wa-captcha img {
    margin-left: 0
}

.wa-form .wa-field .wa-value.wa-submit {
    margin-top: 10px
}

.wa-form .wa-field .wa-value p label {
    display: block;
    margin: 0
}

.wa-form .wa-field .wa-value p {
    line-height: 1.6em;
    margin-bottom: 0;
    position: relative
}

.wa-form .wa-field .wa-value p span {
    color: var(--color-grey);
    font-size: var(--font-size-xs);
    display: block
}

.wa-form .wa-field .wa-value p i.icon16 {
    float: left;
    left: -20px;
    margin-top: 2px;
    position: absolute
}

.wa-form .wa-field .wa-value p input {
    display: block;
    margin-bottom: 2px
}

.wa-form .wa-field .wa-value p input[type=checkbox],
.wa-form .wa-field .wa-value p input[type=radio] {
    display: inline
}

.wa-form .wa-field.wa-required .wa-name:after,
.wa-form .wa-field .wa-value p .field.wa-required span:after {
    content: " *";
    color: #faa
}

.wa-signup-form .wa-form .wa-field.wa-field-email {
    margin-top: 20px
}

.wa-signup-form .wa-form .wa-field.wa-field-email .wa-value input {
    min-width: 300px
}

.wa-signup-form .wa-form .wa-field.wa-field-password .wa-value input,
.wa-signup-form .wa-form .wa-field.wa-field-password_confirm .wa-value input {
    min-width: 200px;
    width: 200px
}

.wa-signup-form-wrapper .wa-adapters-section {
    margin: 0 0 20px
}

.wa-signup-form-wrapper .wa-adapters-section .wa-section-header {
    margin: 0 0 10px;
    font-size: 14px;
    color: #888
}

.wa-signup-form-wrapper .wa-adapters-section .wa-section-divider {
    margin: 2.14285714em 0 0;
    color: #bbb;
    overflow: hidden
}

.wa-signup-form-wrapper .wa-adapters-section .wa-section-divider .wa-text {
    position: relative
}

.wa-signup-form-wrapper .wa-adapters-section .wa-section-divider .wa-text:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 10px;
    width: 230px;
    height: 1px;
    background: #efefef
}

.user-auth-provider,
.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list {
    margin: 0;
    padding: 0
}

.user-auth-provider li,
.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li {
    display: inline-block;
    vertical-align: top;
    width: 2.14285714em;
    margin: 0 1.07142857em 0 0;
    padding: 0;
    list-style: none
}

.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li:last-child {
    margin-right: 0
}

.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li a {
    display: inline-block;
    vertical-align: top
}

.wa-signup-form-wrapper .wa-adapters-section .wa-adapters-list li img {
    width: 100%;
    vertical-align: top
}

.wa-captcha {
    padding: 7px 0 10px;
    font-size: var(--font-size-sm)
}

.wa-captcha strong {
    font-size: 1.2em
}

.wa-captcha p img {
    float: left !important;
    margin-right: 5px;
    margin-top: 0
}

.wa-captcha .wa-captcha-refresh {
    text-decoration: underline;
    color: #767676
}

.wa-captcha .wa-captcha-input {
    display: inline !important;
    margin-bottom: 5px;
    width: 100px
}

.wa-captcha .errormsg {
    display: block
}

input.error,
textarea.error {
    border: 1px solid var(--color-error) !important
}

.errormsg {
    color: var(--color-error);
    font-style: normal;
    display: block;
    margin: 5px 0;
    font-size: var(--font-size-sm)
}

.wa-login-form-wrapper input[type=email],
.wa-login-form-wrapper input[type=password],
.wa-login-form-wrapper input[type=text] {
    padding: 8px !important;
    background: var(--color-white) !important;
    border: 1px solid #bababa !important;
    border-radius: var(--border-radius) !important
}

input[type=email],
input[type=password],
input[type=text],
select,
textarea {
    padding: 5px;
}

input[type=email],
input[type=password],
input[type=text],
textarea {
    -webkit-appearance: none
}

@media screen and (max-width:900px) {

    input[type=email],
    input[type=password],
    input[type=text],
    textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: unset !important
    }
}

.wa-auth-adapters:before {
    content: " ";
    clear: both;
    display: block
}

.wa-adapters-section {
    margin: 0 0 20px
}

.wa-adapters-section .wa-section-header {
    margin: 0 0 10px;
    font-size: 14px;
    color: #888
}

.wa-adapters-section .wa-section-divider {
    margin: 2.14285714em 0 0;
    line-height: 1.16666667em;
    color: #bbb;
    overflow: hidden
}

.wa-adapters-section .wa-section-divider .wa-text {
    position: relative
}

.wa-adapters-section .wa-section-divider .wa-text:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 100%;
    margin-left: 10px;
    width: 230px;
    height: 1px;
    background: #efefef
}

.wa-adapters-section .wa-adapters-list {
    margin: 0;
    padding: 0
}

.wa-adapters-section .wa-adapters-list li {
    display: inline-block;
    vertical-align: top;
    width: 2.14285714em;
    margin: 0 1.07142857em 0 0;
    padding: 0;
    list-style: none
}

.wa-adapters-section .wa-adapters-list li:last-child {
    margin-right: 0
}

.wa-adapters-section .wa-adapters-list li a {
    display: inline-block;
    vertical-align: top
}

.wa-adapters-section .wa-adapters-list li img {
    width: 100%;
    vertical-align: top
}

.wa-field-wrapper .wa-select {
    height: unset !important
}

body.sticky-mobile {
    overflow: hidden;
    -webkit-overflow-scrolling: touch !important;
    position: fixed;
    width: 100vw
}

.topline {
    height: 38px
}

@media screen and (max-width:900px) {
    .topline {
        display: none;
        height: unset
    }
}

.topline._open {
    display: block
}

.topline._open .topline__leftside {
    display: none
}

.topline__container {
    max-width: var(--grid-maxWidth);
    margin: 0 auto;
    width: 96%;
    padding: 0 calc(var(--grid-gutter) / 2);
    display: flex;
    gap: var(--grid-gutter)
}

.topline__phone {
    margin-right: calc(var(--grid-gutter) * 1);
    padding-right: 25px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-md);
    line-height: 1.3;
    position: relative;
    display: inline-block
}

.topline__phone-phone a {
    color: var(--font-color)
}

.topline__phone-callback {
    margin-top: calc(var(--grid-gutter) * 1)
}

@media screen and (max-width:900px) {
    .topline__phone-callback a {
        background: var(--color-third);
        width: 100%;
        color: var(--color-white);
        display: block;
        border-radius: var(--border-radius);
        padding: var(--grid-gutter)
    }
}

@media screen and (max-width:900px) {
    .topline__phone {
        margin-right: 0;
        padding-right: 0;
        width: 100%;
        text-align: center
    }
}

.topline__phone:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 0;
    font-family: Font Awesome\ 5 Free;
    transform: rotate(90deg);
    content: "\f0da";
    font-weight: 600;
    padding: 0 15px 0 13px;
    color: var(--color-primary);
    font-size: 10px
}

@media screen and (max-width:900px) {
    .topline__phone:after {
        display: none
    }
}

.topline__phone:hover .topline__phone-ext {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    transition: all .3s ease
}

.topline__phone p:last-child {
    margin-bottom: 0
}

.topline__phone svg {
    display: inline-block;
    vertical-align: middle;
    margin-left: calc(var(--grid-gutter) / 2)
}

.topline__phone-ext {
    position: absolute;
    left: calc(var(--grid-gutter) * -1 * 2);
    width: 250px;
    height: auto;
    padding: calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 2);
    border: 1px solid #000;
    z-index: 50;
    font-weight: var(--font-weight-normal);
    background: var(--color-white);
    border-radius: var(--border-radius);
    font-size: var(--font-size-xs);
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all .3s ease;
    cursor: unset
}

@media screen and (max-width:900px) {
    .topline__phone-ext {
        position: static;
        width: 100%;
        opacity: 1;
        visibility: visible;
        transform: translateY(0) !important;
        border: 0
    }
}

.topline__phone-link {
    color: #fff;
    white-space: nowrap
}

.topline__leftside {
    flex: 1;
    color: var(--color-grey);
    font-size: var(--font-size-sm);
    display: flex;
    align-items: center;
    position: relative;
    max-width: 60%;
    z-index: 1
}

.topline__rightside {
    flex: 1;
    position: relative;
    z-index: 2
}
.phone__num {
    margin: 0 0 0 6px;
    transition: all 0.4s ease-in-out;
    font-size: 1.3rem;
    color: #fff !important;
    text-shadow: 0 0 7px #fff, 0 0 10px #fff, 0 0 21px #fff, 0 0 42px #0fa, 0 0 82px #0fa, 0 0 92px #0fa, 0 0 102px #0fa, 0 0 151px #0fa;
    text-decoration: none;
}
@media screen and (max-width:900px) {
    .topline__rightside {
        position: fixed;
        left: 0;
        top: 51px;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: calc(var(--grid-gutter) * 3);
        background: var(--color-white);
        box-shadow: 0 2px 6px rgba(81, 56, 56, .04)
    }
}

.topline__menu {
    list-style: none;
    margin: 0 0 0 calc(var(--grid-gutter) * -1);
    padding: 0;
    flex-direction: row;
    justify-content: stretch;
    display: flex;
    visibility: hidden
}

.topline__menu li {
    display: inline-block;
    position: relative;
    margin: 0 var(--grid-gutter);
    font-size: var(--font-size-sm);
    white-space: nowrap
}

.topline__menu li:after {
    position: absolute;
    right: -16px;
    top: 2px;
    width: 1px;
    height: 18px;
    content: " "
}

.topline__menu li.tree {
    padding-right: var(--grid-gutter)
}

.topline__menu li.tree:before {
    position: absolute;
    top: calc(50% - 6px);
    right: calc((var(--grid-gutter) * -1) + 3px);
    font-family: Font Awesome\ 5 Free;
    transform: rotate(90deg);
    content: "\f0da";
    font-weight: 600;
    padding: 0 15px 0 13px;
    color: var(--color-primary);
    font-size: 10px;
    background: transparent
}

@media screen and (max-width:900px) {
    .topline__menu li.tree:before {
        display: none
    }
}

.topline__menu li.tree__dots {
    white-space: unset
}

.topline__menu li.tree__dots:before {
    content: ""
}

.topline__menu li.tree__dots li.tree {
    white-space: unset
}

.topline__menu li.tree__dots li.tree:before {
    transform: rotate(0deg);
    top: calc(50% - 8px);
    right: calc((var(--grid-gutter) * -1) + 0px)
}

@media screen and (max-width:900px) {
    .topline__menu li.tree__dots li.tree:before {
        display: none
    }
}

.topline__menu li.tree__dots li.tree ul {
    top: calc(var(--grid-gutter) * -1)
}

.topline__menu li:last-child:after {
    content: "";
    width: 0
}

.topline__menu a {
    color: #fff;
    text-decoration: none;
}

.topline__menu ul {
    visibility: hidden;
    transition: all .3s ease;
    padding: calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 2);
    border: 1px solid var(--form-border);
    background: var(--color-white);
    position: absolute;
    z-index: 100;
    opacity: 0;
    border-radius: var(--border-radius);
    transform: translateY(20px);
    width: 200px;
    flex-direction: column;
    display: flex;
    margin-left: -30px
}

.topline__menu ul li {
    z-index: 20;
    position: relative;
    padding: 0;
    margin: 0 0 var(--grid-gutter)
}

.topline__menu ul li:last-child {
    margin: 0
}

.topline__menu ul li:after {
    content: "";
    display: none
}

.topline__menu ul li a {
    display: block
}

.topline__menu ul .tree:hover:after {
    content: "\f054"
}

.topline__menu ul .tree:after {
    top: 16px;
    right: 30px;
    content: "\f054"
}

.topline__menu ul ul {
    position: absolute;
    left: 93%;
    top: -5px
}

.topline__menu li:hover>ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: translateY(0);
	border: 1px solid #000;
}
.tree.tree__dots .phone__text {font-weight: 700;}
.tree.tree__dots .phone__num {color: #8d8d8d !important;}
.topline__contact {
    position: relative;
    margin-right: calc(var(--grid-gutter) * 2);
    font-size: var(--font-size-sm)
}

@media screen and (max-width:900px) {
    .topline__contact {
        margin-right: 0;
        margin-bottom: var(--grid-gutter)
    }
}

.topline__contact:after {
    position: absolute;
    right: -16px;
    top: 2px;
    width: 1px;
    height: 18px;
    background: var(--form-border);
    content: " "
}

@media screen and (max-width:900px) {
    .topline__contact:after {
        display: none
    }
}

.topline__contact a {
    color: #fff;
    text-decoration: none
}

.topline__contact svg {
    width: 15px;
    margin-right: calc(var(--grid-gutter) / 2);
    fill: var(--color-primary)
}

.topline__social {
    display: flex
}

.topline__social-item {
    margin: 0 calc(var(--grid-gutter) / 2);
    flex-direction: column;
    position: relative;
    width: 15px
}

@media screen and (max-width:900px) {
    .topline__social-item {
        width: 25px
    }
}

.topline__social-item:hover svg.icon-instagram {
    stroke: var(--color-primary);
    fill: none
}

.topline__social-item:hover svg.icon-whatsup {
    fill: green !important
}

.topline__social-item:hover svg.icon-telegram {
    fill: #1e90ff !important
}

.topline__social-item:hover svg.icon-vk {
    fill: blue !important
}

.topline__social-item:hover svg.icon-odnoklassniki {
    fill: orange !important
}

.topline__social-item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.topline__social-item svg {
    max-height: 18px;
    fill: var(--color-grey)
}

@media screen and (max-width:900px) {
    .topline__social-item svg {
        max-height: 25px;
		max-width: max-content;
    }
}

.topline__social-item svg.icon-instagram {
    stroke: var(--color-grey);
    stroke-width: 2px;
    fill: none
}

.header {
    background: linear-gradient(to right, #000 0, #1e5f30 100%) no-repeat;
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04)
}

.header.sticky {
    position: relative;
    top: 0;
    z-index: 20
}

@media screen and (max-width:900px) {

    .header,
    .header.sticky {
        position: fixed
    }

    .header {
        top: 0;
        left: 0;
        width: 100%;
        z-index: 20
    }
}

.hcenter {
    padding: calc(var(--grid-gutter) / 2)
}

.hcenter__container {
    max-width: var(--grid-maxWidth);
    margin: 0 auto;
    width: 96%;
    padding: 0 calc(var(--grid-gutter) / 2);
    display: flex;
    min-height: 75px
}

@media screen and (max-width:900px) {
    .hcenter__container {
        min-height: unset;
        height: 45px;
        display: flex;
        align-items: center;
        justify-content: space-between
    }
}

.hcenter__menu {
    display: none;
    min-width: 100px;
    justify-content: start
}

.hcenter__menu svg {
    width: 26px;
    height: 30px;
    fill: transparent;
    stroke: #c7c7c7;
    cursor: pointer;
	pointer-events: auto;
}

@media screen and (max-width:900px) {
    .hcenter__menu {
        display: flex
    }
}

.hcenter__contacts {
    display: none;
    min-width: 100px;
    justify-content: end;
    cursor: pointer
}

.hcenter__contacts svg {
    width: 30px;
    height: 30px;
    fill: transparent;
    stroke: #c7c7c7;
    stroke-width: 2px
}

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

@media screen and (max-width:900px) {
    .hcenter__contacts {
        display: flex;
        gap: var(--grid-gutter)
    }
}

.hcenter__logo {
    width: 160px;
    margin-right: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .hcenter__logo {
        max-height: 30px;
        display: flex;
        justify-content: center;
        width: 100%;
        margin-right: 0;
        min-width: 50px
    }
}

@media screen and (max-width:900px) {
    .hcenter__logo a {
        height: 100%;
        display: flex;
        align-items: center
    }
}

@media screen and (max-width:900px) {
    .hcenter__logo img {
        max-height: 28px
    }
}

.hcenter__search {
    flex: 1;
    position: relative;
    display: flex;
    margin-right: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .hcenter__search {
        transition: all .3s ease;
        opacity: 0
    }
}

.hcenter__search._open {
    opacity: 1;
    display: flex !important;
    position: fixed;
    width: 100%;
    transform: translateY(53px);
    transition: all .3s ease;
    background: var(--color-white);
    padding: calc(var(--grid-footer) / 2);
    left: 0;
    z-index: 1;
    box-shadow: 0 2px 6px rgba(81, 56, 56, .04)
}

.hcenter__search form {
    position: relative;
    width: 100%
}

.hcenter__search-loader {
    position: absolute;
    right: 15px;
    top: -14px;
    transform: translate(-50%);
    width: 70px;
    height: 70px;
    z-index: 20020;
    background-image: url(../../images/loading.svg);
    background-repeat: no-repeat;
    background-position: 0;
    background-size: 30px;
    opacity: .8
}

@media screen and (max-width:900px) {
    .hcenter__search-loader {
        right: -10px
    }
}

.hcenter__search button {
    position: absolute;
    right: 7px;
    background: #000 !important;
    color: #fff !important;
    padding: 0 var(--grid-gutter) !important;
    border-radius: var(--border-radius);
    width: auto !important;
    height: 30px;
    z-index: 0;
    font-size: var(--font-size-xs) !important;
    font-weight: var(--font-weight-normal);
}

.hcenter__search button svg {
    stroke: var(--color-white);
    fill: none;
    position: absolute;
    left: 3px;
    top: 3px;
    width: 22px;
    height: 22px;
    stroke-width: 1.5px
}

.hcenter__search input[type=text] {
    width: 100%;
    padding: 13px !important
}

.hcenter__catalog {
    width: 140px;
    font-size: var(--font-size-md);
    margin-right: var(--grid-gutter);
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    line-height: 1.3;
    justify-content: center
}

.hcenter__catalog button {
    font-weight: var(--font-weight-bold);
    background: rgba(0, 0, 0, 0);
    padding: 15px var(--grid-gutter);
    width: 100%;
	border: 1px solid #ffffff44;
}
.hcenter__catalog button:hover {
	border: 1px solid #ffffff;
}

.hcenter__catalog button svg {
    margin-right: var(--grid-gutter)
}

.hcenter__icons,
.hcenter__profile {
    width: auto
}

@media screen and (max-width:900px) {
    .hcenter__icons .iconblock:last-child .iconblock-icon {
        margin-right: 0
    }
}

.search-popup {
    position: absolute;
    left: 0;
    top: 56px;
    z-index: 50;
    transform: translateY(20px);
    opacity: 0;
    visibility: hidden;
    width: 100%
}

.search-popup.search-popup-show {
    transition: all .2s ease;
    transform: translateY(1px);
    opacity: 1;
    visibility: visible
}

.header__search__popup {
    background: var(--bg-color);
    z-index: 150;
    border-radius: 6px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    text-align: left;
    line-height: 20px;
    transition: all .2s ease
}

.header__search__popup-total {
    font-size: var(--font-size-xs)
}

.header__search__popup-close {
    z-index: 10001;
    position: absolute;
    background: var(--color-white);
    top: 20px;
    right: 15px;
    width: 27px;
    height: 27px;
    cursor: pointer
}

.header__search__popup-close .icon-close {
    background-image: url(../../images/close.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-align: center
}

.header__search__popup-close .icon-close:hover {
    stroke: var(--color-grey);
    transform: rotate(90deg);
    transition-duration: .3s
}

.header__search__popup-scroll {
    max-height: 300px;
    overflow-y: auto
}

.header__search__popup-title {
    font-size: var(--font-size-sm);
    padding: 20px;
    border-bottom: 1px solid var(--form-border)
}

.header__search__popup-title-count {
    background: var(--bg-secondary-color);
    color: var(--color-grey);
    font-size: var(--font-size-sm);
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    border-radius: var(--border-radius);
    margin-left: 10px
}

.header__search__popup-checkout {
    padding: 20px;
    border-top: 1px solid var(--form-border);
    display: flex
}

.header__search__popup-checkout-btn {
    flex: 1
}

.header__search__popup-checkout-total {
    flex: 1;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xl)
}

.header__search__popup-inner {
    background: var(--bg-color);
    padding: calc(var(--grid-gutter) / 2) var(--grid-gutter);
    display: flex
}

.header__search__popup-inner:hover {
    background: var(--bg-secondary-color)
}

.header__search__popup-inner a {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold);
    color: var(--font-color);
    position: static !important
}

.header__search__popup-name {
    margin-bottom: 5px;
    width: 100%
}

.header__search__popup-sku {
    color: var(--color-grey)
}

.header__search__popup-price {
    font-size: calc(var(--font-size-sm));
    font-weight: var(--font-weight-bold);
    line-height: calc(var(--font-size-sm));
    color: var(--font-color);
    display: block;
    width: 100%
}

.header__search__popup-price s {
    font-weight: var(--font-weight-normal);
    display: inline-block;
    font-size: calc(var(--font-size-sm));
    color: var(--color-grey)
}

.header__search__popup-text {
    flex: 1;
    padding-right: 20px
}

.header__search__popup-img {
    width: 65px;
    max-height: 50px;
    margin-right: 10px;
    text-align: center
}

.header__search__popup-img img {
    max-height: 50px;
    max-width: 50px
}

.header__search__popup-button .remove-icon {
    height: 25px;
    width: 25px;
    padding: 0;
    background: var(--bg-color);
    border: 1px solid var(--color-link);
    color: var(--color-link);
    position: relative;
    min-height: unset
}

.header__search__popup-button .remove-icon span {
    position: absolute;
    top: 2px;
    left: 8px;
    font-weight: var(--font-weight-normal)
}

.header__search__popup-button .remove-icon:hover {
    background: var(--color-link);
    color: var(--bg-color)
}

.header-container {
    display: flex;
    margin-bottom: var(--grid-gutter);
    justify-content: space-between;
    align-items: center
}

.header-container .button.white {
    border: 1px solid var(--box-border)
}

@media screen and (max-width:900px) {
    .header-container .button.white {
        color: var(--color-link);
        border: 0;
        box-shadow: none;
        padding: calc(var(--grid-gutter) * 1.5);
        font-size: 0;
        display: flex;
        justify-content: center;
        text-align: center
    }
}

@media screen and (max-width:900px) {
    .header-container .button.white svg {
        margin-right: 0
    }
}

.header-container__name {
    flex: 1
}

.header-container__func svg {
    stroke: var(--font-color);
    stroke-width: 1;
    width: 15px;
    margin-right: 10px
}

.home-slider {
    margin-top: var(--grid-gutter);
    height: 250px;
    display: flex
}

@media screen and (max-width:900px) {
    .home-slider {
        height: 300px
    }
}

.home-slider__img {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient))
}

.home-slider__img img {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%
}

.home-slider__timer {
    font-size: var(--font-size-micro);
    background: var(--color-white);
    color: var(--color-grey);
    padding: calc(var(--grid-gutter) / 4) calc(var(--grid-gutter) / 2);
    border-radius: var(--border-radius)
}

.home-slider .swiper-button-next,
.home-slider .swiper-button-prev {
    cursor: pointer;
    color: var(--color-white)
}

@media screen and (max-width:900px) {
    .home-slider .swiper-button-prev {
        left: 0 !important
    }
}

@media screen and (max-width:900px) {
    .home-slider .swiper-button-next {
        right: 0 !important
    }
}

.home-slider__text {
    position: relative;
    z-index: 2;
    color: var(--color-white);
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding-left: calc(var(--grid-gutter) * 5);
    width: 50%
}

@media screen and (max-width:900px) {
    .home-slider__text {
        padding-left: calc(var(--grid-gutter) * 5)
    }
}

.home-slider__text h2 {
    font-size: var(--font-size-xxxl);
    text-align: left
}

@media screen and (max-width:900px) {
    .home-slider__text h2 {
        line-height: calc(var(--font-size-xxxl) + 6px)
    }
}

.home-slider__text h3 {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-lg);
    text-align: left
}

@media screen and (max-width:900px) {
    .home-slider__text h3 {
        line-height: calc(var(--font-size-lg) + 7px)
    }
}

.home-slider__text .button {
    margin-top: var(--grid-gutter);
    background: var(--color-third)
}

.home-slider__container {
    display: flex;
    max-width: var(--grid-maxWidth);
    margin: 0 auto;
    width: 96%;
    padding: 0 calc(var(--grid-gutter) / 2);
    height: 100%;
    position: relative;
    gap: calc(var(--grid-gutter) * 1)
}

@media screen and (max-width:900px) {
    .home-slider__container {
        flex-direction: column
    }
}

.home-slider__leftside {
    background: var(--color-white);
    flex: 1;
    border-radius: var(--border-radius);
    overflow: hidden
}

@media screen and (max-width:900px) {
    .home-slider__leftside {
        width: 100%
    }
}

.home-slider__left {
    height: 100%
}

.home-slider__popular {
    background: var(--color-white);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: column;
    width: 20%;
    height: 100%;
    min-width: 300px;
    border: 1px solid var(--box-border)
}

.home-slider__popular .p-thumbs__add {
    display: none !important
}

@media screen and (max-width:900px) {
    .home-slider__popular {
        display: none
    }
}

.home-slider__popular-header {
    font-weight: var(--font-weight-bold);
    padding: var(--grid-gutter) var(--grid-gutter) 0;
    position: relative;
    background: var(--color-third);
    color: var(--color-white);
    padding-bottom: var(--grid-gutter);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)
}

.home-slider__popular-count {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-sm);
    position: absolute;
    top: calc(var(--grid-gutter) + 2px);
    right: var(--grid-gutter)
}

.home-slider__popular-count i {
    color: var(--color-white);
    margin-right: 3px
}

.home-slider__popular-count span {
    background: var(--color-white);
    color: var(--font-color);
    padding: 2px 4px;
    margin: 0 2px;
    border-radius: var(--border-radius);
    display: inline-block;
    min-width: 25px;
    text-align: center
}

.home-slider__popular-count span:last-child {
    margin-right: 0
}

.home-slider__popular .p-thumbs__img {
    max-height: 190px !important
}

.home-slider__popular .p-thumbs__img._fit img {
    max-width: 100%;
    max-height: 190px !important
}

.home-slider__popular .p-thumbs__summary {
    display: none
}

.home-slider__popular .p-thumbs__inner {
    background: transparent;
    border: 0
}

.home-slider__popular .p-thumbs__inner:hover {
    box-shadow: none !important
}

.home-slider__popular .p-thumbs__text-bottom {
    margin-top: calc(var(--grid-gutter) / 3)
}

.h-tags {
    margin-top: calc(var(--grid-gutter) * 4)
}

.h-tags a {
    text-decoration: none;
    margin: 0 calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) / 2) 0;
    display: inline-block;
    padding: calc(var(--grid-gutter) / 1.5) calc(var(--grid-gutter) * 1.5);
    font-weight: var(--font-weight-bold);
    border-radius: var(--border-radius);
    background: var(--color-white);
    transition: all .4s;
    color: var(--font-color);
    box-shadow: var(--box-shadow-item);
    font-size: var(--font-size-md);
    border: 1px solid var(--box-border)
}

.h-tags a:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    color: var(--color-primary)
}

.h-promo {
    margin-top: var(--grid-gutter)
}

.h-promo__col-3 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    display: flex
}

.h-promo__col-3:nth-child(3n+3) .col-5__inner {
    margin-right: 0
}

@media screen and (max-width:900px) {
    .h-promo__col-3 {
        flex: 0 0 50%;
        max-width: 50%
    }

    .h-promo__col-3:nth-child(2n+2) .col-5__inner {
        margin-right: 0
    }
}

.h-promo__col-4 {
    flex: 0 0 25%;
    max-width: 25%;
    display: flex
}

.h-promo__col-4:nth-child(4n+4) .col-5__inner {
    margin-right: 0
}

@media screen and (max-width:900px) {
    .h-promo__col-4 {
        flex: 0 0 66.66667%;
        max-width: 100%
    }

    .h-promo__col-4:nth-child(2n+2) .col-5__inner {
        margin-right: 0
    }
}

.h-promo__col {
    flex: 1;
    margin-right: var(--grid-gutter)
}

.h-promo__col:last-child {
    margin-right: 0
}

@media screen and (max-width:900px) {
    .h-promo__col {
        margin-bottom: 10px
    }
}

.h-promo a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.h-promo__inner {
    width: 100%;
    background: var(--color-white);
    padding: var(--grid-gutter);
    display: flex;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--box-border);
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .h-promo__inner {
        line-height: var(--font-size-md);
        overflow-x: scroll;
        gap: calc(var(--grid-gutter) * 2);
        display: flex;
        padding: calc(var(--grid-gutter) * 2)
    }
}

.h-promo__icon {
    width: 50px;
    height: 50px;
    justify-content: center;
    display: flex;
    align-items: center;
    background: var(--bg-secondary-color);
    border-radius: 50%;
    margin-right: var(--grid-gutter);
    text-align: center;
    background: var(--bg-primary)
}

@media screen and (max-width:900px) {
    .h-promo__icon {
        min-width: 30px;
        min-height: 30px;
        width: 30px;
        height: 30px
    }
}

.h-promo__text {
    width: 65%;
    display: flex;
    align-items: center
}

@media screen and (max-width:900px) {
    .h-promo__text {
        width: 100%;
        font-size: var(--font-size-sm);
        align-items: start
    }
}

.h-promo__text p {
    margin-bottom: 0;
    color: var(--color-grey);
    font-size: var(--font-size-base);
    line-height: calc(var(--font-size-base) + 4px)
}

.h-promo .icon {
    color: var(--color-primary);
    font-size: 22px;
    position: relative;
    z-index: 10
}

@media screen and (max-width:900px) {
    .h-promo .icon {
        font-size: 16px
    }
}

.h-popular__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: var(--grid-maxWidth);
    margin: 0 auto;
    width: 96%
}

@media screen and (max-width:900px) {
    .h-popular__container {
        display: flex;
        flex-direction: row !important;
        justify-content: stretch;
        overflow-x: auto;
        overflow-y: hidden;
        flex-wrap: nowrap;
        border: 0;
        position: relative
    }
}

.h-popular__col-5 {
    flex: 0 0 12.5%;
    max-width: 12.5%;
    margin-bottom: var(--grid-gutter)
}

.h-popular__col-5:nth-child(8n+8) .col-5__inner {
    margin-right: 0
}

@media screen and (max-width:900px) {
    .h-popular__col-5 {
        flex: 0 0 auto;
        vertical-align: middle;
        white-space: nowrap;
        align-self: center;
        width: 150px;
        min-width: 150px;
        max-width: 150px
    }
}

.h-popular__inner {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--box-border);
    margin: 0 calc(var(--grid-gutter) / 2);
    height: 100%;
    border-radius: var(--border-radius);
    background: var(--color-white)
}

.h-popular__inner,
.h-popular__inner:hover {
    transition: box-shadow .24s cubic-bezier(.22, 0, .08, 1), transform .24s cubic-bezier(.22, 0, .08, 1)
}

.h-popular__inner:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08)
}

.h-popular__img {
    padding: calc(var(--grid-gutter) * 1);
    height: 130px;
    min-height: 130px;
    position: relative
}

@media screen and (max-width:900px) {
    .h-popular__img {
        height: 140px;
        min-height: 140px
    }
}

.h-popular__img-badge {
    position: absolute;
    z-index: 5;
    top: calc(var(--grid-gutter) * 1);
    left: var(--grid-gutter);
    font-size: var(--font-size-micro);
    background: var(--badge);
    color: var(--color-white);
    padding: 2px 8px;
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .h-popular__img-badge {
        font-size: var(--font-size-micro)
    }
}

.h-popular__img a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    color: var(--color-white)
}

.h-popular__img img {
    max-height: 100px
}

@media screen and (max-width:900px) {
    .h-popular__img img {
        max-height: 100px
    }
}

.h-popular__arrow {
    width: 30px;
    height: 30px;
    position: absolute;
    background: var(--color-primary);
    opacity: .3;
    color: var(--color-white);
    border-bottom-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius);
    right: 0;
    bottom: 0;
    display: flex;
    justify-content: center;
    align-items: center
}

.h-popular__fulllink {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.h-popular__categories {
    padding: calc(var(--grid-gutter) * 1);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background: var(--bg-primary);
    height: 100%;
    position: relative
}

.h-popular__categories-header {
    font-size: var(--font-size-md);
    line-height: calc(var(--font-size-md) + 4px);
    font-weight: var(--font-weight-bold)
}

@media screen and (max-width:900px) {
    .h-popular__categories-header {
        text-align: center;
        font-size: var(--font-size-xs);
        line-height: calc(var(--font-size-xs) + 2px);
        padding-bottom: 25px
    }
}

.h-popular__categories-header a {
    color: var(--font-color);
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (max-width:900px) {
    .h-popular__categories-header a {
        white-space: nowrap
    }
}

.h-popular__categories-more {
    background: var(--bg-secondary-color);
    border-radius: var(--border-radius);
    cursor: pointer;
    padding: 0 calc(var(--grid-gutter) / 2)
}

@media screen and (max-width:900px) {
    .h-popular__categories-more {
        display: none !important
    }
}

.h-popular__categories a {
    display: inline-block;
    border-bottom: 0 !important;
    text-decoration: none;
    margin-right: var(--grid-gutter);
    margin-bottom: calc(var(--grid-gutter) / 3)
}

@media screen and (max-width:900px) {
    .h-popular__categories a {
        width: 100%;
        margin-bottom: 0
    }
}

@media screen and (max-width:900px) {
    .h-popular__subcat {
        display: none
    }
}

.h-popular__subcat a {
    font-size: var(--font-size-sm);
    color: var(--color-white);
    opacity: .7;
    margin-bottom: 0
}

.h-picture {
    margin-top: calc(var(--grid-gutter) * 2)
}

.h-picture__container {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    max-width: var(--grid-maxWidth);
    margin: 0 auto;
    width: 96%
}

.h-picture__col-5 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    margin-bottom: var(--grid-gutter);
    aspect-ratio: 1.6
}

@media screen and (max-width:900px) {
    .h-picture__col-5 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.h-picture__inner {
    display: flex;
    flex-direction: column;
    border: 1px solid var(--box-border);
    margin: 0 calc(var(--grid-gutter) / 2);
    height: 100%;
    border-radius: var(--border-radius);
    background: var(--color-white);
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: 50%;
    transition: background-image 1s;
    overflow: hidden
}

.h-picture__inner:hover .h-picture__img {
    transition: .3s;
    transform: scale(1.05)
}

.h-picture__img {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    transition: .3s;
    top: 0;
    left: 0;
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient))
}

.h-picture__img img {
    object-position: center;
    object-fit: cover;
    height: 100%;
    width: 100%
}

@media screen and (max-width:900px) {
    .h-picture__img {
        height: 100%;
        min-height: 100%
    }
}

.h-picture__img-badge {
    position: absolute;
    z-index: 5;
    top: calc(var(--grid-gutter) * 1);
    left: var(--grid-gutter);
    font-size: var(--font-size-micro);
    background: var(--badge);
    color: var(--color-white);
    padding: 2px 8px;
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .h-picture__img-badge {
        font-size: var(--font-size-micro)
    }
}

.h-picture__categories {
    padding: calc(var(--grid-gutter) * 1);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background: rgba(0, 0, 0, .4);
    bottom: 0;
    left: 0;
    width: 100%;
    min-height: 150px;
    position: absolute;
    z-index: 2
}

@media screen and (max-width:900px) {
    .h-picture__categories {
        min-height: unset
    }
}

.h-picture__categories-header {
    font-size: var(--font-size-xl);
    line-height: calc(var(--font-size-md) + 4px);
    font-weight: var(--font-weight-bold)
}

@media screen and (max-width:900px) {
    .h-picture__categories-header {
        text-align: center;
        font-size: var(--font-size-xs);
        line-height: calc(var(--font-size-xs) + 2px);
        padding-bottom: 25px
    }
}

.h-picture__categories-header a {
    color: var(--color-white);
    text-overflow: ellipsis;
    overflow: hidden
}

@media screen and (max-width:900px) {
    .h-picture__categories-header a {
        white-space: nowrap
    }
}

.h-picture__categories-more {
    border-radius: var(--border-radius);
    cursor: pointer;
    padding: 0 calc(var(--grid-gutter) / 2)
}

@media screen and (max-width:900px) {
    .h-picture__categories-more {
        display: none !important
    }
}

.h-picture__categories a {
    display: inline-block;
    text-decoration: none
}

@media screen and (max-width:900px) {
    .h-picture__categories a {
        width: 100%;
        margin-bottom: 0
    }
}

.h-picture__subcat {
    margin-top: var(--grid-gutter);
    display: flex;
    gap: calc(var(--grid-gutter) / 2);
    flex-wrap: wrap
}

@media screen and (max-width:900px) {
    .h-picture__subcat {
        display: none
    }
}

.h-picture__subcat a {
    font-size: var(--font-size-md);
    border: 1px solid var(--color-white);
    border-radius: var(--border-radius);
    color: var(--color-white);
    display: inline-block;
    padding: calc(var(--grid-gutter) / 4) var(--grid-gutter)
}

.h-picture__subcat a:hover {
    background: var(--color-white);
    color: var(--color-primary);
    border: 1px solid var(--color-white);
    opacity: 1 !important
}

.marketing {
    margin-bottom: var(--grid-gutter)
}

.marketing__countdown {
    font-size: var(--font-size-micro);
    background: var(--color-white);
    color: var(--color-grey);
    padding: calc(var(--grid-gutter) / 4) calc(var(--grid-gutter) / 2);
    border-radius: var(--border-radius);
    position: absolute;
    bottom: var(--grid-gutter);
    left: var(--grid-gutter);
    display: flex;
    gap: calc(var(--grid-gutter) / 2);
    align-items: center
}

.marketing__countdown i {
    color: var(--color-primary)
}

.marketing__one {
    position: relative;
    background: var(--color-white);
    padding: calc(var(--grid-gutter) / 2);
    border-radius: var(--border-radius);
    border: 1px solid var(--box-border);
    transition: box-shadow .24s cubic-bezier(.22, 0, .08, 1), transform .24s cubic-bezier(.22, 0, .08, 1);
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .marketing__one {
        margin-bottom: var(--grid-gutter)
    }
}

.marketing__one:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    transition: box-shadow .24s cubic-bezier(.22, 0, .08, 1), transform .24s cubic-bezier(.22, 0, .08, 1)
}

.marketing__inner {
    padding: calc(var(--grid-gutter) / 2) var(--grid-gutter)
}

.marketing__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.marketing__title {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold);
    margin-bottom: calc(var(--grid-gutter) / 2)
}

.marketing__img {
    width: 100%;
    aspect-ratio: 1.6;
    position: relative;
    border-radius: var(--border-radius)
}

.marketing__img img {
    object-fit: cover;
    object-position: center
}

.marketing__img-bg,
.marketing__img img {
    border-radius: var(--border-radius);
    height: 100%;
    width: 100%
}

.marketing__img-bg {
    background-size: cover
}

.news {
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .news .row {
        flex-wrap: nowrap;
        overflow-x: scroll
    }
}

@media screen and (max-width:900px) {
    .news .col-6 {
        max-width: calc(45.83333% - var(--grid-gutter))
    }
}

.news__one {
    position: relative;
    background: var(--color-white);
    padding: calc(var(--grid-gutter) / 2);
    border-radius: var(--border-radius);
    border: 1px solid var(--box-border);
    transition: box-shadow .24s cubic-bezier(.22, 0, .08, 1), transform .24s cubic-bezier(.22, 0, .08, 1);
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .news__one {
        margin-bottom: var(--grid-gutter)
    }
}

.news__one:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    transition: box-shadow .24s cubic-bezier(.22, 0, .08, 1), transform .24s cubic-bezier(.22, 0, .08, 1)
}

@media screen and (max-width:900px) {
    .news__one:hover {
        box-shadow: unset
    }
}

.news__one:hover .news__title {
    opacity: .75
}

.news__inner {
    padding: calc(var(--grid-gutter) / 2) var(--grid-gutter)
}

.news__link {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.news__title {
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold);
    margin-bottom: calc(var(--grid-gutter) / 2);
    line-height: calc(var(--font-size-md) + 6px)
}

@media screen and (max-width:900px) {
    .news__title {
        line-height: calc(var(--font-size-md) + 4px)
    }
}

.news__comment {
    margin-top: var(--grid-gutter);
    color: var(--color-grey);
    display: flex;
    gap: calc(var(--grid-gutter) / 2);
    align-items: center
}

.news__description {
    font-size: var(--font-small);
    color: var(--color-grey)
}

.news__img {
    width: 100%;
    aspect-ratio: 1.6
}

.news__img img {
    border-radius: var(--border-radius);
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%
}

.h-map {
    display: flex;
    gap: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .h-map {
        margin-bottom: var(--grid-gutter);
        flex-direction: column;
        gap: var(--grid-gutter)
    }
}

.h-map__leftside {
    flex: 0.3;
    background: var(--color-white);
    border: 1px solid var(--box-border);
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .h-map__leftside {
        flex: 1
    }
}

.h-map__leftside-title {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .h-map__leftside-text {
        line-height: 18px
    }
}

.h-map__leftside-content {
    flex: 1;
    padding: calc(var(--grid-gutter) * 2);
    display: flex;
    flex-direction: column;
    height: 100%
}

@media screen and (max-width:900px) {
    .h-map__leftside-content {
        padding: calc(var(--grid-gutter) * 1)
    }
}

.h-map__leftside-button {
    margin-top: auto
}

@media screen and (max-width:900px) {
    .h-map__leftside-button {
        margin-top: var(--grid-gutter)
    }
}

.h-map__leftside-icon {
    margin-top: var(--grid-gutter)
}

.h-map__leftside-icon img {
    max-height: 30px;
    margin-right: calc(var(--grid-gutter) / 2)
}

.h-map__rightside {
    flex: 0.7;
    background: var(--color-white);
    border: 1px solid var(--box-border);
    border-radius: var(--border-radius);
    display: flex
}

@media screen and (max-width:900px) {
    .h-map__rightside-text {
        line-height: 18px
    }
}

.h-map__rightside-content {
    flex: 1;
    padding: calc(var(--grid-gutter) * 2);
    display: flex;
    flex-direction: column;
    height: 100%
}

@media screen and (max-width:900px) {
    .h-map__rightside-content {
        padding: calc(var(--grid-gutter) * 1)
    }
}

.h-map__rightside-title {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--grid-gutter)
}

.h-map__rightside-button {
    margin-top: auto
}

@media screen and (max-width:900px) {
    .h-map__rightside-button {
        margin-top: var(--grid-gutter)
    }
}

.h-map__rightside-img {
    display: flex;
    flex: 1;
    justify-content: end;
    flex-flow: row nowrap;
    align-items: center;
    padding: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .h-map__rightside-img {
        display: none
    }
}

.h-map__rightside-img img {
    width: auto;
    height: auto;
    max-height: 300px
}

.promo-banner {
    margin-top: calc(var(--grid-gutter) * 3)
}

.promo-banner img {
    border-radius: var(--border-radius)
}

.main-slider {
    width: 100%;
}

.main-slider .swiper-slide {
    font-size: var(--font-size-xl);
    display: flex;
    align-items: center
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient))
}

.swiper-horizontal>.swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite,
.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: unset;
    bottom: 0
}

.swiper-button-next:after,
.swiper-button-prev:after {
    font-size: 35px
}

@media screen and (max-width:900px) {

    .swiper-button-next:after,
    .swiper-button-prev:after {
        font-size: 25px
    }
}

.about {
    border-radius: var(--border-radius);
    padding: calc(var(--grid-gutter) * 1.5);
    background: var(--color-white);
    border: 1px solid var(--box-border);
    display: flex;
    gap: calc(var(--grid-gutter) * 2)
}

.about h1 {
    font-size: var(--font-size-xxl)
}

.about h1,
.about h2 {
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--grid-gutter)
}

.about h2 {
    font-size: var(--font-size-lg)
}

.about h3 {
    font-size: var(--font-size-md)
}

.about h3,
.about h4 {
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--grid-gutter)
}

.about h4 {
    font-size: var(--font-size-base)
}

.about__img {
    flex: 1
}

@media screen and (max-width:900px) {
    .about__img {
        flex: 0.3
    }
}

.about__img img {
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .about__img {
        display: none
    }
}

.about__text {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: center
}

.infoline {
    background: linear-gradient(90deg, rgba(0, 0, 0, .2), transparent 50%);
    background-color: var(--color-darkGrey);
    text-align: center;
    padding: calc(var(--grid-gutter) / 4) var(--grid-gutter);
    position: relative
}

.infoline a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

@media screen and (max-width:900px) {
    .infoline {
        margin-top: -2px
    }
}

.infoline__text {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-md);
    color: var(--color-white)
}

@media screen and (max-width:900px) {
    .infoline__text {
        padding-left: var(--grid-gutter);
        padding-right: var(--grid-gutter);
        font-size: var(--font-size-micro)
    }
}

.infoline__text i {
    margin: 0 var(--grid-gutter)
}

.infoline__close {
    position: absolute;
    z-index: 5;
    right: var(--grid-gutter);
    top: 6px
}

@media screen and (max-width:900px) {
    .infoline__close {
        top: 2px
    }
}

.infoline__close svg {
    background-image: url(../../images/close-white.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer
}

.infoline__close svg:hover {
    transform: rotate(90deg);
    transition-duration: .3s
}

@media screen and (max-width:900px) {
    .infoline__close svg {
        width: 10px;
        height: 10px;
        background-size: 10px
    }
}

:root {
    --box-shadow-button: 0 2px 5px rgba(0, 0, 0, .2);
    --star-color: #f09b0a;
    --color-white: #fff;
    --color-grey: #8d8d8d;
    --color-darkGrey: #3a3a44;
    --color-error: #e64646;
    --color-success: #00c936;
    --color-preorder: #f09b0a;
    --grid-maxWidth: 135rem;
    --grid-gutter: 1.5rem;
    --grid-gutter-mobile: 1rem;
    --grid-footer: calc(var(--grid-gutter) * 6);
    --font-size-micro: 10px;
    --font-size-sm: 12px;
    --font-size-xs: 13px;
    --font-size-base: 14px;
    --font-size-md: 15px;
    --font-size-lg: 16px;
    --font-size-xl: 18px;
    --font-size-xxl: 22px;
    --font-size-xxxl: 24px;
    --font-weight-normal: 400;
    --font-weight-semibold: 500;
    --font-weight-bold: 700;
    --catalog-height: 44px;
    --box-shadow: 0 14px 28px rgba(0, 0, 0, .1), 0 10px 10px rgba(0, 0, 0, .05);
    --box-shadow-form: 0 2px 1px rgba(0, 0, 0, .05);
    --box-shadow-item: 0;
    --form-border: #e8e8e8;
    --box-border: #e8e8e8
}

@media screen and (max-width:900px) {
    :root {
        --font-size-micro: 10px;
        --font-size-sm: 10px;
        --font-size-xs: 11px;
        --font-size-base: 12px;
        --font-size-md: 13px;
        --font-size-lg: 14px;
        --font-size-xl: 16px;
        --font-size-xxl: 18px;
        --font-size-xxxl: 20px;
        --grid-gutter: 0.7rem;
        --grid-footer: calc(var(--grid-gutter) * 3);
        --box-border: #f4f6f9
    }
}

body {
    background: #f6f6f6;
    font-size: var(--font-size-base);
    font-weight: 400;
    min-height: 100vh;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:900px) {
    body {
        margin-top: 55px;
        max-width: 100vw
    }
}

body {
    height: 100%
}

.swiper-button-next,
.swiper-button-prev {
    cursor: pointer;
    color: var(--color-grey)
}

.button.white {
    background: var(--color-white);
    color: var(--color-grey);
    border: 1px solid var(--box-border);
    box-shadow: none
}

.iconblock {
    display: flex
}


.iconblock-icon {
    width: 36px;
    height: 36px;
    border-radius: 5px;
    border: 1px solid #ffffff44;
    text-align: center;
    margin-right: var(--grid-gutter);
    position: relative;
    transition: all .3s ease;
    box-shadow: var(--box-shadow-button);
}
.iconblock-icon:hover {
    cursor: pointer;
    border-color: #fff;
}



.iconblock-icon a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.iconblock-icon svg {
    stroke: var(--color-white);
    fill: none;
    width: 20px;
    stroke-width: 2px
}

.iconblock-count {
    background: var(--color-lightGrey);
    font-size: calc(var(--font-size-micro));
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-white);
    top: -5px;
    right: -3px;
    border-radius: 50%;
    color: var(--font-color)
}

.iconblock-text {
    flex: 1;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-md)
}

@media screen and (max-width:900px) {
    .iconblock-text {
        display: none
    }
}

.iconblock-subtext {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-base);
    line-height: calc(var(--font-size-base) + 2px)
}

.iconblock-subtext a {
    text-decoration: none;
    color: var(--color-grey);
    font-size: var(--font-size-xs)
}

.iconblock-subtext-item {
    position: relative;
    display: inline;
    margin: 0 var(--grid-gutter)
}

.iconblock-subtext-item:after {
    position: absolute;
    right: -16px;
    top: 2px;
    width: 1px;
    height: 16px;
    background: var(--form-border);
    content: " "
}

.iconblock-subtext-item:first-child {
    margin-left: 0
}

.iconblock-subtext-item:last-child:after {
    content: "";
    width: 0
}

h1.category-name {
    font-size: var(--font-size-xxl) !important;
    line-height: calc(var(--font-size-xxl) + 6px);
    margin: var(--grid-gutter) var(--grid-gutter) var(--grid-gutter) 0
}

@media screen and (max-width:900px) {
    h1.category-name {
        margin: 0
    }
}

.block-header {
    display: flex;
    gap: var(--grid-gutter);
    max-width: var(--grid-maxWidth);
    margin: 0 auto;
    width: 96%;
    padding: 0 calc(var(--grid-gutter) / 2) var(--grid-gutter);
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    justify-content: space-between
}

@media screen and (max-width:900px) {
    .block-header {
        line-height: calc(var(--font-size-xxl) + 6px)
    }
}

.block-header__arrow {
    display: flex;
    border: 1px solid var(--form-border);
    border-radius: 25px;
    background: var(--color-white);
    max-height: 37px
}

@media screen and (max-width:900px) {
    .block-header__arrow {
        line-height: calc(var(--font-size-xxl) + 0px) !important;
        background: transparent;
        border: 0;
        gap: calc(var(--grid-gutter) / 4)
    }
}

.block-header__arrow button {
    cursor: pointer;
    background: transparent;
    box-shadow: none;
    color: var(--color-primary);
    padding: calc(var(--grid-gutter) / 1.5)
}

.block-header__arrow button:disabled {
    opacity: .2;
    background: transparent !important
}

@media screen and (max-width:900px) {
    .block-header__arrow button:disabled {
        background: var(--color-white) !important;
        opacity: 1
    }
}

@media screen and (max-width:900px) {
    .block-header__arrow button:disabled svg {
        opacity: .3
    }
}

@media screen and (max-width:900px) {
    .block-header__arrow button {
        padding: calc(var(--grid-gutter) / 3) calc(var(--grid-gutter) / 1);
        background: var(--color-white);
        border-radius: var(--border-radius);
        height: 28px;
        width: 28px;
        border: 1px solid var(--form-border)
    }
}

.block-header__arrow .thumbs-button-prev svg {
    transform: rotate(180deg)
}

.is-margin-top {
    margin-top: calc(var(--grid-gutter) * 2)
}

.hint {
    color: var(--color-grey)
}

.icon-next {
    fill: var(--color-link);
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px
}

.switch-tabs {
    border: 1px solid var(--form-border);
    border-radius: var(--border-radius);
    display: inline-block;
    margin: 0;
    padding: 0
}

@media screen and (max-width:900px) {
    .switch-tabs {
        border: 0
    }
}

.switch-tabs li {
    border-right: 1px solid var(--form-border);
    font-size: var(--font-size-xs);
    background: var(--color-white);
    color: var(--font-color);
    display: inline-block;
    cursor: pointer
}

.switch-tabs li a {
    color: var(--font-color);
    padding: calc(var(--grid-gutter) / 3) var(--grid-gutter);
    display: block
}

.switch-tabs li:first-child {
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius)
}

.switch-tabs li:last-child {
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border-right: 0
}

.switch-tabs__selected {
    background: var(--color-third) !important
}

.switch-tabs__selected a {
    color: var(--color-white) !important
}

.scroll-to-top {
    position: fixed;
    text-align: center;
    text-decoration: none;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--color-white);
    transition: all .3s ease;
    box-shadow: var(--box-shadow-button);
    border: 1px solid var(--form-border);
    background-position: center -70px;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    right: 73px;
    left: inherit;
    bottom: 23px;
    opacity: 0;
    visibility: hidden;
    z-index: 1
}

.scroll-to-top svg {
    width: 34px;
    height: 34px
}

.scroll-to-top:hover {
    background-position: 0 14px;
    background: -webkit-linear-gradient(139deg, #174211, #6e6565);
    border: 1px solid #100f0f;
}

.scroll-to-top:hover svg {
    fill: var(--color-white)
}

.scroll-to-top._show {
    opacity: 1;
    visibility: visible
}

.main-menu.active {
    top: -40px
}

@media screen and (max-width:900px) {
    .nav {
        display: none
    }
}

.menu-h {
    display: flex;
    visibility: hidden;
    font-size: var(--font-size-md);
    height: 100%;
    flex-wrap: nowrap;
    position: relative;
	padding: 0 0 10px;
	color: #fff;
}

.menu-h__dots {
    margin-left: var(--grid-gutter);
    display: flex;
    align-items: center
}

.menu-h__dots:hover .drop-link i {
    transform: rotate(90deg);
    transition: all .3s ease
}

.menu-h__dots .drop-link {
    color: var(--color-grey);
    display: block;
    border-radius: 50%;
    border: 1px solid #b6b6b6;
    font-size: var(--font-size-micro);
    text-align: center;
    line-height: 13px;
    width: 21px;
    height: 21px;
    position: relative
}

.menu-h__dots i {
    position: absolute;
    left: 7px;
    top: 5px;
    font-size: 9px;
    transition: all .3s ease
}

.menu-h__dots .menu-h__submenu {
    top: 100%;
    margin-left: -15px;
    right: 0;
    left: unset
}

.menu-h__dots .menu-h__submenu .menu-h__submenu {
    left: calc(-100% - 15px);
    top: 0
}

.menu-h__item {
    white-space: nowrap;
    position: relative;
    width: auto
}

.menu-h__item a {
    color: var(--font-color);
    padding: var(--grid-gutter) calc(var(--grid-gutter) * .75);
    display: block
}

.menu-h__item a:hover {
    color: var(--color-link);
    opacity: 1;
    width: 100%
}

.menu-h__item-hot {
    position: relative;
    display: flex;
    align-items: center
}

.menu-h__item-hot a {
    padding-left: calc(var(--grid-gutter) * 1);
    color: var(--badge) !important;
    font-weight: var(--font-weight-bold)
}

.menu-h__item-hot svg {
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    fill: var(--badge)
}

.menu-h__item-hot path {
    width: 20px
}

.menu-h__item-hot-padding a {
    padding-left: calc(var(--grid-gutter) * 2)
}

.menu-h__tree {
    position: relative;
    padding-right: 15px
}

.menu-h__tree:after {
    position: absolute;
    top: calc(50% - 5px);
    right: 1px;
    font-family: Font Awesome\ 5 Free;
    transform: rotate(90deg);
    content: "\f0da";
    font-weight: 600;
    padding: 0 15px 0 13px;
    color: var(--color-grey);
    font-size: 10px
}

.menu-h__submenu {
    opacity: 0;
    visibility: hidden;
    transition: all .3s ease;
    background: var(--color-white);
    z-index: 100;
    padding: 5px 15px;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transform: translateY(20px);
    width: 280px;
    text-align: left;
    position: absolute;
    border: 1px solid var(--form-border)
}

.menu-h__submenu a {
    padding: 5px;
    font-weight: 400
}

.menu-h__dots:hover>.menu-h__submenu,
.menu-h__tree:hover>.menu-h__submenu {
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: translateY(0)
}

.main-menu.active,
.main-menu__overlay.active {
    opacity: 1;
    visibility: visible
}

.main-menu.active {
    transform: translateY(163px)
}

.main-menu {
    position: absolute;
    left: 0;
    width: 100%;
    background: var(--color-white);
    z-index: 100;
    opacity: 0;
    visibility: hidden;
    transition-property: opacity;
    transition-duration: .25s;
    transform: translateY(20px);
    transition: all .3s ease;
    max-height: calc(100vh - 100px);
    overflow-y: scroll
}

@media screen and (max-width:900px) {
    .main-menu {
        display: none
    }
}

.main-menu__icon {
    display: flex;
    align-items: center;
    position: relative
}

.main-menu__icon img {
    max-width: 28px;
    max-height: 28px;
    position: absolute;
    left: calc(var(--grid-gutter) * 1.5);
    font-size: 0 !important
}

.main-menu__icon a {
    padding-left: 65px !important;
    width: 100%
}

.main-menu__header {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xxl);
    padding: 10px 55px 10px 25px;
    color: var(--color-grey)
}

.main-menu__inner {
    display: flex;
    width: 96%;
    padding: 0 calc(var(--grid-gutter) / 2)
}

.main-menu.compact,
.main-menu__inner {
    max-width: var(--grid-maxWidth);
    margin: 0 auto;
    border-radius: var(--border-radius)
}

.main-menu.compact {
    left: 0;
    right: 0;
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1)
}

.main-menu.compact .main-menu__leftside {
    padding: 10px 0
}

.main-menu.compact .main-menu__rightside {
    padding: 15px 0 0 25px
}

.main-menu.compact .icon-close {
    right: 18px;
    top: 0
}

.main-menu.compact .main-menu__inner {
    width: 100%;
    padding: 0;
    border-radius: var(--border-radius)
}

.main-menu.compact__inner {
    width: 100%;
    padding: 0;
    box-shadow: var(--box-shadow)
}

.main-menu .item-tohide {
    display: none !important
}

.main-menu__withicon {
    padding-left: 80px;
    position: relative
}

.main-menu__icons {
    position: absolute;
    left: 0;
    top: -6px;
    width: 65px;
    height: 65px;
    border: 1px solid var(--form-border);
    border-radius: var(--border-radius);
    padding: 5px
}

.main-menu__icons img {
    max-height: 50px
}

.main-menu__icons a {
    font-size: 8px;
    color: var(--bg-secondary-color);
    text-align: center
}

@media screen and (max-width:900px) {
    .main-menu__icons {
        display: none
    }
}

.main-menu .mobile-open {
    display: none;
    position: absolute;
    right: 8px;
    top: 8px;
    color: var(--color-grey);
    background: var(--bg-secondary-color);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: var(--border-radius);
    z-index: 10;
    cursor: pointer
}

.main-menu__show-all {
    color: var(--color-grey) !important;
    position: relative
}

.main-menu__show-all:after {
    position: absolute;
    top: calc(50% - 6px);
    font-family: Font Awesome\ 5 Free;
    content: "\f0da";
    font-weight: 600;
    padding: 0 15px 0 13px;
    color: var(--color-grey);
    font-size: 10px
}

.main-menu__show-all svg {
    width: 20px;
    display: inline-block;
    vertical-align: middle;
    fill: var(--color-link)
}

.main-menu a {
    color: var(--font-color)
}

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

.main-menu ul li {
    margin: 5px 0
}

.main-menu ul li:hover:after {
    color: var(--color-white)
}

.main-menu ul li:hover a {
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    opacity: 1 !important;
    color: var(--color-white)
}

.main-menu ul li a {
    display: block
}

.main-menu ul li.selected a {
    background: -webkit-linear-gradient(0deg, #174211, #000);
    color: var(--color-white)
}

.main-menu__overlay {
    background-color: rgba(26, 49, 77, .5);
    transition-property: opacity;
    transition-duration: .25s;
    position: fixed;
    cursor: pointer;
    z-index: 5;
    left: 0;
    width: 100%;
    bottom: 0;
    height: 100%;
    opacity: 0;
    visibility: hidden
}

.main-menu__leftside {
    padding: 30px 0;
    width: 320px;
    background: var(--bg-secondary-color);
    font-size: var(--font-middle);
    text-align: left;
    border-top-left-radius: var(--border-radius)
}

.main-menu__leftside a {
    padding: 10px 55px 10px 25px;
    font-weight: var(--font-weight-bold)
}

.main-menu__leftside li.tree {
    position: relative
}

.main-menu__leftside li.tree:after {
    position: absolute;
    right: 15px;
    top: 11px;
    color: #babac1;
    content: "\f0da";
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    font-size: var(--font-small)
}

.main-menu__rightside {
    padding: 35px 0 0 25px;
    flex: 1;
    background: var(--color-white)
}

.main-menu__rightside a:hover {
    color: var(--color-link)
}

.main-menu__box-inner {
    padding-bottom: 50px
}

.main-menu__box.active {
    display: block
}

.main-menu__item {
    width: 100%;
    position: relative;
    margin-bottom: 8px;
    display: none;
    font-weight: var(--font-weight-bold)
}

.main-menu__item .main-menu__item {
    display: inline-block;
    width: 30%;
    vertical-align: top;
    margin-bottom: 40px;
    margin-right: 20px;
    font-weight: var(--font-weight-normal);
    min-height: 60px
}

@media screen and (max-width:900px) {
    .main-menu__item .main-menu__item {
        min-height: unset
    }
}

.main-menu__item .main-menu__item .main-menu__item {
    display: block;
    width: 100%;
    margin-bottom: 4px;
    min-height: unset;
    font-size: var(--font-size-md)
}

.main-menu__item .main-menu__item .main-menu__item li {
    font-weight: var(--font-weight-normal)
}

.main-menu__item.active {
    display: block !important
}

.main-menu__item.selected {
    display: inline-block
}

.main-menu .icon-close {
    position: absolute;
    right: 0;
    top: 9px;
    stroke: var(--color-grey);
    stroke-width: 1;
    width: 40px;
    cursor: pointer;
	pointer-events: auto;
}

.main-menu .icon-close:hover {
    stroke: var(--color-grey);
    transform: rotate(90deg);
    transition-duration: .3s
}

.main-menu a.depth0_header {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold);
    color: #000;
    margin-top: 8px;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 18px
}

.main-menu a.depth0_header i {
    margin-left: calc(var(--grid-gutter) / 2);
    color: var(--color-primary);
    font-size: var(--font-small)
}

.main-menu a.depth1_header {
    font-size: var(--font-middle);
    font-weight: var(--font-weight-bold);
    margin-bottom: 5px;
    margin-top: 0;
    display: block
}

.main-menu__pages {
    display: none
}

.main-menu__pages a {
    display: block
}

.mobile-navigation {
    position: fixed;
    z-index: 90;
    width: 100%;
    height: 100%;
    top: 0;
    left: -100%;
    background: var(--color-white);
    padding: 0;
    opacity: 0;
    visibility: hidden
}

.mobile-navigation.open {
    opacity: 1;
    visibility: visible;
    left: 0;
    transition: all .1s ease-in-out 0s
}

.mobile-navigation__contacts {
    margin-bottom: var(--grid-gutter);
    margin-top: calc(var(--grid-gutter) * 4)
}

.mobile-navigation__contacts-email {
    margin-top: var(--grid-gutter)
}

.mobile-navigation__contacts-social {
    display: flex;
    gap: var(--grid-gutter);
    margin-top: calc(var(--grid-gutter) * 3)
}
/*
.mobile-navigation__contacts-social div {
    background: var(--color-white);
    border-radius: var(--border-radius);
    padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 4);
    margin: 0 !important
} */

.mobile-navigation__contacts-social div svg {
    height: 25px
}

.mobile-navigation__contacts-phone {
    font-weight: var(--font-weight-bold);
    font-size: 22px;
}

.mobile-navigation__contacts-phone a {
    color: var(--font-color)
}

.mobile-navigation__contacts-callback {
    margin-top: var(--grid-gutter);
	padding: 15px;
}

.mobile-navigation__contacts-callback a {
    background: var(--color-third);
    padding: 1rem 2.5rem;
    color: var(--color-button);
    border-radius: 5px;
}

.mobile-navigation__block,
.mobile-navigation__contacts-address {
    margin-top: var(--grid-gutter)
}

.mobile-navigation__block {
    background: var(--color-white);
    border-radius: var(--border-radius);
    margin-bottom: var(--grid-gutter)
}

.mobile-navigation__item {
    display: flex;
    padding: calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 2);
    gap: calc(var(--grid-gutter) * 2);
    border-bottom: 1px solid var(--form-border);
    position: relative
}

.mobile-navigation__item:last-child {
    border-bottom: 0
}

.mobile-navigation__item a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.mobile-navigation__icon {
    height: 30px;
    display: flex;
    justify-content: center
}

.mobile-navigation__icon svg {
    stroke: var(--color-primary);
    fill: none;
    width: 25px;
    stroke-width: 2px
}

.mobile-navigation__text {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%
}

.mobile-navigation__text span,
.mobile-navigation__title {
    font-weight: var(--font-weight-bold)
}

.mobile-navigation__title {
    font-size: var(--font-size-xxl) !important;
    line-height: calc(var(--font-size-xxl) + 6px);
    padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 3);
    color: var(--color-grey);
    box-shadow: 0 2px 6px rgba(0, 0, 0, .04)
}

.mobile-navigation__catalog {
    background: var(--color-white);
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius);
    border-bottom: 1px solid var(--form-border);
    position: relative
}

.mobile-navigation__catalog._open {
    box-shadow: 0 0 18px rgba(0, 0, 0, .05), 0 0 7px rgba(0, 0, 0, .05);
    z-index: 1
}

.mobile-navigation__catalog._open span {
    transform: rotate(0deg);
    top: 4px
}

.mobile-navigation__catalog span {
    display: block;
    position: absolute;
    right: 15px;
    top: 5px;
    color: var(--color-primary);
    background: var(--bg-primary);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: var(--border-radius);
    z-index: 10;
    cursor: pointer;
	transform: rotate(270deg);
}

.mobile-navigation__catalog a {
    color: var(--font-color);
    font-weight: var(--font-weight-bold);
    padding: 10px 45px 10px 18px;
    display: block;
    overflow: hidden;
    text-wrap: normal;
    text-overflow: ellipsis
}

.mobile-navigation__close {
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 10001;
    position: absolute;
    background: var(--color-white);
    cursor: pointer;
    border-radius: 50%;
    height: 38px;
    width: 38px;
    top: 7px;
    right: calc(var(--grid-gutter) * 2);
    background: var(--color-lightGrey);
    padding: calc(var(--grid-footer) / 3)
}

.mobile-navigation__close .icon-close {
    background-image: url(../../images/close.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-align: center
}

.mobile-navigation__close svg:hover {
    stroke: var(--color-grey);
    transform: rotate(90deg);
    transition-duration: .3s
}

.mobile-navigation__main {
    background: var(--bg-secondary-color);
    height: 100%;
    width: 100%;
    padding: calc(var(--grid-gutter) * 2);
    overflow-y: auto;
    padding-bottom: 140px
}

.mobile-navigation .main-menu__depth0 {
    display: none !important
}

.mobile-navigation .main-menu__item {
    font-weight: var(--font-weight-normal)
}

.mobile-navigation .main-menu__icons {
    display: none
}

.mobile-navigation .main-menu__item .main-menu__item {
    min-height: unset
}

.mobile-navigation__count .compare_count,
.mobile-navigation__count .favorite_count {
    top: 8px;
    right: 16px;
    color: var(--color-primary);
    background: var(--bg-primary);
    font-size: calc(var(--font-size-micro));
    position: absolute;
    width: 25px;
    height: 25px;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center
}

.mobile-navigation__menu {
    overflow-y: scroll;
    overflow-x: hidden;
    max-height: calc(100% - 300px)
}

.mobile-navigation__menu .main-menu__depth0._show {
    display: block !important
}

.mobile-navigation__menu .main-menu__pages .selected {
    border-top-right-radius: var(--border-radius);
    border-top-left-radius: var(--border-radius)
}

.mobile-navigation__menu .main-menu__pages-title {
    padding: 10px 15px 10px 0;
    font-size: var(--font-bigger);
    color: var(--color-primary);
    background: var(--bg-secondary-color);
    font-weight: var(--font-weight-bold)
}

.mobile-navigation__menu a {
    color: var(--font-color);
    padding: 10px 45px 10px 18px;
    display: block;
    overflow: hidden;
    text-wrap: normal;
    text-overflow: ellipsis
}

.mobile-navigation__menu .mobile-open {
    display: block;
    position: absolute;
    right: 15px;
    top: 5px;
    color: var(--color-primary);
    background: var(--bg-primary);
    width: 30px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    border-radius: var(--border-radius);
    z-index: 10;
    cursor: pointer;
	transform: rotate(270deg);
}
.mobile-navigation__menu .main-menu__depth0._show {
    padding-left: 10px;
}

.mobile-navigation__menu .main-menu__item {
    width: 100%;
    border-bottom: 1px solid var(--form-border);
    display: block;
    font-size: var(--font-middle);
    margin-bottom: 0;
    background: var(--color-white)
}

.mobile-navigation__menu .main-menu__item:last-child {
    border-bottom: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

.mobile-navigation__menu .main-menu__item .main-menu__item {
    display: none;
    font-size: var(--font-normal);
    padding-left: 20px
}

.mobile-navigation__menu .main-menu__pages {
    display: block
}

.mobile-navigation__menu .icon-close {
    display: none !important
}

.mobile-bar,
.mobile-navigation .depth0_header i {
    display: none
}

.mobile-bar {
    position: fixed;
    bottom: 0;
    z-index: 100;
    height: calc(55px + (var(--grid-gutter) * 1.5));
    box-shadow: 0 0 14px 0 rgba(0, 0, 0, .2);
    background: var(--color-white);
    width: 100%
}

@media screen and (max-width:900px) {
    .mobile-bar {
        display: block
    }
}

.mobile-bar .container {
    display: flex;
    gap: var(--grid-gutter)
}

.mobile-bar__item {
    flex: 1;
    text-align: center;
    color: var(--color-grey);
    position: relative;
    padding: var(--grid-gutter) 0
}

.mobile-bar__icon {
    height: 30px;
    display: flex;
    justify-content: center
}

.mobile-bar__icon svg {
    stroke: #676767;
    fill: none;
    width: 25px;
    stroke-width: 2px
}

.mobile-bar__text {
    height: 20px;
    overflow: hidden;
    font-size: var(--font-size-sm)
}

.mobile-bar a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10
}

.my {
    display: flex;
    gap: calc(var(--grid-gutter) * 2);
    margin-bottom: var(--grid-footer)
}

@media screen and (max-width:900px) {
    .my {
        flex-direction: column
    }
}

.my__subscribe {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2)
}

.my__header-tabs {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .my__header-tabs {
        margin-bottom: calc(var(--grid-gutter) * 3)
    }
}

.my__header-tabs h1 {
    margin-bottom: 0
}

.my__header-tabs ul {
    text-align: right
}

.my__check-pin {
    position: relative;
    border-radius: var(--border-radius);
    transition: all .4s;
    background: var(--color-white);
    box-shadow: var(--box-shadow-item);
    border: 1px solid var(--form-border);
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2)
}

.my__leftside {
    min-width: 245px;
    width: 280px
}

@media screen and (max-width:900px) {
    .my__leftside {
        min-width: 100%;
        width: 100%;
        margin-right: 0
    }
}

.my__rightside {
    flex: 1
}

@media screen and (max-width:900px) {
    .my__rightside {
        min-width: 100%;
        width: 100%;
        margin-right: 0
    }
}

.my__table {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2)
}

.my__table td {
    padding-left: 0
}

.my__table td:first-child {
    color: var(--color-grey);
    font-size: var(--font-size-sm)
}

.my__table th {
    padding-left: 0
}

.my__table-empty {
    color: var(--font-color) !important;
    font-size: var(--font-size-base) !important
}

.my__profile {
    position: relative;
    border-radius: var(--border-radius);
    min-height: 200px;
    transition: all .4s;
    background: var(--color-white);
    box-shadow: var(--box-shadow-item);
    border: 1px solid var(--box-border)
}

.my__profile-fields,
.my__profile-submit {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2)
}

.my__profile-submit {
    border-top: 1px solid var(--form-border)
}

.my__item {
    position: relative;
    border-radius: var(--border-radius);
    margin-bottom: var(--grid-gutter);
    min-height: 200px;
    transition: all .4s;
    background: var(--color-white);
    box-shadow: var(--box-shadow-item);
    border: 1px solid var(--box-border)
}

.my__item:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    border-color: transparent
}

.my__item-totalbonus {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2) 0;
    color: var(--color-primary);
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold)
}

.my__item-link {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.my__item-header {
    display: flex;
    justify-content: space-between;
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
    border-bottom: 1px solid var(--form-border);
    min-height: 70px
}

@media screen and (max-width:900px) {
    .my__item-header {
        min-height: 55px
    }
}

.my__item-header._no-border {
    border-bottom: 0;
    padding-bottom: 0
}

.my__item-header-back {
    width: 36px;
    height: 36px;
    background: var(--color-white);
    border-radius: 50%;
    text-align: center;
    margin-right: var(--grid-gutter);
    transition: all .3s ease;
    box-shadow: var(--box-shadow-button);
    position: absolute;
    left: calc(var(--grid-gutter) * 2)
}

.my__item-header-back i {
    font-size: var(--font-size-sm);
    transform: rotate(90deg);
    line-height: 36px;
    color: var(--color-primary)
}

.my__item-header-back a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.my__item-header-title {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold)
}

@media screen and (max-width:900px) {
    .my__item-header-title {
        flex-direction: column;
        align-items: start;
        line-height: calc(var(--font-size-lg) + .4rem)
    }
}

.my__item-header-title._padding-left {
    padding-left: 55px
}

.my__item-header-title span {
    margin-left: var(--grid-gutter);
    font-size: var(--font-size-micro);
    font-weight: var(--font-weight-normal);
    background: var(--bg-secondary-color);
    padding: 2px var(--grid-gutter);
    border-radius: var(--border-radius);
    color: var(--color-white)
}

@media screen and (max-width:900px) {
    .my__item-header-title span {
        margin-left: 0
    }
}

.my__item-header-title span.completed {
    background: var(--color-success);
    color: var(--color-white)
}

.my__item-header-title span.processing {
    background: var(--color-preorder);
    color: var(--color-white)
}

.my__item-header-info {
    text-align: right;
    display: flex;
    justify-content: center;
    flex-direction: column
}

.my__item-header-date {
    color: var(--color-grey)
}

.my__item-header-totalprice {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold)
}

.my__item-header-status {
    background: var(--bg-secondary-color);
    right: calc(var(--grid-gutter) * 2);
    display: inline-block;
    padding: calc(var(--grid-gutter) / 6) var(--grid-gutter);
    border-radius: var(--border-radius);
    font-size: var(--font-size-micro)
}

.my__item-header-status.completed {
    background: var(--color-success);
    color: var(--color-white)
}

.my__item-body {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
    border-bottom: 1px solid var(--form-border);
    display: flex;
    gap: calc(var(--grid-gutter) * 3)
}

.my__item-body._padding-less {
    padding-top: 0
}

.my__item-body-leftside,
.my__item-body-rightside {
    flex: 1
}

.my__item-body b {
    color: var(--color-grey)
}

.my__item-body h4 {
    font-size: var(--font-size-lg);
    line-height: calc(var(--font-size-lg) + .4rem)
}

.my__item-body .plugin-payment {
    margin-top: var(--grid-gutter);
    font-size: var(--font-size-sm);
    color: var(--color-error)
}

.my__item-productlist {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2)
}

.my__item-productlist-qty {
    color: var(--color-grey);
    margin-right: calc(var(--grid-gutter) / 2)
}

.my__item-productlist-price {
    font-size: var(--font-size-lg);
    font-weight: var(--font-weight-bold)
}

.my__item-productlist-name {
    display: block
}

.my__item-productlist-cards {
    display: flex;
    gap: var(--grid-gutter);
    padding: var(--grid-gutter);
    background: var(--bg-second);
    border-radius: var(--border-radius);
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .my__item-productlist-cards {
        gap: calc(var(--grid-gutter) * 2)
    }
}

.my__item-productlist-cards img {
    max-height: 50px;
    max-width: 50px;
    border-radius: var(--border-radius)
}

.my__item-productlist h4 {
    font-size: var(--font-size-lg);
    grid-column: -1
}

.my__item-product {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
    display: flex;
    justify-content: space-between;
    gap: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .my__item-product {
        flex-wrap: wrap
    }
}

.my__item-product-cards {
    display: flex;
    gap: var(--grid-gutter);
    flex-wrap: wrap
}

.my__item-product-cards a {
    position: relative;
    z-index: 1;
    max-height: 50px
}

.my__item-product-cards img {
    max-height: 50px;
    max-width: 50px;
    border-radius: var(--border-radius)
}

.my__item-product-link {
    min-width: 150px;
    display: flex;
    justify-content: end
}

.my__item-product-link a {
    white-space: nowrap
}

@media screen and (max-width:900px) {
    .my__item-product-link {
        min-width: auto;
        width: 100%;
        justify-content: start;
        padding-top: var(--grid-gutter)
    }
}

.my__address b {
    color: var(--color-grey)
}

.my__address img {
    display: none
}

.my__menu-item {
    border-bottom: 1px solid var(--form-border);
    font-size: var(--font-size-sm)
}

.my__menu-item.selected {
    font-weight: var(--font-weight-bold)
}

.my__menu-item.selected a {
    color: var(--color-primary)
}

.my__menu-item:hover {
    background: var(--bg-second)
}

.my__menu-item:hover a {
    color: var(--color-primary)
}

.my__menu-item a {
    color: var(--font-color);
    display: block;
    padding: calc(var(--grid-gutter) / 1.5) var(--grid-gutter)
}

.my__menu-item:last-child {
    border-bottom: 0
}

.my__menu-item:last-child:hover {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

.account__alert {
    margin-bottom: calc(var(--grid-gutter) * 2);
    background: var(--bg-primary);
    border-radius: var(--border-radius);
    padding: calc(var(--grid-gutter) * .5) var(--grid-gutter);
    color: var(--color-primary);
    display: flex;
    gap: calc(var(--grid-gutter) * 1);
    width: fit-content;
    align-items: center
}

.account__alert svg {
    width: 20px;
    fill: transparent;
    stroke: var(--color-primary)
}

.account__profile {
    display: flex;
    gap: var(--grid-gutter);
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
    width: 100%;
    border-bottom: 1px solid var(--form-border)
}

@media screen and (max-width:900px) {
    .account__profile {
        border-radius: var(--border-radius);
        background: var(--color-white);
        border-bottom: 0;
        gap: calc(var(--grid-gutter) * 2)
    }
}

.account__profile-avatar {
    width: 50px;
    height: 50px
}

.account__profile-avatar img {
    width: 100%;
    max-width: 100%
}

@media screen and (max-width:900px) {
    .account__profile-avatar {
        height: 30px;
        width: 30px
    }
}

.account__profile-userinfo {
    font-weight: var(--font-weight-bold)
}

.account__profile-userinfo span {
    display: block;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-normal)
}

.account__menucard {
    border: 1px solid var(--box-border);
    background: var(--color-white);
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .account__menucard {
        border: 0;
        background: transparent
    }
}

.account__menu {
    position: relative;
    transition: all .4s;
    box-shadow: var(--box-shadow-item)
}

@media screen and (max-width:900px) {
    .account__menu {
        margin-top: var(--grid-gutter);
        display: flex;
        flex-direction: row !important;
        justify-content: stretch;
        overflow-x: auto;
        overflow-y: hidden;
        border: 0;
        position: relative
    }
}

.account__menu div {
    border-bottom: 1px solid var(--form-border)
}

@media screen and (max-width:900px) {
    .account__menu div {
        border: 0;
        flex: 0 0 auto;
        vertical-align: middle;
        white-space: nowrap;
        align-self: center;
        background: var(--color-white);
        margin-right: var(--grid-gutter);
        border-radius: var(--border-radius)
    }
}

.account__menu div:hover a {
    background: var(--bg-secondary-color)
}

.account__menu div.selected a {
    color: var(--color-primary);
    font-weight: var(--font-weight-bold)
}

.account__menu div:last-child {
    border-bottom: 0;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

.account__menu div a {
    display: block;
    padding: calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) * 2);
    color: var(--font-color)
}

.account__card {
    margin-bottom: var(--grid-gutter);
    border-radius: var(--border-radius);
    background: var(--color-white)
}

#wa-my-info-edit-wrapper select {
    display: inline-block;
    margin-right: 10px
}

#wa-my-info-edit-wrapper .wa-field-birthday .wa-value {
    display: flex
}

#wa-my-info-edit-wrapper input[name="profile[birthday][year]"] {
    width: 100px !important
}

.checkout-step .back {
    margin-top: var(--grid-gutter)
}

.order-page {
    justify-content: space-between;
    align-items: flex-start
}

@media screen and (max-width:900px) {
    .order-page {
        margin-top: var(--grid-gutter)
    }
}

@media screen and (max-width:900px) {
    .order-page .header-container__name h2 {
        margin-top: 0 !important
    }
}

.order-page h3 {
    font-size: var(--font-size-xl)
}

.order-page__bg {
    padding-top: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .order-page__bg {
        background: transparent;
        padding-top: 0
    }
}

.order-page__bg h1.category-name {
    margin-top: 0 !important
}

.order-page__bg-empty {
    text-align: center;
    margin-top: calc(var(--grid-gutter) * 5)
}

@media screen and (max-width:900px) {
    .order-page__bg-empty {
        padding: 0 calc(var(--grid-gutter) * 3)
    }
}

@media screen and (max-width:900px) {
    .order-page {
        flex-direction: column-reverse
    }
}

.order-page__leftside {
    flex: 1;
    margin-right: 25px;
    background: var(--bg-color);
    border-radius: var(--border-radius);
    height: 100%;
    width: 100%
}

@media screen and (max-width:900px) {
    .order-page__leftside {
        margin-right: 0;
        order: 1
    }
}

.order-page__rightside {
    width: 550px
}

@media screen and (max-width:900px) {
    .order-page__rightside {
        width: 100%;
        order: 0
    }
}

.order-page__inner {
    border-radius: var(--border-radius);
    padding: var(--grid-gutter);
    margin-bottom: var(--grid-gutter);
    background: var(--color-white);
    top: var(--grid-gutter);
    border: 1px solid var(--box-border)
}

@media screen and (max-width:900px) {
    .order-page__inner {
        margin-bottom: calc(var(--grid-gutter) * 2);
        padding: calc(var(--grid-gutter) * 1.5)
    }
}

.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper {
    margin-bottom: 5px !important
}

.wa-order-cart-wrapper {
    font-size: var(--font-size-base) !important
}

.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-inactive-state {
    display: flex
}

.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button:not(.transparent),
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
    margin-top: 0 !important;
    box-shadow: none !important;
    font-size: var(--font-size-base) !important
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service .wa-label {
    padding-left: 27px !important;
    padding-top: 4px !important
}

.wa-order-form-wrapper .wa-step-section {
    margin-top: 0 !important;
    margin-bottom: 20px !important;
    border: 0 !important;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-item)
}

.wa-link {
    color: var(--color-primary) !important
}

.wa-field-wrapper .wa-label {
    font-size: unset !important;
    color: var(--font-color) !important;
    font-weight: var(--font-weight-bold)
}

.wa-order-form-wrapper .wa-step-section:first-child {
    padding-top: 0 !important
}

.wa-order-form-wrapper .wa-step-section .wa-section-body {
    padding: calc(var(--grid-gutter) * 1.5);
    background: var(--color-white);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    border: 1px solid var(--box-border)
}

.wa-order-form-wrapper .wa-step-section .wa-section-header {
    background: var(--color-white);
    padding: var(--grid-gutter);
    border: 1px solid var(--box-border);
    border-bottom: 0
}

@media screen and (max-width:900px) {
    .wa-order-form-wrapper .wa-step-section .wa-section-header {
        padding-top: calc(var(--grid-gutter) * 2);
        padding-bottom: calc(var(--grid-gutter) * 2)
    }
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-actions .wa-action:hover .wa-icon {
    background: transparent !important
}

.wa-order-form-wrapper .wa-step-section>.wa-section-header {
    margin-bottom: 0 !important;
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)
}

.wa-order-form-wrapper .wa-step-details-section .wa-details-description {
    margin-bottom: 20px;
    font-size: var(--font-size-md) !important
}

.wa-order-form-wrapper .wa-step-section>.wa-section-header>.wa-header {
    position: relative;
    padding-left: 50px
}

.wa-order-form-wrapper .wa-step-auth-section>.wa-section-header .wa-contact-name,
.wa-order-form-wrapper .wa-step-section>.wa-section-header>.wa-header {
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--font-size-md) !important;
    color: var(--font-color) !important
}

.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
    margin-top: 10px
}

.wa-order-form-wrapper.is-locked:after {
    background: transparent !important
}

.wa-order-form-wrapper.is-locked {
    position: relative;
    opacity: .3
}

.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-actions-section .wa-button {
    text-shadow: unset;
    font-size: var(--font-size-lg) !important;
    padding: var(--grid-gutter) !important
}

.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body,
.wa-step-details-section .wa-section-body,
.wa-step-shipping-section .wa-section-body {
    border-radius: var(--border-radius)
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body {
    overflow: hidden
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity {
    text-align: center !important;
    width: 220px !important
}

@media screen and (max-width:900px) {
    .wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity {
        width: 225px !important
    }
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-price {
    width: 110px !important
}

@media screen and (max-width:900px) {
    .wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-price {
        width: unset !important
    }
}

.wa-quantity-cart-section .wa-field-wrapper .wa-field {
    width: 80px !important;
    text-align: center !important
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-quantity .wa-product-fractional-prices {
    margin: 5px 0 !important;
    text-align: center !important
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details {
    line-height: calc(var(--font-size-base)) !important
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-actions {
    display: block !important;
    margin-top: 7px;
    margin-left: -5px
}

@media screen and (max-width:900px) {
    .wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-actions {
        margin-top: var(--grid-gutter);
        text-align: right
    }
}

.wa-icon.size-11 {
    width: 23px !important;
    height: 21px !important
}

.wa-order-form-wrapper .wa-step-confirm-section.is-single {
    border-top: 1px solid var(--form-border) !important
}

.wa-tooltip:not(.custom):after {
    border-radius: var(--border-radius) !important;
    padding: var(--grid-gutter) !important
}

.wa-error-text,
.wa-tooltip:not(.custom):after {
    font-size: var(--font-size-sm) !important
}

.wa-field-wrapper .wa-textarea {
    padding: var(--grid-gutter) !important;
    font-size: var(--font-weight-normal) !important
}

.wa-error-text {
    color: var(--color-error) !important
}

.wa-field-wrapper.is-agreement-field .wa-checkbox-wrapper,
.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-submit-button {
    font-size: var(--font-size-sm) !important
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-name {
    font-size: var(--font-size-md) !important;
    line-height: calc(var(--font-size-md) + 2px);
    color: var(--font-color) !important;
    font-weight: 700 !important
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-details .wa-sku {
    font-size: var(--font-size-sm) !important;
    color: var(--color-grey) !important;
    display: block;
    margin: calc(var(--grid-gutter) / 3) 0
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-product-body>.wa-column-image {
    width: 70px !important
}

.wa-quantity-box .wa-input {
    text-align: center !important;
    background: var(--bg-secondary-color) !important;
    font-weight: var(--font-weight-bold) !important;
    font-size: var(--font-size-md) !important;
    border: 0 !important;
    height: 53px !important
}

.wa-quantity-box .wa-button {
    display: none !important
}

.wa-order-cart-wrapper .wa-cart-details .wa-price-section .wa-price-total,
.wa-order-cart-wrapper .wa-products .wa-product .wa-price-section .wa-price-total {
    font-size: calc(var(--font-size-md) + 2px) !important;
    font-weight: var(--font-weight-bold) !important;
    line-height: calc(var(--font-size-md) + 6px) !important;
    white-space: nowrap
}

.wa-order-cart-wrapper .wa-cart-details .wa-price-section .wa-price-total {
    margin-top: 0 !important
}

.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .wa-total-section .wa-item.wa-item-total .wa-value .wa-price {
    font-size: var(--font-size-xxl) !important;
    font-weight: var(--font-weight-bold) !important
}

.wa-order-form-wrapper .wa-step-details-section .wa-details-rates-section {
    margin-top: 0 !important
}

.wa-step-auth-section .wa-header:after {
    position: absolute;
    left: 7px;
    top: 2px;
    font-family: Stroke-Gap-Icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e69c";
    color: var(--color-primary);
    opacity: .7;
    font-size: var(--font-size-md)
}

@media screen and (max-width:900px) {
    .wa-step-auth-section .wa-header:after {
        left: 12px
    }
}

.wa-step-auth-section .wa-header:before {
    position: absolute;
    left: -1px;
    top: -5px;
    background: var(--bg-primary);
    width: 31px;
    height: 31px;
    border-radius: 50%;
    content: " "
}

@media screen and (max-width:900px) {
    .wa-step-auth-section .wa-header:before {
        left: 3px;
        top: -7px
    }
}

.wa-step-region-section .wa-header:after {
    position: absolute;
    left: 7px;
    top: 2px;
    font-family: Stroke-Gap-Icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e667";
    color: var(--color-primary);
    opacity: .7;
    font-size: var(--font-size-md)
}

@media screen and (max-width:900px) {
    .wa-step-region-section .wa-header:after {
        left: 12px
    }
}

.wa-order-form-wrapper {
    font-size: var(--font-size-base) !important
}

.wa-step-region-section .wa-header:before {
    position: absolute;
    left: -1px;
    top: -5px;
    background: var(--bg-primary);
    width: 31px;
    height: 31px;
    border-radius: 50%;
    content: " "
}

@media screen and (max-width:900px) {
    .wa-step-region-section .wa-header:before {
        left: 3px;
        top: -7px
    }
}

.wa-step-payment-section .wa-header:before {
    position: absolute;
    left: -1px;
    top: -5px;
    background: var(--bg-primary);
    width: 31px;
    height: 31px;
    border-radius: 50%;
    content: " "
}

@media screen and (max-width:900px) {
    .wa-step-payment-section .wa-header:before {
        left: 3px;
        top: -7px
    }
}

.wa-step-payment-section .wa-header:after {
    position: absolute;
    left: 7px;
    top: 2px;
    font-family: Stroke-Gap-Icons;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    content: "\e653";
    color: var(--color-primary);
    opacity: .7;
    font-size: var(--font-size-md)
}

@media screen and (max-width:900px) {
    .wa-step-payment-section .wa-header:after {
        left: 12px
    }
}

.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button,
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-input {
    height: 40px !important
}

.wa-dropdown>.wa-dropdown-toggle {
    line-height: unset !important;
    border-radius: var(--border-radius);
    padding: 5px 10px !important;
    font-size: var(--font-size-base) !important
}

.wa-order-form-wrapper .wa-step-details-section .wa-details-description {
    font-size: var(--font-size-base) !important;
    color: var(--font-color) !important
}

.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper {
    border-radius: var(--border-radius) !important
}

.wa-order-form-wrapper.with-adaptive .wa-step-shipping-section .wa-delivery-types-section .wa-types-list {
    display: flex;
    gap: calc(var(--grid-gutter) / 2)
}

@media screen and (max-width:900px) {
    .wa-order-form-wrapper.with-adaptive .wa-step-shipping-section .wa-delivery-types-section .wa-types-list {
        flex-direction: column !important
    }
}

.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper .wa-name,
.wa-payment-name {
    font-weight: var(--font-weight-bold)
}

.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list a,
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper .wa-name a {
    color: var(--font-color) !important;
    font-size: var(--font-size-md) !important
}

.wa-header {
    font-size: var(--font-middle) !important;
    font-weight: var(--font-weight-bold)
}

.wa-order-form-wrapper .wa-step-auth-section>.wa-section-header a.wa-tooltip {
    font-size: var(--font-size-sm) !important;
    color: var(--color-link)
}

.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button,
.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
    background: #e9e9e9;
    border: 1px solid #e9e9e9;
    color: var(--font-color)
}

.wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button {
    width: 290px !important;
    height: 43px !important;
    font-size: 14px !important
}

@media screen and (max-width:900px) {
    .wa-order-cart-wrapper .wa-cart-details .wa-affiliate-section .wa-button {
        width: 100% !important
    }
}

.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list .wa-method-wrapper .wa-method>* {
    vertical-align: middle !important
}

.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper {
    padding: 1.07142857em;
    background: #fcfcfc;
    margin-bottom: 3px;
    border: 1px solid var(--color-grey);
    border-radius: var(--border-radius) !important;
    padding-left: 60px !important
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service,
.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list .wa-method-wrapper .wa-method .wa-method-body .wa-description {
    font-size: var(--font-size-sm) !important
}

@media screen and (max-width:900px) {
    .wa-order-cart-wrapper .wa-products .wa-product .wa-details-section .wa-services .wa-service {
        font-size: var(--font-size-base) !important
    }
}

.wa-order-form-wrapper .wa-step-payment-section .wa-methods-list.wide .wa-method-wrapper.is-active,
.wa-order-form-wrapper .wa-step-shipping-section .wa-delivery-types-section .wa-types-list .wa-type-wrapper.is-active {
    box-shadow: none !important;
    background: #e3ffe3 !important;
    border: 1px solid var(--color-grey) !important;
    border-radius: var(--border-radius) !important
}

.wa-order-cart-wrapper .wa-cart-details .wa-coupon-section .wa-button {
    height: 43px
}

.wa-type-wrapper {
    position: relative
}

.wa-method-wrapper.is-active:before,
.wa-type-wrapper.is-active:after {
    background-image: url("data:image/svg+xml;charset=UTF-8,%3c?xml version='1.0'?%3e%3csvg version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 330 330' style='enable-background:new 0 0 330 330;' xml:space='preserve'%3e%3cg%3e%3cpath d='M165,0C74.019,0,0,74.019,0,165s74.019,165,165,165s165-74.019,165-165S255.981,0,165,0z M165,300 c-74.44,0-135-60.561-135-135S90.56,30,165,30s135,60.561,135,135S239.439,300,165,300z' fill='%230ca300'/%3e%3cpath d='M226.872,106.664l-84.854,84.853l-38.89-38.891c-5.857-5.857-15.355-5.858-21.213-0.001 c-5.858,5.858-5.858,15.355,0,21.213l49.496,49.498c2.813,2.813,6.628,4.394,10.606,4.394c0.001,0,0,0,0.001,0 c3.978,0,7.793-1.581,10.606-4.393l95.461-95.459c5.858-5.858,5.858-15.355,0-21.213 C242.227,100.807,232.73,100.806,226.872,106.664z' fill='%230ca300'/%3e%3c/g%3e%3c/svg%3e")
}

.wa-method-wrapper.is-active:before,
.wa-method-wrapper:before,
.wa-type-wrapper.is-active:after,
.wa-type-wrapper:after {
    position: absolute;
    top: calc(60% - 18px);
    left: 20px;
    right: unset;
    content: " ";
    width: 20px;
    height: 20px;
    background-size: 20px 20px
}

.wa-method-wrapper:before,
.wa-type-wrapper:after {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg width='595.021' height='595.021' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke-width='0' stroke='%23dedede ' fill='%23dedede' d='m507.529,87.493c-27.264,-27.264 -59.022,-48.672 -94.396,-63.635c-36.644,-15.5 -75.545,-23.358 -115.622,-23.358c-40.078,0 -78.979,7.858 -115.624,23.358c-35.373,14.961 -67.132,36.371 -94.395,63.635c-27.264,27.263 -48.673,59.022 -63.635,94.395c-15.499,36.644 -23.357,75.546 -23.357,115.623c0,40.077 7.858,78.979 23.358,115.623c14.961,35.373 36.371,67.132 63.635,94.396c27.263,27.263 59.022,48.672 94.395,63.634c36.645,15.5 75.546,23.358 115.624,23.358c40.077,0 78.979,-7.858 115.623,-23.358c35.373,-14.961 67.133,-36.371 94.396,-63.634c27.263,-27.264 48.673,-59.022 63.634,-94.396c15.499,-36.645 23.358,-75.546 23.358,-115.623c0,-40.077 -7.858,-78.979 -23.358,-115.624c-14.963,-35.372 -36.373,-67.131 -63.636,-94.394zm-210.018,464.189c-140.375,0 -254.171,-113.797 -254.171,-254.171c0,-140.375 113.796,-254.171 254.171,-254.171c140.374,0 254.171,113.796 254.171,254.171c0,140.374 -113.797,254.171 -254.171,254.171z'/%3E%3Cpath stroke-width='0' stroke='%23dedede ' fill='%23dedede' d='m297.511,595.021c-40.146,0 -79.112,-7.872 -115.818,-23.397c-35.433,-14.988 -67.245,-36.434 -94.553,-63.741c-27.31,-27.31 -48.755,-59.122 -63.742,-94.555c-15.526,-36.705 -23.398,-75.672 -23.398,-115.817c0,-40.145 7.872,-79.112 23.397,-115.818c14.987,-35.432 36.433,-67.245 63.742,-94.553c27.308,-27.309 59.12,-48.755 94.553,-63.742c36.707,-15.526 75.674,-23.398 115.819,-23.398c40.146,0 79.112,7.872 115.817,23.397c35.435,14.988 67.247,36.434 94.555,63.742c27.31,27.31 48.755,59.123 63.741,94.553c15.525,36.706 23.397,75.673 23.397,115.818c0,40.144 -7.872,79.11 -23.397,115.817c-14.985,35.432 -36.432,67.244 -63.741,94.555c-27.31,27.31 -59.122,48.755 -94.555,63.741c-36.705,15.526 -75.672,23.398 -115.817,23.398zm0,-594.021c-40.011,0 -78.846,7.845 -115.429,23.318c-35.314,14.937 -67.02,36.311 -94.236,63.528c-27.218,27.217 -48.591,58.923 -63.528,94.236c-15.473,36.583 -23.318,75.418 -23.318,115.429s7.845,78.847 23.318,115.429c14.936,35.312 36.31,67.019 63.528,94.236c27.217,27.216 58.922,48.59 94.236,63.526c36.582,15.474 75.417,23.319 115.429,23.319c40.011,0 78.847,-7.846 115.429,-23.319c35.312,-14.936 67.019,-36.309 94.236,-63.526c27.219,-27.22 48.592,-58.925 63.526,-94.236c15.474,-36.584 23.319,-75.42 23.319,-115.429c0,-40.011 -7.846,-78.847 -23.319,-115.429c-14.935,-35.312 -36.309,-67.017 -63.526,-94.236c-27.217,-27.216 -58.922,-48.59 -94.236,-63.528c-36.583,-15.473 -75.419,-23.318 -115.429,-23.318zm0,551.182c-68.025,0 -131.979,-26.49 -180.08,-74.592c-48.101,-48.101 -74.591,-112.055 -74.591,-180.079c0,-68.025 26.49,-131.979 74.591,-180.08s112.055,-74.591 180.08,-74.591c68.024,0 131.979,26.49 180.079,74.591c48.102,48.101 74.592,112.055 74.592,180.08c0,68.024 -26.49,131.979 -74.592,180.079c-48.101,48.101 -112.055,74.592 -180.079,74.592zm0,-508.342c-67.758,0 -131.46,26.386 -179.373,74.298s-74.298,111.615 -74.298,179.373s26.386,131.46 74.298,179.372c47.913,47.912 111.615,74.299 179.373,74.299s131.46,-26.387 179.372,-74.299s74.299,-111.614 74.299,-179.372s-26.387,-131.46 -74.299,-179.373c-47.912,-47.912 -111.614,-74.298 -179.372,-74.298z'/%3E%3C/svg%3E")
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-actions .wa-action .wa-tooltip {
    display: inline-flex !important;
    align-items: center
}

.wa-order-cart-wrapper .wa-products .wa-product .wa-actions .wa-action {
    font-size: var(--font-size-sm) !important
}

.wa-order-form-wrapper .wa-step-confirm-section .wa-section-body .s-message,
.wa-quantity-cart-section .wa-field-wrapper .wa-unit {
    font-size: var(--font-size-base) !important
}

.pages {
    display: flex;
    gap: calc(var(--grid-gutter) * 2);
    margin-bottom: var(--grid-footer)
}

@media screen and (max-width:900px) {
    .pages {
        flex-direction: column
    }
}

.pages__leftside {
    min-width: 245px;
    width: 280px
}

@media screen and (max-width:900px) {
    .pages__leftside {
        min-width: 100%;
        width: 100%;
        margin-right: 0
    }
}

.pages__rightside {
    flex: 1
}

@media screen and (max-width:900px) {
    .pages__rightside {
        min-width: 100%;
        width: 100%;
        margin-right: 0
    }
}

@media screen and (max-width:900px) {
    .pages__rightside h1 {
        margin-bottom: var(--grid-gutter)
    }
}

.pages__item {
    border-radius: var(--border-radius);
    border: 1px solid var(--box-border);
    padding: calc(0.5rem * 2);
    background: var(--color-white)
}
.pages__item ul {
	display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    padding-inline-start: 40px;
    unicode-bidi: isolate;
	color: #000;
}
.pages__item ul li {
    list-style-type: disc;
}
.pages__submenu {
    display: flex;
    gap: var(--grid-gutter);
    margin-bottom: calc(var(--grid-gutter) / 2);
    font-size: var(--font-size-sm)
}

.pages__submenu-item a {
    text-decoration: none;
    margin: 0 calc(var(--grid-gutter) / 4) calc(var(--grid-gutter) / 2) 0;
    display: inline-block;
    padding: calc(var(--grid-gutter) / 2) calc(var(--grid-gutter) * 1);
    transition: all .4s;
    color: var(--font-color);
    box-shadow: var(--box-shadow-item)
}

.pages__menu,
.pages__submenu-item a {
    border-radius: var(--border-radius);
    background: var(--color-white);
    border: 1px solid var(--box-border)
}

.pages__menu {
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .pages__menu {
        margin-top: var(--grid-gutter);
        display: flex;
        flex-direction: row !important;
        justify-content: stretch;
        overflow-x: auto;
        overflow-y: hidden;
        border: 0;
        position: relative;
        background: transparent
    }
}

.pages__menu-item {
    border-bottom: 1px solid var(--form-border);
    font-size: var(--font-size-base)
}

@media screen and (max-width:900px) {
    .pages__menu-item {
        border: 0;
        flex: 0 0 auto;
        vertical-align: middle;
        white-space: nowrap;
        align-self: center;
        background: var(--color-white);
        margin-right: var(--grid-gutter);
        border-radius: var(--border-radius);
        font-size: var(--font-size-base)
    }
}

.pages__menu-item._header {
    padding: calc(var(--grid-gutter) * 1) var(--grid-gutter);
    font-weight: var(--font-weight-bold)
}

.pages__menu-item._header:hover {
    background: var(--color-white)
}

.pages__menu-item.selected {
    font-weight: var(--font-weight-bold)
}

.pages__menu-item.selected a {
    color: var(--color-primary)
}

.pages__menu-item:hover {
    background: var(--bg-secondary-color)
}

.pages__menu-item:hover a {
    color: var(--color-primary)
}

.pages__menu-item a {
    color: var(--font-color);
    display: block;
    padding: calc(var(--grid-gutter) / 1.5) var(--grid-gutter)
}

.pages__menu-item:first-child {
    border-top: 0
}

.pages__menu-item:first-child:hover {
    border-top-left-radius: var(--border-radius);
    border-top-right-radius: var(--border-radius)
}

.pages__menu-item:last-child {
    border-bottom: 0
}

.pages__menu-item:last-child:hover {
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius)
}

.pages__menu-date {
    border-bottom: 1px solid var(--form-border);
    font-size: var(--font-size-sm)
}

@media screen and (max-width:900px) {
    .pages__menu-date {
        border: 0;
        flex: 0 0 auto;
        vertical-align: middle;
        white-space: nowrap;
        align-self: center;
        background: var(--color-white);
        margin-right: var(--grid-gutter);
        border-radius: var(--border-radius);
        font-size: var(--font-size-base)
    }
}

.pages__menu-date a {
    color: var(--color-grey);
    padding: calc(var(--grid-gutter) / 2) var(--grid-gutter);
    display: block
}

.pages__menu-date:last-child {
    border-bottom: 0
}

.brandspro-fix .row {
    flex-direction: column
}

.brand-plugin-page__wrapper .category {
    display: flex;
    flex-direction: column
}

#alttext-container {
    display: none
}

.jq-toast-single {
    padding-right: 40px
}

.jq-toast-single .button {
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    color: var(--color-white)
}

@media screen and (max-width:900px) {
    .jq-toast-wrap {
        width: calc(100% - 20px)
    }
}

.jq-toast-wrap.top-right {
    top: 20px;
    right: 20px
}

@media screen and (max-width:900px) {
    .jq-toast-wrap.bottom-right {
        bottom: 60px;
        right: 10px;
        left: 10px
    }
}

.jq-toast-heading {
    margin-bottom: 10px;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-middle)
}

.jq-toast-single {
    background: var(--color-white);
    color: var(--font-color);
    border: 1px solid var(--form-border);
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    line-height: 20px;
    border-radius: var(--border-radius);
    padding: calc(var(--grid-gutter) * 1);
    font-size: var(--font-size-base)
}

.close-jq-toast-single {
    z-index: 10001;
    position: absolute;
    top: 12px;
    right: 10px;
    width: 20px;
    height: 20px;
    cursor: pointer
}

.close-jq-toast-single svg {
    stroke: var(--font-color)
}

.close-jq-toast-single svg:hover {
    stroke: var(--font-color);
    transform: rotate(90deg);
    transition-duration: .3s
}

.slick-dotted.slick-slider {
    margin-bottom: 0
}

.slick-dots {
    margin-left: -8px;
    bottom: -32px
}

.slick-dots button {
    box-shadow: none !important
}

@media screen and (max-width:900px) {
    .slick-dots {
        margin-left: 0;
        bottom: -6px
    }
}

.slick-track {
    margin-right: unset;
    margin-left: unset
}

.product__photo-thumbs .slick-track {
    margin: 0 auto
}

.slick-slide .cards-5 {
    margin-bottom: 0 !important
}

@media screen and (max-width:900px) {
    .slick-slide {
        margin-right: 10px
    }
}

.slick-slider:hover .arrow-slider-circle.left {
    left: -15px;
    opacity: 1;
    transition: all .4s
}

@media screen and (max-width:900px) {
    .slick-slider:hover .arrow-slider-circle.left {
        left: 15px
    }
}

.slick-slider:hover .arrow-slider-circle.right {
    right: 0;
    opacity: 1;
    transition: all .4s
}

@media screen and (max-width:900px) {
    .slick-slider:hover .arrow-slider-circle.right {
        right: 15px
    }
}

.slick-slider:hover .arrow-slider-circle.slick-disabled {
    opacity: .2 !important;
    cursor: not-allowed
}

.slick-dots li button:before {
    font-size: 38px
}

.slick-dots li.slick-active button:before {
    color: var(--color-link)
}

.slick-dots li {
    margin: 0
}

.arrow-slider-circle.left {
    left: 40px
}

.arrow-slider-circle.right {
    right: 40px
}

.arrow-slider-circle {
    background: var(--color-white);
    width: 40px;
    height: 40px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    border-radius: 50%;
    line-height: 38px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    cursor: pointer;
    z-index: 5;
    opacity: 0;
    font-size: 14px;
    transition: .25s linear;
    text-align: center;
    color: var(--color-grey)
}

.arrow-slider-circle:hover {
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    color: var(--color-white);
    border: 1px solid transparent
}

.fancybox-thumbs-active {
    opacity: .5
}

.fancybox-thumbs>ul>li>img {
    max-height: 75px;
    max-width: 75px
}

[aria-label][role~=tooltip] {
    position: relative
}

[aria-label][role~=tooltip]:after,
[aria-label][role~=tooltip]:before {
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: transform;
    opacity: 0;
    pointer-events: none;
    transition: all var(--microtip-transition-duration, .18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
    position: absolute;
    box-sizing: border-box;
    z-index: 10;
    transform-origin: top
}

[aria-label][role~=tooltip]:before {
    background-size: 100% auto !important;
    content: ""
}

@media screen and (max-width:900px) {
    [aria-label][role~=tooltip]:before {
        display: none !important
    }
}

[aria-label][role~=tooltip]:after {
    background: hsla(0, 0%, 7%, .9);
    border-radius: var(--border-radius);
    color: var(--color-white);
    content: attr(aria-label);
    font-size: var(--font-size-sm, 12px);
    font-weight: var(--font-weight-normal, normal);
    padding: .5em 1em;
    white-space: nowrap;
    box-sizing: content-box
}

@media screen and (max-width:900px) {
    [aria-label][role~=tooltip]:after {
        display: none !important
    }
}

[aria-label][role~=tooltip]:focus:after,
[aria-label][role~=tooltip]:focus:before,
[aria-label][role~=tooltip]:hover:after,
[aria-label][role~=tooltip]:hover:before {
    opacity: 1;
    pointer-events: auto
}

[role~=tooltip][data-microtip-position|=top]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E") no-repeat;
    height: 6px;
    width: 18px;
    margin-bottom: 5px
}

[role~=tooltip][data-microtip-position|=top]:after {
    margin-bottom: 11px
}

[role~=tooltip][data-microtip-position|=top]:before {
    transform: translate3d(-50%, 0, 0);
    bottom: calc(100% + 2px);
    left: 50%
}

[role~=tooltip][data-microtip-position|=top]:hover:before {
    transform: translate3d(-50%, -5px, 0)
}

[role~=tooltip][data-microtip-position|=top]:after {
    transform: translate3d(-50%, 0, 0);
    bottom: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position=top]:hover:after {
    transform: translate3d(-50%, -5px, 0)
}

[role~=tooltip][data-microtip-position=top-left]:after {
    transform: translate3d(calc(-100% + 16px), 0, 0);
    bottom: 100%
}

[role~=tooltip][data-microtip-position=top-left]:hover:after {
    transform: translate3d(calc(-100% + 16px), -5px, 0)
}

[role~=tooltip][data-microtip-position=top-right]:after {
    transform: translate3d(calc(0% + -16px), 0, 0);
    bottom: 100%
}

[role~=tooltip][data-microtip-position=top-right]:hover:after {
    transform: translate3d(calc(0% + -16px), -5px, 0)
}

[role~=tooltip][data-microtip-position|=bottom]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") no-repeat;
    height: 6px;
    width: 18px;
    margin-top: 5px;
    margin-bottom: 0
}

[role~=tooltip][data-microtip-position|=bottom]:after {
    margin-top: 11px
}

[role~=tooltip][data-microtip-position|=bottom]:before {
    transform: translate3d(-50%, -10px, 0);
    bottom: auto;
    left: 50%;
    top: 100%
}

[role~=tooltip][data-microtip-position|=bottom]:hover:before {
    transform: translate3d(-50%, 0, 0)
}

[role~=tooltip][data-microtip-position|=bottom]:after {
    transform: translate3d(-50%, -10px, 0);
    top: 100%;
    left: 50%
}

[role~=tooltip][data-microtip-position=bottom]:hover:after {
    transform: translate3d(-50%, 0, 0)
}

[role~=tooltip][data-microtip-position=bottom-left]:after {
    transform: translate3d(calc(-100% + 16px), -10px, 0);
    top: 100%
}

[role~=tooltip][data-microtip-position=bottom-left]:hover:after {
    transform: translate3d(calc(-100% + 16px), 0, 0)
}

[role~=tooltip][data-microtip-position=bottom-right]:after {
    transform: translate3d(calc(0% + -16px), -10px, 0);
    top: 100%
}

[role~=tooltip][data-microtip-position=bottom-right]:hover:after {
    transform: translate3d(calc(0% + -16px), 0, 0)
}

[role~=tooltip][data-microtip-position=left]:after,
[role~=tooltip][data-microtip-position=left]:before {
    bottom: auto;
    left: auto;
    right: 100%;
    top: 50%;
    transform: translate3d(10px, -50%, 0)
}

[role~=tooltip][data-microtip-position=left]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E") no-repeat;
    height: 18px;
    width: 6px;
    margin-right: 5px;
    margin-bottom: 0
}

[role~=tooltip][data-microtip-position=left]:after {
    margin-right: 11px
}

[role~=tooltip][data-microtip-position=left]:hover:after,
[role~=tooltip][data-microtip-position=left]:hover:before {
    transform: translate3d(0, -50%, 0)
}

[role~=tooltip][data-microtip-position=right]:after,
[role~=tooltip][data-microtip-position=right]:before {
    bottom: auto;
    left: 100%;
    top: 50%;
    transform: translate3d(-10px, -50%, 0)
}

[role~=tooltip][data-microtip-position=right]:before {
    background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E") no-repeat;
    height: 18px;
    width: 6px;
    margin-bottom: 0;
    margin-left: 5px
}

[role~=tooltip][data-microtip-position=right]:after {
    margin-left: 11px
}

[role~=tooltip][data-microtip-position=right]:hover:after,
[role~=tooltip][data-microtip-position=right]:hover:before {
    transform: translate3d(0, -50%, 0)
}

[role~=tooltip][data-microtip-size=small]:after {
    white-space: normal;
    width: 80px
}

[role~=tooltip][data-microtip-size=medium]:after {
    white-space: normal;
    width: 150px
}

[role~=tooltip][data-microtip-size=large]:after {
    white-space: normal;
    width: 260px
}

.cc_banner-wrapper {
    z-index: 9001;
    position: relative
}

.cc_container .cc_btn {
    cursor: pointer;
    font-size: var(--font-size-base);
    transition: font-size .2s;
    line-height: 1em;
    border-radius: var(--border-radius)
}

.cc_container .cc_message {
    font-size: var(--font-size-xs);
    transition: font-size .2s;
    margin: 0;
    padding: 0;
    padding-bottom: 20px
}

.cc_container .cc_logo:active,
.cc_container .cc_logo:hover {
    opacity: 1
}

@media print {

    .cc_banner-wrapper,
    .cc_container {
        display: none
    }
}

.cc_container {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    padding: 10px 15px 30px;
    border-radius: var(--border-radius)
}

.cc_container .cc_btn {
    padding: 8px 16px;
    background-color: #f1d600;
    position: absolute;
    bottom: 10px;
    left: 15px;
    right: 15px;
    text-align: center
}

@media screen and (min-width:500px) {
    .cc_container {
        left: auto;
        right: 20px;
        bottom: 20px;
        width: 300px;
        padding-bottom: 77px
    }

    .cc_container .cc_btn {
        right: 15px;
        bottom: 15px
    }

    .cc_container .cc_logo {
        display: block;
        position: absolute;
        bottom: 8px;
        left: calc(50% - 50px)
    }

    .cc_container .cc_message {
        padding-bottom: 0
    }
}

@media screen and (min-width:768px) {
    .cc_container {
        padding-bottom: 60px
    }
}

.cc_container {
    background: #222;
    color: var(--color-white);
    font-size: var(--font-size-base);
    box-sizing: border-box
}

.cc_container ::-moz-selection {
    background: #ff5e99;
    color: var(--color-white);
    text-shadow: none
}

.cc_container .cc_btn,
.cc_container .cc_btn:visited {
    color: #000;
    background-color: #f1d600;
    transition: background .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out;
    -webkit-transition: background .2s ease-in-out, color .2s ease-in-out, box-shadow .2s ease-in-out;
    border-radius: 5px;
    -webkit-border-radius: 5px
}

.cc_container .cc_btn:active,
.cc_container .cc_btn:hover {
    background-color: var(--color-white);
    color: #000
}

.cc_container a,
.cc_container a:visited {
    text-decoration: none;
    color: #31a8f0;
    transition: color .2s
}

.cc_container a:active,
.cc_container a:hover {
    color: #b2f7ff
}

@keyframes c {
    0% {
        opacity: 0;
        transform: translateX(20px)
    }

    to {
        opacity: 1;
        transform: translateX(0)
    }
}

.cc_container {
    animation-duration: .8s;
    animation-fill-mode: both;
    animation-name: c
}

.swiper-container {
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    list-style: none;
    padding: 0;
    z-index: 1;
    display: block
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: var(--color-third)
}

.swiper-button-disabled i {
    color: var(--color-grey) !important;
    opacity: .7
}

body:has(.popup._show) {
    overflow: hidden !important
}

.popup {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 60px;
    z-index: 40;
    background: rgba(0, 0, 0, .42);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--grid-gutter);
    overflow: hidden;
    opacity: 0;
    transform: translateY(100%);
    transition: opacity .2s ease-in-out;
    border: 1px solid var(--form-border)
}

@media screen and (max-width:900px) {
    .popup {
        align-items: start;
        top: unset
    }
}

.popup._show {
    overflow: visible;
    opacity: 1;
    transform: translateY(0);
    transition: opacity .2s ease-in-out
}

.popup form {
    background: var(--color-white);
    display: flex;
    align-items: stretch;
    bottom: 0;
    position: relative;
    flex-direction: row;
    width: 840px;
    max-height: 100%;
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .popup form {
        flex-direction: column;
        width: 100%;
        border-radius: 0;
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius);
        display: flex;
        align-items: center;
        overflow: auto;
        bottom: 0;
        max-height: 98%
    }
}

.popup__close {
    left: auto;
    top: calc(var(--grid-gutter) * 2);
    right: calc(var(--grid-gutter) * 2);
    position: absolute;
    width: 20px;
    height: 20px;
    z-index: 299;
    display: flex;
    justify-content: center;
    align-items: center
}

@media screen and (max-width:900px) {
    .popup__close {
        background: var(--color-lightGrey);
        border-radius: 50%;
        height: 38px;
        width: 38px;
        top: calc(var(--grid-gutter) * 2);
        right: calc(var(--grid-gutter) * 2);
        padding: calc(var(--grid-footer) / 3)
    }
}

.popup__close svg {
    background-image: url(../../images/close.svg);
    width: 20px;
    height: 20px;
    background-size: 20px;
    background-repeat: no-repeat;
    text-align: center;
    cursor: pointer
}

.popup__close svg:hover {
    transform: rotate(90deg);
    transition-duration: .3s
}

.popup__inner {
    position: relative;
    background: var(--color-white);
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .popup__inner {
        bottom: 0;
        position: absolute;
        height: calc(100vh - 140px);
        overflow: auto;
        border-top-left-radius: var(--border-radius);
        border-top-right-radius: var(--border-radius)
    }
}

.popup__item {
    display: flex;
    flex-direction: row;
    align-items: start;
    width: auto;
    min-height: auto;
    margin-bottom: 0;
    max-height: 100%;
    overflow: visible
}

.popup__leftside {
    height: 100%;
    width: 375px;
    align-items: center;
    position: relative;
    border-top-left-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
    padding: var(--grid-gutter);
    display: flex;
    justify-content: center
}

@media screen and (max-width:900px) {
    .popup__leftside {
        width: 100vw;
        height: fit-content;
        display: block;
        padding: calc(var(--grid-gutter) * 2)
    }
}

.popup__images {
    display: block;
    width: 100%;
    height: 100%
}

.popup__rightside {
    justify-content: flex-start;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    padding: calc(var(--grid-gutter) * 2);
    max-height: 620px;
    width: 465px;
    position: relative;
    border-left: 1px solid var(--form-border)
}

.popup__rightside .title-container__name {
    padding-right: calc(var(--grid-gutter) * 3)
}

.popup__rightside .title-container__name i {
    font-size: 14px;
    margin-left: calc(var(--grid-gutter) / 2)
}

.popup__rightside .title-container__name a {
    color: var(--color-grey);
    opacity: .7
}

@media screen and (max-width:900px) {
    .popup__rightside .title-container__name {
        padding-right: 0
    }
}

@media screen and (max-width:900px) {
    .popup__rightside {
        width: 100%;
        border-left: 0;
        padding: 0 calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 2)
    }
}

.popup__text {
    scrollbar-width: thin;
    padding-right: var(--grid-gutter);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: var(--grid-gutter);
    height: 100%
}

.popup__text .product__button {
    padding: 0
}

@media screen and (max-width:900px) {
    .popup__text {
        height: auto;
        overflow-y: unset;
        padding-bottom: calc(var(--grid-gutter) * 1)
    }
}

.popup .popup__scroll {
    max-height: 300px;
    overflow-y: auto;
    padding-right: var(--grid-gutter);
    padding-bottom: var(--grid-gutter)
}

.popup .product__button {
    height: 57px
}

@media screen and (max-width:900px) {
    .popup .product__button {
        height: 45px
    }
}

.popup .product__button-buy button {
    max-height: 57px
}

.popup__button {
    background: var(--color-white);
    padding: calc(var(--grid-gutter) * 0);
    display: flex;
    align-items: flex-end;
    border-bottom-right-radius: var(--border-radius);
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    border-top: 1px solid var(--form-border);
    z-index: 1
}

@media screen and (max-width:900px) {
    .popup__button {
        border-radius: 0;
        position: fixed;
        left: 0;
        right: 0;
        width: calc(100% + 10px);
        padding-bottom: calc(var(--grid-gutter) * 1);
        padding-right: var(--grid-gutter)
    }
}

.popup .product__button {
    width: 100%;
    border: 0;
    margin: 0
}

.popup .product__option,
.popup .product__price,
.popup .product__ratio,
.popup .product__service,
.popup .product__status,
.popup .product ul.skus {
    padding-left: 0
}

.popup .product__status {
    padding-bottom: 0
}

.product__cart-plugins {
    padding: 0 calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 3)
}

.product__grid-item {
    margin-top: var(--grid-gutter);
    border: 1px solid var(--box-border);
    background: var(--color-white);
    border-radius: var(--border-radius);
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "a a b" "c d b";
    grid-template-rows: auto 1fr
}

@media screen and (max-width:900px) {
    .product__grid-item {
        display: block
    }
}

.product__grid-title {
    grid-area: a
}

.product__grid-photo {
    padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 2);
    overflow: hidden;
    grid-area: c
}

.product__grid-text {
    padding: calc(var(--grid-gutter) * 1.5);
    grid-area: d
}

@media screen and (max-width:900px) {
    .product__grid-text {
        padding-top: 0;
        padding-bottom: 0
    }
}

.product__grid-action {
    grid-area: b;
    border-left: 1px solid var(--form-border);
    position: relative
}

@media screen and (max-width:900px) {
    .product__grid-action {
        border-left: 0
    }
}

.product__photo-big {
    cursor: pointer
}

.product__photo-big .swiper-wrapper {
    align-items: center;
    max-height: 450px
}

.product__photo-big .swiper-slide {
    cursor: pointer;
    text-align: center
}

.product__photo-big .swiper-slide img {
    max-height: 410px
}

.product__photo-item {
    margin-top: var(--grid-gutter);
    display: flex;
    position: relative;
    opacity: 0
}

.product__photo-item._show {
    opacity: 1
}

.product__photo-item .swiper-button-prev {
    left: 0
}

.product__photo-item .swiper-button-prev:after {
    font-size: 16px
}

.product__photo-item .swiper-button-next {
    right: 0
}

.product__photo-item .swiper-button-next:after {
    font-size: 16px
}

.product__photo-item .swiper-slide {
    cursor: pointer;
    height: calc(100% - 2px)
}

.product__photo-item .swiper-slide__item {
    border: 1px solid var(--form-border);
    border-radius: var(--border-radius);
    height: 50px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 1px
}

.product__photo-item .swiper-slide__item img {
    padding: var(--grid-gutter);
    max-width: calc(100% - var(--grid-gutter));
    max-height: calc(100% - var(--grid-gutter))
}

.product__photo-item .swiper-slide-thumb-active .swiper-slide__item {
    border: 1px solid var(--color-primary)
}

.product__photo-item-arrow {
    width: 38px
}

.product__photo-thumbs.swiper {
    width: 100%
}

.product__photo-thumbs .swiper-slider {
    width: 75px;
    height: 75px
}

.product__breadcrumbs {
    font-size: var(--font-size-sm);
    color: var(--color-grey);
    border-bottom: 1px solid var(--form-border);
    padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 2)
}

.product__breadcrumbs ul {
    background: transparent;
    position: relative;
    margin: 0;
    list-style: none;
    padding: 0
}

.product__breadcrumbs ul li {
    display: inline-block;
    position: relative
}

@media screen and (max-width:900px) {
    .product__breadcrumbs ul li {
        margin-right: var(--grid-gutter)
    }
}



@media screen and (max-width:900px) {
    .product__breadcrumbs ul li:after {
        background-position: 0 0;
        background-size: 4px;
        top: 3px;
        left: 9px
    }
}

.product__breadcrumbs ul li:last-child:after {
    display: none
}

.product__breadcrumbs ul li a {
    color: var(--color-grey)
}

.product__breadcrumbs ul li a:hover {
    color: var(--color-link)
}

.product__breadcrumbs ul li:last-child:after {
    content: ""
}

.product__breadcrumbs ul ul {
    visibility: hidden;
    transition: all .3s ease;
    left: -15px;
    top: 30px;
    background: var(--color-white);
    position: absolute;
    z-index: 100;
    padding: 5px 15px;
    opacity: 0;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow);
    transform: translateY(20px);
    width: 280px
}

.product__breadcrumbs ul ul li {
    z-index: 20;
    position: relative;
    display: block
}

.product__breadcrumbs ul ul li a {
    display: block;
    padding: 5px
}

.product__breadcrumbs ul li:hover>ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: translateY(0)
}

.product__bars {
    display: flex;
    gap: calc(var(--grid-gutter) * .5);
    align-items: center;
    font-size: var(--font-size-sm);
    margin-bottom: var(--grid-gutter)
}

.product__bars-label {
    display: flex;
    gap: calc(var(--grid-gutter) / 2);
    color: var(--color-white)
}

.product__bars-label p {
    margin: 0 !important
}

@media screen and (max-width:900px) {
    .product__bars-label {
        max-height: 20px
    }
}

@media screen and (max-width:900px) {
    .product__bars {
        justify-content: space-between
    }
}

.product__header {
    padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 2) 0
}

.product__header .title-container__name {
    justify-content: space-between;
    display: flex
}

.product__header .title-container__name span {
    font-size: var(--font-size-sm);
    border: 1px solid var(--form-border);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.product__form {
    padding-bottom: calc(var(--grid-gutter) * 2);
    height: 100%
}

.product__button {
    display: flex;
    gap: calc(var(--grid-gutter) / 2);
    justify-content: space-between;
    border-top: 1px solid var(--form-border);
    border-bottom: 1px solid var(--form-border);
    padding: calc(var(--grid-gutter) * 1.5);
    user-select: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin-top: var(--grid-gutter);
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .product__button {
        margin: var(--grid-gutter) 0;
        padding: 10px;
        height: calc(var(--catalog-height) + 22px)
    }
}

.product__button-minus {
    margin-left: 5px;
    margin-bottom: 5px
}

.product__button-minus,
.product__button-plus {
    width: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    opacity: .5
}

.product__button-plus {
    margin-right: 5px;
    margin-top: 5px
}

.product__button-favorite {
    border: 1px solid var(--form-border);
    border-radius: var(--border-radius);
    padding-left: 15px;
    padding-right: 15px;
    cursor: pointer
}

.product__button-favorite svg {
    fill: transparent;
    stroke-miterlimit: 10;
    stroke: var(--color-grey);
    stroke-width: 2.3px;
    width: 15px
}

.product__button-input-hint {
    font-size: calc(var(--font-size-micro) - 2px);
    color: var(--color-grey);
    position: absolute;
    bottom: 1px;
    left: 0;
    right: 0;
    text-align: center
}

@media screen and (max-width:900px) {
    .product__button-input-hint {
        bottom: 0
    }
}

.product__button-qty {
    display: flex;
    position: relative;
    background: var(--bg-secondary-color);
    border-radius: var(--border-radius);
    align-items: center;
}

@media screen and (max-width:900px) {
    .product__button-qty {
        width: 100px
    }
}

.product__button-qty input[type=number],
.product__button-qty input[type=text] {
    background: transparent;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-xl) !important;
    border: 0 !important;
    height: 100%;
    text-align: center;
    width: 55px;
    max-width: 55px;
    min-width: 55px;
    padding-left: 2px !important;
    padding-right: 2px !important;
    -moz-appearance: textfield !important
}

@media screen and (max-width:900px) {

    .product__button-qty input[type=number],
    .product__button-qty input[type=text] {
        height: 40px
    }
}

.product__button svg {
    fill: unset;
    stroke-width: 2;
    width: 25px;
    stroke-miterlimit: 10
}

.product__button .icon-cart {
    stroke: var(--color-white);
    display: inline-block;
    vertical-align: middle;
    margin-right: calc(var(--grid-gutter) / 2);
    margin-bottom: 3px
}


.product__button-buy {
    width: 100%;
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
}

.product__button-buy button {
    width: 100%;
    font-size: var(--font-size-lg);
    height: 100%;
    font-weight: var(--font-weight-bold);
    position: relative;
    padding-left: 0;
    padding-right: 0;
    padding-top: 12px;
    color: var(--color-white);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    box-shadow: var(--box-shadow-button)
}

@media screen and (max-width:900px) {
    .product__button-buy button {
        height: 45px;
        display: flex;
        justify-content: center;
        align-items: center;
        gap: calc(var(--grid-footer) / 3)
    }
}

.product__status {
    color: #00c936;
    font-weight: var(--font-weight-bold);
    padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * .5);
    font-size: var(--font-size-base);
    line-height: calc(var(--font-size-base) + 6px)
}

.product__status-inner {
    display: flex
}

.product__status i {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 3px;
    display: inline-block;
    vertical-align: middle;
    position: relative;
    top: -3px
}

.product__status .stock-high {
    color: #00c936
}

.product__status .stock-high i {
    background: var(--color-success)
}

.product__status .stock-none {
    color: #e64646
}

.product__status .stock-none i {
    background: var(--color-error)
}

.product__status .stock-critical {
    color: #f09c48
}

.product__status .stock-critical i {
    background: #f09c48
}

.product__status .stock-low {
    color: #f09c48
}

.product__status .stock-low i {
    background: #f09c48
}

.product__price,
.product__ratio {
    padding: 0 calc(var(--grid-gutter) * 1.5)
}

.product__price {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold)
}

.product__price-null {
    font-size: 20px
}

.product__price s {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-md);
    margin-left: var(--grid-gutter);
    color: var(--color-grey)
}

.product__option,
.product__service {
    padding: 0 calc(var(--grid-gutter) * 1.5)
}

.product__delivery {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 3);
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .product__delivery {
        margin-top: var(--grid-gutter);
        margin-bottom: var(--grid-gutter)
    }
}

.product__delivery-inner {
    display: flex;
    margin-bottom: calc(var(--grid-gutter) / 2)
}

@media screen and (max-width:900px) {
    .product__delivery-inner {
        margin-bottom: calc(var(--grid-gutter) * 2)
    }
}

.product__delivery-icon {
    font-size: var(--font-size-xl);
    color: var(--color-primary);
    background: var(--bg-primary);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 45px;
    height: 45px;
    margin-right: var(--grid-gutter)
}

.product__delivery-text {
    flex: 1;
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold);
    justify-content: center;
    align-content: center;
    flex-direction: column;
    display: flex
}

@media screen and (max-width:900px) {
    .product__delivery-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
        line-height: var(--font-size-lg);
        gap: calc(var(--grid-gutter) / 2)
    }
}

.product__delivery-text .hint {
    font-size: var(--font-size-sm);
    color: var(--color-grey);
    font-weight: var(--font-weight-normal)
}

.product__delivery a {
    display: inline-block;
    vertical-align: middle;
    font-size: var(--font-size-base)
}

.product__delivery a:active {
    transform: scale(.98)
}

.product__share {
    display: flex;
    justify-content: space-between;
    font-size: var(--font-size-sm);
    color: var(--color-grey);
    border-top: 1px solid var(--form-border);
    padding: calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 1.5);
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%
}

.product__share-item {
    margin-bottom: calc(var(--grid-gutter) / 2);
    display: flex;
    align-items: center;
    gap: var(--grid-gutter)
}

.product__share-item .icon-whatsup {
    fill: green !important
}

.product__share-item .icon-telegram {
    fill: #1e90ff !important
}

.product__share-item .icon-vk {
    fill: blue !important
}

.product__share-item .icon-odnoklassniki {
    fill: orange !important
}

.product__share-item svg {
    height: 14px
}

.product__share-item:last-child {
    margin-bottom: 0
}

.product__share-menu {
    position: absolute;
    z-index: 10;
    left: calc(var(--grid-gutter) * -1);
    top: 30px;
    width: fit-content;
    padding: calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 1);
    border: 1px solid var(--form-border);
    background: var(--color-white);
    border-radius: var(--border-radius);
    display: none
}

@media screen and (max-width:900px) {
    .product__share-menu {
        right: 0;
        left: unset
    }
}

.product__share-menu._show {
    display: block
}

.product__share-menu a {
    color: var(--color-grey)
}

.product__bottom-item {
    display: flex;
    position: relative
}

.product__info {
    width: 100%;
    background: var(--color-white);
    border-radius: var(--border-radius);
    min-height: 200px;
    margin-top: var(--grid-gutter);
    border: 1px solid var(--box-border);
    grid-area: e
}

@media screen and (max-width:900px) {
    .product__info {
        margin-top: var(--grid-gutter)
    }
}

.product__info .is-features {
    display: flex
}

.product__info-tabs {
    padding: calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * .5);
    list-style: none;
    position: sticky;
    top: 0;
    z-index: 1;
    background: var(--color-white);
    border-bottom: 1px solid var(--form-border)
}

@media screen and (max-width:900px) {
    .product__info-tabs {
        white-space: nowrap;
        display: inline-block;
        overflow-x: scroll;
        overflow-y: hidden;
        border: 0;
        width: 100%;
        border-bottom: 1px solid var(--form-border)
    }
}

.product__info-tabs li {
    display: inline-block;
    border: 1px solid var(--form-border);
    border-radius: 50px;
    margin-right: calc(var(--grid-gutter) / 2);
    margin-bottom: var(--grid-gutter)
}

.product__info-tabs li a {
    font-size: var(--font-size-md);
    color: var(--font-color);
    font-weight: var(--font-weight-bold);
    padding: 7px 20px;
    display: flex;
    align-items: center
}

.product__info-tabs li a:active {
    transform: scale(.98)
}

.product__info-tabs li.selected {
    border: 1px solid var(--color-primary)
}

.product__info-tabs li.selected a {
    color: var(--color-primary)
}

.product__info-count {
    background: var(--bg-secondary-color);
    color: var(--color-grey);
    font-size: var(--font-size-micro);
    display: inline-block;
    vertical-align: middle;
    padding: 0 10px;
    border-radius: var(--border-radius);
    margin-left: 10px
}

.product__seen {
    grid-area: f
}

@media screen and (max-width:900px) {
    .product__seen {
        display: none
    }
}

.product__seen-header {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--grid-gutter);
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-top: calc(var(--grid-gutter) * 2)
}

.product__seen-header__link {
    background: -webkit-linear-gradient(left, var(--color-white), var(--color-white));
    margin-right: 0;
    box-shadow: none;
    border: 1px solid var(--box-border)
}

.product__seen-header__link i {
    font-size: var(--font-size-sm);
    transform: rotate(90deg);
    color: var(--color-primary);
    position: relative;
    left: 2px
}

.product__seen-header a {
    display: flex;
    justify-content: center
}

.product__seen .col-header {
    background: var(--bg-color);
    padding: 25px 25px 0;
    border-radius: var(--border-radius);
    box-shadow: var(--box-shadow-item)
}

@media screen and (max-width:900px) {
    .product__seen .col-header {
        margin-bottom: 20px
    }
}

.product__seen .col-header a {
    font-size: var(--font-size-base);
    font-weight: var(--font-weight-normal);
    margin-top: 10px;
    display: block
}

.product__help {
    margin-top: var(--grid-gutter);
    background: var(--color-third);
    border-radius: var(--border-radius);
    padding: calc(var(--grid-gutter) * 2) var(--grid-gutter);
    color: var(--color-white);
    display: flex;
    gap: calc(var(--grid-gutter) * 1.5)
}

.product__help hr {
    background-color: hsla(0, 0%, 100%, .35)
}

.product__help-icon svg {
    stroke: var(--color-white);
    fill: none;
    width: 60px;
    stroke-width: 5px
}

.product__help:first-child b {
    font-size: var(--font-size-md)
}

.product__help p {
    margin: var(--grid-gutter) 0
}

.product__related {
    padding: calc(var(--grid-gutter) * 0) 0
}

@media screen and (max-width:900px) {
    .product__related {
        margin-top: calc(var(--grid-gutter) * 1);
        padding-top: 0;
        background: transparent
    }
}

.product__related-header {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    margin-bottom: 25px
}

@media screen and (max-width:900px) {
    .product__related-header {
        margin-bottom: 10px
    }
}

@media screen and (max-width:900px) {
    .product__related .slick-dots {
        margin-left: 0;
        bottom: -25px
    }
}

@media screen and (max-width:900px) {
    .product__related .arrow-slider-circle {
        display: none !important
    }
}

.product__crosselling {
    padding: calc(var(--grid-gutter) * 2) 0;
}

.product__crosselling .p-thumbs__inner {
    border: 1px solid var(--form-border)
}

@media screen and (max-width:900px) {
    .product__crosselling {
        margin-top: calc(var(--grid-gutter) * 2)
    }
}

.product__crosselling-header {
    font-size: var(--font-size-xxl);
    line-height: calc(var(--font-size-xxl) + 6px);
    font-weight: var(--font-weight-bold)
}

.product ul.skus {
    list-style: none;
    margin: 0;
    padding: calc(var(--grid-gutter) * 1.5)
}

.product ul.skus .custom-radio>span {
    display: block
}

.product ul.skus span.price {
    font-weight: var(--font-weight-bold)
}

.product ul.skus span.price.nowrap {
    white-space: nowrap
}

.product ul.skus span:before {
    position: relative;
    top: 2px
}

.product ul.skus li .price s {
    color: var(--color-grey);
    margin-left: calc(var(--grid-gutter) / 2);
    font-weight: var(--font-weight-normal)
}

.product .video-container {
    width: 100%
}

.product__popular {
    background: var(--color-white);
    display: flex;
    flex-direction: column;
    width: 25%;
    height: 100%;
    padding: var(--grid-gutter);
    min-width: 300px
}

.product__popular-icon {
    width: 16px
}

.product__popular-header {
    font-weight: var(--font-weight-bold);
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 1.5);
    background: var(--color-third);
    color: var(--color-white);
    justify-content: space-between;
    min-height: 64px;
    border-top-right-radius: var(--border-radius)
}

.product__popular-header,
.product__popular-header div {
    display: flex;
    align-items: center
}

.product__popular-header div svg {
    stroke: var(--color-white);
    stroke-width: 2px
}

.product__popular-header div b {
    display: flex;
    margin-left: calc(var(--grid-gutter) / 2)
}

@media screen and (max-width:900px) {
    .product__popular-header {
        padding: calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 2);
        border-radius: 0;
        min-height: 46px
    }
}

.product__popular-count {
    font-weight: var(--font-weight-normal);
    font-size: var(--font-size-sm);
    color: var(--color-white)
}

.product__popular-count i {
    color: var(--color-white);
    margin-right: 3px
}

.product__popular-count span {
    background: var(--color-white);
    color: var(--font-color);
    padding: 2px 4px;
    margin: 0 2px;
    border-radius: var(--border-radius);
    display: inline-block;
    min-width: 25px;
    text-align: center
}

.product__popular-count span:last-child {
    margin-right: 0
}

.product__popular .p-thumbs__inner {
    background: transparent;
    padding-left: 30px
}

.product__popular .p-thumbs__inner:hover {
    box-shadow: none !important
}

.product__popular .p-thumbs__text-bottom {
    margin-top: calc(var(--grid-gutter) / 3)
}

.product .fa-youtube {
    color: #e30613;
    margin-right: 5px
}

.product iframe {
    max-width: 100%
}

.product__tags {
    font-size: var(--font-size-sm);
    border-top: 1px solid var(--form-border);
    margin: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * -2) 0;
    padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 2) 0
}

.product__tags a {
    background: var(--color-white);
    border-radius: var(--border-radius);
    cursor: pointer;
    padding: 1px 6px 2px;
    display: inline-flex;
    border: 1px solid var(--form-border);
    color: var(--color-grey);
    margin-right: calc(var(--grid-gutter) / 2)
}

.product__tags a:hover {
    border: 1px solid var(--font-color);
    color: var(--font-color)
}

.product__skuname {
    margin-right: calc(var(--grid-gutter) / 2)
}

.product__inner {
    display: grid;
    padding-bottom: calc(var(--grid-gutter) * 2);
    grid-gap: var(--grid-gutter);
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: "e e f"
}

@media screen and (max-width:900px) {
    .product__inner {
        display: block
    }
}

.product__badge {
    display: flex;
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-sm);
    margin-bottom: calc(var(--grid-gutter) / 2)
}

.product__badge-price {
    background: var(--badge);
    color: var(--color-white);
    padding: 1px 8px;
    justify-content: center;
    align-items: center
}

.product__badge-label,
.product__badge-price {
    border-radius: var(--border-radius);
    display: flex
}

.product__badge-label {
    padding: 2px 8px;
    gap: calc(var(--grid-gutter) / 4)
}

.product__badge-label svg {
    width: 10px;
    fill: var(--color-white)
}

.product__badge-label span {
    color: var(--color-white)
}

.product__badge-label .badge {
    background: transparent !important
}

.product__top-features {
    font-size: var(--font-size-xs)
}

@media screen and (max-width:900px) {
    .product__top-features {
        display: none !important
    }
}

.product__top-features .s-divider-column:first-child {
    display: none !important
}

.product__top-features-link,
.product__top-features-title {
    margin-top: var(--grid-gutter)
}

.product__top-features-title {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-md);
    margin-bottom: calc(var(--grid-gutter) / 2)
}

@media screen and (max-width:900px) {
    .product__top-features-title {
        display: none
    }
}

.product__top-features table {
    border-collapse: collapse
}

.product__top-features tr:nth-child(odd) {
    background: var(--bg-secondary-color);
    border-radius: var(--border-radius)
}

.product__top-features tr td {
    padding: calc(var(--grid-gutter) / 2)
}

.product__top-features tr td:first-child {
    color: var(--color-grey)
}

.product__summary {
    margin-top: var(--grid-gutter);
    font-size: var(--font-size-xs)
}

@media screen and (max-width:900px) {
    .product__summary {
        margin: calc(var(--grid-gutter) * 2) 0
    }
}

.product__icon-compare,
.product__icon-favorite,
.product__icon-share {
    position: relative
}

.product__icon-compare:hover,
.product__icon-favorite:hover,
.product__icon-share:hover {
    color: var(--color-primary)
}

.product__icon-compare span,
.product__icon-favorite span,
.product__icon-share span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    cursor: pointer
}

.product__icon-compare svg,
.product__icon-favorite svg,
.product__icon-share svg {
    fill: transparent;
    width: 23px;
    stroke-miterlimit: 10;
    margin-right: calc(var(--grid-gutter) / 2);
    stroke: var(--color-grey);
    stroke-width: 2.3px
}

.product__icon-compare .icon-favorite,
.product__icon-favorite .icon-favorite,
.product__icon-share .icon-favorite {
    stroke: var(--color-grey);
    stroke-width: 2px;
    width: 16px
}

.product__icon-compare .icon-compare,
.product__icon-favorite .icon-compare,
.product__icon-share .icon-compare {
    stroke: var(--color-grey);
    stroke-width: 1.8px
}

.product__articul {
    margin-right: var(--grid-gutter);
    color: var(--color-grey)
}

.product__ratio {
    font-weight: var(--font-weight-normal);
    color: var(--color-grey);
    display: flex;
    margin-bottom: var(--grid-gutter)
}

.product__tab {
    display: none
}

.product__tab.active {
    display: flex;
    flex-direction: column
}

.product__tabs-text {
    flex: 1
}

@media screen and (max-width:900px) {
    .product__tabs-text {
        display: block !important
    }
}

.product__tabs-text iframe {
    max-width: 100%
}

.product__tabs-text-leftside {
    flex: 1
}

@media screen and (max-width:900px) {
    .product__tabs-text-leftside {
        display: block;
        width: 100%
    }
}

.product__tabs-text-rightside {
    width: 370px;
    margin-left: 50px
}

@media screen and (max-width:900px) {
    .product__tabs-text-rightside {
        width: 100%;
        margin-left: 0
    }
}

.product__tabs-features {
    width: 370px;
    margin-left: 50px
}

.product__tabs-features-header {
    margin-top: calc(var(--grid-gutter) * 2);
    margin-bottom: 0;
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold)
}

.product__content-tabs {
    padding: calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 1.5)
}

.product__content-tabs .product__top-features-link {
    display: none !important
}

.product__content-tabs table.features .more-features {
    display: revert !important
}

@media screen and (max-width:900px) {
    .product__content-tabs {
        padding: calc(var(--grid-gutter) * 2)
    }
}

.product .goto-cart {
    margin-top: 20px
}

@media screen and (max-width:900px) {
    .product .goto-cart {
        margin-bottom: 15px
    }
}

table.features {
    border-collapse: collapse;
    margin-left: calc(var(--grid-gutter) * -.5)
}

table.features .more-features {
    display: none
}

table.features tr:nth-child(odd) {
    background: var(--bg-secondary-color);
    border-radius: var(--border-radius)
}

table.features tr td {
    padding: calc(var(--grid-gutter) / 4) calc(var(--grid-gutter) / 2);
    vertical-align: top
}

table.features tr td .icon16 {
    width: 10px;
    height: 10px;
    margin-right: calc(var(--grid-gutter) / 2);
    position: relative;
    top: 1px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #bcc2c885
}

table.features tr td:first-child {
    color: var(--color-grey)
}

table.features tr.s-divider-column {
    font-size: var(--font-size-md);
    background: var(--color-white);
    font-weight: 600
}

table.features tr.s-divider-column td {
    padding-top: var(--grid-gutter);
    color: var(--font-color)
}

.product .options .name {
    font-weight: var(--font-weight-bold);
    line-height: 20px;
    margin-bottom: 5px
}

.product .options .name .sku-selectable {
    font-weight: var(--font-weight-semibold)
}

.product .options label.name {
    display: block;
    margin-bottom: 5px;
    margin-top: 10px
}

.product .options .inline-select {
    margin-bottom: calc(var(--grid-gutter) / 2)
}

.product .options .inline-select a {
    border-radius: var(--border-radius);
    margin: 0 5px 5px 0;
    display: inline-block;
    text-decoration: none;
    position: relative;
    min-width: 55px;
    text-align: center;
    color: #454545;
    background: var(--bg-secondary-color);
    padding: 0 var(--grid-gutter);
    box-shadow: 1px 1px 1px #bcc2c885
}

.product .options .color-fix a {
    height: 32px;
    width: 30px;
    min-width: 30px !important;
    max-width: 30px !important;
    border-radius: var(--border-radius);
    display: inline-block;
    margin-right: 6px;
    position: relative;
    border: 1px solid transparent
}

@media screen and (max-width:900px) {
    .product .options .color-fix a {
        height: 32px;
        width: 32px;
        min-width: 32px !important;
        max-width: 32px !important
    }
}

.product .options .color-fix a .color_checkmark {
    display: none;
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 11px
}

.fancybox__thumbs {
    --f-thumb-outline-color: var(--color-primary);
    border-radius: var(--border-radius)
}

.f-thumbs__slide__img {
    scale: .8;
    border-radius: 10px
}

.f-thumbs__slide__button {
    padding: 0 !important;
    opacity: 1;
    background: var(--color-white) !important;
    box-shadow: none !important;
    border-radius: 0
}

.f-thumbs.is-horizontal .f-thumbs__slide {
    margin: 0
}

.fancybox__container {
    --fancybox-color: #dbdbdb;
    --fancybox-hover-color: var(--color-white);
    --fancybox-bg: #fff;
    --fancybox-slide-gap: 10px;
    --f-spinner-width: 50px;
    --f-spinner-height: 50px;
    --f-spinner-color-1: hsla(0, 0%, 100%, .1);
    --f-spinner-color-2: #bbb;
    --f-spinner-stroke: 3.65
}

.f-button:hover:not([disabled]) {
    color: var(--f-button-hover-color);
    background-color: var(--color-lightGrey)
}

.f-button {
    background: var(--color-white);
    box-shadow: none
}

.f-button svg {
    stroke: var(--font-color);
    filter: none
}

.fancybox__toolbar {
    text-shadow: none;
    color: var(--font-color)
}

.features__link {
    position: relative
}

.features__link:after {
    position: absolute;
    top: calc(50% - 6px);
    right: -15px;
    font-family: Font Awesome\ 5 Free;
    content: "\f0da";
    font-weight: 600;
    color: var(--color-link);
    font-size: 10px;
    transform: rotate(90deg)
}

.product__tabs-features.product__tab {
    margin-left: 0;
    width: 100%
}

.product__tabs-features.product__tab .product__tabs-features {
    margin-left: 0
}

.product__tabs-features.product__tab .product__tabs-features.active {
    width: 100%
}

.product .options .inline-select a .color_name {
    display: none;
    position: absolute;
    bottom: -25px;
    left: 50%;
    font-size: 10px;
    color: rgba(0, 0, 0, .8);
    margin-left: -40px;
    width: 80px;
    font-weight: var(--font-weight-semibold)
}

.product .options .inline-no-color a.selected {
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    color: var(--color-white)
}

.product .options .inline-select a.selected .color_checkmark {
    display: block
}

.product__inner .service__inner {
    margin-bottom: 10px
}

.info-line.active {
    transform: translateY(0)
}

@media screen and (max-width:900px) {
    .info-line.active {
        display: none !important
    }
}

.loading-cart-icon {
    color: transparent !important;
    position: relative
}

.loading-cart-icon svg {
    display: none !important
}

.loading-cart-icon:hover {
    color: transparent !important
}

.loading-cart-icon:after {
    left: 0;
    right: 0;
    background-image: url(../../images/loading_three_dots.svg) !important;
    background-size: 20px;
    background-repeat: no-repeat;
    color: var(--color-white);
    position: absolute;
    content: " " !important;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    transform: translateY(-50%);
    top: 50%;
    background-position: 50% 50%
}

.product__button-qty input[type=number]::-webkit-inner-spin-button,
.product__button-qty input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0
}

.review {
    display: flex;
    flex-direction: column;
    margin: var(--grid-gutter) 0;
    background: var(--bg-secondary-color);
    border-radius: var(--border-radius)
}

.review__avatar {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font-size-xl);
    color: var(--color-white);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    position: relative
}

@media screen and (max-width:900px) {
    .review__avatar {
        width: 30px !important;
        min-width: 30px !important;
        height: 30px !important;
        min-height: 30px !important;
        margin-left: calc(var(--grid-gutter) * 2);
        font-size: var(--font-size-micro)
    }
}

.review__avatar:after {
    width: 11px;
    height: 11px;
    border-radius: 50%;
    background: var(--color-third);
    border: 2px solid var(--color-white);
    content: " ";
    position: absolute;
    top: 0;
    right: 5px
}

@media screen and (max-width:900px) {
    .review__avatar:after {
        width: 9px;
        height: 9px;
        right: -1px
    }
}

.review__new {
    background: #ffc
}

.review__top {
    border-bottom: 1px solid var(--color-white);
    display: flex;
    justify-content: space-between;
    gap: var(--grid-gutter);
    cursor: pointer
}

.review__top._close {
    transition: all .3s ease;
    border-bottom: 0 !important
}

.review__top._close .review__top-arrow svg {
    transform: rotate(180deg);
    transition: all .3s ease
}

.review__top-arrow {
    width: 5.5rem;
    display: flex;
    justify-content: end;
    align-items: center
}

@media screen and (max-width:900px) {
    .review__top-arrow {
        display: none
    }
}

.review__top-arrow svg {
    transition: all .3s ease
}

.review__top-left {
    display: flex;
    gap: var(--grid-gutter);
    padding: var(--grid-gutter) var(--grid-gutter) var(--grid-gutter) 0;
    font-weight: var(--font-weight-bold);
    flex: 1;
    align-items: center
}

.review__top-right {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
    color: var(--color-grey);
    display: flex;
    gap: var(--grid-gutter)
}

.review__bottom {
    padding: calc(var(--grid-gutter) * 1.5) calc(var(--grid-gutter) * 2)
}

.review__header {
    font-size: var(--font-size-xl);
    font-weight: var(--font-weight-bold)
}

.review__name {
    display: flex;
    flex-direction: column;
    align-content: flex-end;
    align-items: start;
    font-size: var(--font-size-md);
    line-height: calc(var(--font-size-md) + 4px)
}

.review__actions {
    margin-top: var(--grid-gutter)
}

.review__date {
    font-size: var(--font-size-xs);
    color: var(--color-grey)
}

.review__title {
    font-weight: var(--font-weight-bold);
    font-size: var(--font-size-md);
    line-height: calc(var(--font-size-md) + 4px);
    color: var(--color-grey)
}

.review__staff {
    padding: 1px 7px;
    background: var(--color-success);
    color: var(--color-white);
    border-radius: var(--border-radius);
    white-space: nowrap;
    font-size: var(--font-size-micro);
    display: inline-block
}

.review__textarea {
    height: 100px;
    min-height: 100px;
    margin-top: 0
}

table.rating-distribution td {
    padding: 0 15px 0 0;
    border: none
}

table.rating-distribution td .bar {
    background: #eee;
    width: 200px;
    height: 13px
}

table.rating-distribution td .bar .filling {
    background: #ffbc00;
    height: 13px
}

.reviews__block {
    border: 1px solid var(--form-border);
    background: var(--color-white);
    border-radius: var(--border-radius);
    padding: calc(var(--grid-gutter) * 1) calc(var(--grid-gutter) * 3) calc(var(--grid-gutter) * 1.5);
    display: flex;
    gap: var(--grid-gutter)
}

.reviews__top {
    padding-bottom: var(--grid-gutter);
    display: flex;
    margin-top: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .reviews__top {
        flex-direction: column
    }
}

.reviews__top-leftside {
    width: 150px;
    display: flex;
    gap: var(--grid-gutter);
    margin-right: calc(var(--grid-gutter) * 2)
}

@media screen and (max-width:900px) {
    .reviews__top-leftside {
        display: none
    }
}

.reviews__top-rightside {
    flex: 1;
    padding-top: calc(var(--grid-gutter) * 1.5)
}

.reviews__top-number {
    width: 150px;
    text-align: center;
    font-size: calc(var(--font-size-xxxl) * 3);
    font-weight: var(--font-weight-semibold);
    line-height: 1.2
}

.reviews__top-graph {
    flex: 0.7
}

.reviews__top-rating {
    text-align: center
}

.reviews .reviews-branch ul .review {
    background: transparent;
    padding: 0;
    border: 1px solid var(--form-border)
}

.reviews .reviews-branch ul .review__top-left {
    padding: calc(var(--grid-gutter)/2) var(--grid-gutter) calc(var(--grid-gutter)/2) 0
}

.reviews .reviews-branch ul .review__top {
    border-bottom: 1px solid var(--form-border)
}

.reviews .reviews-branch ul .review__bottom {
    padding: var(--grid-gutter) calc(var(--grid-gutter) * 2);
    font-size: var(--font-size-sm)
}

.reviews .reviews-branch ul .review__actions {
    margin-top: calc(var(--grid-gutter) / 2)
}

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

.reviews ul li ul {
    padding-left: calc(var(--grid-gutter) * 2)
}

.reviews ul li ul .review {
    flex-direction: column;
    background: var(--bg-secondary-color);
    padding: 20px;
    border-radius: var(--border-radius)
}

.reviews ul .in-reply-to {
    position: relative
}

.reviews ul .in-reply-to form {
    margin: 0 var(--grid-gutter) calc(var(--grid-gutter)/1);
    border: 2px solid var(--color-primary);
    border-radius: var(--border-radius)
}

.reviews ul .in-reply-to .wa-form {
    margin: 0
}

.reviews ul .in-reply-to .review-form-fields {
    background: transparent !important
}

.reviews ul.menu-h.auth-type {
    padding: 0 0 40px;
    margin-left: -5px
}

.reviews ul.menu-h.auth-type li {
    padding-right: 10px
}

.reviews ul.menu-h.auth-type li a {
    padding: 5px 6px
}

.reviews ul.menu-h.auth-type li a img {
    top: 0
}

.comment-form-fields,
.review-form-fields {
    border-radius: var(--border-radius);
    background: var(--bg-secondary-color);
    padding: calc(var(--grid-gutter) * 2)
}

@media screen and (max-width:900px) {
    .review-form-fields {
        padding: 10px
    }
}

.review-form .review-submit {
    padding: 0 0 20px 180px
}

@media screen and (max-width:900px) {
    .review-form .review-submit {
        padding-left: 0 !important
    }
}

.review-form .review-submit .cancel {
    margin-left: 10px
}

.review-form .review-submit .cancel:focus,
.review-form .review-submit .cancel:hover {
    text-decoration: none
}

.review-form .userpic {
    width: 20px;
    height: 20px;
    margin-right: 5px;
    border-radius: 50%
}

.review-form ul.menu-h.auth-type li a img {
    float: left;
    margin-right: 3px;
    position: relative;
    top: 2px
}

.review-form ul.menu-h.auth-type {
    padding-bottom: 20px
}

.review-form label {
    float: left;
    width: 155px;
    font-weight: 700;
    padding-top: .52em;
    padding-bottom: 10px;
    line-height: 14px;
    margin-top: 5px;
    text-align: right;
    margin-right: 23px
}

.reviews span.rate {
    line-height: 1.3em;
    display: block;
    margin: .5em 0
}

.reviews span.rate a {
    text-decoration: none !important
}

.review-submit .wa-captcha .errormsg {
    float: none;
    margin-left: 0
}

#product-review-form input[type=email],
#product-review-form input[type=password],
#product-review-form input[type=text],
#product-review-form textarea {
    margin-bottom: 0
}

ul#user-auth-provider {
    padding-left: 0 !important
}

.review-form-fields label.service-agreement-wrapper {
    float: none !important;
    width: auto;
    margin-bottom: 20px
}

.s-review-images-section {
    padding: var(--grid-gutter);
    background: var(--color-white);
    border-radius: var(--border-radius)
}

.s-review-images-section.is-highlighted {
    background: #fafadf
}

.s-review-images-section .s-image-form-section {
    position: relative;
    font-size: var(--font-size-sm)
}

.s-review-images-section .s-image-form-section .s-description .s-icon {
    position: relative;
    display: inline-block;
    vertical-align: -3px;
    width: 22px;
    height: 19px;
    margin-right: 10px
}

.s-review-images-section .s-image-form-section .s-description .s-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.s-review-images-section .s-image-form-section .s-file-field {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    cursor: pointer;
    text-indent: -100%;
    font-size: 0
}

.s-review-images-section .s-attached-files-section .s-file-wrapper {
    position: relative;
    display: inline-block;
    vertical-align: top;
    margin: 30px 10px 0 0
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-image-wrapper {
    width: 180px;
    height: 150px;
    border: 1px solid transparent;
    background-size: cover;
    box-sizing: border-box;
    border-radius: var(--border-radius)
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper {
    margin-top: 10px;
    line-height: 1.15384615em;
    min-height: 55px;
    font-size: var(--font-size-micro)
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper.is-extended .s-visible,
.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper:not(.is-extended) .s-hidden {
    display: none
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper .s-visible {
    padding: 5px;
    text-align: center
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-description-wrapper .s-textarea {
    display: block;
    border: 1px solid rgba(0, 0, 0, .1);
    padding: 4px 6px;
    line-height: 15px;
    width: 100%;
    height: 55px;
    resize: none;
    box-sizing: border-box;
    min-width: auto;
    min-height: auto
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions {
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%, -10px)
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions .s-action {
    position: relative;
    width: 20px;
    height: 20px;
    box-sizing: border-box;
    border-radius: 50%;
    border: 1px solid rgba(0, 0, 0, .33);
    background: var(--color-white);
    cursor: pointer
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions .s-action:not(:first-child) {
    margin-top: 10px
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions .s-action .s-icon {
    position: absolute;
    display: inline-block;
    width: 10px;
    height: 10px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%)
}

.s-review-images-section .s-attached-files-section .s-file-wrapper .s-actions .s-action .s-icon svg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.s-review-images-section .s-errors-section:not(:empty) {
    margin: 20px 0 0
}

.s-review-images-section .s-errors-section .s-error {
    line-height: 1.16666667em;
    color: red
}

.s-review-images-section .s-errors-section .s-error:not(:first-child) {
    margin-top: 5px
}

.s-review-images-section,
.s-review-notice-section {
    vertical-align: top;
    box-sizing: border-box
}

.s-images-list {
    margin-top: var(--grid-gutter)
}

.s-images-list .s-image {
    margin-right: var(--grid-gutter);
    margin-bottom: var(--grid-gutter);
    border-radius: var(--border-radius);
    width: 10rem;
    height: 10rem;
    object-fit: cover
}

@media screen and (max-width:900px) {
    .s-images-list .s-image {
        width: 6rem;
        height: 6rem;
        object-fit: cover
    }
}

.s-images-list .s-image img {
    object-fit: cover;
    width: 100%;
    height: 100%
}

@media (max-width:760px) {

    .s-review-images-section,
    .s-review-notice-section {
        width: 100%
    }
}

@media screen and (max-width:900px) {
    .full-catalog {
        margin-top: -20px
    }
}

.full-catalog .col-12 {
    margin-bottom: var(--grid-gutter) !important
}

.full-catalog a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 1
}

.full-catalog__item {
    display: flex;
    background: var(--color-white);
    border-radius: var(--border-radius);
    gap: var(--grid-gutter);
    position: relative
}

.full-catalog__img {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 75px;
    height: 70px;
    text-align: center;
    padding: var(--grid-gutter)
}

.full-catalog__img img {
    max-height: 100%;
    max-width: 100%
}

.full-catalog__text {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    flex: 1;
    font-size: var(--font-size-md);
    line-height: calc(var(--font-size-md) + 4px);
    font-weight: var(--font-weight-bold)
}

.full-catalog__arrow {
    padding: calc(var(--grid-gutter) * 2);
    border-top-right-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    background: var(--color-primary);
    opacity: .3;
    height: 100%;
    position: relative;
    color: var(--color-white);
    display: none;
    align-items: center
}

@media screen and (max-width:900px) {
    .full-catalog__arrow {
        display: flex
    }
}

.sidebar-menu {
    background: var(--color-white);
    border-radius: var(--border-radius);
    margin-bottom: var(--grid-gutter);
    border: 1px solid var(--box-border)
}

.sidebar-menu__header {
    border-bottom: 1px solid var(--form-border);
    font-size: var(--font-size-md);
    font-weight: var(--font-weight-bold)
}

.sidebar-menu__header,
.sidebar-menu__inner {
    padding: var(--grid-gutter)
}

.sidebar-menu__tags {
    display: inline-flex;
    gap: calc(var(--grid-gutter) / 2);
    flex-wrap: wrap;
    font-size: var(--font-size-sm)
}

.sidebar-menu__tags a {
    background: var(--color-white);
    border-radius: var(--border-radius);
    cursor: pointer;
    padding: 1px 6px 2px;
    display: inline-flex;
    border: 1px solid var(--form-border);
    color: var(--font-color)
}

.sidebar-menu__tags a:hover {
    border: 1px solid var(--font-color)
}

.sidebar-menu__review {
    padding: 0
}

.sidebar-menu__review-item {
    border-bottom: 1px solid var(--form-border);
    padding: var(--grid-gutter)
}

.sidebar-menu__review-item:last-child {
    border-bottom: 0
}

.sidebar-menu__rating-name {
    font-weight: 500
}

.sidebar-menu__rating-date {
    font-size: 12px;
    color: var(--color-grey)
}

.sidebar-menu__rating-url {
    margin-bottom: 5px
}

.sidebar-menu__rating-url a {
    color: var(--font-color);
    font-weight: var(--font-weight-bold)
}

.sidebar-menu__news {
    margin-bottom: var(--grid-gutter)
}

.sidebar-menu__news-title {
    line-height: calc(var(--font-size-lg) + 4px)
}

.sidebar-menu__news-title a {
    color: var(--font-color)
}

.sidebar-menu__news-date {
    font-size: 12px;
    color: var(--color-grey)
}

ul.sorting {
    list-style: none;
    margin: 0;
    padding: 0;
    display: inline-block;
    margin-right: 20px;
    border-radius: 6px
}

ul.sorting .icon-filter {
    display: none
}

@media screen and (max-width:900px) {
    ul.sorting .icon-filter {
        display: inline-block;
        max-height: 20px;
        stroke: var(--color-grey);
        stroke-width: 2px;
        fill: transparent;
        margin-right: 5px;
        vertical-align: middle;
        position: relative;
        top: -1px;
        left: -6px;
        height: 17px
    }
}

ul.sorting .icon-sort {
    display: none
}

@media screen and (max-width:900px) {
    ul.sorting .icon-sort {
        display: inline-block;
        max-height: 20px;
        stroke: var(--color-grey);
        stroke-width: 2px;
        fill: transparent;
        margin-right: 5px;
        vertical-align: middle;
        position: relative;
        top: -1px;
        left: -7px;
        width: 20px
    }
}

ul.sorting.filter-expand {
    display: none
}

ul.sorting.filter-expand .sorting__header {
    padding: 5px 20px !important
}

ul.sorting.filter-expand .sorting__header:after {
    display: none !important
}

ul.sorting:last-child {
    margin-right: 0
}

@media screen and (max-width:900px) {
    ul.sorting {
        flex: 1;
        display: flex;
        margin-right: 10px
    }
}

ul.sorting li {
    display: inline-block;
    margin-right: 15px;
    position: relative
}

ul.sorting li:last-child {
    margin-right: 0
}

ul.sorting li.selected a {
    color: var(--color-primary);
    font-weight: var(--font-weight-bold)
}

@media screen and (max-width:900px) {
    ul.sorting .sorting-show {
        opacity: 1;
        visibility: visible;
        top: 14px
    }
}

ul.sorting ul {
    visibility: hidden;
    transition: all .3s ease;
    left: -1px;
    top: 34px;
    background: var(--color-white);
    position: absolute;
    z-index: 60;
    padding: 0;
    opacity: 0;
    border-radius: 6px;
    box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .2);
    transform: translateY(20px)
}

ul.sorting ul li {
    z-index: 20;
    position: relative;
    width: 100%;
    font-weight: var(--font-weight-semibold);
    transition: background .3s
}

ul.sorting ul li a {
    display: block;
    padding: 8px 12px;
    box-sizing: border-box;
    cursor: pointer;
    color: var(--font-color)
}

ul.sorting ul li a:hover {
    background: #f5f5f5;
    color: var(--color-primary);
    transition: background .3s
}

ul.sorting ul i {
    font-size: 10px;
    opacity: .8;
    margin-left: 3px
}

ul.sorting li:hover ul {
    opacity: 1;
    visibility: visible;
    height: auto;
    transform: translateY(0)
}

ul.sorting .sorting__arrow {
    display: inline-block;
    color: var(--color-primary);
    position: absolute;
    right: 11px;
    top: 11px;
    font-size: 8px
}

ul.sorting .sorting__selected {
    font-weight: var(--font-weight-bold)
}

ul.sorting .sorting__selected a {
    color: var(--color-primary)
}

.subscribe {
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    color: var(--color-white);
    border-radius: var(--border-radius)
}

@media screen and (max-width:900px) {
    .subscribe {
        padding: 0 var(--grid-gutter);
        margin-bottom: var(--grid-gutter)
    }
}

.subscribe__inner {
    padding: calc(var(--grid-gutter) * 2) calc(var(--grid-gutter) * 4) calc(var(--grid-gutter) * 4);
    display: flex;
    flex-direction: column;
    max-width: 940px;
    margin: 0 auto;
    text-align: center
}

@media screen and (max-width:900px) {
    .subscribe__inner {
        display: block;
        padding: calc(var(--grid-gutter) * 2)
    }
}

.subscribe__leftside {
    display: flex;
    justify-content: center;
    flex-direction: column
}

@media screen and (max-width:900px) {
    .subscribe__leftside {
        width: 100%
    }
}

.subscribe__rightside {
    position: relative;
    display: flex;
    justify-content: center
}

@media screen and (max-width:900px) {
    .subscribe__rightside {
        margin: 0
    }
}

.subscribe__icon {
    margin-right: var(--grid-gutter);
    display: flex;
    justify-content: center
}

@media screen and (max-width:900px) {
    .subscribe__icon {
        margin-right: 0
    }
}

.subscribe__icon svg {
    width: 150px;
    fill: var(--color-white)
}

.subscribe__rules {
    font-size: var(--font-small);
    opacity: .7;
    margin-top: calc(var(--grid-gutter) / 2)
}

@media screen and (max-width:900px) {
    .subscribe__rules {
        margin-top: var(--grid-gutter)
    }
}

.subscribe__rules a {
    color: var(--white);
    text-decoration: underline
}

.subscribe__text {
    font-size: var(--font-size-xxl);
    font-weight: var(--font-weight-bold);
    line-height: calc(var(--font-bigger) + 6px)
}

@media screen and (max-width:900px) {
    .subscribe__text {
        flex: 1;
        font-size: var(--font-size-base);
        line-height: calc(var(--font-size-base) + 6px)
    }
}

.subscribe__form {
    display: flex
}

.subscribe__input {
    flex: 1
}

.subscribe__input input {
    height: 50px
}

@media screen and (max-width:900px) {
    .subscribe__input input {
        height: 36px
    }
}

.subscribe__submit {
    margin-left: 20px
}

.subscribe__submit button {
    height: 50px;
    background: var(--color-third)
}

@media screen and (max-width:900px) {
    .subscribe__submit button {
        height: 36px
    }
}

@media screen and (max-width:900px) {
    .subscribe__submit {
        margin-left: var(--grid-gutter);
        width: fit-content
    }
}

.svgsprite {
    background-image: url(../../images/sprite.svg);
    background-position: 0 0;
    width: 18px;
    height: 18px;
    display: inline-block;
    background-repeat: no-repeat;
    background-size: 500px auto
}

.svgsprite__reviews {
    background-position: -20px 0
}

.svgsprite__stars {
    background-position: -3px -1px
}

.svgsprite__nav {
    background-position: -17px -20px
}

.p-thumbs {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: calc(var(--grid-gutter)/-2);
    margin-right: calc(var(--grid-gutter)/-2)
}

.p-thumbs.__is-home,
.p-thumbs.swiper-container {
    margin: 0
}

@media screen and (max-width:900px) {
    .p-thumbs {
        overflow: hidden
    }
}

.p-thumbs__col-6 {
    flex: 0 0 16.66667%;
    max-width: 16.66667%;
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .p-thumbs__col-6 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.p-thumbs__col-3 {
    flex: 0 0 33.33333%;
    max-width: 33.33333%;
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .p-thumbs__col-3 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.p-thumbs__col-2 {
    flex: 0 0 50%;
    max-width: 50%;
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .p-thumbs__col-2 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.p-thumbs__col-1 {
    flex: 0 0 100%;
    max-width: 100%;
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .p-thumbs__col-1 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.p-thumbs__features {
    display: flex;
    flex-direction: column;
    margin: calc(var(--grid-gutter) / 2) 0 calc(var(--grid-gutter));
    font-size: var(--font-size-sm);
    padding: 0 var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .p-thumbs__features-params {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis
    }
}

.p-thumbs__features-inner {
    display: flex;
    margin-bottom: calc(var(--grid-gutter) / 4)
}

.p-thumbs__features-name {
    color: var(--color-grey);
    margin-right: calc(var(--grid-gutter) / 2)
}

.p-thumbs__features .icon16.color {
    width: 10px;
    height: 10px;
    margin-left: calc(var(--grid-gutter) / 2);
    position: relative;
    top: 1px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #bcc2c885;
    margin-right: calc(var(--grid-gutter) / 2)
}

.p-thumbs__col-4 {
    flex: 0 0 25%;
    max-width: 25%;
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:1200px) {
    .p-thumbs__col-4 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media screen and (max-width:1000px) {
    .p-thumbs__col-4 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.p-thumbs__col-5 {
    flex: 0 0 20%;
    max-width: 20%;
    margin-bottom: var(--grid-gutter)
}

@media screen and (max-width:1200px) {
    .p-thumbs__col-5 {
        flex: 0 0 25%;
        max-width: 25%
    }
}

@media screen and (max-width:1000px) {
    .p-thumbs__col-5 {
        flex: 0 0 33.33333%;
        max-width: 33.33333%
    }
}

@media screen and (max-width:900px) {
    .p-thumbs__col-5 {
        flex: 0 0 50%;
        max-width: 50%
    }
}

.p-thumbs__container {
    max-width: var(--grid-maxWidth);
    margin: 0 auto;
    width: 100%;
    flex-flow: row wrap;
    justify-content: flex-start;
    margin-left: calc(var(--grid-gutter) / -2);
    margin-right: calc(var(--grid-gutter) / -2)
}

.p-thumbs__container,
.p-thumbs__inner {
    display: flex;
    height: 100%;
    position: relative
}

.p-thumbs__inner {
    background: var(--color-white);
    margin: 0 calc(var(--grid-gutter) / 2);
    padding: calc(var(--grid-gutter) * 1);
    border-radius: var(--border-radius);
    transition: box-shadow .24s cubic-bezier(.22, 0, .08, 1), transform .24s cubic-bezier(.22, 0, .08, 1);
    flex-direction: column;
    border: 1px solid var(--box-border)
}

.p-thumbs__inner:hover .p-thumbs__icons-item {
    opacity: 1;
    visibility: visible;
    transition: all .3s ease;
    transform: scale(1)
}

.p-thumbs__more:hover {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom: 1px solid transparent
}

.p-thumbs__more:hover .p-thumbs__add {
    opacity: 1;
    visibility: visible
}

.p-thumbs__summary {
    font-size: var(--font-size-sm);
    line-height: calc(var(--font-size-sm) + 4px);
    margin-bottom: var(--grid-gutter);
    color: var(--color-grey);
    height: 66px;
    overflow: hidden
}

.p-thumbs__text {
    display: flex;
    flex-direction: column
}

.p-thumbs__img {
    position: relative;
    min-height: 200px;
    display: flex;
    align-items: center;
    justify-content: center
}

@media screen and (max-width:900px) {
    .p-thumbs__img {
        min-height: 170px
    }
}

.p-thumbs__img._fit {
    aspect-ratio: 1
}

@media screen and (max-width:900px) {
    .p-thumbs__img._fit {
        aspect-ratio: unset
    }
}

.p-thumbs__img._fit img {
    max-width: 100%;
    max-height: 100%
}

@media screen and (max-width:900px) {

    .p-thumbs__img,
    .p-thumbs__img._fit img {
        max-height: 170px
    }

    .p-thumbs__img {
        border-radius: var(--border-radius)
    }
}

.p-thumbs__img a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-thumbs__img img {
    max-height: 190px
}

@media screen and (max-width:900px) {
    .p-thumbs__img img {
        max-height: 170px;
        border-radius: var(--border-radius)
    }
}

.p-thumbs__label {
    position: absolute;
    z-index: 10;
    bottom: calc(var(--grid-gutter) * 1);
    left: 0;
	top: 15px;
    font-size: var(--font-size-micro);
    display: flex;
    gap: calc(var(--grid-gutter) / 4);
    color: var(--color-white);
    padding: 2px 8px;
    border-radius: var(--border-radius);
}

@media screen and (max-width:900px) {
    .p-thumbs__label {
        bottom: calc(var(--grid-gutter));
        max-height: 20px;
		top: 10px;
    }
}

.p-thumbs__label svg {
    width: 10px;
    fill: var(--color-white)
}

.p-thumbs__label .badge {
    background: transparent !important
}

.p-thumbs__icons {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
    display: flex;
    flex-direction: column
}

@media screen and (max-width:900px) {
    .p-thumbs__icons {
        right: calc(var(--grid-gutter) / 2);
        top: calc(var(--grid-gutter) / 2)
    }
}

.p-thumbs__icons-edit .fas {
    color: var(--color-grey)
}

.p-thumbs__icons-edit:hover .fas {
    color: var(--color-white)
}

.p-thumbs__icons-item {
    display: inline-flex;
    color: var(--color-grey);
    width: 36px;
    height: 36px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    margin-bottom: calc(var(--grid-gutter) / 2);
    background: var(--color-white);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    opacity: 0;
    visibility: hidden;
    transform: scale(.5);
    transition: all .3s ease
}

@media screen and (max-width:900px) {
    .p-thumbs__icons-item {
        display: none
    }
}

.p-thumbs__icons-item:first-child {
    opacity: 1;
    visibility: visible;
    transform: scale(1)
}

@media screen and (max-width:900px) {
    .p-thumbs__icons-item:first-child {
        display: flex
    }
}

.p-thumbs__icons-item.active {
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(1)
}

.p-thumbs__icons-item.active svg {
    stroke: var(--color-white)
}

.p-thumbs__icons-item.active:hover {
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient))
}

.p-thumbs__icons-item.active:hover svg {
    color: var(--color-white);
    stroke: var(--color-white)
}

.p-thumbs__icons-item svg {
    stroke: var(--color-grey);
    fill: none;
    stroke-width: 1.5px;
    height: 20px;
    transition: all .3s ease
}

.p-thumbs__icons-item:hover {
    border: 0;
    transition: all .3s ease;
    color: var(--color-primary);
    box-shadow: var(--box-shadow-button)
}

.p-thumbs__icons-item:hover svg {
    stroke: var(--color-primary);
    stroke-width: 2.5px;
    transition: all .3s ease
}

.p-thumbs__text {
    margin-top: calc(var(--grid-gutter) / 2)
}

.p-thumbs__text-icons {
    display: inline-flex;
    transition: all .3s ease
}

.p-thumbs__text-icons-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: var(--grid-gutter);
    color: var(--color-grey);
    font-size: var(--font-size-sm);
    position: relative
}

.p-thumbs__text-icons-item .svgsprite__reviews {
    margin-left: 15px
}

@media screen and (max-width:900px) {
    .p-thumbs__text-icons-item .svgsprite__reviews {
        margin-left: 7px
    }
}

.p-thumbs__text-icons-item a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.p-thumbs__text-status {
    font-size: var(--font-size-micro);
    overflow: hidden;
    display: flex;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative;
    margin-bottom: calc(var(--grid-gutter) / 2);
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    flex-direction: row;
}

.p-thumbs__text-status.in-stock {
    color: var(--color-success)
}

.p-thumbs__text-status.in-stock .p-thumbs__circle {
    background: var(--color-success)
}

.p-thumbs__text-status.preorder {
    color: var(--color-preorder)
}

.p-thumbs__text-status.preorder .p-thumbs__circle {
    background: var(--color-preorder)
}

.p-thumbs__text-status.out-stock {
    color: var(--color-error)
}

.p-thumbs__text-status.out-stock .p-thumbs__circle {
    background: var(--color-error)
}

.p-thumbs__text-name {
    font-size: var(--font-size-md);
    line-height: calc(var(--font-size-md) + 4px);
    font-weight: var(--font-weight-bold);
    height: 60px;
    overflow: hidden
}

@media screen and (max-width:900px) {
    .p-thumbs__text-name {
        min-height: unset;
        max-height: 50px;
        margin-bottom: calc(var(--grid-gutter) * 1.5);
		overflow: hidden;
        position: relative;
    }
	.p-thumbs__text-name:hover {
        max-height: 100px;
        position: unset;
        height: auto;
    }
	.p-thumbs__text-name:hover::after {
		background: rgba(0, 0, 0, .0);
    }
	.p-thumbs__text-name:after {
        content: "";
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        height: 40px;
        background: linear-gradient(180deg, transparent, #fff 50%);
    }
}

.p-thumbs__text-name a {
    color: var(--font-color);
    text-decoration: none
}

.p-thumbs__text-bottom {
    display: flex;
    margin-top: auto;
    flex-wrap: wrap;
    justify-content: center;
}

.p-thumbs__code {
    color: var(--color-grey);
    font-size: 10px;
    text-align: right;
    display: inline-block;
    margin-left: 5px
}
/*
@media screen and (max-width:900px) {
    .p-thumbs__code {
        display: none
    }
}
*/
.p-thumbs__circle {
    width: 6px;
    height: 6px;
    min-width: 6px;
    min-height: 6px;
    border-radius: 50%;
    margin-right: calc(var(--grid-gutter) / 4);
    display: inline-flex;
    background: var(--color-success);
    vertical-align: middle;
    position: relative;
    top: -3px
}

@media screen and (max-width:900px) {
    .p-thumbs__circle {
        top: -2px
    }
}

.p-thumbs__price-col {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: calc(var(--font-size-md) + 2px);
    font-weight: var(--font-weight-bold);
    line-height: calc(15px + 20px);
    align-items: center;
}

@media screen and (max-width:900px) {
    .p-thumbs__price-col {
        font-size: calc(var(--font-size-md) + 2px)
    }
}

.p-thumbs__old-price {
    display: flex;
    align-items: center
}

.p-thumbs__old-price,
.p-thumbs__ratio {
    font-weight: var(--font-weight-semibold);
    font-size: calc(var(--font-size-sm));
    color: var(--color-grey);
    line-height: calc(var(--font-size-sm) + 4px);
    margin-top: calc(var(--grid-gutter) / 4)
}

.p-thumbs__discount {
    display: inline-block;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    background: var(--badge);
    color: var(--color-white);
    padding: 1px 3px;
    border-radius: var(--border-radius);
    margin-left: 5px;
    text-decoration: none !important
}

.p-thumbs__button-col {
    justify-content: end;
    display: flex;
    align-items: center
}

@media screen and (max-width:900px) {
    .p-thumbs__button-col {
        width: auto
    }
}

.p-thumbs__button-col:hover .button__plus {
    opacity: 1;
    transform: translateY(0);
    transition: all .3s ease
}

@media screen and (max-width:900px) {
    .p-thumbs__button-col:hover .button__plus {
        display: none
    }
}

.p-thumbs__button-col button {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    padding: 0;
    box-shadow: var(--box-shadow-button)
}

@media screen and (max-width:900px) {
    .p-thumbs__button-col button {
        width: 33px;
        height: 33px
    }
}

.p-thumbs__button-col button svg {
    stroke: var(--color-white);
    fill: none;
    width: 26px;
    stroke-width: 2px;
    position: relative;
    left: -1px;
    top: 1px
}

@media screen and (max-width:900px) {
    .p-thumbs__button-col button svg {
        width: 20px
    }
}

.p-thumbs__add {
    opacity: 0;
    visibility: hidden;
    background: var(--color-white);
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    bottom: 0;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    clip-path: inset(0 -20px -28px -20px);
    display: flex;
    flex-direction: column;
    left: 0;
    width: 100%;
    position: absolute;
    transform: translateY(100%);
    z-index: 3
}

.button__plus {
    background: var(--color-lightGrey);
    position: absolute;
    width: 16px;
    height: 16px;
    border: 1px solid var(--color-white);
    top: -5px;
    right: -3px;
    border-radius: 50%;
    color: var(--font-color);
    opacity: 0;
    transform: translateY(-10px);
    transition: all .3s ease
}

.p-thumbs-medium-inner {
    background: var(--color-white);
    padding: calc(var(--grid-gutter) / 2);
    border-radius: var(--border-radius);
    display: flex;
    gap: var(--grid-gutter);
    box-shadow: var(--box-shadow-item);
    border: 1px solid var(--box-border)
}

.p-thumbs-medium-inner,
.p-thumbs-medium-name {
    margin-bottom: var(--grid-gutter)
}

.p-thumbs-medium-name a {
    color: var(--color-darkGrey)
}

.p-thumbs-medium-price {
    font-size: calc(var(--font-size-md) + 2px);
    font-weight: var(--font-weight-bold);
    line-height: calc(var(--font-size-md) + 6px);
    display: block;
    width: 100%
}

.p-thumbs-medium-price s {
    font-weight: var(--font-weight-normal);
    color: var(--color-grey);
    font-size: var(--font-size-base);
    display: block
}

.p-thumbs-medium-text {
    flex: 1;
    width: 100%
}

.p-thumbs-medium-img {
    width: 75px;
    height: 70px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-thumbs-medium-img img {
    max-height: 70px;
    max-width: 70px;
    display: inline-block;
    vertical-align: middle
}

.p-thumbs-small form {
    height: 100%;
    padding-bottom: var(--grid-gutter)
}

.p-thumbs-small-inner {
    background: var(--bg-color);
    padding: calc(var(--grid-gutter) / 2);
    border-radius: var(--border-radius);
    display: flex !important;
    height: 100%;
    transition: all .4s;
    border: 1px solid var(--form-border)
}

@media screen and (max-width:900px) {
    .p-thumbs-small-inner {
        padding: calc(var(--grid-gutter) * 1.5)
    }
}

.p-thumbs-small-name {
    margin-bottom: 5px;
    width: 100%;
    font-size: var(--font-size-md);
    line-height: calc(var(--font-size-md) + 4px);
    font-weight: var(--font-weight-bold)
}

.p-thumbs-small-name a {
    color: var(--color-darkGrey)
}

.p-thumbs-small-price {
    font-weight: var(--font-weight-bold);
    display: block;
    width: 100%;
    height: 40px;
    font-size: calc(var(--font-size-md) + 2px);
    line-height: calc(var(--font-size-md) + 6px)
}

.p-thumbs-small-price s {
    font-weight: var(--font-weight-semibold);
    font-size: calc(var(--font-size-sm));
    color: var(--color-grey);
    line-height: calc(var(--font-size-sm) + 4px);
    display: block
}

.p-thumbs-small-text {
    flex: 1;
    display: flex;
    flex-direction: column
}

.p-thumbs-small-img {
    max-width: 75px;
    width: 75px;
    margin-right: var(--grid-gutter);
    text-align: center
}

.p-thumbs-small-img a {
    width: 100%;
    height: 100%;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center
}

.p-thumbs-small-img._fit {
    aspect-ratio: 1
}

@media screen and (max-width:900px) {
    .p-thumbs-small-img._fit {
        aspect-ratio: unset
    }
}

.p-thumbs-small-img img {
    max-height: 70px;
    max-width: 70px
}

.p-thumbs-small-block {
    display: flex;
    justify-content: space-between
}

.p-thumbs-small .single-cart-icon {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    box-shadow: var(--box-shadow-button);
    padding: 0
}

.p-thumbs-small .single-cart-icon svg {
    stroke: var(--color-white);
    fill: none;
    width: 26px;
    stroke-width: 2px;
    position: relative;
    left: -1px;
    top: 1px
}

.c-pagination {
    margin: var(--grid-gutter) 0;
    padding: 0;
    list-style: none;
    text-align: center
}

.c-pagination .prev .fa {
    margin-left: -3px
}

.c-pagination .next .fa {
    margin-left: 3px
}

.c-pagination li {
    display: inline-block;
    margin-right: 5px
}

.c-pagination .selected a {
    background: var(--bg-secondary-color);
    color: var(--color-link)
}

.c-pagination a {
    display: block;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-weight: var(--font-weight-bold);
    text-decoration: none;
    font-size: var(--font-size-md);
    background: var(--color-white);
    color: var(--font-color);
    text-align: center;
    border-radius: var(--border-radius)
}

.c-pagination a:hover {
    color: var(--color-link)
}

.p-list .cards-1 {
    margin: 0;
    flex: 0 0 100%;
    max-width: 100%
}

.p-list .col-12 {
    margin-bottom: var(--grid-gutter)
}

.p-list__label {
    position: absolute;
    z-index: 10;
    top: calc(var(--grid-gutter) * 1);
    left: 0;
    font-size: var(--font-size-micro);
    display: flex;
    gap: calc(var(--grid-gutter) / 4);
    color: var(--color-white);
    padding: 2px 8px;
    border-radius: 6px
}

.p-list__label svg {
    width: 10px;
    fill: var(--color-white)
}

.p-list__label .badge {
    background: transparent !important
}

.p-list__img {
    position: relative;
    text-align: center;
    padding: 0 var(--grid-gutter) 0 0
}

.p-list__img._fit {
    aspect-ratio: 1
}

@media screen and (max-width:900px) {
    .p-list__img._fit {
        aspect-ratio: unset
    }
}

.p-list__img img {
    max-height: 200px
}

.p-list__features {
    display: flex;
    flex-direction: column;
    margin: var(--grid-gutter) 0 0;
    font-size: var(--font-size-sm)
}

.p-list__features-show {
    display: inline-flex;
    align-items: center;
    margin-top: var(--grid-gutter);
    cursor: pointer;
    color: var(--color-primary);
    position: relative
}

.p-list__features-show:after {
    position: absolute;
    top: calc(50% - 7px);
    left: 95px;
    font-family: Font Awesome\ 5 Free;
    content: "\f0da";
    font-weight: 600;
    color: var(--color-primary);
    font-size: 10px;
    transform: rotate(90deg)
}

@media screen and (max-width:900px) {
    .p-list__features-show:after {
        display: none
    }
}

.p-list__features-plus {
    text-align: center;
    display: inline-flex;
    justify-content: center;
    margin-right: calc(var(--grid-gutter) / 2)
}

.p-list__features-inner {
    display: flex;
    margin-bottom: calc(var(--grid-gutter) / 3.5)
}

.p-list__features-inner:last-child {
    margin-bottom: 0
}

.p-list__features-inner.hide {
    display: none
}

.p-list__features-name {
    color: var(--color-grey);
    margin-right: calc(var(--grid-gutter) / 2)
}

.p-list__features .icon16.color {
    width: 10px;
    height: 10px;
    margin-left: calc(var(--grid-gutter) / 2);
    position: relative;
    top: 1px;
    display: inline-block;
    border-radius: 50%;
    box-shadow: 1px 1px 1px #bcc2c885;
    margin-right: calc(var(--grid-gutter) / 2)
}

.p-list__inner {
    background: var(--color-white);
    margin: 0 calc(var(--grid-gutter) / 2);
    padding: calc(var(--grid-gutter) * 1);
    background: var(--bg-color);
    border-radius: var(--border-radius);
    display: flex;
    flex-direction: row;
    border: 1px solid var(--box-border);
    transition: all .4s
}

.p-list__inner:hover {
    box-shadow: 0 0 20px 0 rgba(0, 0, 0, .1);
    border-color: transparent
}

@media screen and (max-width:900px) {
    .p-list__inner {
        display: block
    }
}

.p-list__leftside {
    width: 220px
}

@media screen and (max-width:900px) {
    .p-list__leftside {
        width: 100%
    }
}

.p-list__rightside {
    width: 250px;
    text-align: center
}

@media screen and (max-width:900px) {
    .p-list__rightside {
        margin-top: var(--grid-gutter);
        padding-top: var(--grid-gutter);
        width: 100%;
        display: flex;
        justify-content: space-between;
        border-top: 1px solid var(--form-border)
    }
}

.p-list__center {
    flex: 1;
    margin: 0 var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .p-list__center {
        margin: 0
    }
}

.p-list__code {
    color: var(--color-grey);
    font-size: var(--font-size-micro);
    text-align: right;
    display: inline-block;
    margin-left: calc(var(--grid-gutter) / 2)
}

.p-list__text-summary {
    margin-top: var(--grid-gutter)
}

.p-list__text-icons {
    display: inline-flex;
    transition: all .3s ease
}

.p-list__text-icons-item {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: var(--grid-gutter);
    color: var(--color-grey);
    font-size: var(--font-size-sm);
    position: relative
}

.p-list__text-icons-item .svgsprite__reviews {
    margin-left: 15px
}

@media screen and (max-width:900px) {
    .p-list__text-icons-item .svgsprite__reviews {
        margin-left: 7px
    }
}

.p-list__text-icons-item a {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 100%;
    height: 100%
}

.p-list__text-status {
    font-size: var(--font-size-micro);
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    position: relative
}

.p-list__text-status.in-stock {
    color: var(--color-success)
}

.p-list__text-status.in-stock .p-thumbs__text-circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 3px;
    display: inline-block;
    background: var(--color-success);
    vertical-align: middle;
    position: relative;
    top: -3px
}

.p-list__text-status.preorder {
    color: var(--color-preorder)
}

.p-list__text-status.preorder .p-thumbs__text-circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 3px;
    display: inline-block;
    background: var(--color-preorder);
    vertical-align: middle;
    position: relative;
    top: -1px
}

.p-list__text-status.out-stock {
    color: var(--color-error)
}

.p-list__text-status.out-stock .p-thumbs__text-circle {
    width: 6px;
    height: 6px;
    border-radius: 50%;
    margin-right: 3px;
    display: inline-block;
    background: var(--color-error);
    vertical-align: middle;
    position: relative;
    top: -1px
}

.p-list__text-name {
    font-size: var(--font-size-md);
    line-height: calc(var(--font-size-md) + 4px);
    font-weight: var(--font-weight-bold);
    margin-bottom: var(--grid-gutter)
}

.p-list__text-name a {
    color: var(--font-color);
    text-decoration: none
}

.p-list__text-bottom {
    display: flex;
    margin-top: auto
}

.p-list-block {
    display: flex;
    justify-content: space-between
}

.p-list__price-col {
    display: flex;
    flex-direction: column;
    width: 100%;
    font-size: calc(var(--font-size-md) + 2px);
    font-weight: var(--font-weight-bold);
    line-height: calc(var(--font-size-md) + 6px);
    margin-bottom: var(--grid-gutter);
    text-align: right
}

@media screen and (max-width:900px) {
    .p-list__price-col {
        font-size: calc(var(--font-size-md) + 2px);
        display: flex;
        text-align: left;
        justify-content: center;
        margin-bottom: 0
    }
}

@media screen and (max-width:900px) {
    .p-list__old-price {
        flex: 1
    }
}

.p-list__old-price,
.p-list__ratio {
    font-weight: var(--font-weight-semibold);
    font-size: calc(var(--font-size-sm));
    color: var(--color-grey);
    line-height: calc(var(--font-size-sm) + 4px);
    margin-top: calc(var(--grid-gutter) / 4)
}

.p-list__discount {
    display: inline-block;
    font-size: var(--font-size-sm);
    font-weight: var(--font-weight-bold);
    background: var(--badge);
    color: var(--color-white);
    padding: 1px 3px;
    border-radius: var(--border-radius);
    margin-left: 5px;
    text-decoration: none !important
}

.p-list__icons-item {
    color: var(--color-grey);
    width: 36px;
    height: 36px;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .08);
    background: var(--color-white);
    border-radius: 50%;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: column
}

.p-list__icons-item.active {
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient));
    visibility: visible !important;
    opacity: 1 !important;
    transform: scale(1)
}

.p-list__icons-item.active svg {
    stroke: var(--color-white)
}

.p-list__icons-item.active:hover {
    background: var(--color-primary);
    background: -webkit-linear-gradient(45deg, var(--color-primary), var(--color-primary-gradient))
}

.p-list__icons-item.active:hover svg {
    color: var(--color-white);
    stroke: var(--color-white)
}

.p-list__icons-item svg {
    stroke: var(--color-grey);
    fill: none;
    stroke-width: 1.5px;
    height: 20px;
    transition: all .3s ease
}

.p-list__icons-item:hover {
    border: 0;
    transition: all .3s ease;
    color: var(--color-primary);
    box-shadow: var(--box-shadow-button)
}

.p-list__icons-item:hover svg {
    stroke: var(--color-primary);
    color: var(--color-primary);
    stroke-width: 2.5px;
    transition: all .3s ease
}

.p-list__button-col {
    text-align: right;
    display: flex;
    align-items: center;
    justify-content: end;
    column-gap: var(--grid-gutter)
}

@media screen and (max-width:900px) {
    .p-list__button-col {
        flex: 1
    }
}

.p-list__button-col:hover .button__plus {
    opacity: 1;
    transform: translateY(0);
    transition: all .3s ease
}

.p-list__button-col button {
    border-radius: 50%;
    width: 42px;
    height: 42px;
    padding: 0;
    box-shadow: var(--box-shadow-button)
}

.p-list__button-col button svg {
    stroke: var(--color-white);
    fill: none;
    width: 26px;
    stroke-width: 2px;
    position: relative;
    left: -1px;
    top: 1px
}

@media (max-width: 768px) {
  .home-slider .swiper-slide {
    position: relative;
    padding: 0;
  }

  .home-slider__img img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    display: block !important;
  }

  .swiper-slide:nth-child(1) .home-slider__img img {
    content: url('../../images/slider1-mobile.jpg') !important;
  }

  .swiper-slide:nth-child(2) .home-slider__img img {
    content: url('../../images/slider2-mobile.jpg') !important;
  }

  .home-slider__text {
    position: absolute;
    top: 10%;
    left: 5%;
    right: 5%;
    width: auto;
    z-index: 2;
    color: #1a1a1a;
    text-align: left;
  }

  .home-slider__text h2 {
    font-size: 18px;
    margin: 0 0 4px;
    font-weight: 700;
  }

  .home-slider__text p {
    font-size: 15px;
    margin: 0 0 10px;
  }

  .home-slider__button {
    text-align: right;
    margin-top: -5px;
  }

  .home-slider__button a {
    padding: 8px 16px;
    font-size: 14px;
    background-color: #ff6600;
    color: white;
    border-radius: 6px;
    text-decoration: none;
    display: inline-block;
  }
}

@media (max-width: 768px) {
  .swiper-slide:nth-child(3) .home-slider__img img {
    content: url('../../images/slider3-mobile.jpg') !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    display: block !important;
  }
}