/* Webfont: Montserrat */
 @font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-VariableFont_wght.ttf') format('truetype'); /* Safari, Android, iOS */
    font-style: normal;
    text-rendering: optimizeLegibility;
}

:root {
    --color-main-dark: rgb(47 52 45);
    --color-main: rgb(68 83 65);
    --color-main-light: rgb(136 150 135);
    --color-olive: rgb(180 177 152);
    --color-olive-dark: rgb(111 94 60);
    --color-white: rgb(240 240 240);

    --color-main-50: rgb(68 83 65 / 50%);

    --color-main-light-50: rgb(136 150 135 / 50%);

    --color-main-dark-50: rgb(47 52 45 / 50%);
    
    --color-gray-light: #f0f0f0;

    /*font-size*/
    --fz-xxxxl:  clamp(25px,3.5vw,60px);
    --fz-xxxl:  clamp(20px,2vw,32px);
    --fz-xxl:  clamp(19px,1.75vw,28px);
    --fz-xl:  clamp(18px,1.5vw,23px);
    --fz-l:  clamp(17px,1.25vw,20px);
    --fz-m:  clamp(16px,1.125vw,18px);
    --fz-sm: clamp(14px,1vw,16px);
    --fz-xs: clamp(12px,0.875vw,14px);
    --fz-xxs: clamp(12px,0.9625vw,16px);
    /*gaps*/
    --gap-small: clamp(0.5em,1vw,1em);
    --gap-medium: clamp(0.75em,1.5vw,1.5em);
    --gap-large: clamp(1em,2vw,2em);
    /*paddings*/
    --p-4: clamp(2em,4vw,4em);
    --p-3: clamp(1.5em,3vw,3em);
    --p-2: clamp(1em,2vw,2em);
    --p-15: clamp(0.75em,1.5vw,1.5em);
    --p-1: clamp(0.5em,1vw,1em);
    --p-075: clamp(0.375em,0.75vw,0.75em);
	/*gradients*/
	--gr-v1: linear-gradient(110deg, #455442 0%, #889687 49%, #b4b198 100%);
	
	
	/*TEMPLATE*/
	--section-max-width: 1680px;
	--section-inner-padding: clamp(1em,2vw,2em);
}

body {
    font-size: 16px; color: var(--color-main-dark); background-color: #fff;
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}
.body-inner {overflow: hidden;}
a {transition: 0.25s;}
a:not([href="#"]) {cursor: pointer;}
.flex {display: flex;}
.i-flex {display: inline-flex;}
.jc-sb {justify-content: space-between;}
.jc-center {justify-content: center;}
.ai-c {align-items: center;}
.ta-c {text-align: center;}
.lh-0 {line-height: 0;}
.h2 {font-size: var(--fz-xxxxl); font-weight: 700; line-height: 1.15; margin-bottom: 0.75em;}
.h2.fw-400 strong {font-weight: 700; line-height: 1.16;}
.h2-mini {font-size: clamp(18px,1.5vw,26px); font-weight: 700; color: var(--color-main); margin: 0.25em 0;}
.h3 {font-size: clamp(20px,2.5vw,40px); font-weight: 700; line-height: 1.15;}
.h3-mini {font-size: clamp(16px,1.125vw,19px); font-weight: 700; color: var(--color-main); margin: 0.25em 0;}
.h2 hr {width: 2.375em; height: 4px; background-color: var(--color-main-light); margin-top: 0.25em;}
.h4 {font-size: clamp(18px,1.25vw,20px); font-weight: 600; }
.b-bottom {display: inline-block; border-bottom: 2px solid var(--color-main-light);}
.fz-l {font-size: var(--fz-l);}
.fw-400 {font-weight: 400;}
.fw-700 {font-weight: 700;}
.no-wrap {white-space: nowrap;}
.pos-rel {position: relative;}
strong {font-weight: 700;}
p {line-height: 1.33;}
p + p {margin-top: 0.75em;}

.link-theme1 {text-decoration: underline; color: var(--color-olive);}
.link-theme1:hover {color: var(--color-main-light);}

/*Margins*/
.mt-0 {margin-top: 0;}
.mt-025 {margin-top: 0.25em;}
.mt-05 {margin-top: 0.5em;}
.mt-075 {margin-top: 0.75em;}
.mt-1 {margin-top: 1em;}
.mt-15 {margin-top: 1.5em;}
.mt-2 {margin-top: 2em;}
.mt-25 {margin-top: 2.5em;}
.mt-3 {margin-top: 3em;}
/*-----*/
.mb-025 {margin-bottom: 0.25em;}
.mb-05 {margin-bottom: 0.5em;}
.mb-075 {margin-bottom: 0.75em;}
.mb-1 {margin-bottom: 1em;}
.mb-15 {margin-bottom: 1.5em;}
.mb-2 {margin-bottom: 2em;}
.mb-25 {margin-bottom: 2.5em;}
.mb-3 {margin-bottom: 3em;}

.c-mlight {color: var(--color-main-light)}
.c-olive {color: var(--color-olive)}


/*BTNS*/
.btn {
    display: inline-flex; align-items: center; gap:0.625em; padding: 0.875em 1.5em 0.875em; min-height:2.3em; border-radius: 2em;
    background-color: var(--color-main-light); cursor: pointer;
    transition: 0.25s; line-height: 1.2; color: #fff;
    -webkit-user-select:none; -moz-user-select:none;
}
.btn:hover {background-color: var(--color-main);}
.btn:active {transition: 0.05s; background-color: var(--color-main-dark);}
.btn .icon {
    width: 1.5em; aspect-ratio: 1 / 1; margin-left: -0.375em;
    background-size: contain; background-position: 50% 50%; background-repeat: no-repeat;
}
.btn .btn-text {margin-bottom: -0.0625em;}
.btn .btn-p-grow {padding: clamp(0.25em, 0.5vw, 0.5em);}
/* default */
.btn-default {background-color: var(--color-olive-dark); color: #fff;}
/* big */
.btn-big {padding: 1em clamp(2em,4vw,4em) 1em; border-radius: 26px; font-size: clamp(16px,1.25vw,20px);}
/* light */
.btn-light {background-color: var(--color-main-light);}
/* olive */
.btn-olive {background-color: var(--color-olive);}
/* dark */
.btn-dark {background-color: var(--color-main-dark);}
/* olive dark */
.btn-olive-dark {background-color: var(--color-olive-dark);}
/*round*/
.btn-round {
    padding: 0; width: 2.25em; aspect-ratio: 1 / 1; background-position: 50% 50%; background-repeat: no-repeat; background-size: auto 49%;
    position: relative;
}
.btn-round .counter {
    position: absolute; top: 0; right: 0;
    font-size: 12px; display: inline-flex; align-items: center; justify-content: center; background-color: var(--color-main); color: #fff;
    border-radius: 2em; width: 2em; margin-top: -0.5em; margin-right: -0.5em; aspect-ratio: 1 / 1;
}
/**/
.btn-fw {display: flex; justify-content: center;}
/*round icons*/
.icon-round {
    display: inline-flex; width: 2.5em; aspect-ratio: 1 / 1; border-radius: 2em; cursor: pointer;
    background-position: 50% 50%; background-repeat: no-repeat; background-size: 1.25em;
    background-color: var(--color-main-light);
}
.icon-round:hover {background-color: var(--color-main);}
.icon-round:active {transition: 0.05s; background-color: var(--color-main-dark);}

/*HEADER*/
.header-wrapper {border-bottom: 1px solid var(--color-olive);}
.header-content {
    padding-top: var(--p-1); padding-bottom: var(--p-1);
    display: flex; justify-content: space-between; align-items: center; gap: var(--p-15);
    font-size: clamp(15px,1.2vw,20px);
}
.header-menu {font-weight: 500;}
.header-menu ul {display: flex; justify-content: space-between; align-items: center; list-style: none; gap: var(--p-15);}
.header-menu a:hover {color: var(--color-olive);}
.header-menu a:active {color: var(--color-olive-dark);}
.header-menu-secondary {font-weight: 400;}
.header-menu-divider {width: 1px; align-self: stretch; background-color: var(--color-main-light);}
.logo-wrapper a:hover img {filter: drop-shadow(0 0 3px var(--color-olive)); transition: 0.25s;}
.logo-wrapper a:active img {filter: drop-shadow(0 0 1px var(--color-olive)); transition: 0.025s;}
.header-btns {display: flex; gap: var(--p-075)}
.menu-mobile-wrapper .logo-wrapper {max-width: 170px; margin-right: auto;}
/*сontext menu*/
.menu-context-main {position: relative;}
.header-menu-context-wrapper {
    position: absolute; top: calc(100% + var(--p-1)); justify-content: center; align-items: center;
    left: 0; right: 0; display: none; z-index: 2;
}
body.mobile-menu-opened .header-menu-context-wrapper {display: flex;}
.header-menu-context {
    background-color: #fff; padding: var(--p-2); border-radius: 30px;
    box-shadow: 0 2px 12px var(--color-main-light-50);
    display: flex; flex-direction: column; gap: 1em; font-weight: 500;
    animation: fadeIn 0.25s;
}
.header-menu-context ul {display: flex; flex-direction: column; gap: 0.75em;}
.header-menu-context .contacts {font-size: 16px;}
.header-menu-context a:hover {color: var(--color-main-light);}
.header-menu-context .btn {color: #fff; font-size: 16px; display: flex; justify-content: center;}
.header-menu-context .icon-wrapper {font-size: 16px; gap:0.875em;}
@media (max-width: 1240px){
    .header-menu-secondary, .header-menu-divider {display: none;}
}
@media (max-width: 1030px){
    .header-menu, body.mobile-menu-opened .header-menu-context-wrapper {display: none;}
    header .logo-wrapper {max-width: 170px; margin-right: auto;}
    .menu-context-main {order: 3;}
    .menu-icon {width: 34px;}
}

/*Mobile menu*/
/*btn*/
.menu-icon {
    display: inline-block; width:40px; height:33px; vertical-align: middle;
    transition:opacity .5s; overflow:hidden; position: relative; cursor: pointer;
    filter: drop-shadow(0 1px 1px var(--color-main-dark))
    -webkit-user-select: none; -moz-user-select: none;
}

.menu {
    position: absolute; right:-18em; top:0; bottom:0; background:#fff; z-index:3000;
    transition:right 0.25s; /*box-shadow: 0 0 10px rgba(0,0,0,0.3);*/ min-height:240px;
}
.menu.opened {right:0; transition:right 0.4s;}

.menu-icon .toggle__bar:nth-child(2),.menu-icon  .toggle__bar:nth-child(3){transition:transform .5s .1s}
.menu-icon .toggle__bar:first-child {transition:opacity .5s,transform .5s}
.menu-icon .toggle__bar:nth-child(4) {transition:opacity .5s,transform .5s .2s}
.menu-icon:hover .toggle__bar {transform:translateX(0)}
.toggle__bar {width:100%; height:3px; transform:translateX(130%);display:block;}
.toggle__bar, .toggle__bar:before {background-color:var(--color-main); position:absolute;}
.toggle__bar:before {width:100%;height:100%;top:0;right:100%;margin-right:30%;content:" "; border-radius: 4px;}
.toggle__bar:nth-child(2),.toggle__bar:nth-child(3) {top:14px}
.toggle__bar:first-child {top:3px;}
.toggle__bar:nth-child(4) {top:26px;}
.menu-icon:hover .toggle__bar:before {background-color: var(--color-olive);}
.opened .toggle__bar:first-child,.opened .toggle__bar:nth-child(4){opacity:0;transform:translateX(0)}
.opened .toggle__bar:nth-child(2){transform:rotate(45deg)}
.opened .toggle__bar:nth-child(3){transform:rotate(135deg)}
.btn-fav {background-image: url('../img/ui/fav.svg');}
.btn-cart {background-image: url('../img/ui/cart.svg');}
.btn-fav.active {background-image: url('../img/ui/fav-1.svg');}
.btn-cart.active {background-image: url('../img/ui/cart-1.svg');}

/*menu*/
.menu-mobile-wrapper {
    display: none; flex-direction: column; justify-content: center; align-items: center; /*padding-top: 4em;*/ min-height:100%;
    background-color: #fff;
}
body.mobile-menu-opened {/*overflow-y: hidden;*/}
body.mobile-menu-opened .menu-mobile-wrapper {display: flex; animation: fadeIn 0.25s;}
.menu-mobile-wrapper .header-wrapper {align-self: stretch;}
.menu-mobile-outer {
    flex-grow:1; max-height: 100%; overflow-y: auto; width: 100%;
    display: flex;  justify-content: center;	align-items: flex-start;
}
.menu-mobile {
    display: flex; flex-direction: column; gap: 1em; font-size: 16px; padding-bottom: 1.5em; width: 300px; padding: 1em; text-align: center;
    margin-top: auto; margin-bottom: auto;
}
.menu-mobile .title {font-size: 20px; font-weight: 700; color: var(--color-main);}
.menu-mobile li + li {margin-top: 0.75em;}
.menu-mobile hr {max-width: 2.5em; margin-left: auto; margin-right: auto;}
.menu-mobile .icon-wrapper {gap: 0.75em; justify-content: space-evenly;}
.menu-mobile .menu-list {font-size: clamp(17px,1.25vw,20px);}
.menu-mobile .menu-list-main {font-weight: 500;}
.menu-mobile .menu-list a {opacity: 0.9;}
.menu-mobile .menu-list a:hover {opacity: 1;}
.menu-mobile .btn {
    font-size: 18px; font-weight: 700; display: flex; justify-content: center;
	padding-top: 1em; padding-bottom: 1em;
}
@media (min-width: 1031px){
    body.mobile-menu-opened .menu-mobile-wrapper {display: none;}
}


.page-wrapper {overflow: hidden;}
.page {min-height: 60vh;}
.section, .header-content {max-width: var(--section-max-width);/*1450px*/ margin-left: auto; margin-right: auto;}
.section:not(.no-padding) {padding: clamp(1.25em,2.75vw,2.75em) 0;}
.section.p-x2:not(.no-padding) {padding: clamp(2.5em,5vw,5em) 0;}
.section-inner:not(.no-padding), .header-content {padding-right: var(--section-inner-padding); padding-left: var(--section-inner-padding);}
/*half-to-edge*/
.section-half-to-edge:not(.no-padding) {margin-right: 0; max-width: none; padding-left: calc(50vw - var(--section-max-width) / 2);}
.section-half-to-edge .section-inner {display: flex; padding-right: 0;}
.hte-half {/*border: 1px solid var(--color-main);*/ max-width: calc( var(--section-max-width) / 2 - var(--section-inner-padding)); padding-right: var(--section-inner-padding);}
.hte-to-edge {flex-grow:1; /*border: 1px solid var(--color-main);*/}
@media (max-width: 768px){
    .section-half-to-edge .section-inner {flex-direction: column; padding-right: var(--section-inner-padding); gap: 0.25em 0;}
    .hte-half {max-width: none; padding-right: 0; order: 2;}
    .hte-to-edge {order: 1;}
}

/*Main*/
main {
    position: relative; color: #fff; /*max-width: 1681px;*/ margin-left: auto; margin-right: auto; max-width: 100%;
    min-height: min(67vh,774px)/*calc(100vh - 5*var(--p-1))*/; display: flex; flex-direction: column; justify-content: center;
}
main .section:not(.no-padding) {width: 100%; padding: clamp(2em,5.5vw,5.5em) 0}
.main-bg {
    position: absolute; z-index: 0; top: 0;bottom: 0; left: 0; right: 0;
    background-repeat: no-repeat; background-size: cover; background-position: center;
}
.main-overlay {
    position: absolute; z-index: 0; top: 0;bottom: 0; left: 0; right: 0;
    background-color: rgb(31 31 31 / 40%);
}
main.auto-height {min-height: auto;}
.has-video .section:not(.main-video) {}
.main-video {
    line-height: 0; overflow:hidden;
}
.main-video video {position: relative; min-width: 100%; height: 100%; left: 50%; transform: translate(-50%, 0);}
.main-content {position: relative; z-index: 1;}
.h1 {font-size: clamp(20px,2.25vw,36px); line-height: 1.5;}
.logo-fullwidth img {width: 100%;}
@media (max-width:480px){
    .main-content .btn {width: 100%; justify-content: center;}
}

/**/
/*grid*/
.grid-cells-custom {display: grid; gap: var(--p-15); grid-auto-flow: row dense;}
/*grid 2 columns*/
.grid-cells-columns-2 {display: grid; gap: var(--p-15); grid-auto-flow: row dense; grid-template-columns: repeat(2,1fr);}
@media (max-width:480px){
 .grid-cells-column-1-at480 {grid-template-columns: repeat(1, 1fr);}
}
/*grid1*/
.grid-cells-custom-1 {
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
    aspect-ratio: 11 / 2;
}
.grid-cells-custom-2 {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr;
    aspect-ratio: 11 / 2;
    margin-top: var(--p-15);
}

.section-tiles .grid-cells-custom {margin-bottom: 9vh; position: relative; z-index: 1;}
.section-tiles .tile {
    background-color: var(--color-main-light); color: #fff;
    padding: var(--p-3); position: relative;
}
.section-tiles .tile:hover {
    background-color: var(--color-olive);
    box-shadow: calc(var(--p-15)/2) calc(var(--p-15)/2) 0 var(--color-main-light-50);
    transition: box-shadow 0.25s, background-color 0.25s;
}
.section-tiles .tile-overlay {
	content: ''; position: absolute; top: 0; bottom: 0;	left: 0; right: 0; z-index: 0;
    overflow: hidden;
}
.section-tiles .tile-circle {
    position: absolute; right: 0; top: 0;
    height: 120%; aspect-ratio: 1/1; border-radius: 50%;
    background-color: var(--color-olive);
    transform: translate(33%, -40%); transition: 0.25s;
}
.section-tiles .cell2 .tile-circle, .section-tiles .cell3 .tile-circle {
    transform: translate(33%, 40%);
}
.section-tiles .tile:hover .tile-circle {background-image: var(--gr-v1); transform: scale(1.1) translate(20%,0);}
.section-tiles .tile-content {
    display: flex; flex-direction: column; justify-content: space-between; gap: var(--p-3); min-height: 100%;
    position: relative;
}
.section-tiles .tile-header {font-size: clamp(24px,2.5vw,40px); font-weight: 500;}
.section-tiles .tile-img {
    position: absolute; right: 0; top: 0; bottom: -10vh; max-width: 60%;
    display: flex; flex-direction: column; justify-content: flex-end;
}
.section-tiles .cell2 .tile-img {max-width: 80%;}
.section-tiles .tile-img img {max-height: 100%;}
.section-tiles .section-inner {position: relative;}
.section-tiles-title {
    position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 0;
    display: flex; justify-content: center; align-items: center;
    font-size: min(18vw,312px); font-weight: 800; text-transform: uppercase; opacity: 0.1;
}
.section-tiles .btn {position: relative; z-index: 1;}
.section-tiles .arrow {
    position: absolute; left: 0; top: 0; bottom: 0; width: 6em; z-index: 1; opacity: 0; transition: 0.25s;
    background: url('../img/ui/arrow-long.svg') 50% 50% no-repeat; background-size: contain;
}
.section-tiles .tile:hover .arrow {
    opacity: 1; left: calc(100% + 0.75em);
}
@media (min-width:641px){
    .section-tiles .btn {
        opacity: 0; visibility: hidden; text-shadow: 0 0 1px var(--color-olive);
        background-color: transparent; color: var(--color-main); font-weight: 600; padding: 0;
    }
    .section-tiles .btn:hover {color: var(--color-main-dark);}
    .section-tiles .tile:hover .btn {opacity: 1; visibility: visible;}
}
@media (max-width:960px){
    .grid-cells-custom-1, .grid-cells-custom-2 {grid-template-columns: 1fr;}
    .section-tiles .grid-cells-custom {margin-bottom: 5vh;}
    .section-tiles .tile-header {min-height: 3em;}
    .section-tiles .tile-img {bottom: -6vh;}
    .section-tiles .cell1, .section-tiles .cell3 {margin-bottom: 5vh;}
    .section-tiles .cell2 .tile-img {max-width: 60%;}
}
@media (max-width:480px){
    .section-tiles .cell1, .section-tiles .cell3 {margin-bottom: 0;}
    .section-tiles .tile-header {min-height: auto;}
    .section-tiles .tile-content {gap: var(--p-1);}
    .section-tiles .tile-img {position: relative; top: auto; bottom: auto; max-width: none;}
    .section-tiles .cell1 .tile-img {max-width: 75%;	align-self: center;}
    .section-tiles .cell2 .tile-img {max-width: none;}
    .section-tiles .arrow {display: none;}
}

/*Benefits*/
.benefit-items {
    display: flex; justify-content: space-between; align-items: center; gap: clamp(1em, 2vw, 2em);
	padding: var(--p-2) 0;
    border-top: 1px solid var(--color-main-light); border-bottom: 1px solid var(--color-main-light);
    max-width: 1400px; margin-left: auto; margin-right: auto;
}
.benefit-items .item {display: flex; align-items: center; gap: 0.75em; cursor: default;}
.benefit-items .divider {flex-grow:0; width: 1px; height: 2em; background-color: var(--color-main-light);}
.benefit-items .item-icon {
    width: 3.25em; aspect-ratio: 1 / 1; flex-shrink: 0;
    background-position: 50% 50%; background-repeat: no-repeat; background-size: contain;
    transition: filter 0.25s;
}
.benefit-items .item:hover .item-icon { }
.benefit-items .item-content {font-size: clamp(14px,1vw,16px);}
.benefit-items .item-header {font-weight: 700;}
.benefit-items .item-text {max-width: 14em; font-weight: 600;}
@media (max-width:960px){
    .benefit-items .item {flex-direction: column; text-align: center; width: calc(50% - 1.6em);}
}
@media (max-width:768px){
    .benefit-items {flex-wrap: wrap;}
    .benefit-items .divider:nth-of-type(4) {/*display: none;*/ width: 100%;	height: 0;}
}

/* Product Items*/
.product-items {display: flex; align-items: stretch; gap: var(--p-15);}
.product-item {
    max-width: 328px; min-width: min(25%,328px); cursor: default;;
    color: var(--color-main); display: flex; flex-direction: column; overflow: hidden; transition: 0.25s;
}
.js-slider01-items .product-item {-webkit-user-select:none; -moz-user-select:none; }
.product-items .product-item:hover, .product-items .product-item.active {border-radius: min(2vw,30px); box-shadow: 0 2px 4px var(--color-main-light-50);}
.product-items .product-item:active {box-shadow: 0 1px 2px var(--color-main-light-50); transition: 0.025s;}
.product-item-image {position: relative; line-height: 0;}
.product-item-image .btn-fav {position: absolute; top:0.5em; left: 0.5em; z-index: 1; font-size: clamp(16px,1.25vw,20px);}
.product-item-image .label, .label-abs {
    position: absolute; top:1.5em; right: 1.5em; z-index: 1;
    font-size: 12px; padding: 0.5em 0.75em; border-radius: 6px; line-height: 1;
    background-color: var(--color-main); color: #fff;
}
.product-item-image .label-olive, .label-abs.label-olive {background-color: var(--color-olive-dark);}
.product-item-content {display: flex; flex-direction: column; flex-grow: 1; gap: var(--p-075); padding: 0.75em;}
.product-item-title {font-weight: 700; font-size: clamp(16px,1.25vw,20px); }
.product-item-title a:hover {color: var(--color-main-light);}
.product-item-stock {font-size: 14px; font-weight: 500;}
.product-item-props {font-size: clamp(12px,0.875vw,14px); font-weight: 500;}
.product-item-props .prop {display: flex;}
.product-item-props .prop + .prop {margin-top: 0.75em;}
.product-item-props .prop-name {color: var(--color-olive); min-width: 7em;}
.product-item-props .prop-value {color: var(--color-olive-dark);}
.product-item-footer {margin-top: auto; gap: 0.25em; display: flex; justify-content: space-between; align-items: center;}
.product-item-footer .price {font-weight: 800; font-size: clamp(18px,1.625vw,26px); color: var(--color-main);}
.product-item-footer .price-old {font-size: clamp(16px,1.25vw,20px); text-decoration: line-through; color: var(--color-olive); font-weight: 500;}
.product-item-footer .btn-cart {font-size: clamp(18px,1.625vw,26px); flex-shrink: 0;}

/* slider01 */
.js-slider01 {overflow: hidden; padding: 0 1em 0.75em;}
.js-slider01-items {
	width: 100%; justify-content: flex-start; transition: transform 0ms ease 0ms; position: relative;
}
.js-slider01-items.transit {
	transition: transform 300ms;
}
/*Prev Next*/
.slider-buttons {display: flex; align-items: stretch; justify-content: center; gap:0.75em;}
.slider-buttons:not(.slider-buttons-abs) {margin-top: 1.5em; margin-bottom: 1.5em;}
.slider-buttons-abs {margin-top: -0.75em; position: relative; z-index: 1;}
.slider-button {
	width: 6em; aspect-ratio: 5 / 1; border-radius: 0.0em; border: 1px solid transparent;
	transition: 1s; filter: drop-shadow(0px -1px 1px #fff);
	flex-shrink: 0;
	background: #ffffff00 url(../img/ui/arrow-medium-right.svg) 56% 50% no-repeat;
	background-size: contain; transition: 0.25s; cursor: pointer;
}
.slider-button-prev {background-image: url(../img/ui/arrow-medium-left.svg); background-position: 44% 50%;}
.slider-button:not(.swiper-button-disabled):hover {background-color: #ffffff80; /*filter: drop-shadow(0 0 0.75em var(--color-main));*/}
.slider-button:not(.swiper-button-disabled):active {background-color: #ffffffd8; /*filter: drop-shadow(0 0 2em var(--color-main)); transition: 0.05s;*/}
.slider-buttons .circle {width: 1.5em; height: 1.5em; border-radius:50%; border: 2px solid var(--color-main-light);}
.slider-buttons:active .circle {border-color: var(--color-main); transition: 0.125s;}
.slider-button:active {transform: translate(0,1px); transition: 0.125s;}

.slider-button.swiper-button-disabled {filter: grayscale(0.5) blur(3px); opacity: 0; visibility: hidden; cursor: default; border-color: transparent;}
@media (hover:none){
    .js-slider01 {display: flex; flex-direction: column;}
    .slider-buttons-wrapper {order:1;}
}

/* Category selector */
.category-selector-slider {display: flex; gap: var(--p-2);}
.category-selector {flex-shrink: 0; min-width: 12em;}
.category-selector-slider .js-slider01 {box-shadow: inset 6px 0px 6px -6px rgb(0 0 0 / 8%);}
.category-selector .category {padding: 0.5em 0; color: var(--color-main); cursor: pointer; -webkit-user-select:none; -moz-user-select:none; }
.category-selector .category:hover {color: var(--color-main-light);}
.category-selector .category:active {color: var(--color-main-dark);}
.category-selector .category.active {text-shadow: 0 0 2px;}
@media (hover: hover){
    .category-selector-slider .slider-buttons:not(.slider-buttons-abs) {margin-top: 0;}
}
@media (max-width: 1280px){
    .product-item {min-width: min(33%,328px);}
}
@media (max-width: 960px){
    .product-item {min-width: min(50%,328px);}
}
@media (max-width: 768px){
    .category-selector-slider {flex-direction: column;}
    .category-selector {display: flex; flex-wrap: wrap; gap: 0.125em 1em;}
    .product-item {min-width: min(90%,328px);}
}

/* GRID */
.grid-col3 {display: grid; grid-template-columns: repeat(3,1fr); gap: var(--p-2);}
.grid-col2 {display: grid; grid-template-columns: repeat(2,1fr); gap: var(--p-2);}
@media (max-width:992px){
    .grid-col2-at992 {grid-template-columns: repeat(2,1fr);}
}
@media (max-width:768px){
    .grid-col1-at768 {grid-template-columns: repeat(1,1fr);}
    .grid-col2-at768 {grid-template-columns: repeat(2,1fr);}
    .flex-column-at768 {flex-direction: column;}
    .fd-column-at768 {flex-direction: column;}
    .mw-480-at768 {width: min(100%, 480px); margin-left: auto; margin-right: auto;}
}
@media (max-width:480px){
   .grid-col1-at480 {grid-template-columns: repeat(1,1fr);} 
}

/*section about*/
.fz-14-20 {font-size: clamp(14px,1.25vw,20px);}
.items-numbered {gap: var(--p-1) var(--p-15);}
.items-numbered .item {display: flex; gap: var(--p-15); align-items: center;}
.items-numbered .item + .item {}
.items-numbered .item-number {font-size: clamp(40px,3.75vw,60px); color: var(--color-olive); min-width: 1.25em;}
.items-numbered .item-desc {}
.img-on-bg-v1 {position: relative;}
.img-on-bg-v1 .bg {
    text-align: center; transition: 0.5s;
}
.section .img-on-bg-v1 .bg {margin-bottom: min(84px,11%);}
.section:hover .img-on-bg-v1 .bg {/*filter: hue-rotate(30deg);*/ animation: wood-hue-x2 4s infinite; animation-delay: 2s;}
.img-on-bg-v1 .img {
    position: absolute; top:0; bottom: 0; left: 0; right: 0; z-index: 1; max-width: 560px;
    display: flex; flex-direction: column; justify-content: flex-end;
}
.section:hover .img-on-bg-v1 .img{animation: wood-hue 4s infinite;}
/*in popup*/
.popup .img-on-bg-v1 {animation: fadeIn 2s;}
.popup .img-on-bg-v1 .bg {
    max-width: 58.5%; margin-left: auto;	margin-right: auto; position: relative; z-index: 1;
    animation: wood-hue 4s infinite; animation-delay: 1s;
}
.popup .img-on-bg-v1 .img {z-index: 0; max-width: none; bottom:1em;}


/*FOOTER*/
.footer {background-color: var(--color-main-dark); color: #e8e8e8;}
.footer-menu {
    display: flex; flex-direction: column; gap: 1em; font-size: 16px; /*padding-top: 1.5em; padding-bottom: 1.5em;*/
	max-width: 400px; margin-left: auto; margin-right: auto;
}
.footer-logo-outer {justify-content: center;}
.footer-logo-wrapper {
    font-size: 36px; text-transform: uppercase; font-weight: 700; color: var(--color-olive);
    opacity: 0.9; transition: 0.25s;
}
.footer .contacts {display: flex; flex-direction: column; gap: var(--p-1)}
.footer a[href^="tel"]:hover, .footer a[href^="mailto"]:hover {text-decoration: underline;}
.footer-menu .title {font-weight: 700; color: var(--color-main-light); margin-bottom: 1em;}
.footer-menu ul {font-size: clamp(16px,1.25vw,20px);}
.footer-menu li + li {margin-top: 0.5em;}
.footer-menu .icon-wrapper {gap: 0.75em; justify-content: flex-start;}
.footer-menu-columns, .footer-menu-column-1, .footer-menu-column-2, .footer-menu-lists, .footer-bottom {
    display: flex; flex-direction: column; gap: 1em;
}
.footer-menu-column-2 {flex-grow: 1;}
.footer-menu-lists {gap: 2em 3em; padding-bottom: 2.5em; justify-content: space-between;}
.footer-menu-lists a {opacity: 0.8; color: #fff;}
.footer-menu-lists a:hover {opacity: 1;}
.footer-bottom a:hover {text-decoration: underline;}

@media (min-width:1101px){
    .footer-menu-lists {flex-direction: row;}
    .footer-bottom {flex-direction: row;}
}
@media (min-width:1081px){
    .footer-logo-wrapper img {width: clamp(181px, 16vw, 282px);}
    .footer-menu-lists .columns {column-count: 2;}
}
@media (min-width:641px){
    .footer-menu {max-width: none;}
    .footer-logo-outer {justify-content: flex-start;}
    .footer .contacts {}
    .footer-menu-columns {flex-direction: row;}
    .footer-menu-column-1 {padding-right: 3em;}
    .footer-menu .icon-wrapper {}
    
}
@media (max-width:1100px){
    .footer-menu-column-1 {flex-shrink: 1; max-width:22em; padding-right: 1em;}
    .footer-bottom {text-align: center;}
    .footer-bottom .flex {flex-direction: column;}
}
@media (max-width:640px){
    .footer-menu-column-1 {order:1; margin-bottom: 2em;}
    .footer-menu-lists {padding-bottom: 1em;}
}



/*Forms*/
.form-block {display: flex; flex-direction: column; gap: 0.75em;}
.form-color-white ::placeholder {color: #ffffffd8;}
input, textarea {
    /*font-size: clamp(18px,2vw,20px);*/ padding: 0.5em 0.75em;
}
.footer .btn[role="submit"] {padding: 0.5em 0.75em;}
input[type="text"], textarea {border-bottom: 1px solid; font-weight: 500;}
input[type="submit"] {font-weight: 700;}
/*form onefield*/
.form-onefield {display: flex; align-items: center;}
.form-onefield [type="text"] {border-bottom: 1px solid #fff; flex-grow:1; padding-left: 0; padding-right: 3em; font-weight: 500;}
.form-onefield [type="submit"] {
    margin-left: -2.5em;  
    background-color: transparent; background-image: url('../img/ui/tg-send.svg');
}
.form-onefield [type="submit"]:hover {filter:brightness(1.25)}




/* PRODUCT PAGE*/
/*BREADCRUMBS*/
.breadcrumbs-wrapper {max-width: 1680px; margin-left: auto;	margin-right: auto;}
.breadcrumbs {padding: 0.5em 0; gap: clamp(0.25em,0.5vw,0.5em); font-size: clamp(12px,1vw,14px); align-items: center;}
.breadcrumbs-item {padding: 0.5em; position: relative;}
.breadcrumbs-item + .breadcrumbs-item {}
.breadcrumbs-item a {cursor: pointer; color: var(--color-main);}
.breadcrumbs-item a:hover, .breadcrumbs-item.active a {color: var(--color-olive);}
.breadcrumbs-item.active a, .breadcrumbs-item span  {cursor: default;}
.breadcrumbs .divider {
	width:2em; height: 1px; background-color: var(--color-main-light);
}
.breadcrumbs .divider:last-of-type {display: none;}
@media (max-width:992px){
    .breadcrumbs {padding: 0.25em 0;}
    .breadcrumbs .divider {width: 1em;}
}
@media (max-width:480px){
    .breadcrumbs .divider {width: 0.25em;}
}

/*grid3*/
.grid-cells-custom-3 {
    gap: var(--p-2);
    grid-template-columns: calc(42.5% - var(--p-15)) 57.5%;
    grid-template-rows: auto 1fr;
    grid-template-areas:
        "cell2 cell1"
        "cell2 cell3";
    /*aspect-ratio: 1530 / 670;*/
}
.grid-cells-custom-3 .cell1 { grid-area: cell1; }
.grid-cells-custom-3 .cell2 { grid-area: cell2; }
.grid-cells-custom-3 .cell3 { grid-area: cell3; }
.product-header {display: flex; flex-direction: column; gap: var(--p-1);}
.product-header > .flex {align-items: center;}
.product-fav {gap:0.5em; font-weight: 500; cursor: pointer; align-items: center; -webkit-user-select:none; -moz-user-select:none;}
.product-fav:hover {color: var(--color-main-light);}
.product-fav:active {color: var(--color-main-dark);}
.product-fav .icon {flex-shrink: 0; justify-content: center;}
.product-fav .btn {background-color: transparent; background-size: auto 61%; background-image: url('../img/ui/fav-color.svg');}
.product-fav.active .btn {background-color: var(--color-main-light); background-size: auto 50%; background-image: url('../img/ui/fav-1.svg');}
.product-article {font-size: 14px; color: var(--color-olive);}
.product-title {font-size: clamp(20px,2.5vw,40px); font-weight: 600;} 
.product-desc {color: var(--color-main-light);}
.product-main {align-items: flex-start;}
.product-price {
    font-size: clamp(24px,1.875vw,30px); font-weight: 800; color: var(--color-main);
    display: flex; gap: 1em; align-items: center;
}
.product-price .price-old {text-decoration: line-through; color: var(--color-olive); font-weight: 500; font-size: 0.9em;}
.product-options {display: flex; flex-direction: column; gap: var(--p-1);}
.product-option-name {font-size: 14px; color: var(--color-olive);}
.product-option-value {margin-top: 0.5em; font-weight: 500;}
.product-option-colors {display: flex; justify-content: flex-start; align-items: center; gap:0.75em; }
.product-option-color {
    width: 30px; aspect-ratio: 1 / 1; padding: 4px; background-color: var(--color-main-light); background-clip: content-box;
    border-radius: 50%; border: 1px solid transparent; cursor: pointer;
}
.product-option-color-desc {margin-top: 0.625em; background-color: rgb(255 255 255 / 85%); backdrop-filter: blur(3px);}
.product-option-color-desc .title {font-weight: 500;}
.product-option-color-desc .text {margin-top: 0.75em; font-size: 12px; color: var(--color-main-light); line-height: 1.55;}
.product-option-color:hover {border-color: var(--color-olive);}
.product-option-color:active, .product-option-color.active {border-color: var(--color-main);}
.product-main .btn {color: #fff; justify-content: center; margin-top: 0.25em;}
.product-quickorder {font-size: 14px; border: 1px solid var(--color-olive); border-radius: 30px; padding: var(--p-2);}
.product-quickorder-header {display: flex; align-items: center; gap: 0.75em; font-size: clamp(17px,1.25vw,20px); font-weight: 600; margin-bottom: 0.75em;}
.product-quickorder .form-onefield [type="text"] {border-color: var(--color-olive);}
.product-quickorder .form-onefield [type="submit"]:hover {filter:brightness(0.8)}
.form-agree {margin-top: 1em; font-size: 12px;}
.form-agree a {text-decoration: underline; color: var(--color-main-light);}
.product-props-title {font-size: clamp(16px,1.25vw,20px); font-weight: 600; margin-top: 2em;}
.product-props-title span {border-bottom: 2px solid;}
.product-props {display: grid; grid-template-columns: min(40%,15em) 1fr; gap: var(--p-1); margin-top: 1em;}
.product-props .item-name {font-size: 14px; color: var(--color-olive); line-height: 1.55;}
.product-props .item-value {font-weight: 500; line-height: 1.55;}
@media (hover: hover){
    .product-option-color-desc {
        position: absolute; bottom: 100%; padding: var(--p-15); border: 1px dashed var(--color-main-light); border-radius: 30px;
        display: none; animation: fadeInDown 0.25s;
    }
    .product-option-colors:hover + .product-option-color-desc {display: block;}
}
@media (max-width:640px){
    .product-main {grid-template-columns: 1fr;}
    .product-props {grid-template-columns: 1fr;}
    .product-quickorder {border-radius: 15px;}
    .product-props .item-value {padding-left: 1.25em;}
}
@media (max-width:480px){
    .product-fav .text {display: none;}
}

/*Fotorama*/
.fotorama__wrap {margin-left: auto; margin-right: auto;}
.fotorama .fotorama__thumb-border {
	/*border-top-color: transparent;
	border-left-color: transparent;
	border-right-color: transparent;*/
	border-color: var(--color-main-light-50);
}
.product-grid .fotorama__thumb {background-color: transparent;}
.product-gallery {position: relative;}
.product-grid .label-abs {font-size: clamp(14px,1vw,16px); right: auto; left: 1.5em;}
.btn-zoom {background-image: url(../img/ui/zoom.svg); background-size: auto 56%; width: 2.875em;}
.product-grid .btn-zoom {position: absolute; right: 1em; top: 1em; z-index: 1;}
body .fancybox__container {--fancybox-bg: var(--color-main-dark-50);}
.fancybox__backdrop {backdrop-filter: blur(3px);}
@media (max-width:960px){
    .product-grid {display: flex; flex-direction: column;}
    .product-gallery {max-width: min(480px,100%); margin-left: auto; margin-right: auto;}
}

/*CART*/
.cart-columns {display: flex; gap: 1em;}
.cart-forms {display: flex; flex-direction: column; gap: 1em; flex-basis: 27em;}
.cart-items { padding-bottom: 0.5em;}
.cart-items .product-item {flex-direction: row; max-width: none; overflow: visible;	gap: 0.5em;}
.cart-items .product-item + .product-item {margin-top: 2em;}
.cart-items .product-item-image {flex-basis: 212px; flex-shrink: 0;}
.cart-items .product-item-image:hover img {filter: drop-shadow(0 0 4px var(--color-main-light-50)); transition: 0.25s;}
.cart-items .product-item-image .btn {opacity: 0.5;}
.cart-items .product-item-image .label {right: 0.75em;}
.cart-items .product-item-title {display: flex; justify-content: space-between; align-items: center; gap: 0.5em;}
.cart-items .product-item-stock {white-space: nowrap;}
.cart-items .product-item-footer {justify-content: flex-start; gap: 0.75em;}
.cart-items .product-item-btns {padding: 0.75em;}
.cart-items .product-item-btns .btn {font-size: 20px;}
.btn-remove {background-image: url('../img/ui/icon-trash.svg'); background-color: #f0f0f0;}
.cart-summary {padding: 0.75em; display: flex; justify-content: flex-end; align-items: center; gap: 1em; border-top: 1px solid #f0f0f0;}
.cart-summary .desc {color: var(--color-olive); font-weight: 500; font-size: clamp(17px,1.25vw,20px);}
.cart-summary .summary {color: var(--color-main); font-weight: 800; font-size: clamp(20px,1.5vw,24px);}
    /*Counter*/
.product-cart-qty { 
    /*display: none;*/
    -webkit-user-select:none; -moz-user-select:none;
    padding: 2px 0; margin:5px 0; white-space: nowrap;
}
.product-cart-qty.show {display: block; animation:fadeIn 0.4s;}
.product-quantity + button.show {opacity:0;}
.product-cart-qty input::-webkit-outer-spin-button,
.product-cart-qty input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}
.product-cart-qty input {
    padding: 4px 8px 4px; height: 46px; text-align: center; font-weight: 600; width: 4em; cursor: default; font-size: 20px;
    -webkit-user-select:none; -moz-user-select:none; position: relative; vertical-align: middle; margin: 0 5px;
    border: 1px solid var(--color-olive); background-color: #f0f0f0; border-radius: 3em;
}
.product-cart-qty input:hover {}
.product-cart-qty .input-number-minus, .product-cart-qty .input-number-plus {
    display: inline-flex; justify-content: center; align-items: center; vertical-align: middle;
    font-size: 20px; font-weight: 500; line-height: 0;
    width:46px; height: 46px; z-index:20; cursor: pointer;
    background-color: var(--color-main-light); color: #fff; border-radius:50%; transition: 0.25s;
}
.product-cart-qty .input-number-minus:hover,.product-cart-qty .input-number-plus:hover {background-color: var(--color-main)}
.product-cart-qty .input-number-minus:active,.product-cart-qty .input-number-plus:active {background-color: var(--color-main-dark); transition: 0.025s;}
.product-cart-qty.is-minval .input-number-minus, .product-cart-qty.is-maxval .input-number-plus {
    cursor: default; opacity:0.3; filter: grayscale(0.75);
}
/*forms*/
.cart-total {font-size: 14px; border: 1px solid var(--color-olive); border-radius: 30px; padding: var(--p-2);}
.cart-total-header {display: flex; align-items: center; gap: 0.75em; font-size: clamp(17px,1.25vw,20px); font-weight: 600; margin-bottom: 0.75em;}
.cart-total-items {font-size: 14px;}
.cart-total-items .item {display: flex; align-items: baseline; gap: 0.5em;}
.cart-total-items .item + .item {margin-top: 1em;}
.cart-total-items .item .divider {flex-grow: 1; border-bottom: 1px dashed var(--color-olive);}
.cart-total-items .item-name {color: var(--color-olive); font-weight: 500; min-width: 5.5em;}
.cart-total-items .item:hover .item-name {color: var(--color-olive-dark);}
.cart-total-items .item-value {color: var(--color-olive-dark); font-weight: 600; min-width: 5.715em; text-align: right; cursor: default;}
.cart-total-items .item:last-of-type .item-name {font-weight: 600;}
.cart-total-items .item:last-of-type .item-value {font-weight: 800; font-size: 16px; color: var(--color-main); min-width: 5em;}
.cart-total .btn {color: #fff; display: flex; justify-content: center; margin-top: 1em; text-wrap: nowrap;}

.cart-order {display: flex; flex-direction: column; gap:1em;}
.cart-order-labels {display: flex; gap: 1.5em; flex-wrap: wrap;}
.cart-order-columns {display: grid; grid-template-columns: repeat(4,1fr); gap: 1em;}
.cart-order input[type="text"], .cart-order textarea {border-color: var(--color-olive);}
.cart-order textarea {min-width: 100%;}
.cart-order input:focus, .cart-order textarea:focus {border-color: var(--color-main);}
.cart-order input::-moz-placeholder, .cart-order textarea::-moz-placeholder {
	color: var(--color-olive);
}
.cart-order input::placeholder, .cart-order textarea::placeholder {
	color: var(--color-olive);
}
.cart-order .form-agree {font-size: 14px; color: var(--color-olive);}

@media (max-width:1200px){
    .cart-items .product-item-title {flex-direction: column; align-items: flex-start;}
    .cart-items .product-item-btns {padding: 0;}
}
@media (max-width:1050px){
    .cart-columns {flex-direction: column;}
    .cart-forms {display: grid; grid-template-columns: repeat(2,1fr); flex-basis: auto;}
    .cart-total {}
    .cart-order-columns {grid-template-columns: repeat(2,1fr);}
}
@media (max-width:640px){
    .cart-items .product-item-image {flex-basis: 159px; align-self: flex-start;}
    .cart-items .product-item-image .label {top: calc(100% - 1em);}
    .cart-forms {grid-template-columns: repeat(1,1fr);}
    .cart-order-columns {grid-template-columns: repeat(1,1fr);}
    .cart-order .btn {display: flex; justify-content: center;}
}
@media (max-width:540px){
    .cart-items .product-item {
        flex-wrap: wrap;	justify-content: center; max-width:400px; margin-left: auto; margin-right: auto;
        padding-bottom: 0.5em; 
    }
    .cart-items .product-item:not(:last-of-type) {border-bottom: 1px solid #f0f0f0;}
    .cart-items .product-item-image .label {right: -0.75em;}
    .cart-items .product-item-image {order: -2; margin-left: auto;}
    .cart-items .product-item-btns {order: -1; align-self: center; margin-left: auto;}
    .cart-forms, .cart-summary {max-width:400px; margin-left: auto; margin-right: auto;}
    .product-cart-qty, .cart-items .product-item-footer {align-self: center;}
    .cart-summary {/*justify-content: center;*/}
}
@media (max-width:360px){
	.cart-items .product-item-image {flex-basis: 106px;}
}


/*Category*/
.labels-flex {display: flex; gap: 0.75em 1.5em; flex-wrap: wrap;}
.sortby-title {color: var(--color-olive);}
.category-prefilters {display: flex; justify-content: space-between; align-items: center; gap:0.5em;}
.category-prefilters .sel {min-width: 12em; font-weight: 500;}
.category-prefilters .check {border-radius: 25%;}
.category-columns {display: grid; grid-template-columns: 1fr 3fr; gap: var(--p-15); margin-top: 1.5em; align-items: flex-start;}
.category-product-items {
    /*display: flex; flex-wrap: wrap;*/
    gap: var(--p-15);
    display: grid; grid-template-columns: repeat(3,1fr);
}
.category-product-items .product-item {/* min-width: 260px; flex-basis: calc(33.33333% - var(--p-15)* 2 / 3);*/ max-width: none; transition: all 0.25s, width 0s;}
.category-product-items .product-item:hover, .category-product-items .product-item.active {border-radius: min(2vw,30px); box-shadow: 0 2px 4px var(--color-main-light-50);}
.category-product-items .product-item:active {box-shadow: 0 1px 2px var(--color-main-light-50); transition: 0.025s;}
.category-product-items .product-item-content {padding: var(--p-1);}
/*filters*/
.category-filters-toggler {
    position: fixed; z-index: 4; right: 0; bottom: 5em; width: 2.5em; margin-top: -1.25em; border-radius: 0.5em 0 0 0.5em;
    aspect-ratio: 1 / 1; background: rgb(255 255 255 / 80%) url('../img/ui/filter.svg') 50% 58% no-repeat; background-size: 80%;
    box-shadow: 0 2px 4px var(--color-main-light-50);
}
.category-filters {display: flex; flex-direction: column; gap: var(--p-1); font-weight: 500; -webkit-user-select:none; -moz-user-select:none;}
.category-filter {padding: var(--p-1) var(--p-15) var(--p-15); border-radius: min(2vw,30px); border: 1px solid var(--color-olive);}
.category-filter:not(.active) {padding-bottom: var(--p-1);}
.category-filter-title {display: flex; justify-content: space-between; align-items: center;}
.category-filter-title .arrow {
    background: url(../img/ui/arrow-down.svg) 50% 50% no-repeat;
    width: 2em; aspect-ratio: 1 / 1;
}
.category-filter .title-mini {font-size: 14px; margin-bottom: 0.5em;}
.js-toggle-filter {cursor: pointer; transition: 0.25s;}
.js-toggle-filter:hover {color: var(--color-main);}
.category-filter-content {display: none; flex-direction: column; gap: var(--p-1);}
.category-filter.active .category-filter-content {display: flex; margin-top: 0.5em; animation: fadeIn 0.25s;}
.category-filter [type="checkbox"] + .check {border-radius: 25%;}
.category-filters.default .btn-reset {display: none;}
/*pagination*/
.pagination {display: flex; gap:0.5em; justify-content: center;}
.pagination .a {
    display: inline-flex;  min-height:2.5em; min-width: 2.5em; align-items: center; justify-content: center;
    padding: 0.5em 0.75em; border-radius: 3em; background-color: var(--color-main-dark); color: #fff;
    font-size: clamp(14px,1.2vw,18px); text-decoration: none; font-weight: 500;
    transition: 0.25s;
}
.pagination .a.active, .pagination .a:hover {background-color: var(--color-olive); color: inherit;}
/*range slider*/
.filter-option {position: relative;}
.slider-inputs {display: grid; grid-template-columns: repeat(2,1fr); gap: 0.375em 0.75em;}
.slider-inputs input {width: 100%;}
.slider-inputs > div {padding: 0 1em; font-size: 14px; color: var(--color-olive);}
.slider-inputs > div:nth-of-type(2) {text-align: right;}
.filter-range-values {
    padding: 1em; display: flex; justify-content: space-between; gap: 1em;
    font-size: clamp(14px,1.13vw,17px); font-weight: 500; line-height: 1.1; background-color: #fff;
}
.filter-range-values[hidden] {display: none;}
.filter-range-value:nth-of-type(1) {opacity: 0.6;}
.filter-option input {
    border: 1px solid var(--color-olive); color: inherit; padding: 0.5em 0.75em; line-height: 1.1;
    font-size: clamp(14px,1.13vw,17px); background-color: #fff; border-radius: 2em;
}
.filter-option .slider-wrapper.abs {
    position: absolute; z-index: 10; bottom: 0; left: 0; right: 0; padding-bottom: 0;
}
/*slider*/
.slider-wrapper {line-height: 0; padding: 0.5em 0 0.75em; text-align: center; margin-top: 0.5em;}
.slider {position: relative; height:0.125em; background: var(--color-olive); display: inline-block; width: calc(100% - 16px);}
.ui-slider-range {
    position: absolute; top: 0; height: 0.125em; background: var(--color-main);
    z-index:0; cursor: pointer;
}
.ui-slider-handle {
    outline:none; z-index:10;
    /*background-color: var(--clr-violet);*/ cursor: pointer;
    width: 20px; height: 20px; margin-top: -10px; margin-left: -10px; border-radius:50%; border: 1px solid transparent;
    position: absolute; top: 50%;
    cursor: pointer; transition: border-color 1s, background-color 1s;
}
.ui-slider-handle:hover, .ui-slider-handle:active, .ui-slider-handle.ui-state-hover, .ui-slider-handle.ui-state-active {
    border-color: var(--color-main); background-color: #ffffffa8; transition: border-color 0.2s, background-color 0.2s;
}
.ui-slider-handle::before {
    content: ''; width: 8px; height: 8px; background-color: var(--color-main); border-radius: 50%;
    position: absolute; z-index: 1; left: 50%; top: 50%; margin-left: -4px; margin-top: -4px;
}
@media (max-width:1100px){
    .category-columns {grid-template-columns: 1fr 2.5fr;}
    .category-product-items {grid-template-columns: repeat(2,1fr);}
    .category-prefilters .check, .category-filter .check {width: 24px;}
}
@media (min-width:769px){
    .category-filters-toggler {display: none;}
}
@media (max-width:768px){
    .sortby-title {display: none;}
    .category-columns {grid-template-columns: auto; gap: 0;}
    .category-filters {
        position: fixed; z-index: 5; top: 0; bottom: 0; left: 0; overflow-y: auto;
	    background-color: #ffffffe8; backdrop-filter: blur(3px); max-width: max(240px,50vw); padding: var(--p-1);
	    transition: left 0.25s;
    }
    .category-filters:not(.active) {left: -100%;}
}
@media (max-width:520px){
    .category-prefilters {flex-direction: column; font-size: 14px;}
    .category-prefilters .labels-flex {align-self: flex-start;}
    .category-prefilters .category-sort {align-self: flex-end;}
    .category-filters {font-size: 15px;}
    .category-product-items .product-item {max-width: 328px; margin-left: auto; margin-right: auto;}
    
    .product-item-props .prop {flex-direction: column; gap: 0.125em;}
    .product-item-props .prop-value {/*align-self: flex-end;*/}
    .product-item-footer {
        display: grid; grid-template-rows: auto 1fr;
        grid-template-areas:
		"cell1 cell3"
		"cell2 cell3";
    }
    .product-item-footer .price-old { grid-area: cell1; }
    .product-item-footer .price { grid-area: cell2; }
    .product-item-footer .btn { grid-area: cell3; margin-top: 0.25em;}
    .category-product-items .product-item-image .btn-fav {top: 0.25em; left: 0.25em;}
    .category-product-items .product-item-image .label {top: 0.5em; right: 0.5em;}
}
@media (max-width:360px){
    .category-filters {font-size: 14px;}
    .category-product-items {grid-template-columns: repeat(1,1fr);}
}
/*FullWidth*/
.category-fullwidth {grid-template-columns: repeat(4, 1fr);}
@media (max-width:992px){
    .category-fullwidth {grid-template-columns: repeat(3, 1fr);}
}
@media (max-width:768px){
    .category-fullwidth {grid-template-columns: repeat(2, 1fr);}
}
@media (max-width:360px){
    .category-fullwidth {grid-template-columns: repeat(1, 1fr);}
}


/*404*/
.p404-wrapper {gap: var(--p-2);}
.p404-content {max-width: 54.5%; flex-direction: column; gap: var(--p-2);}
.p404-title {
    font-size: clamp(20px,2.5vw,40px); padding-bottom: 26%;
    background: url('../img/ui/404.svg') 100% 0% no-repeat; background-size: calc(100% - 2.75em) auto;
}
@media (max-width:640px){
    .p404-wrapper {flex-direction: column;}
    .p404-content {max-width: 400px; margin-left: auto; margin-right: auto;}
    /*.p404-title {padding-bottom: 29%;}*/
    .p404-img {max-width: 280px;}
}


/*Page ABOUT*/
.section-tiles-title-2 {font-size: min(14vw, 220px); font-weight: 400; justify-content: flex-start; -webkit-user-select:none; -moz-user-select:none;}
.section-tiles-title-2 .flex {
    min-height: 100%; line-height: 0.7;
    flex-direction: column; justify-content: space-between; align-items: flex-start;
}
/*history slider*/
.history-wrapper {
    padding: var(--p-4); padding-bottom: var(--p-1); padding-right: 0; position: relative;
}
.history-wrapper .logo-wrapper {text-align: right;}
.history-wrapper .logo-wrapper img {width: clamp(200px, 40%, 444px); position: relative;}
.history-wrapper .js-slider01 {padding: 0;}
.history-items {display: flex; gap: var(--p-3);}
.history-item {display: flex; position: relative; align-items: stretch; justify-content: flex-end;}
.js-slider01 .history-item {min-width:100%;}
.history-item .img {
    max-width: 54%; line-height: 0;	flex-shrink: 0;
    position: relative; z-index: 1;
}
.history-item.active .img {animation: fadeIn 1s;}
.history-item .content {
    background-color: var(--color-main); color: #fff; font-size: var(--fz-l);
    max-width: 54%; flex-shrink: 0; margin-left: -8%; transform: translate(0, 8%);
    padding-left: 8%;
}
.history-item.active .content {animation: fadeIn 1s, wood-hue-x2 3s;}
.history-item .content-inner {padding: var(--p-2);}
.history-item .content .h2 {font-weight: 400;}
.history-wrapper .slider-buttons {margin-top: 6vh; margin-bottom: 0; position: relative;}
.history-wrapper .slider-button:not(.swiper-button-disabled):hover, .slider-button:not(.swiper-button-disabled):active {background-color: transparent;}
@media (max-width:1100px){
    .history-wrapper {padding-left: 0;}
    .history-item {display: grid; grid-template-rows:1fr 1fr; flex-direction: column; justify-content: flex-start;}
    .history-item .img {max-width: min(676px,92%); align-self: flex-end;}
    .history-item .content {
        max-width: min(676px,92%); margin-left: auto; transform: translate(0, -4vh); padding-left: 0; padding-top: 4vh;
        align-self: stretch;
    }
    .history-wrapper .slider-buttons {margin-top: 0;}
}
@media (max-width:480px){
    .history-item {grid-template-rows: auto 1fr;}
    .history-item .img, .history-item .content {max-width: 96%;}
}


/*loading*/
.loader-wrapper {position: relative;}
.loader-wrapper.loading {/*overflow:hidden*/}
.loader-wrapper.loading:before {
    content:''; position: absolute; top:0; bottom:0; left:0; right:0; background-color: var(--color-main-ligh-50); z-index: 5;
    backdrop-filter: blur(2px);
}
.loader-wrapper.loading:after {
    content:''; position: absolute; z-index: 5; filter: hue-rotate(296deg);
    top: 50%; left: 50%; width: 48px; height: 48px; margin-top: -24px; margin-left: -24px;
    background: url('../img/ui/spinner-part.svg') 50% 50% no-repeat; animation: roll 1s infinite;
}

/*Content Theme 1*/
.content-wrapper-theme1 .content {font-size: var(--fz-xl);}
.content-wrapper-theme1 .flex {gap: var(--p-1); position: relative;}
.content-wrapper-theme1 .flex-1 {align-items: flex-start;}
.content-wrapper-theme1 .flex-2 {align-items: flex-end;}
.content-wrapper-theme1 .img {min-width: 40%; line-height: 0;}
.content-wrapper-theme1 .content {padding-top: var(--p-2); padding-bottom: var(--p-2);}
.content-wrapper-theme1 .divider {display: flex; justify-content: center; align-items: center; margin-top: -2%;	margin-bottom: -2%; height: 0;}
.content-wrapper-theme1 .divider .figure {width: 50%; aspect-ratio: 4 / 1; border: clamp(5px,0.625vw,10px) solid var(--color-gray-light);}
@media (max-width:992px){
    .content-wrapper-theme1 .divider {margin-top: 0; margin-bottom: 0;}
}
@media (max-width:768px){
    .content-wrapper-theme1 .img {min-width: 48%;}
}
@media (max-width:640px){
    .content-wrapper-theme1 .flex {flex-direction: column;}
    .content-wrapper-theme1 .flex-2 {flex-direction: column-reverse;}
}

/*Content Theme 2*/
.content-wrapper-theme2 .flex {gap: var(--p-1) var(--p-4);}
.content-wrapper-theme2 .flex + .flex {margin-top: var(--p-15);}
.content-wrapper-theme2 .img {min-width: 57.75%; line-height: 0;}
.content-wrapper-theme2 .content {font-size: var(--fz-xxxl); padding-top: var(--p-2); padding-bottom: var(--p-2);}
.content-wrapper-theme2 .h2 {color: #fff; line-height: 0.7; margin-bottom: 0.25em;}
.content-wrapper-theme2 .h2 span.zoom {display: inline-block; transform: scale(3); transform-origin: top left; position: relative; z-index: 0;}
.content-wrapper-theme2 .h2 hr {margin-top: 0.35em; width: 2em; position: relative; z-index: 1;}
.content-wrapper-theme2 .content p {position: relative; z-index: 1;}
@media (max-width:768px){
    .content-wrapper-theme2 .flex {flex-direction: column;}
    .content-wrapper-theme2 .flex-2 {flex-direction: column-reverse;}
.content-wrapper-theme2 .content {padding-top: var(--p-1);}
}

/*img on bg v2*/
.img-on-bg-wrapper {flex-grow: 1;}
.img-on-bg-wrapper .img-on-bg-v1 {overflow: hidden;}
.img-on-bg-v1.v2 .img {max-width:80%; margin-left: auto; margin-right: auto;}
.img-on-bg-v1.v2 .img.fw {max-width: 100%;}
.img-on-bg-v1.v2 .bg {margin-bottom: min(180px,28%);}
.img-on-bg-wrapper .img-on-bg-v1.v2 .bg img {width:100%;}
/*CTA*/
.cta-section {
    display: flex; align-items: center; gap: var(--p-3); padding: var(--p-3); border: 1px solid var(--color-main-dark);
    margin-bottom: min(180px, 8%);
}
.cta-section .h3 {font-weight: 600;}
.cta-section .subtitle {font-size: var(--fz-l); font-weight: 500; margin: 1em 0;}
.cta-section .form-wrapper {width: 57.75%; min-width: 57.75%; padding: var(--p-2);}
.cta-section .img-on-bg-v1.v2 {margin-bottom: max(-180px, -28%);}
.cta-section input[type="text"], .cta-section textarea {border-color: var(--color-olive);}
.cta-section .form-desc {font-size: clamp(13px,0.875vw,14px);}
@media (max-width:640px){
    .cta-section {flex-direction: column-reverse;}
    .cta-section .img-on-bg-wrapper {max-width: 300px;}
    .cta-section .form-wrapper {width: auto; padding: 0;}
}

/*Page Contacts*/
.contacts-section .subtitle {font-size: var(--fz-l); font-weight: 600; margin: 0.75em 0;}
.contacts-section .contact {font-size: clamp(16px,1.75vw,28px); color: var(--color-olive); font-weight: 600; margin-bottom: 0.75em;}
.contacts-section a:not(.icon-round):hover {text-decoration: underline;}


/* POPUPS */
.popup-overlay {
    position: fixed; display: none; flex-direction: column; padding: var(--p-2) 0;
    background:rgba(30,30,30,0.7); align-items: center; transition: backdrop-filter 0.5s;
    left: 0; top: 0; right: 0; bottom: 0; z-index: 100; overflow-y: auto;
}
.popup-overlay::before, .popup-overlay::after {content:'';flex:1;}
.popup-overlay.show {display: flex; backdrop-filter: blur(5px);}
.popup-wrapper {
    max-width:min(90%,676px); background-color: rgb(255,255,255,1); animation: fadeIn 0.4s;
    border-radius: min(2vw,30px);
}
.popup {
    position: relative; border-radius:2px; padding: var(--p-4);
    padding-bottom: clamp(2em,4vw,4em);
}
.popup-wrapper-theme-dark {
    background-color: var(--color-black); color: #fff;
}
.popup-overlay.show .popup {}
.btn-hover-main:hover {filter: drop-shadow(0 0 0.75em var(--color-main));}
.btn-hover-main:active {filter: drop-shadow(0 0 2em var(--color-main));}


.popup-close {
  position: absolute; right:1em; top:1em; width: clamp(2em,3vw,3em); height: clamp(2em,3vw,3em); border-radius:2px; background-size: auto clamp(2em,3vw,3em);
  background-color:var(--maincolor-light); cursor: pointer; opacity: 0.8;
  background-image:url('../img/ui/close.svg'); background-position: 50% 50%; background-repeat: no-repeat;
}
.popup-wrapper-theme-dark .popup-close {filter: brightness(5);}
.popup-close:hover {opacity: 1;}
.popup-close:active {transform: scale(0.94)}
.popup-inner {}

/*popup content*/
.popup-header {}
.popup-title {font-weight: 500; margin-bottom: 0.5em; text-align: center;}
.popup-header-desc {font-size: clamp(17px,1.25vw,20px);}
.popup a, .link-default {color: var(--color-main); opacity: 0.85;}
.popup a:hover, .link-default:hover {opacity: 1;}
.popup-inner {
    max-width: 590px; margin-left: auto; margin-right: auto;
    display: flex; flex-direction: column; gap: 1.5em;
}
.popup-form {
    display: flex; flex-direction: column; gap: var(--p-15); /*padding: var(--p-1);*/
}
.popup-form-desc {
    font-size: 14px; text-align: center; line-height: 1.33;
    max-width: 40em; margin-left: auto; margin-right: auto;
}
@media (min-width:481px){
    /*.popup-inner {margin-left: clamp(2em,5vw,5em); margin-right: clamp(2em,5vw,5em);}*/
}


/*CUSTOM CHECKBOXES*/
.label-checkbox-wrapper {-webkit-user-select:none; -moz-user-select:none; cursor: pointer; font-weight: 500;}
.checkbox {display: none;}
.check {
    display: inline-block; vertical-align: middle; margin-right: 0.5em; transition:border-color 0.3s; background-color: #fff;
    width: 30px; aspect-ratio: 1 / 1; padding: 4px; border: 1px solid var(--color-main-light); position: relative; border-radius: 50%; cursor: pointer;
    background-clip: content-box;
}
.check + span {color: var(--color-main-light);}

:checked + .check {background-color:var(--color-main); border-color:var(--color-main);}
:checked + .check::before {background-color:var(--color-main); transform:scale(1);}
:checked + .check + span {color: var(--color-main);}
.label-checkbox-wrapper:hover .check + span {color: var(--color-main);}


/*CUSTOM SELECTs*/ 
.sel {-webkit-user-select:none; -moz-user-select:none;	display: inline-flex; position:relative; text-align:left;}
.sel .selected {
   width: 100%; padding: 1em; padding-right: 2.5em; cursor: pointer; text-align: left; display:inline-block; background-color:#fff; line-height: 1.1;
}
.sel.changed .selected[data-initial] {padding-left: 0.375em;}
.sel .selected:before, .icon-dropdown:before, .btn-dropdown:before {
    content:''; position: absolute; right: 0; top: 0; width: 3em; bottom: 0;
    background: url('../img/ui/arrow-down.svg') 50% 50% no-repeat; /* calc(100% - 0.5em) 50% no-repeat;*/ background-size: auto 9px;
	transition: 0.25s;
}
.sel.sel-list-empty .selected {cursor: default;}
.sel.sel-list-empty .selected:before {display: none;}
.sel.opened .selected:before, .icon-dropdown.js-toggled:before, .btn-dropdown.js-toggled:before {transform: scale(1, -1);}

.sel .sel-reset {
    display: none; width: 2.5em; line-height: 0;
    background: #fff url('/template2/img/ui/icon-close.svg') 92% 50% no-repeat; background-size: 1.5em auto;
    cursor: pointer; transition: opacity 0.2s;
}
.sel.changed .sel-reset {display: block; filter: hue-rotate(20deg); transition:0.2s;}
.sel.changed .sel-reset:hover {filter: hue-rotate(0deg);}
body {/*scrollbar-arrow-color: var(--color-olive);*/}
.sel .list {
    display: none;
    background-color: rgb(255 255 255 / 0.88); backdrop-filter: blur(3px); border-top-width:0;
    position: absolute; min-width: 100%; line-height: 1.2;  left: 0; top: 100%; z-index: 30;
    overflow: hidden; overflow-y: auto; /*max-height: 17em;*/
    top: 100%; box-shadow: 0 2px 5px #00000010;
}
.sel-right .list {right:0; left:auto;}
.sel.el-rounded .list {border-radius: 0.5em;}
.sel.el-shadowed .list {box-shadow: 0 2px 12px var(--color-main-light-50);}
/*.sel .list::-webkit-scrollbar { width: 0px; }*/
.sel:not(.opened) {animation: colorBoost 0.7s;}
.opened .list {display: block; animation: fadeIn 0.25s;}
.sel .select, .sel .select-initial {display: block; padding: 0.75em 1em; cursor:pointer; transition: background-color 1s;}

.select:hover {background-color: var(--color-main-light-50); color: var(--color-main); transition: background-color 0.2s;}
.select:active, .select.active  {background-color:var(--color-main-light); transition: background-color 0.1s; color:#fff;}


/*ANIMATIONS*/
@keyframes fadeIn {
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
}
@keyframes fadeOut {
    from {
      opacity: 1;
    }
  
    to {
      opacity: 0;
    }
}
@keyframes fadeInDown {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, -100%, 0);
      transform: translate3d(0, -100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}
@keyframes fadeInUp {
    from {
      opacity: 0;
      -webkit-transform: translate3d(0, 100%, 0);
      transform: translate3d(0, 100%, 0);
    }
  
    to {
      opacity: 1;
      -webkit-transform: translate3d(0, 0, 0);
      transform: translate3d(0, 0, 0);
    }
}
@keyframes roll {
    from {
      transform: rotate(0deg);
    }
  
    to {
      transform: rotate(360deg);
    }
}
@keyframes wood-hue {
    0% {
        filter:hue-rotate(0deg);
    }

    25% {
        filter:hue-rotate(-12deg);
    }

    75% {
        filter:hue-rotate(12deg);
    }

    100% {
        filter:hue-rotate(0deg);
    }
}
@keyframes wood-hue-x2 {
    0% {
        filter:hue-rotate(0deg);
    }

    25% {
        filter:hue-rotate(-24deg);
    }

    75% {
        filter:hue-rotate(24deg);
    }

    100% {
        filter:hue-rotate(0deg);
    }
}

/* -webkit-user-select:none; -moz-user-select:none; */