@media screen and (min-width: 320px) and (max-width: 375px){
    html {
        font-size: calc(8.5px + 1.5 * (100vw - 320px) / 55);
    }
}

@media screen and (max-width: 767px){
    html {
        font-size: calc(10px + 10.45 * (100vw - 375px) / 392);
    }
}

@media screen and (min-width: 768px) and (max-width: 1440px) {
    html {
        font-size: calc(5.33333333px + 4.66666667 * (100vw - 768px) / 672);
    }
}

@media (min-width: 1440px) and (max-width: 3168px) {
    html {
        font-size: 10px;
    }
}
.hero_image{overflow: hidden;}
.hero_image__title{letter-spacing: .2em;}
.unit{display: flex;justify-content: space-between;margin: 2rem auto;}
.gallery__container {display: flex;flex: 0 0 100rem;}

.btn * {pointer-events: none;}
.btn--action{display: none;}
.btn--action.active{display: block;}

.js-fav *{pointer-events: none;}

.blocks ol{margin-left: 0;padding-left: 2rem;} 
.blocks ol li{margin-bottom: 1rem;} 

.offline{display: none;}
.offline.active{display: block;margin-bottom: 1rem;}
.offline__text{display: block;background: #f5f5f5;padding: 0 1rem;height: 4rem;line-height: 4rem;font-size: 1.2rem;text-transform: uppercase;text-align: center;text-decoration: none;border-radius: .3rem;}

@media screen and (min-width: 768px) {
	.container{max-width: 144rem;}
    .header_shopmenu .container{max-width: 144rem;}
    .shop_title{margin-bottom: 4rem;}
    
    .gallery__wrapper{display: flex;position: relative;flex-wrap: wrap;font-size: 0;}
	.gallery__slide{flex: 0 0 calc(100% / 3 - .5rem);margin:0 .5rem .5rem 0;}
	.gallery__slide:nth-child(1),
	.gallery__slide:nth-child(2),
	.gallery__slide:nth-child(6),
	.gallery__slide:nth-child(7)
		{flex:0 0 calc(50% - .5rem);}
		
	.header_shopmenu .container{max-width: 144rem;margin:0 auto;}
	.header_shopmenu ul{margin-left: 0;margin-right: 0;}
	
	.size-table{width: 55rem;}
    
    .unit_colors__wrapper{display: flex;flex-wrap: wrap;margin-bottom: 0;}
}

.pickpoint_address{margin-top:2rem;}
.delivery__address{font-weight: bold;}
.gallery__slide{position: relative;}

.btn{border-radius: .3rem;}
.icon__icon-fav{max-width: 2rem;}

.lookbook{position: absolute;z-index: 2;display: inline-flex;right:1rem;bottom:1rem;background: rgba(31,27,22,.4);height: 2.4rem;padding: 0 .8rem;color: white;white-space: nowrap;width:12.5rem;font-size: 1.3rem;text-transform: uppercase;line-height: 2.4rem;align-items: center;font-weight: 500;justify-content: center;border-radius: .5rem;}
.lookbook span{}
.lookbook svg{width: 1.6rem;height: 1.6rem;margin-left: .5rem;margin-top: .2rem;}

.unit_size{position: relative;}
.unit_size.is-soldout:before{width:100%;height:1px;background: #ccc;content: ' ';display: block;left:0;top:50%;position: absolute;transform: rotate(-38deg);}
.unit_size.is-soldout:after{width:100%;height:1px;background: #ccc;content: ' ';display: block;left:0;top:50%;position: absolute;transform: rotate(38deg);}

@media screen and (max-width: 767px) {
    .input_radio__wrap{display: flex;flex-wrap: wrap;}
    .input_radio__wrap .input_radio {flex: 0 0 calc(50% - 2rem);}
    
    .section--unit .container{padding-top:0;}
    .unit__name{text-align: center;}
    .unit__params{text-align: center;}
    .unit__action .btn--full{width: 100%;}
    .unit__action .js-fav{width: 4rem;}
    
    .js-colors{width: 100%;overflow: hidden;}
    .unit__info .unit_color:first-child{margin-left: .75rem;}
    .unit_colors__wrapper{position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: flex;
        transition-property: transform;
        box-sizing: content-box;}
    .unit_color{flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        transition-property: transform;}
}

.preorder {
	width: 55rem;
	right: -55rem;
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 50;
    background: #fff;
    overflow: auto;
    -webkit-transition: right .25s cubic-bezier(.075, .82, .165, 1);
    transition:right .25s cubic-bezier(.075, .82, .165, 1)
}

.preorder svg {
    pointer-events:none
}

.preorder__title {
    text-transform: uppercase;
    letter-spacing: .1em;
    margin-bottom: 2rem;
    margin-top: .2rem;
    font-size:1.2rem
}

.preorder__close {
    width: 1.5rem;
    height: 1.5rem;
    display: inline-block;
    position: absolute;
    right: 2rem;
    top:2rem
}

.preorder__container {
    padding: 2rem;
    z-index: 2;
    height:100%
}

.is-preorder .preorder {
    right:0
}

.faq{margin-bottom: 1.5rem;border-bottom: 1px solid #ccc;padding-bottom: 0;}
.faq__name{margin-bottom: 1.5rem;font-size: 1.3rem;text-transform: uppercase;position: relative;cursor: pointer;}
.faq__name span{width: 1.5rem;height: 1.5rem;display: block;position: absolute;right: 0;top:0rem;}
.faq__name span:before{content: ' ';display: block;width: 100%;height: 1px;background: black;top:calc(50% - .5px);position: absolute;left:0;transition: all 0.5s ease-in-out;}
.faq__name span:after{content: ' ';display: block;width: 1px;height: 100%;background: black;left:calc(50% - .5px);position: absolute;top:0;transition: all 0.5s ease-in-out;}
.faq__text{overflow: hidden;max-height: 0;}
.faq.open{padding-bottom: 2rem;}
.faq.open .faq__name span:before{transition: all 0.5s ease-in-out;transform: rotate(-90deg);opacity: 0;}
.faq.open .faq__name span:after{transition: all 0.5s ease-in-out;transform: rotate(-90deg);opacity: 1;}
.faq.open .faq__text{overflow: hidden;max-height: 999rem;}

.footer_subscribe__text--success {display: none;}
.is-sended .footer_subscribe__text, .is-sended .footer_subscribe__form {display: none;}
.is-sended .footer_subscribe__text--success {display: block;}

.bag_order .bag_total_details{border-top: 0;margin-top:0;}

.form_order .form_order__title, .form_order__title:not(:first-child){padding-top:2rem;border-top:0;margin-bottom: 2rem;margin-top:3rem;color:black;text-transform: inherit;border-top:2px solid #f5f5f5;text-transform: uppercase;letter-spacing: 0.1em;font-size: 1.2rem;}
.form_order .form_order__title.first{margin-top:0;border-top:0;}
.form_order .form_order__delivery .field{margin-top:2rem;}
.form_order .col-6 .field{margin-top:2rem;}

.input_text--filled .input_text__label span, .input_text--filled .textarea__label span{text-transform: inherit;color: #999;opacity: 1;}
.input_text, .textarea{box-shadow: inset 0 0 0 1px #ccc;}

.unit_preview__price.sale span:first-child{color: red;}
.unit_preview__price.sale span:last-child{text-decoration: line-through;}

.unit__gallery .swiper {width: 100%;height: 100%;}
.unit__gallery .swiper-slide {}
.unit__gallery .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}
.unit__gallery .swiper {width: 100%;margin-left: auto;margin-right: auto;}
.unit__gallery .swiper-slide {background-size: cover;background-position: center;}

.unit__info{flex: 0 0 35rem;padding-left:1rem;}
.unit__info .unit_item{align-items: flex-start;top:10rem;}
.unit__info .unit__name{font-weight: 400;text-transform: inherit;font-size: 1.6rem;}
.unit__info .unit__params{margin-bottom: 3rem;}
.unit__info .unit__price{font-size: 1.6rem;font-weight: 500;}
.unit__info .unit__price.sale span{color: red;}
.unit__info .unit__price.sale font{text-decoration: line-through;}
.unit__info .unit__article{color: #999;font-size: 1.4rem;}

.unit__info .unit__colors{display: flex;flex-wrap: wrap;margin-bottom: 0;}
.unit__info .unit_color__wrap{margin-bottom: 3rem;}
.unit__info .unit_color__text{font-size: 1.2rem;margin-bottom: 1rem;text-transform: uppercase;}

.unit_sizes__hint{margin-top: 1rem;}
.unit_sizes__hint button{display: block;background: #f5f5f5;padding: 0 1rem;width: 100%;height: 4rem;line-height: 4rem;font-size: 1.2rem;text-transform: uppercase;text-align: center;text-decoration: none;border-radius: .3rem;}

@media screen and (max-width: 767px) {
    .unit__info .unit_color__text{text-align: center;}
    .unit__info .unit__colors{justify-content: center;}
    .unit_color__actual{text-align: center;}
    .unit_color__wrap{margin-left: -2rem;margin-right: -2rem;border-bottom: 1px solid #eee;padding-bottom: 1.5rem;margin-bottom: 1.5rem;}
    .unit__info .unit_color__wrap{margin-bottom: 1.5rem;}
}
.unit__info .unit_color{width:5rem;height:5rem;border-radius: .3rem;position: relative;display: block;flex: 0 0 5rem;margin-right:.45rem;border: 1px solid #ccc;margin-bottom: 1rem;overflow: hidden;}
.unit__info .unit_color img{width: 100%;height: 100%;object-fit:cover;border-radius: .2rem;}
.unit__info .unit_color.active{border-color: black;}

.unit__info .unit__sizes{display: flex;flex-wrap: wrap;}
.unit__info .unit_sizes__wrap{margin-bottom: 1rem;}
.unit__info .unit_sizes__text{font-size: 1.2rem;margin-bottom: 1rem;text-transform: uppercase;}
@media screen and (max-width: 767px) {
    .unit__info .unit_sizes__text{text-align: center;}
}

@media screen and (max-width: 767px) {
    .unit__sizes{justify-content: center;}    
}
.unit__sizes .unit_size{display: inline-flex;align-items: center;justify-content: center;width:4rem;height:3rem;border-radius: .3rem;background: #e5e5e5;color: black;padding: 0;line-height: 1em;flex: 0 0 4rem;margin: 0 .45rem 1rem;}
.unit__sizes .unit_size:first-child{margin-left: 0;}
.unit__sizes .unit_size:last-child{margin-right: 0;}
.unit__info .unit_size.is-soldout{background: #f5f5f5;color:#999;}
.unit__sizes .unit_size.active{background: black;color :white;}


.unit_add a{text-decoration: underline;}
.unit_add a:hover{text-decoration: none;}
.unit_add p + p {margin-top:1rem;}

.btn.js-fav.in-fav{color: white;background: url(img/minified-svg/icon-to-fav.svg) no-repeat 100% 8px / 16px 16px;}
.btn.js-fav.in-fav svg{opacity: 0;}

.unit__action{margin-bottom: 3rem;}

.unit_add__list{border-top:1px solid #e5e5e5;}
.unit_add{padding:1rem 0;border-bottom:1px solid #e5e5e5;}
.unit_add__title{font-size: 1.4rem;}
.unit_add__content{max-height: 0;overflow: hidden;font-size: 1.2rem;}
.unit_add.is-open .unit_add__content{max-height: 99rem;}

.contacts{display: flex;margin-bottom:2rem;line-height: 1.5em;}
.contacts__name{font-size: 1.3rem;text-transform: uppercase;flex: 0 0 20rem;}
.contacts__value{font-size: 1.3rem;}
.contacts__value span{color: #999;}
.contacts__value a{text-decoration: underline;text-transform: uppercase;}
.contacts__value a:hover{text-decoration: none;}
.contacts__value a + a{margin-left: 2rem;}

.contacts--address{border-top: 1px solid #ccc;margin-top: 3rem;padding-top: 2rem;}

.section__header {height: 8rem;padding-top: 2rem;padding-right: 0;padding-bottom: 0;border-bottom: 1px solid #2e2e2e;-webkit-box-sizing: border-box;box-sizing:border-box}
.section__header h1, .section__header h2 {font-size: 1.8rem;line-height: 2.8rem;letter-spacing: .04em;font-weight:400}
.section__header h2 {-ms-flex-preferred-size: 35rem;flex-basis: 35rem;-webkit-box-sizing: content-box;box-sizing: content-box;padding-right: 2rem}
.section__body, .section__header, .section__nav, .section__nav nav {display: -webkit-box;display: -ms-flexbox;display:flex}
.section__nav, .section__nav nav {-webkit-box-orient: vertical;-webkit-box-direction: normal;-ms-flex-direction: column;flex-direction:column}
.section__nav {margin-top: 3rem;padding-bottom: 3rem;flex: 0 0 35rem;padding-right: 2rem;-webkit-box-sizing: content-box;box-sizing: content-box;}
.section__nav nav {position: sticky;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;top: 15rem;margin-bottom:3rem}
.section__nav nav a {margin-bottom: 1.5rem;color:#aaa}
.section__nav nav a.active {color:#2e2e2e}
.section__content {margin-top: 3rem;padding-bottom:5rem;flex: 0 0 99rem;}
.section__content article{max-width: 60rem;}
.section__content article a{color: black;text-decoration: underline;}
.section__content article a:hover{text-decoration: none;}
.section__content h3{text-transform: uppercase;font-size: 1.6rem;font-weight: 500;margin-bottom: 1rem;}
.section__content h4{text-transform: uppercase;font-size: 1.4rem;font-weight: 500;margin-bottom: 1rem;}
.section__content p + h3{margin-top: 2rem;}
.section__content p + h4{margin-top: 2rem;}
.section__content p + h4{margin-top: 2rem;}
.section__content ul{list-style: disc;margin: 1rem 0 2rem 2rem;}
.section__content ul li{margin-bottom: 1rem;}
.section__content b{font-weight: 500;}
.section__content strong{font-weight: 500;}
.section__content .images{display: flex;justify-content: space-between;margin: 3rem 0;width: 100%;}
.section__content .image{flex: 0 0 calc((100% / 4) - 2rem)}

.form_preorder{margin-top: 4rem;font-size: 1.3rem;}
.form_preorder .form_auth__line{margin:2rem 0 3rem;}
.form_preorder.is-sended{display: none;}
.form_preorder--success{display: none;}
.form_preorder--success.is-sended{display: block;}
.is-preorder .page__bg{background: rgba(0,0,0,.2);pointer-events: all;opacity: 1;}

.filters{position: fixed;top: 0;height: 100vh;z-index: 50;background: #fff;overflow: auto;-webkit-transition: right .25s cubic-bezier(.075,.82,.165,1);transition: right .25s cubic-bezier(.075,.82,.165,1);width: 55rem;right:-55rem;font-size: 1.2rem;}
.filters__close{width: 1.5rem;height: 1.5rem;display: inline-block;position: absolute;right: 2rem;top: 2rem;}
.filters__title{text-transform: uppercase;letter-spacing: .1em;margin-bottom: 2rem;margin-top: .2rem;font-size: 1.2rem;}
.filters__container{padding: 2rem;z-index: 2;height: 100%;}
.is-filters .filters{right: 0;}
.is-filters .page__bg{background: rgba(0,0,0,.2);pointer-events: all;opacity: 1;}

.shop_action{position: relative;margin-top:-2rem;text-transform: uppercase;text-align: center;margin-bottom: 3rem;letter-spacing: .1em;}

.price_range .noUi-connect {background: black;}
.price_range .noUi-connects {height: 1px;}
.price_range.noUi-horizontal {height: 1px !important;}
.price_range .noUi-handle {border-radius: 0;background: transparent;box-shadow: none;height: 20px;width: 20px;border: 0;top: -10px;right: -10px;}
.price_range .noUi-handle:before {width: 1px;height: 10px;left: 9px;background: black;top: 5px;}
.price_range .noUi-handle:after {display: none;}
.filters_price{display: flex;width: 100%;justify-content: space-between;margin-top:2rem;}
.filters_price .field{flex: 0 0 calc(50% - .5rem);}

.filters_item + .filters_item{margin-top: 2rem;}
.filters_item__label {font-weight: bold;margin-bottom: 1rem;white-space: nowrap;text-transform: uppercase;}
.filters_item .input_checkbox {margin-left: 0;padding-left: 2rem;width: 12rem;margin-top: 0;margin-bottom: 1rem;position: relative;display: inline-block;}
.input_checkbox input, .input_radio input {box-sizing: border-box;padding: 0;opacity: 0;position: absolute;}
.filters_item .input_checkbox__ico {width: 1rem;height: 1rem;top: .2em;}
.input_checkbox__ico {-webkit-transition: all .3s cubic-bezier(.38,.77,.67,.87);transition: all .3s cubic-bezier(.38,.77,.67,.87);position: absolute;top: 0;left: 0;display: inline-block;width: 2rem;height: 2rem;border-radius: 1px;-webkit-box-shadow: inset 0 0 0 1px currentColor;box-shadow: inset 0 0 0 1px currentColor;opacity: .2;}
.filters_item .input_checkbox--min {width: 7rem;}
.filters_item .input_checkbox--large{width: auto;}

.filters_action{display: none;}

.search{background: white;width:100%;position: fixed;z-index: 10;top:7rem;}
.page__header{position: fixed;}
.page__content{padding-top: 7rem;}

@media screen and (max-width: 767px) {
    .unit__price{margin-bottom: 1rem;}
    .unit__info .unit__params{margin-bottom: 2rem;}
    .unit__info .unit_sizes__wrap{margin-bottom: 1rem;}
    .unit__info .unit_color{margin-right: .75rem;}
    .page__content{padding-top: 5rem;}
    .search{top:5rem;}
    .shop_action{margin-top: -1rem;}
    
    .filters{width: 100%;}
    .filters_action{margin-top:2rem;display: block;}
    
    .faq:first-child{margin-top: 2rem;}
    .section__header{display: block;}
    .section__body{flex-direction: column-reverse;}
    .section__content{margin-top:0;}
    .section__nav{flex-basis: auto;}
    .section__nav nav{position: relative;top:0;}
    .section__content .images{flex-wrap: wrap;}
    .section__content .image{flex: 0 0 calc((100% / 2) - 1rem);margin-bottom: 1.5rem;}
    
    .preorder{width: 100%;}
    
    .contacts{font-size: 1.2rem;margin: 2rem 0;}
    .contacts__name{flex: 0 0 12rem;font-size: 1.2rem;}
    .contacts__value{font-size: 1.2rem;}
    .contacts--map .contacts__name{display: none;}
    .contacts--map .contacts__value{flex: 0 0 100%;}
}

.hero_images{display: flex;justify-content: space-between;}
.hero_images a{flex: 0 0 calc(50% - 1rem);position: relative;}
.hero_images img{height:80rem;width:100%;object-fit: cover;}
@media screen and (min-width: 768px) {
    .hero_image{display: none;}
}
@media screen and (max-width: 767px) {
    .hero_images{display: none;}
}

.cart_action {
    padding-bottom: 70px;
}

@media screen and (max-width: 767px) {
    .cart_item__params {
        flex-direction: column;
        row-gap: 1px;
    }
    .cart_item__param {
        -ms-flex: 0 0 5rem;
        flex: 0 0 auto;
        display: flex;
        column-gap: 5px;
    }
    .cart_item__name {
        margin-bottom: 5px;
    }
}


.order {
	margin-bottom: 30px;
}

.order_title {
	font-size:2rem;
	text-align: center;
	margin-bottom:2rem;
}

.order_text {
	text-align: center;
	margin: 5px 0;
}

.order_payment {
	margin-top: 20px;
	text-align: center;
}

.order_info {
	margin-top: 20px;
}

.order_list {
	margin-top: 20px;
}

.order__total {
	margin-top: 20px;
	text-align: right;
}

.order .cart_item {
	align-items: flex-start;
}

.order .cart_item__name {
    margin-bottom: 5px;
}

.order .cart_item__price {
    padding-top: 2.5rem;
	flex-shrink: 0;
}

.order .cart_item__params {
    flex-direction: column;
}

.order .cart_item__param {
	flex: 0 0 19px;
}

.order .bag_preview__pic {
	flex: 0 0 7rem;
    height: 7rem;
}

.order .bag_total__cost p+p {
    font-size: 1.7rem;
    line-height: 2rem;
    letter-spacing: .02em;
}

.order .bag_total_details {
    border-top: 1px solid #ccc;
    padding-top: 2rem;
}

.order__delivery-time {
    font-size: 13px;
    display: block;
    margin-top: 4px;
}

.unit__price-split {
    margin-top: 10px;
    margin-left: 10px;
}

@media(min-width: 768px) {
    .unit_preview__price-split {
        display: none;
    }
}

.breadcrumbs {	
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
	font-size: 12px;
}
.breadcrumbs li:not(:last-child)::after {
    content: "/";
    padding: 0 5px;
	font-size: 11px;
}
.unit__return {
	position: absolute;
	z-index: 2;
	width: 20px;
	top: 15px;
	left: 15px;
	height: 20px;
}
@media(max-width: 767px) {
	.breadcrumbs {
		display: none;
	}
}