@charset "UTF-8";

@import url("reset.css");
@import url("fonts.css");
@import url("swiper-bundle.min.css");
@import url("fancybox.css");


:root{
    
    --app-height: 100vh;
    --headroom-height: 0;
    
    --rating: 5.0;
  
    --c0: #0B0C10;
    --c1: #FFFFFF;
    --c2: #999999;
    --c3: #16CFFF;
    --c4: #169B26; 
    --c5: #008482;
    --c6: #FF0011;
    
    --wr: 70rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 20rem;
    --col: repeat(9, 1fr);
    --sl: max(1px, 1rem);

    --f-xs: max(12px, 12rem);
    --f-s: max(14px, 14rem);
    --f-d: max(14px, 16rem);
    
    --f-m: max(14px, 18rem);
    --f-b: max(14px, 20rem);
    --f-l: max(14px, 24rem);
    --f-xl: max(14px, 30rem);
    --f-xxl: max(14px, 44rem);
    --f-xxxl: max(14px, 80rem);
    --f-xxxxl: max(14px, 90rem);
    --f-xxxxxl: max(14px, 120rem);
    
    --mw: 1920px; 
    
    
}



@keyframes ticker {
    0% {
        transform: translate(0,0);
    }
    100% {
        transform: translate(-100%,0);
    }
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    50% {
        transform: scale(.5);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}
@keyframes pulse-ring {
    0% {
        transform: scale(0.33);
    }
    80%, 100% {
        opacity: 0;
    }
}
@keyframes pulse-dot {
    0% {
        transform: scale(0.8);
    }
    50% {
        transform: scale(1);
    }
    100% {
        transform: scale(0.8);
    }
}


/* globals */

@media screen {

    html{font-size: 0.052vw;background-color: var(--c0);}

    .document{font-weight: 300;font-family: 'Nunito Sans', sans-serif;font-size: var(--f-d);line-height: 1.2;color: var(--c1);background-color: var(--c0);letter-spacing: normal;}
    
    .wrapper{width: 100%;margin: 0 auto;padding: 0 var(--wr);max-width: var(--mw);}
   
    .preloader{background-color: var(--c0);position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 9999;visibility: hidden;opacity: 1;transition: all .5s 1s;display: flex;padding: 40rem 0;color: var(--c1);will-change: transform;align-items: center;flex-direction: column;transform: translateY(-100%);}
    .preloader-bar{margin-bottom: auto;width: 100%;}
    .preloader-bar-inner{width: 100%;height: var(--sl);background-color: var(--c2);position: relative;overflow: hidden;}
    .preloader-bar-progress{position: absolute;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c1);top: 0;will-change: transform;transform-origin: left;transition: transform .15s;transform: translateX(-100%);}
    .preloader-text{text-align: center;font-size: var(--f-l);margin-top: 100rem;}
    .preloader-text-inner{}
    
    .loading{pointer-events: none;}
    .loading .preloader{transition-duration: 0s;visibility: visible;transform: translateY(0);}
    
    .rub{white-space: nowrap;text-decoration: inherit;}
    .rub:not(:empty)::after{content: "\a0\20bd";display: inline;}
     
    .icon{display: flex;max-height: 100%;align-items:center;justify-content:center;line-height: 0;max-width: 100%;width: auto;height: auto;}
    .cover,
    .contain{position: absolute;top: 0;left: 0;width: 100%;height: 100%;object-position: center;pointer-events: none;}
    .cover{object-fit: cover;}
    .contain{object-fit: contain;}
    .fill::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: 1;}

    .button{display: inline-flex;justify-content: center;max-width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;padding: 0 50rem;height: max(40px, 50rem);position: relative;border-radius: 999rem;width: 100%;overflow: hidden;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;min-width: 0;}
    .button-text:first-child{margin-left: 0;}
    .button-text:last-child{margin-right: 0;}
    .button-icon{display: flex;;margin: 0;align-items: center;justify-content: center;}
    .button-icon:first-child{margin-left: 0;}
    .button-icon:last-child{margin-right: 0;}
    
    .button__default{background-color: var(--c1);color: var(--c0);}
    .button__hl{background-color: var(--c3);color: var(--c0);}
     
    .title{line-height: 1;letter-spacing: -.03em;}
    
    .title__small{font-size: var(--f-xxl);}
    .title__default{font-size: var(--f-xxxxl);}
    .title__large{font-size: var(--f-xxxxxl);}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .alertbar{background-color: var(--c3);color: var(--c0);font-size: var(--f-s);text-transform: uppercase;padding: 15rem 0;overflow: hidden;line-height: 1;position: relative;z-index: 15;}
    
    .marquee-container{white-space: nowrap;display: inline-flex;justify-content: flex-start;}
    .marquee-title{display: inline-flex;align-items: flex-start;}
    .marquee-title::after{content: "";width: .5em;height: .5em;background-color: currentColor;border-radius: 50%;margin: auto 10rem;}
    
    .runner-end, 
    .runner-start{animation: 60s linear infinite ticker;display: flex;will-change: transform;transition: transform .01s;}
    
    .headroom-trigger{width: 100%;height: 0;line-height: 0;visibility: hidden;display: block;}
    
    .header{position: sticky;top: 0;z-index: 10;}
    
    .header-main{background-color: rgba(0,0,0,0);transition: background-color .15s;}
    .header-line{height: var(--sl);width: 100%;background-color: currentColor;line-height: 0;display: block;margin: 0 auto;transition: max-width .15s;max-width: calc(100% - 2 * var(--wr));}
    
    .popup-curtain-active .header-main,
    .header.active .header-main{background-color: var(--c0);}
    
    .document:not(.mobile-menu-active) .header.active .header-line{max-width: 100%;}
    
    .header-curtain{background-color: var(--c0);padding: 80rem 0 140rem;transition: all .5s;position: absolute;top: 100%;left: 0;width: 100%;will-change: transform;z-index: -1;}
    .header-curtain:not(.active){opacity: 0;visibility: hidden;transform: translateY(-100%);}
    .header-curtain.active ~ .header-main .dropdown-button{color: var(--c3);}
    .header-curtain.active ~ .header-main .dropdown-button-icon{transform: scaleY(-1);}
    
    .curtain-inner{display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);align-items: flex-start;overflow: hidden;}
    .curtain-nav{grid-column: 1/-1;column-count: 5;column-gap: var(--gap);}
    .curtain-nav-col{margin: 0 var(--gap);display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .curtain-nav-group{max-width: 220rem;break-inside: avoid;}
    .curtain-nav-group:not(:first-child){margin-top: 60rem;}
    .curtain-nav-title{text-transform: uppercase;letter-spacing: -.03em;font-size: var(--f-m);margin-bottom: 20rem;}
    .curtain-nav-title:only-child{opacity: 1;}
    .curtain-nav-subtitle{text-transform: uppercase;font-size: var(--f-s);margin-bottom: 10rem;}
    .curtain-nav-list{text-transform: uppercase;}
    .curtain-nav-list:not(:last-child){margin-bottom: 20rem;}
    .curtain-nav-list ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .curtain-nav-list .current{color: var(--c3);}
    .curtain-nav-list li:not(.current){opacity: .6;}
    .curtain-cards{grid-column: 6/-1;display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    
    .topbar{padding: 30rem 0;display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: var(--gap);align-items: center;}
    .topbar-logo{width: 100%;max-width: 265rem;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: 30rem;align-items: center;}
    .topbar-nav ul li{text-transform: uppercase;}
    .topbar-action{margin-left: auto;display: grid;grid-auto-flow: column;grid-gap: var(--gap);align-items: center;}
    .topbar-search{cursor: pointer;display: flex;align-items: center;position: relative;}
    .topbar-search-icon{width: max(16px, 18rem);height: max(16px, 18rem);margin-right: 10rem;display: flex;align-items: center;justify-content: center;}
    .topbar-search-text{text-transform: uppercase;}
    .topbar-cart{position: relative;}
    .topbar-cart-text{text-transform: uppercase;}
    .topbar-cart-num.active{color: var(--c3);}
    
    .dropdown-button{cursor: pointer;display: flex;align-items: center;transition: color .15s;}
    .dropdown-button-text{text-transform: uppercase;}
    .dropdown-button-icon{width: max(12px, 12rem);height: max(12px, 1em);margin-left: 10rem;display: flex;align-items: center;justify-content: center;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}
     
    .pageheader{padding: 90rem 0 140rem;display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);}
    .pageheader-inner{grid-column: 2/9;}
    .pageheader-title{text-align: center;}
    .pageheader-subtitle{text-align: center;margin-top: 30rem;}
    
    .section{position: relative;z-index: 1;margin-top: 200rem;overflow-x: clip;}
    .section:first-child,
    .pageheader + .section{margin-top: 0;}
    
    .footer{margin-top: 130rem;overflow: hidden;}
    .footer-grid{border-top: var(--sl) solid;padding-top: 30rem;display: grid;grid-template-columns: var(--col);grid-gap: 0 var(--gap);grid-template-areas: "f2 . f3 f3 f3 f3 f3 f3 f3" "f0 f0 f0 f0 f0 f0 f0 f0 f0" "f4 f4 f4 f4 . f5 f5 f5 f5";}
    .footer-grid::before{content: "";grid-area: f0;height: var(--sl);width: auto;display: block;line-height: 0;background-color: currentColor;margin: 30rem 0 40rem;}
    .f1{grid-area: f1;margin-right: auto;display: flex;align-items: center;display: none;}
    .f1 ul{display: grid;grid-auto-flow: column;grid-gap: 100rem;}
    .f1 li{text-transform: uppercase;}
    .f1 li a{color: var(--c2);}
    .f2{grid-area: f2;margin: 0;}
    .f3{grid-area: f3;margin-left: auto;display: grid;grid-auto-flow: column;grid-gap: 100rem;align-items: center;}
    .f3-1{display: flex;}
    .f3-1-1{margin-right: 10rem;text-transform: uppercase;color: var(--c2);}
    .f4{grid-area: f4;}
    .f5{grid-area: f5;display: grid;grid-template-columns: auto;grid-gap: 0;}
    
    .footer-nav{}
    .footer-nav-caption{margin-bottom: 1em;text-transform: uppercase;}
    .footer-nav ul{column-count: 2;column-gap: var(--gap);}
    .footer-nav li{text-transform: uppercase;}
    .footer-nav li:not(:first-child){margin-top: .5em;}
    .footer-nav a{color: var(--c2);}
    .footer-nav a.current{color: var(--c3);}
    
    .bottombar{padding: 20rem 0 30rem;border-top: var(--sl) solid;grid-template-columns: 1fr auto;grid-gap: var(--gap);display: grid;margin-top: 80rem;}
    .bottombar-copyright{color: var(--c2);}
    .bottombar-author{color: var(--c2);display: flex;align-items: baseline;}
    
    .dd-icon{width: 1.2em;height: 1em;margin: 0 .3em;color: var(--c3);display: inline-flex;align-items: center;justify-content: center;}
    .dd-icon .icon{width: 100%;}
    
    .textfield{position: relative;}
    
    .social{display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;line-height: 0;}
    .social-item{position: relative;overflow: hidden;width: max(32px, 34rem);height: max(32px, 34rem);border-radius: 50%;border: var(--sl) solid;display: flex;align-items: center;justify-content: center;padding: 7rem;}
    .social-item .icon{width: max(32px, 34rem);height: max(32px, 34rem);}
    
    .textbox h2,
    .textbox h3{font-size: var(--f-l);margin: 60rem 0 20rem;}
    .textbox h2:first-child,
    .textbox h3:first-child{margin-top: 0;}
    .textbox h2:last-child,
    .textbox h3:last-child{margin-bottom: 0;}
    .textbox ul:not(:first-child){margin-top: .75em;}
    .textbox ul li{padding-left: 1.5em;position: relative;}
    .textbox ul li::before{content: "\2022";position: absolute;left: 0;top: 0;text-align: center;width: 1.5em;}
  
    .linkrow{overflow: hidden;margin: 40rem 0 20rem;}
    .linkrow:first-child{margin-top: 0;}
    .linkrow:last-child{margin-bottom: 0;}
    .linkrow-wrapper{display: flex;flex-wrap: wrap;margin: -10rem;}
    .linkrow-item{padding: 10rem;display: inline-flex;align-items: center;position: relative;}
    .linkrow-text{text-transform: uppercase;letter-spacing: -.03em;}
    .linkrow-icon{width: max(24px, 28rem);height: max(24px, 28rem);display: flex;align-items: center;justify-content: center;}
    
    .expand-list{display: grid;grid-template-columns: auto;grid-gap: 0;counter-reset: index;}
    .expand{border-bottom: var(--sl) solid;grid-template-columns: repeat(5, 1fr);display: grid;grid-gap: 0 var(--gap);}
    .expand:not(:first-child) .expand-title{padding-top: 20rem;}
    .expand-title{grid-column: 1/-1;display: grid;align-items: flex-start;cursor: pointer;grid-template-columns: repeat(5, 1fr);grid-gap: var(--gap);user-select: none;padding-bottom: 20rem;}
    .expand-title::before{content: counter(index, decimal-leading-zero);counter-increment: index;font-size: var(--f-l);}
    .expand-title-name{font-size: var(--f-l);grid-column: 2/5;}
    .expand-title-icon{width: max(16px, 16rem);height: calc(var(--f-l) * 1.2);margin-left: auto;position: relative;}
    .expand-title-icon::before,
    .expand-title-icon::after{content: "";width: 100%;height: var(--sl);top: 50%;margin-top: calc(-1 * var(--sl));background-color: currentColor;position: absolute;left: 0;}
    .expand-content{grid-column: 1/-1;overflow: hidden;height: 0;opacity: 0;padding: 0;transition: all .15s;width: 100%;padding: 0 calc((100% + var(--gap)) / 5);}
    .expand-content-title{margin: 15rem 0 10rem;color: var(--c2);}
    .expand-content-title:first-child{margin-top: 0;}
    
    .expand:not(.active) .expand-title-icon::after{transform: rotate(-90deg);}
    .expand.active .expand-content{opacity: 1;height: auto;padding-bottom: 20rem;padding-top: 5rem;}
    
    .tag{text-transform: uppercase;white-space: nowrap;padding: 10rem;line-height: 1;}
    .tag__green{background-color: var(--c4);color: var(--c1);}
    .tag__black{background-color: var(--c0);color: var(--c1);}
    .tag__red{background-color: var(--c3);color: var(--c1);}
    .tag__disabled{background-color: var(--c2);color: var(--c1);}
    
    .searchbox{display: flex;width: 100%;border-bottom: var(--sl) solid var(--c2);align-items: center;padding: 10rem 0;}
    .searchbox-icon{width: max(24px, 28rem);height: max(24px, 28rem);display: flex;align-items: center;justify-content: center;}
    .searchbox-input{flex: auto;min-width: 0;overflow: hidden;text-overflow: ellipsis;text-transform: uppercase;margin: 0 10rem;line-height: 1;}
    .searchbox-input:first-child{margin-left: 0;}
    .searchbox-input:last-child{margin-right: 0;}
    .searchbox-reset{width: max(24px, 28rem);height: max(24px, 28rem);display: flex;align-items: center;justify-content: center;transition: all .15s;cursor: pointer;}
    .searchbox-input:invalid ~ .searchbox-reset{opacity: 0;visibility: hidden;}
    
    .carousel-buttons{display: grid;grid-auto-flow: column;grid-gap: 10rem;}
    .carousel-button{cursor: pointer;display: flex;align-items: center;justify-content: center;width: max(20px, 24rem);height: max(20px, 24rem);}
    .carousel-button.swiper-button-disabled{pointer-events: none;opacity: .4;}
    
    .carousel-button.swiper-button-lock{visibility: hidden;}
    
    .chip{display: inline-flex;justify-content: center;width: 100%;user-select: none;cursor: pointer;align-items: center;z-index: 1;padding: 0 10rem;height: max(36px, 40rem);position: relative;border-radius: 999rem;overflow: hidden;border: var(--sl) solid;}
    .chip-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;min-width: 0;}
    
    .chip.active{pointer-events: none;border-color: var(--c3);}
    
    .filters-group{display: flex;align-items: baseline;}
    .filters-group-title{font-size: var(--f-m);color: var(--c2);text-transform: uppercase;margin-right: 10rem;}
    .filters-inner{position: relative;padding: 30rem 0;}
    .filters-button{cursor: pointer;display: flex;align-items: center;}
    .filters-button-text{font-size: var(--f-m);text-transform: uppercase;}
    .filters-button-icon{width: max(14px, 16rem);height: max(14px, 16rem);margin-left: 10rem;display: flex;align-items: center;justify-content: center;}
    .filters-reset{font-size: var(--f-m);color: var(--c2);text-transform: uppercase;white-space: nowrap;position: relative;}
    
    .product-gallery{display: flex;background-color: var(--c1);position: relative;align-items: flex-start;}
    .product-gallery::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .product-gallery .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .product-gallery .product-image{width: 100%;height: 100%;}
    .product-gallery img{pointer-events: all;}
    .product-image .contain{padding: 10%;}
    .product-tags{display: flex;position: relative;z-index: 1;user-select: none;pointer-events: none;margin: -1.5rem;padding: 40rem 0;flex-wrap: wrap;justify-content: flex-end;flex: auto;}
    .product-tags .tag{margin: 1.5rem;}
    .product-thumbs{margin-top: 20rem;overflow: hidden;}
    .product-thumbs .swiper{margin: 0 calc(var(--gap) / -2);}
    .product-thumbs .swiper:not(.swiper-initialized){display: none;}
    .product-thumbs .swiper-slide{padding: 0 calc(var(--gap) / 2);}
    .product-thumbs .swiper-slide:not(.swiper-slide-thumb-active){opacity: .4;cursor: pointer;}
    .product-thumbs .swiper-slide:only-child{display: none;}
    .product-thumbs .product-image{position: relative;display: flex;background-color: var(--c1);}
    .product-thumbs .product-image::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .product-arrows .carousel-button{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1;margin: 0 10rem;color: var(--c0);}
    .product-arrows .carousel-button-prev{left: 0;}
    .product-arrows .carousel-button-next{right: 0;}
    .product-price{display: flex;margin: -4rem;flex-wrap: wrap;}
    .product-price-val,
    .product-price-old{margin: 4rem;font-size: var(--f-xl);letter-spacing: -.03em;}
    .product-price-old{color: var(--c2);text-decoration: line-through;}
    .product-spinner{display: flex;align-items: center;user-select: none;}
    .product-spinner-title{margin-right: auto;padding-right: var(--gap);}
    .product-spinner-control{height: max(20px, 24rem);min-width: max(20px, 24rem);flex: none;display: flex;align-items: flex-end;justify-content: center;text-align: center;line-height: 1;font-size: var(--f-xl);}
    .product-spinner-input{}
    .product-spinner-holder{text-align: center;width: 2em;overflow: hidden;text-overflow: ellipsis;flex: none;}
    
    .rating{position: relative;width: 105rem;height: 19rem;background-repeat: repeat-x;background-size: auto 100%;background-position: left;background-image: url(../img/rating-blank.svg);}
    .rating-stars{background-repeat: repeat-x;position: absolute;background-size: auto 100%;background-position: left;top: 0;left: 0;height: 100%;background-image: url(../img/rating-colored.svg);width: calc(100% * var(--rating) / 5);}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .formbox-row{display: flex;}
    .formbox-cell{flex: 1;}
    .formbox-cell:not(:first-child){margin-left: var(--gap);}
    
    .textfield{}
    .textfield-label{margin-bottom: 15rem;}
    .textfield-input{width: 100%;overflow: hidden;text-overflow: ellipsis;border-bottom: var(--sl) solid;padding-bottom: 15rem;}
    .textfield-error{color: var(--c6);margin-top: 10rem;font-size: var(--f-xs);}
    
    .textfield-input.invalid:not(:placeholder-shown),
    .textfield-input:invalid:not(:placeholder-shown){border-color: var(--c3);}
    .textfield-input:not(.invalid):not(:invalid) ~ .textfield-error{display: none;}
    
    .selectbox-caption{font-size: var(--f-l);}
    .selectbox-caption:not(:last-child){margin-bottom: 20rem;}
    .selectbox-subtitle{color: var(--c2);}
    .selectbox-subtitle:not(:last-child){margin-bottom: 20rem;}
    .selectbox-subtitle:not(:first-child){margin-top: 20rem;}
    
    .selectbox-group{display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
    
    .selectbox{position: relative;overflow: hidden;user-select: none;}
    .selectbox-title{display: flex;align-items: flex-start;}
    .selectbox-title-label{cursor: pointer;margin: auto 0;}
    .selectbox-title-icon{flex: none;width: max(22px, 24rem);height: max(22px, 24rem);border: 2rem solid;margin-right: 10rem;padding: 3rem;position: relative;transition: opacity .25s;opacity: .4;}
    .selectbox-control[type="radio"] ~ .selectbox-title-icon{border-radius: 50%;background-color: rgba(0,0,0,0);background-clip: content-box;transition: background-color .15s;}
    .selectbox-control[type="checkbox"] ~ .selectbox-title-icon{border-radius: 2rem;}
    .selectbox-control[type="checkbox"] ~ .selectbox-title-icon::after{content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 3rem;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='white'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: max(18px, 20rem);will-change: transform;transform: scale(0);transition: transform .15s;}
    .selectbox-control{position: absolute;right: 100%;opacity: 0;width: 0;height: 0;overflow: hidden;}
    .selectbox-context{margin-top: 12rem;max-width: 580rem;}
    
    .selectbox-control:checked ~ .selectbox-title-icon{opacity: 1;}
    .selectbox-control[type="radio"]:checked ~ .selectbox-title-label{pointer-events: none;}
    .selectbox-control[type="radio"]:checked ~ .selectbox-title-icon{background-color: currentColor;}
    .selectbox-control[type="checkbox"]:checked ~ .selectbox-title-icon::after{transform: scale(1);}
    
    .promocode-inner{border-top: var(--sl) solid;border-bottom: var(--sl) solid;padding: 20rem 0;}
    .promocode-button{display: flex;align-items: center;cursor: pointer;user-select: none;color: var(--c2);}
    .promocode-button-text{font-size: var(--f-l);}
    .promocode-button-icon{width: max(14px, 16rem);height: max(14px, 16rem);margin-left: 10rem;display: flex;align-items: center;justify-content: center;}
    .promocode-error{text-transform: uppercase;color: var(--c3);letter-spacing: -.03em;margin-top: 20rem;}
    .promocode-form{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);align-items: center;}
    .promocode-form-row{grid-column: 1/3;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;}
    .promocode-form-input{overflow: hidden;text-overflow: ellipsis;}
    .promocode-form-reset{width: max(24px, 28rem);height: max(24px, 28rem);display: flex;align-items: center;justify-content: center;cursor: pointer;}
    .promocode-success-caption{font-size: var(--f-l);color: var(--c5);}
    .promocode-success-caption:not(:last-child){margin-bottom: 20rem;}
    .promocode-value{display: flex;align-items: center;}
    .promocode-value-text{font-size: var(--f-l);}
    .promocode-value-icon{flex: none;width: max(22px, 24rem);height: max(22px, 24rem);margin-left: 10rem;flex: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M21,7L9,19L3.5,13.5L4.91,12.09L9,16.17L19.59,5.59L21,7Z' fill='white'%3E%3C/path%3E%3C/svg%3E");background-repeat: no-repeat;background-position: center;background-size: max(16px, 16rem);background-color: var(--c5);border-radius: 50%;}
    
    .promocode.active .promocode-button, 
    .promocode.valid .promocode-button, 
    .promocode:not(.active) .promocode-form,
    .promocode:not(.active) .promocode-error,
    .promocode.active:not(.invalid) .promocode-error,
    .promocode:not(.valid) .promocode-success{display: none;}
    
    .features{display: grid;grid-auto-flow: column;grid-gap: 20rem;}
    .features-icon{width: max(50px, 56rem);height: max(50px, 56rem);display: flex;align-items: center;justify-content: center;border: var(--sl) solid;border-radius: 15rem;padding: 10rem;}
    
    .aside{position: fixed;top: 0;right: 0;overflow: auto;height: var(--app-height);background-color: var(--c1);color: var(--c0);width: 100%;max-width: 530rem;z-index: 999;will-change: transform;transition: transform .25s;display: flex;flex-direction: column;padding: 90rem 40rem 40rem;}
    
    .aside:not(.active){transform: translateX(100%);}
    
    .aside-close{position: absolute;top: 0;right: 0;z-index: 1;display: flex;align-items: center;justify-content: center;cursor: pointer;width: max(24px, 28rem);height: max(24px, 28rem);margin: 20rem 30rem;user-select: none;}
    .aside-header{margin-bottom: 20rem;}
    .aside-content{margin-bottom: auto;}
    .aside-content-subtitle{margin: 40rem 0 20rem;line-height: 1;font-size: var(--f-l);}
    .aside-content-subtitle:first-child{margin-top: 0;}
    .aside-footer{position: sticky;bottom: 0;margin-top: 40rem;z-index: 1;}
    .aside .shopcart-title-name{color: var(--c2);}
    
    .popup-overlay,
    .popup-overlay-curtain{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--c0);opacity: 0;z-index: 50;visibility: hidden;transition-property: all;transition-duration: 0s;transition-delay: 0s;}
    
    .popup-overlay-curtain{z-index: 9;}
    .popup-overlay-curtain:not(.active){transition-duration: .25s;}
    
    .popup-curtain-active .popup-overlay-curtain,
    .aside.active ~ .popup-overlay{opacity: .6;visibility: visible;transition-delay: 0s;}
    
    .gradient{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;overflow: hidden;}
    .gradient-wrapper{position: relative;}
    .gradient-inner{position: absolute;width: 1000rem;height: 1000rem;background: radial-gradient(50% 50% at 50% 50%, #16CFFF 0%, #16CFFF 14.5%, #0B0C10 56%, #0B0C10 84%, rgba(0,0,0,0) 100%);right: -425rem;margin-top: -300rem;top: var(--headroom-height);animation: pulse 5s infinite linear;}
    
    .join-form{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    
    .map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;width: 100%;}
    .card .contain{padding: 10%;}
 
    .card-1 .card-header{display: flex;position: relative;overflow: hidden;align-items: flex-start;user-select: none;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .card-1 .card-media-back,
    .card-1 .card-media-front{position: absolute;overflow: hidden;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .card-1 .card-media-back{z-index: -1;background-color: var(--c1);}
    .card-1 .card-media-front{opacity: 0;}
    .card-1 .card-tags{position: relative;display: flex;margin: 40rem 0;margin-left: auto;}
    .card-1 .card-tags .tag{margin-left: 3rem;}
    .card-1 .card-action{position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;padding: 20rem 25rem;display: flex;align-items: center;justify-content: center;overflow: hidden;background-color: var(--c3);color: var(--c0);line-height: 1;}
    .card-1 .card-action-text{letter-spacing: -.03em;font-size: var(--f-m);text-transform: uppercase;}
    .card-1 .card-action-icon{width: max(14px, 16rem);height: max(14px, 16rem);margin-left: 5rem;display: flex;align-items: center;justify-content: center;}
    .card-1 .card-footer{padding: 25rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);}
    .card-1 .card-title{text-transform: uppercase;letter-spacing: -.03em;font-size: var(--f-m);}
    .card-1 .card-subtitle{margin-top: .5em;text-transform: uppercase;letter-spacing: -.03em;color: var(--c2);}
    .card-1 .card-price{display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;font-size: var(--f-l);letter-spacing: -.03em;}
    .card-1 .card-price-old{color: var(--c2);text-decoration: line-through;}

    .card-1 .card-action.active .card-action-text:nth-child(1),
    .card-1 .card-action:not(.active) .card-action-text:nth-child(2){display: none;}
    
    .card-1.disabled .card-action{display: none;}
    .card-1.disabled .card-price-val{color: var(--c2);}
    
    .card-2 .card-header{display: flex;position: relative;overflow: hidden;align-items: flex-start;user-select: none;background-color: var(--c1);}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .card-2 .card-tags{display: none;}
    .card-2 .card-media{position: absolute;overflow: hidden;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;background-color: var(--c1);}
    .card-2 .card-footer{margin-top: 10rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);}
    .card-2 .card-title{font-size: var(--f-m);letter-spacing: -.03em;text-transform: uppercase;}
    .card-2 .card-subtitle{margin-top: .5em;letter-spacing: -.03em;text-transform: uppercase;color: var(--c2);}
    .card-2 .card-price{font-size: var(--f-m);letter-spacing: -.03em;text-transform: uppercase;}
    
    .card-3{background-color: var(--c1);color: var(--c0);padding: 20rem;}
    .card-3 .card-header{max-width: 450rem;margin-bottom: auto;}
    .card-3 .card-title{font-size: var(--f-l);letter-spacing: -.03em;margin-bottom: 10rem;}
    .card-3 .card-content{}
    .card-3 .card-footer{display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;align-items: flex-start;margin-top: 30rem;}
    .card-3 .card-author{display: flex;align-items: center;}
    .card-3 .card-author-image{width: max(40px, 48rem);height: max(40px, 48rem);border-radius: 50%;position: relative;overflow: hidden;margin-right: 12rem;background-color: var(--c0);color: var(--c1);display: flex;align-items: center;justify-content: center;text-align: center;font-weight: 700;}
    .card-3 .card-author-title{font-size: var(--f-s);font-weight: 400;}
    .card-3 .card-author-subtitle{font-size: var(--f-xs);margin-top: 5rem;color: var(--c2);}
    
    .shopcart{display: grid;grid-template-columns: auto;grid-gap: var(--gap);padding-bottom: var(--gap);border-bottom: var(--sl) solid;}
    .shopcart-row{border-top: var(--sl) solid;padding-top: var(--gap);}
    .shopcart-item{min-height: 128rem;display: grid;grid-template-columns: 1fr auto;grid-template-rows: auto 1fr;grid-gap: 0 20rem;align-items: baseline;grid-template-areas: "c2 c2" "c4 c5" "c3 c3";position: relative;padding-left: 180rem;}
    .shopcart-content{grid-area: c2;}
    .shopcart-title-name{font-size: var(--f-m);}
    .shopcart-media{position: absolute;display: flex;width: 160rem;left: 0;top: 0;background-color: var(--c1);}
    .shopcart-media::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .shopcart-image{background-color: var(--c1)position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .shopcart-image .contain{padding: 10%;}
    .shopcart-subtitle{margin-top: 10rem;margin-bottom: auto;}
    .shopcart-feature{display: flex;align-items: baseline;}
    .shopcart-feature-name{margin-right: .25em;text-transform: uppercase;}
    .shopcart-feature-val{}
    .shopcart-price{grid-area: c3;margin-top: 20rem;display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;margin-right: auto;}
    .shopcart-price-val{}
    .shopcart-price-old{text-decoration: line-through;color: var(--c2);}
    .shopcart-controls{grid-area: c4;margin-top: 10rem;}
    .shopcart-del{grid-area: c5;cursor: pointer;margin-left: auto;color: var(--c2);}
    .shopcart-spinner{display: flex;align-items: center;user-select: none;}
    .shopcart-spinner-title{padding-right: 10rem;}
    .shopcart-spinner-control{height: max(14px, 16rem);min-width: max(14px, 16rem);flex: none;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 1;}
    .shopcart-spinner-input{}
    .shopcart-spinner-holder{text-align: center;width: 2em;overflow: hidden;text-overflow: ellipsis;flex: none;}
    
}

/* sections */

@media screen {
    
    .s0{overflow: hidden;margin-top: 0;}
    .s0-1{padding: 250rem 0 0;}
    .s0-2{display: flex;flex-direction: column;align-items: center;text-align: center;}
    .s0-2-1{width: 100%;max-width: 1460rem;}
    .s0-2-2{margin-top: 240rem;opacity: .8;}
    .s0-2-3{margin-top: 20rem;font-size: var(--f-b);max-width: 745rem;padding-bottom: 50rem;}
    .s0-3{margin-top: 120rem;display: flex;}
    .s0-3 .features{grid-auto-flow: row;margin-left: auto;}
    .s0-4{position: relative;z-index: -1;display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);height: 0;}
    .s0-5{position: relative;grid-column: 1/4;}
    .s0-6{position: absolute;bottom: 0;right: 0;left: var(--awr);display: flex;background-color: var(--c3);}
    .s0-6::before{content: "";flex: none;width: 0;padding-top: 125%;}
    .s0-6 img{mix-blend-mode: darken;object-position: right;}
    
    .s1-1{display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);}
    .s1-2{grid-column: 1/3;padding-right: 50rem;opacity: .4;}
    .s1-3{grid-column: 3/8;}
    .s1-3:first-child{grid-column: 1/6;}
    .s1-4{margin-bottom: 60rem;max-width: 1000rem;}
    
    .s2-1{display: grid;grid-template-columns: auto;grid-gap: 90rem 0;}
    .s2-2{display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);align-items: flex-start;}
    .s2-3{grid-column: 1/5;display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);}
    .s2-3-1{grid-column: 1/-1;padding-right: 50rem;}
    .s2-3-2:not(:first-child){margin-top: 20rem;}
    .s2-3-3{margin-top: 50rem;}
    .s2-4{grid-column: 5/-1;}
    
    .pageheader + .s2 .s2-2{border-top: var(--sl) solid;padding-top: 20rem;}
    
    .s3-1{display: flex;flex-direction: column;align-items: center;}
    .s3-1-1{text-align: center;}
    .s3-1-2{text-align: center;margin-top: 20rem;max-width: 300rem;width: 100%;}
    
    .s4-1{display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);margin-top: 30rem;align-items: flex-start;}
    .s4-2{grid-column: 1/4;display: flex;min-height: 100%;flex-direction: column;}
    .s4-3{grid-column: 4/-1;}
    .s4-3-1{position: relative;overflow: hidden;display: flex;opacity: .9;}
    .s4-3-1::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s4-4{margin-top: auto;}
    .s4-4-2{margin-top: 30rem;max-width: 420rem;}
    .s4-5{display: grid;grid-template-columns: auto;grid-gap: 40rem;}
    .s4-5:not(:first-child){margin-top: 70rem;}
    .s4-6-1{font-size: var(--f-xl);opacity: .4;}
    .s4-6-2{margin-top: 10rem;}
    
    .s5-1{display: grid;grid-template-columns: var(--col);border-bottom: var(--sl) solid;margin-top: 30rem;grid-gap: 0 var(--gap);}
    .s5-2{padding: 0 0 250rem var(--gap);border-bottom: var(--sl) solid;margin-left: calc(-1 * var(--gap));}
    .s5-3{padding: var(--gap) 0;border-right: var(--sl) solid;}
    .s5-3-1{padding-right: calc((100% + var(--gap)) / 3);font-size: var(--f-m);letter-spacing: -.03em;}
    .s5-4{display: flex;padding-bottom: var(--gap);}
    .s5-4-1{position: relative;overflow: hidden;width: 100%;display: flex;}
    .s5-4-1::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s5-5{padding: var(--gap) 0;display: flex;}
    .s5-5-1{position: relative;overflow: hidden;display: flex;width: 100%;}
    .s5-5-1::before{content: "";flex: none;width: 0;padding-top: 110%;}
    
    .s6-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 0 var(--gap);}
    .s6-2{grid-column: 2/-1;padding-bottom: 30rem;padding-left: var(--gap);margin-left: calc(-1 * var(--gap) - var(--sl));border-left: var(--sl) solid;}
    .s6-3{grid-column: 2/-1;order: -1;padding: 30rem 0 50rem var(--gap);margin-left: calc(-1 * var(--gap) - var(--sl));border-left: var(--sl) solid;display: grid;grid-template-columns: repeat(2, 1fr);grid-gap: var(--gap);}
    .s6-3-1{font-size: var(--f-m);letter-spacing: -.03em;}
    .s6-4{grid-column: 1/-1;border-top: var(--sl) solid;display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;position: sticky;z-index: 5;top: calc(var(--headroom-height) - var(--sl));background-color: var(--c0);}
    .s6-5{grid-column: 1/-1;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--sl);border-bottom: var(--sl) solid var(--c2);border-top: var(--sl) solid var(--c2);padding: 0;overflow: hidden;}
    .s6-5-1{outline: var(--sl) solid var(--c2);}
    .s6-6{display: inline-flex;align-items: flex-start;}
    .s6-6-2{font-size: var(--f-xl);}
    .s6-7{margin-right: auto;}
    .s6-8{}
    
    .s7-1{display: grid;grid-template-columns: var(--col);grid-gap: 0 var(--gap);margin-top: 130rem;}
    .s7-3{margin-top: 20rem;opacity: .4;}
    .s7-4{grid-column: 1/-1;margin-top: 130rem;display: grid;grid-gap: var(--gap);grid-template-columns: repeat(8, 1fr);}
    .s7-4-1{grid-column-end: span 2;}
    .s7-5{margin-top: 40rem;text-align: center;font-size: var(--f-m);letter-spacing: -.03em;}
    .s7-6{grid-column: 3/8;}
    
    .s8-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 0;margin-top: 130rem;}
    .s8-2{grid-column: 1/-1;text-align: center;}
    .s8-2:not(:last-child){margin-bottom: 20rem;}
    .s8-3{grid-column: 2/3;display: flex;flex-direction: column;align-items: center;}
    .s8-3-1{text-align: center;}
    .s8-3-1:not(:first-child){margin-top: 30rem;}
    .s8-3-2{text-align: center;margin-top: 80rem;}
    .s8-4{grid-column: 2/3;display: flex;position: relative;overflow: hidden;}
    .s8-4:not(:first-child){margin-top: 0;}
    .s8-4::before{content: "";flex: none;width: 0;padding-top: 100%;}
    
    .s9-1{margin: 40rem 0 90rem;overflow: hidden;}
    .s9-1 ul{display: flex;flex-wrap: wrap;margin: -.15em 0;}
    .s9-1 li{display: inline-flex;margin: .15em .25em .15em 0;}
    .s9-1 li:not(:first-child)::before{content: "\2014";line-height: 1;margin-right: .25em;}
    .s9-1 li:last-child{pointer-events: none;opacity: .4;}
    .s9-2{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);}
    .s9-3{padding-top: 10rem;border-top: var(--sl) solid;padding-right: 80rem;}
    .s9-3-1{font-size: var(--f-l);color: var(--c2);}
    .s9-3-2{margin-top: 15rem;}
    .s9-4{user-select: none;}
    .s9-5{padding-top: 10rem;border-top: var(--sl) solid;display: flex;flex-direction: column;}
    .s9-6{margin-bottom: 70rem;}
    .s9-6-2{margin-top: 20rem;overflow: hidden;}
    .s9-7{display: grid;grid-template-columns: auto;grid-gap: var(--gap);align-items: baseline;}
    .s9-7-2{grid-column: 1/-1;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);}
    .s9-8{margin-top: 30rem;display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);align-items: center;}
    .s9-8-1{display: none;}
    .s9-8-2{grid-column: 1/-1;}
    .s9-8-2:only-child{grid-column: 1/-1;}
    .s9-9{margin-top: 50rem;border-top: var(--sl) solid;}
    .s9-9 .expand-title,
    .s9-9 .expand:not(:first-child) .expand-title{padding: 10rem 0;}
    .s9-9 .expand-title::before{display: none;}
    .s9-9 .expand-title-name{grid-column: 1/5;}
    .s9-9 .expand-content{padding: 0;}
    .s9-9 .expand-content-title{margin: 15rem 0 5rem;}
    .s9-9 .expand-content-title:first-child{margin-top: 0;}
    .s9-9 .expand.active .expand-content{padding-bottom: 10rem;}
    
    .s10-2{}
    .s10-3{border-top: var(--sl) solid;padding-top: 20rem;display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);margin-top: 60rem;}
    .s10-4{grid-column: 1/3;display: flex;flex-direction: column;align-items: flex-start;}
    .s10-5{grid-column: 4/-1;display: grid;grid-template-columns: auto;grid-gap: 20rem;counter-reset: index;}
    .s10-6{border-bottom: var(--sl) solid;padding-bottom: 20rem;display: grid;grid-template-columns: repeat(6, 1fr);grid-gap: var(--gap);}
    .s10-6::before{content: counter(index, decimal-leading-zero);counter-increment: index;font-size: var(--f-l);letter-spacing: -.03em;}
    .s10-6-1{grid-column: 2/4;padding-right: 30rem;font-size: var(--f-l);letter-spacing: -.03em;}
    .s10-6-2{grid-column: 4/-1;}
    .s10-7{max-width: 260rem;}
    .s10-8:not(:first-child){margin-top: 30rem;}
    
    .s11{overflow: hidden;}
    .s11-2{display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;align-items: flex-end;}
    .s11-3{margin-top: 60rem;padding-top: 20rem;border-top: var(--sl) solid;}
    .s11-3 .swiper{margin: 0 calc(var(--gap) / -2);overflow: visible;}
    .s11-3 .swiper-slide{padding: 0 calc(var(--gap) / 2);height: auto;}
    
    .s12-1{display: flex;width: 100%;overflow: hidden;position: relative;align-items: flex-end;cursor: pointer;background-color: var(--c0);user-select: none;}
    .s12-1::before{content: "";flex: none;width: 0;padding-top: 56.25%;}
    .s12-2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;overflow: hidden;z-index: 1;}
    .s12-3{position: relative;z-index: 1;padding: 40rem;}
    .s12-3-1{max-width: 550rem;}
    .s12-3-1:not(:last-child){margin-bottom: 20rem;}
    .s12-3-2{max-width: 365rem;opacity: .4;}
    .s12-3-2:not(:last-child){margin-bottom: 10rem;}
    .s12-3-3{max-width: 365rem;}
    .s12-4{position: absolute;z-index: 1;top: 50%;left: 50%;display: flex;align-items: center;justify-content: center;width: 150rem;height: 150rem;margin: -75rem 0 0 -75rem;}
    .s12-4::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;border: var(--sl) solid;border-radius: 50%;}
    .s12-5{opacity: .4;}
    
    .s13{overflow: hidden;}
    .s13-2{display: grid;grid-template-columns: 1fr auto;grid-gap: 50rem;align-items: flex-end;}
    .s13-3{margin-top: 60rem;padding-top: 20rem;border-top: var(--sl) solid;}
    .s13-3-1{display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);}
    .s13-3-1 .swiper{grid-column: 1/9;margin: 0 calc(var(--gap) / -2);overflow: visible;}
    .s13-3-1 .swiper-slide{padding: 0 calc(var(--gap) / 2);height: auto;}
    
    .s14-1{display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);align-items: flex-start;margin-top: 40rem;}
    .s14-2{grid-column: 1/6;display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .s14-3{grid-column: 7/-1;position: sticky;top: calc(var(--headroom-height) + 30rem);}
    .s14-5:not(:first-child){margin-top: 60rem;}
    .s14-6{font-size: var(--f-l);}
    .s14-7{display: grid;grid-template-columns: auto;grid-gap: 20rem;padding-top: 20rem;border-top: var(--sl) solid;}
    .s14-7:not(:first-child){margin-top: 30rem;}
    .s14-8{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: baseline;}
    .s14-8.alt{color: var(--c2);}
    .s14-8-1{font-size: var(--f-l);}
    .s14-8-2{font-size: var(--f-l);text-align: right;}
    .s14-9:not(:first-child){margin-top: 25rem;}
    .s14-10{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: baseline;}
    .s14-10:not(:first-child){margin-top: 25rem;}
    .s14-10-1{font-size: var(--f-xxl);}
    .s14-10-2{font-size: var(--f-l);text-align: right;}
    .s14-11-2{margin-top: 20rem;max-width: 580rem;}
    .s14-11-3:not(:first-child){margin-top: 40rem;}
    .s14-11-3.hidden{display: none;}
    
    .s15-1-1{text-align: center;}
    .s15-2{margin-top: 60rem;border-top: var(--sl) solid;padding-top: 20rem;display: grid;grid-template-columns: var(--col);align-items: flex-start;grid-gap: var(--gap);}
    .s15-3{grid-column-end: span 4;position: relative;overflow: hidden;display: flex;}
    .s15-3::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s15-4{grid-column-end: span 3;padding-right: calc((100% + var(--gap)) / 3);display: flex;flex-direction: column;align-items: flex-start;}
    .s15-4-1{}
    .s15-4-2{min-width: 250rem;}
    .s15-4-2:not(:first-child){margin-top: 20rem;}
    .s15-5{grid-column-end: span 2;position: relative;overflow: hidden;display: flex;margin-top: auto;}
    .s15-5::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s15-6{grid-column-end: span 2;position: relative;overflow: hidden;display: flex;}
    .s15-6::before{content: "";flex: none;width: 0;padding-top: 100%;}
    
    .s16-1{display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);position: relative;align-items: center;}
    .s16-1::before{content: "";padding-top: 100%;grid-column: 2/5;border-radius: 50%;background-color: var(--c1);opacity: .02;}
    .s16-2{user-select: none;pointer-events: none;}
    .s16-3{display: flex;align-items: flex-start;transition: opacity .5s;opacity: .4;position: relative;pointer-events: all;}
    .s16-3-1{font-size: var(--f-xxxl);letter-spacing: -.03em;line-height: 1;}
    .s16-3-2{white-space: nowrap;font-size: var(--f-b);}
    .s16-4{position: absolute;display: flex;left: calc((100% + var(--gap)) / 9);top: 0;width: calc((100% + var(--gap)) / 9 * 3 - var(--gap));transition: all .25s 0s;opacity: 0;transform: scale(.75);will-change: transform;}
    .s16-4::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s16-4-1{position: absolute;width: 60%;height: 30%;top: 35%;left: 20%;}
    .s16-5{display: grid;grid-template-columns: auto;grid-gap: 30rem;grid-column: 5/9;}
    
    .s16-2.active .s16-3{opacity: 1;}
    .s16-2.active .s16-4{opacity: 1;transition-delay: .25s;transform: scale(1);}
    
    .s17-2{display: flex;flex-direction: column;align-items: center;}
    .s17-2-1{text-align: center;}
    .s17-2-2{max-width: 650rem;width: 100%;text-align: center;margin-top: 20rem;}
    .s17-3{position: relative;display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);margin-top: 30rem;}
    .s17-5{grid-column: 2/9;position: relative;display: flex;}
    .s17-5::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s17-4{display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);}
    .s17-4-1{grid-column: 3/8;}
    .s17-7{line-height: 1;}
    .s17-7-1{display: inline-flex;width: 1px;height: 1em;position: absolute;z-index: 1;}
    .s17-7-1::before{content: "";position: absolute;left: 50%;top: 50%;background-color: var(--c3);opacity: .5;margin: -25rem 0 0 -25rem;width: 50rem;height: 50rem;border-radius: 50%;z-index: 1;}
    .s17-7-1::after{content: "";position: absolute;left: 50%;top: 50%;background-color: currentColor;margin: -4rem 0 0 -4rem;width: 8rem;height: 8rem;border-radius: 50%;z-index: 1;}
    .s17-7-2{position: absolute;white-space: nowrap;display: inline-flex;align-items: center;}
    
    .s18-1:not(:first-child){margin-top: 60rem;padding-top: 20rem;border-top: var(--sl) solid;}
    .s18-1{display: grid;grid-template-columns: auto;grid-gap: 60rem;}
    .s18-2{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);align-items: flex-start;}
    .s18-3{grid-column: 1/3;position: relative;}
    .s18-5{position: relative;z-index: 1;}
    .s18-6{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s18-6-1{position: absolute;width: 45rem;height: 45rem;transform: translate(-50%, -50%);z-index: 2;border-radius: 50%;}
    .s18-6-1::before{content: "";position: relative;display: block;width: 300%;height: 300%;box-sizing: border-box;margin-left: -100%;margin-top: -100%;border-radius: 50%;background-color: var(--c3);animation: pulse-ring 3s cubic-bezier(0.215, 0.61, 0.355, 1) infinite;}
    .s18-6-1::after{content: "";position: absolute;left: 0;top: 0;display: block;width: 100%;height: 100%;border-radius: 50%;border: 6rem solid var(--c1);}
    
    .s404-1{text-transform: uppercase;letter-spacing: -.03em;}
    .s404-2{display: flex;justify-content: center;}
    .s404-3{font-size: 200rem;line-height: 1;letter-spacing: -.04em;}
    .s404-4{margin-top: 20rem;min-width: 270rem;}
    .s404-5{display: grid;grid-template-columns: var(--col);grid-gap: var(--gap);width: 100%;}
    .s404-5-1{position: relative;display: flex;}
    .s404-5-1::before{content: "";flex: none;width: 0;padding-top: 100%;}
    .s404-5-1 .parallax{position: absolute;top: 0;left: 0;width: 100%;height: 100%;will-change: transform;transition: transform 0s;background-color: var(--c1);overflow: hidden;}
    .s404-6{margin-top: 100rem;}
    .s404-7{display: flex;flex-direction: column;align-items: center;text-align: center;margin-top: 100rem;}
    
}

@media screen and (max-width: 1023.98px) {
    
    :root{
        
        --wr: 16rem;
        
        --gap: 20rem;
        --col: auto;

        --f-xs: 12rem;
        --f-s: 14rem;
        --f-d: 16rem;
        --f-m: 18rem;
        --f-b: 20rem;
        --f-l: 24rem;
        --f-xl: 20rem;
        --f-xxl: 34rem;
        --f-xxxl: 34rem;
        --f-xxxxl: 34rem;
        --f-xxxxxl: 41rem;
        
        --mw: 600rem; 
        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .gradient-inner{width: 500rem;height: 500rem;right: -175rem;margin-top: -135rem;}
    
    .alertbar{padding: 10rem 0;}
    
    .button{height: 50rem;}
    
    .title__small{font-size: var(--f-l);}
    
    .runner-end, 
    .runner-start{animation-duration: 20s;}
    
    .topbar{grid-template-columns: 1fr auto;padding: 15rem 0;}
    .topbar-nav{display: none;}
    .topbar-search{display: none;}
    .topbar-logo{max-width: 135rem;}
    .topbar-action{grid-gap: 10rem;}
    .topbar-menu,
    .topbar-menu-show,
    .topbar-menu-hide{width: 28rem;height: 28rem;display: flex;align-items: center;justify-content: center;}
    
    .footer{margin-top: 60rem;}
    .footer-grid{grid-template-areas: "f4" "f0" "f1" "f3" "f5" "f2";padding-top: 20rem;grid-gap: 0;}
    .footer-grid::before{margin: 20rem 0;}

    .f1 ul{grid-auto-flow: row;grid-gap: 12rem;}
    .f1 li a{color: var(--c1);}
    .f2{margin: 40rem 0 0;}
    .f3{grid-auto-flow: row;margin-left: 0;grid-gap: 12rem;margin-top: 12rem;}
    .f3-1-2{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .f5{grid-template-columns: auto;grid-gap: 0;margin-top: 30rem;}
    
    .footer-nav ul{column-count: 1;}
    
    .bottombar{margin-top: 20rem;padding: 20rem 0;grid-template-columns: auto;grid-gap: 20rem;}
    
    .pageheader{padding: 60rem var(--wr) 40rem;}
    .pageheader-inner{grid-column: 1/-1;}
    .pageheader-title{text-align: left;}
    .pageheader-subtitle{text-align: left;}
    
    .section{margin-top: 80rem;}
    
    .selectbox-caption{font-size: var(--f-b);}
    .selectbox-subtitle:not(:last-child){margin-bottom: 10rem;text-transform: uppercase;letter-spacing: -.03em;font-size: var(--f-s);}
    .selectbox-title-icon{width: 22rem;height: 22rem;}
    .selectbox-group{grid-gap: 10rem;}
    
    .textbox h2{margin-top: 40rem;}
    .textbox h3{margin-top: 20rem;font-size: var(--f-b);}
    
    .linkrow{margin: 20rem var(--awr);overflow: hidden;}
    .linkrow-wrapper{flex-wrap: nowrap;overflow: auto;padding: 0 var(--wr);overflow: -moz-scrollbars-none!important;scrollbar-width: none;scroll-snap-type: x;scroll-padding: var(--wr);}
    .linkrow-wrapper::-webkit-scrollbar{display: none;}
    .linkrow-item{scroll-snap-align: start;}
    .linkrow-icon{margin-left: 5rem;width: 28rem;height: calc(1em + 20rem);margin-top: -10rem;margin-bottom: -10rem;}
    
    .expand{padding-bottom: 20rem;}
    .expand-title{grid-template-columns: auto 1fr auto;grid-gap: 0;padding-bottom: 0;}
    .expand-title::before{font-size: var(--f-b);margin-right: 10rem;}
    .expand-title-name{grid-column: auto;font-size: var(--f-b);margin-right: 30rem;}
    .expand-title-icon{margin: 0 8rem;}
    .expand-content{padding-left: 0;padding-right: 60rem;}
    
    .expand.active .expand-content{padding-top: 10rem;padding-bottom: 0;}
    
    .searchbox-icon,
    .searchbox-reset{width: 24rem;height: 24rem;}
    
    .features{grid-gap: 10rem;}
    .features-icon{width: 40rem;height: 40rem;border-radius: 10rem;}
    
    .tag{font-size: var(--f-xs);}
    
    .filters-inner{padding: 0;}
    .filters-group-title{font-size: var(--f-d);margin-right: .3em;}
    .filters-button-text{font-size: var(--f-d);}
    
    .product-tags{padding: 12rem 0;}
    .product-price{margin: -5rem;}
    .product-price-val, 
    .product-price-old{font-size: var(--f-l);margin: 5rem;}
    
    .formbox-row{flex-direction: column;}
    .formbox-cell:not(:first-child){margin-left: 0;margin-top: 30rem;}
    
    .shopcart-item{padding: 0;}
    .shopcart-media{position: relative;width: 100%;margin-bottom: 20rem;}
    .shopcart-title-name{font-size: var(--f-l);}
    .shopcart-price{font-size: var(--f-l);}
    
    .card-1 .card-header{flex-direction: column;}
    .card-1 .card-header::before{display: none;}
    .card-1 .card-media-back{display: flex;position: relative;padding-top: 75%;height: auto;}
    .card-1 .card-action{position: relative;margin-top: 5rem;}
    .card-1 .card-tags{margin-top: 20rem;position: absolute;}
    .card-1 .card-footer{padding: 15rem 0 0;align-items: baseline;}
    .card-1 .card-title{font-size: var(--f-d);}
    .card-1 .card-subtitle{font-size: var(--f-d);}
    .card-1 .card-price{font-size: var(--f-m);}
    .card-1 .card-action{padding: 15rem 20rem;}
    .card-1 .card-action-text{font-size: var(--f-d);}
    
    .card-3 .card-footer{grid-template-columns: auto;grid-gap: 15rem;}
    .card-3 .card-author{order: 1;}
    .card-3 .card-title{font-size: var(--f-b);letter-spacing: normal;}
    
    .s0{margin-top: 0;}
    .s0-1{padding-top: 180rem;}
    .s0-2{text-align: left;}
    .s0-2-2{margin-top: 20rem;}
    .s0-2-3{font-size: var(--f-d);}
    .s0-3{display: none;}
    .s0-4{height: auto;grid-template-columns: auto;margin-top: 20rem;}
    .s0-5{grid-column: 1/-1;}
    .s0-6{position: relative;left: 0;}
    .s0-6::before{padding-top: 95%;}
    
    .s1-1{grid-gap: 30rem;}
    .s1-2{grid-column: 1/-1;padding-right: 0;}
    .s1-3{grid-column: 1/-1;margin: 0 var(--awr);padding: 0 var(--wr);overflow: hidden;}
    .s1-3:first-child{grid-column: 1/-1;}
    .s1-4{margin-bottom: 40rem;}
    
    .s2-1{grid-gap: 80rem;}
    .s2-2{grid-gap: 0;}
    .s2-3{grid-template-columns: auto;grid-column: 1/-1;}
    .s2-3-1{padding-bottom: 15rem;padding-right: 0;}
    .s2-3-2{margin-bottom: 40rem;}
    .s2-3-3{margin-top: 0;margin-bottom: 30rem;}
    .s2-4{grid-column: 1/-1;}
    .s2-4:not(:first-child){padding-top: 20rem;border-top: var(--sl) solid;}
    
    .pageheader + .s2 .s2-2{padding-top: 10rem;}
    
    .s3-1{align-items: flex-start;}
    .s3-1-1{text-align: left;}
    .s3-1-2{max-width: none;}
    
    .s4-1{margin-top: 60rem;grid-gap: 40rem;}
    .s4-2{grid-column: 1/-1;}
    .s4-3{grid-column: 1/-1;margin: 0 var(--awr);}
    .s4-3-1::before{padding-top: 85%;}
    .s4-4-2{margin-top: 20rem;max-width: none;}
    .s4-5:not(:first-child){margin-top: 40rem;grid-gap: 20rem;}
    
    .s5-1{margin: 60rem 0 0;border: none;}
    .s5-2{margin: 0;padding: 0;border: none;}
    .s5-3{padding: 0;border: none;margin-top: 20rem;}
    .s5-3-1{padding: 0;letter-spacing: normal;}
    .s5-4{margin: 40rem var(--awr) 0;padding: 0;}
    .s5-4-1::before{padding-top: 85%;}
    .s5-5{margin: 20rem var(--awr) 0;padding: 0;}
    .s5-5-1::before{padding-top: 85%;}
    
    .s6-1{grid-template-columns: auto;grid-gap: 0;margin-top: 30rem;}
    .s6-2{grid-column: 1/-1;margin: 0;padding: 0;border: none;}
    .s6-3{grid-column: 1/-1;padding: 0;margin: 0 0 50rem;border: none;grid-template-columns: auto;}
    .s6-3-1{font-size: var(--f-d);}
    .s6-5{grid-template-columns: auto;grid-gap: 40rem;margin-top: 40rem;border: none;}
    .s6-5-1{outline: none;}
    .s6-6-2{font-size: var(--f-d);}
    .s6-9{border-top: var(--sl) solid;border-bottom: var(--sl) solid;padding: 20rem 0;margin-top: 40rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;}
    
    .s7-1{margin-top: 80rem;margin-bottom: 80rem;}
    .s7-4{margin-top: 80rem;grid-template-columns: auto;}
    .s7-5{margin-top: 30rem;}
    .s7-6{grid-column: 1/-1;}
    
    .s8-1{grid-template-columns: auto;margin-top: 60rem;}
    .s8-2{text-align: left;}
    .s8-2 .title{font-size: var(--f-b);}
    .s8-3{grid-column: 1/-1;align-items: flex-start;}
    .s8-3-1{text-align: left;}
    .s8-3-1:not(:first-child){margin-top: 20rem;}
    .s8-3-2{width: 100%;margin-top: 40rem;}
    .s8-4{grid-column: 1/-1;margin: 0 var(--awr);}
    
    .s9-1{margin: 20rem 0;}
    .s9-2{grid-template-columns: auto;grid-gap: 0;}
    .s9-3{padding: 0;order: 1;margin-top: 80rem;border: none;}
    .s9-3-1{font-size: var(--f-b);}
    .s9-3-2{margin-top: 20rem;}
    .s9-4{border-top: var(--sl) solid;padding-top: 20rem;}
    .s9-5{margin-top: 30rem;padding-top: 0;border: none;}
    .s9-6{margin-bottom: 0;}
    .s9-6-1 .title{font-size: var(--f-l);}
    .s9-7{margin-top: 40rem;grid-column: auto;}
    .s9-7-2{grid-column: 1/-1;}
    .s9-8{grid-template-columns: auto;grid-gap: 40rem;}
    .s9-8-2{grid-column: 1/-1;}
    .s9-9{margin-top: 80rem;}
    .s9-9 .expand{padding-bottom: 10rem;}
    .s9-9 .expand-title-name{grid-column: 1/3;}
    .s9-9 .expand-title,
    .s9-9 .expand:not(:first-child) .expand-title{padding: 10rem 0 0;}
    .s9-9 .expand.active .expand-content{padding-top: 10rem;padding-bottom: 0;}
    .s9-9 .expand-content-title{margin: 10rem 0 5rem;}
    
    .s10-3{margin-top: 40rem;padding-top: 10rem;grid-gap: 0;}
    .s10-4{grid-column: 1/-1;}
    .s10-5{grid-column: 1/-1;margin-top: 40rem;border-top: var(--sl) solid;padding-top: 20rem;}
    .s10-6{grid-template-columns: auto 1fr;grid-gap: 10rem;}
    .s10-6::before{font-size: var(--f-b);}
    .s10-6-1{grid-column: auto;padding-right: 0;font-size: var(--f-b);}
    .s10-6-2{grid-column: 1/-1;}
    .s10-8:not(:first-child){margin-top: 15rem;}
    
    .s11-2-1{grid-column: 1/-1;}
    .s11-2-2{display: none;}
    .s11-3{margin-top: 40rem;}
    .s11-3-1{max-width: 300rem;}
    .s11-3 .swiper{margin: 0 -5rem;}
    .s11-3 .swiper-slide{padding: 0 5rem;}
    
    .s12-1{flex-direction: column;}
    .s12-1::before{display: none;}
    .s12-2{position: relative;top: auto;left: auto;height: auto;display: flex;margin-top: 20rem;}
    .s12-2::before{content: "";flex: none;width: 0;padding-top: 56.25%;}
    .s12-3{order: -1;padding: 0;}
    .s12-3-1:not(:last-child){margin-bottom: 40rem;}
    .s12-3-2{max-width: none;}
    .s12-4{width: 60rem;height: 60rem;margin: -30rem 0 0 -30rem;}
    
    .s13-2-1{grid-column: 1/-1;}
    .s13-2-2{display: none;}
    .s13-3{margin-top: 40rem;padding-top: 0;border: none;}
    .s13-3-1{display: block;max-width: 300rem;}
    .s13-3-1 .swiper{grid-column: auto;margin: 0 -5rem;}
    .s13-3-1 .swiper-slide{padding: 0 5rem;}
    
    .s14-1{grid-gap: 80rem;}
    .s14-2{grid-column: 1/-1;grid-gap: 80rem;}
    .s14-3{grid-column: 1/-1;top: auto;position: relative;order: -1;overflow: hidden;}
    .s14-5:not(:first-child){margin-top: 40rem;}
    .s14-6{font-size: var(--f-b);}
    .s14-7:not(:first-child){margin-top: 20rem;}
    .s14-8-1{font-size: var(--f-b);}
    .s14-8-2{font-size: var(--f-b);}
    .s14-9:not(:first-child){margin-top: 20rem;}
    .s14-10:not(:first-child){margin-top: 20rem;}
    .s14-10-1{font-size: var(--f-l);}
    .s14-10-2{font-size: var(--f-b);}
    .s14-11-3:not(:first-child){margin-top: 20rem;}
    .s14-12{margin-top: -40rem;}
    
    .s15-1-1{text-align: left;}
    .s15-2{margin-top: 40rem;}
    .s15-3{grid-column: 1/-1;}
    .s15-4{grid-column: 1/-1;padding: 0;}
    .s15-4-2{min-width: 100%;}
    .s15-5,
    .s15-6{display: none;}
    
    .s16-1{grid-template-columns: auto;}
    .s16-1::before{display: none;}
    .s16-3-2{font-size: var(--f-d);}
    .s16-4{display: none;}
    .s16-5{grid-column: 1/-1;grid-gap: 20rem;}
    
    .s17{overflow: hidden;}
    .s17-2-1{text-align: left;}
    .s17-2-2{text-align: left;margin-top: 40rem;}
    .s17-3{grid-template-columns: auto;}
    .s17-4{margin-top: 20rem;}
    .s17-4-1{grid-column: 1/-1;}
    .s17-5{grid-column: 1/-1;grid-gap: 30rem;}
    .s17-6{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .s17-7{position: relative;display: flex;align-items: center;}
    .s17-7-1{position: relative;flex: none;margin-right: 5rem;width: 22rem;height: 22rem;}
    .s17-7-1::before{left: 0;top: 0;margin: 0;width: 100%;height: 100%;}
    .s17-7-2{position: relative;}
    
    .s18-1{grid-gap: 20rem;}
    .s18-1:not(:first-child){margin-top: 20rem;}
    .s18-2{grid-template-columns: auto;}
    .s18-3{grid-column: auto;}
    .s18-4{display: none;}
    .s18-6-1{width: 30rem;height: 30rem;}
    
    .point-start{display: none;}
    
    .promocode-button-text{font-size: var(--f-b);}
    .promocode-form{grid-template-columns: auto;grid-gap: 30rem;}
    .promocode-form-row{grid-column: 1/-1;}
    .promocode-error{margin-top: 15rem;}
    .promocode-form-confirm .button{height: 30rem;}
    .promocode-success-caption{font-size: var(--f-b);}
    .promocode-value-text{font-size: var(--f-d);}
    
    .s404{margin-bottom: 50rem;}
    .s404-3{font-size: 120rem;}
    .s404-4{margin-top: 100rem;max-width: none;width: 100%;}
    .s404-5{position: absolute;z-index: -1;bottom: 0;left: 0;right: 0;width: auto;grid-template-columns: repeat(6, 1fr);grid-gap: 0;align-items: flex-end;margin: 0 -50rem;}
    .s404-5-1:nth-child(1){transform: translateY(-200rem);}
    .s404-5-1:nth-child(2){transform: translateY(-90rem);}
    .s404-5-1:nth-child(3),
    .s404-5-1:nth-child(4){visibility: hidden;}
    .s404-5-1:nth-child(5){transform: translateY(-290rem);}
    .s404-5-1:nth-child(6){transform: translateY(-120rem);}
    .s404-6{margin-top: 60rem;position: relative;}
    .s404-7{width: 100%;}
    
    .aside{padding: 80rem var(--wr) 30rem;max-width: 320rem;}
    .aside-close{margin: var(--wr);width: 24rem;height: 24rem;}
    
    .aside .shopcart-media{width: 50%;}
    .aside .shopcart-title-name{font-size: var(--f-d);}
    .aside .shopcart-price{font-size: var(--f-d);}
    .aside-content-subtitle{font-size: var(--f-b);}
    
    .popup{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 999;background-color: var(--c0);color: var(--c1);padding: 20rem var(--wr) 30rem;overflow: auto;display: flex;flex-direction: column;}
    .popup:not(.active){display: none;}
    
    .popup-inner{display: flex;flex-direction: column;min-height: 100%;}
    .popup-header{margin-bottom: 30rem;display: grid;grid-auto-flow: column;grid-gap: 25rem;align-items: center;margin-left: auto;}
    .popup-close{display: flex;align-items: center;justify-content: center;width: 24rem;height: 24rem;}
    
    .popup-filter:not(:first-child){margin-top: 30rem;}
    .popup-filter-caption,
    .popup-filter .filters-nav-caption{margin-bottom: 20rem;text-transform: uppercase;line-height: 1;letter-spacing: -.03em;color: var(--c2);}

    .popup-filter .selectbox + .selectbox{margin-top: 15rem;}
    .popup-filter .selectbox-group{grid-gap: 0;}
    .popup-filter .selectbox-title-label{text-transform: uppercase;}
    .popup-filter .selectbox-subtitle:not(:first-child){margin-top: 15rem;}
    
    .filters-reset{color: var(--c1);border-bottom: var(--sl) solid;}
    
    
    .popup-menu{z-index: 1;padding-top: calc(var(--headroom-height) + 30rem);overflow: hidden;transform: translateY(-100%);transition: transform .5s .25s;will-change: transform;}
    .popup-menu .popup-inner{opacity: 0;transition: opacity .15s .15s}
    .popup-menu-search{flex: none;margin-bottom: 40rem;}
    .popup-menu-nav{flex: auto;min-height: 0;overflow: auto;}
    .popup-menu-footer{flex: none;margin-top: 40rem;}

    .popup-list-item:not(:first-child){margin-top: 20rem;display: grid;align-items: center;grid-template-columns: auto 1fr;grid-gap: 0 10rem;}
    .popup-list-item-title{text-transform: uppercase;letter-spacing: -.03em;transition: color .15s;}
    .popup-list-item-icon{width: 12rem;height: 12rem;display: flex;align-items: center;justify-content: center;will-change: transform;transition: color .15s;}
    
    .popup-nav{grid-column: 1/-1;display: grid;grid-template-columns: auto;grid-gap: 30rem;overflow: hidden;opacity: 0;transition: all .15s;height: 0;}
    .popup-nav-title{color: var(--c2);margin-bottom: 20rem;text-transform: uppercase;letter-spacing: -.03em;}
    .popup-nav-subtitle{color: var(--c2);margin-bottom: 10rem;text-transform: uppercase;letter-spacing: -.03em;font-size: var(--f-s);}
    .popup-nav-subtitle:not(:first-child){margin-top: 20rem;}
    .popup-nav-list ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;text-transform: uppercase;letter-spacing: -.03em;}
    
    .popup-list-item.active .popup-list-item-title{color: var(--c3);}
    .popup-list-item.active .popup-list-item-icon{transform: rotate(90deg);color: var(--c3);}
    .popup-list-item.active .popup-nav{padding: 20rem 0 30rem;opacity: 1;height: auto;}
    
    
    .mobile-menu-active{overflow: hidden;}
    
    .mobile-menu-active .popup-menu{transform: translateY(0);transition-delay: .15s;}
    .mobile-menu-active .popup-inner{opacity: 1;transition-delay: .75s;}
    
    .topbar-menu-hide,
    .mobile-menu-active .topbar-menu-show{display: none;}
    .mobile-menu-active .topbar-menu-hide{display: block;}
    
    
    .zoomImg{display: none!important;}
    
    .join-form{grid-gap: 15rem;}
    
}

@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    .topbar,
    .topbar-logo{transition: all .25s;}
    /*
    .header.active .topbar{padding: 20rem 0;}
    .header.active .topbar-logo{max-width: 200rem;}
    */
    
    .f3-1-2{display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;}
    
    .filters{user-select: none;}
    .filters-wrapper{display: grid;align-items: center;grid-auto-flow: column;grid-gap: 40rem;}
    
    .filters-reset:not(.active){visibility: hidden;}
    .filters-reset::after{content: "";top: 100%;left: 0;width: 100%;height: var(--sl);background-color: currentColor;position: absolute;}
    .filters-nav{position: absolute;top: 100%;background-color: var(--c0);z-index: 1;min-width: 400rem;padding: 40rem;left: -40rem;}
    .filters-nav-caption{margin-bottom: 20rem;text-transform: uppercase;font-size: var(--f-m);}
    .filters-nav-list .selectbox-group{grid-gap: 15rem;}
    .filters-nav-list .selectbox-subtitle{text-transform: uppercase;}
    .filters-nav-list .selectbox-subtitle:not(:last-child){margin-bottom: 10rem;}
    .filters-nav-list .selectbox-title-label{text-transform: uppercase;}
    
    .s5-1{grid-template-areas: "a3 a3 a3 a3 a1 a1 a1 a1 a1" "a3 a3 a3 a3 a2 a2 a2 a4 a4";}
    .s5-2{grid-area: a1;}
    .s5-3{grid-area: a2;}
    .s5-4{grid-area: a3;}
    .s5-5{grid-area: a4;}
    
    .s6-8 .filters-nav{left: auto;right: 0;}
   
    .point-start{height: 1em;width: 1px;position: relative;line-height: 0;margin: 0 15rem;z-index: 2;}
    .point-end{height: 1em;width: 1px;line-height: 0;}
    .point-line{position: absolute;bottom: auto;top: 0;color: currentColor;min-height: var(--sl);margin-top: .5em;clip-path: inset(0 0 0 100%);}
    .point-line-inner{width: 100%;height: 100%;}
    
    .point-line.flipX{transform: scaleX(-1);top: 100%;bottom: auto;right: 100%;}
    .point-line.flipY{transform: scaleY(-1);top: auto;bottom: 0;}
    .point-line.flipX.flipY{transform: scale(-1, -1);top: auto;bottom: 0;}
    
    .point-line.flipX{margin-top: -.5em;}
    
    .point-line.lineH,
    .point-line.lineV{background-color: currentColor;}
    .point-line.lineH .point-line-inner,
    .point-line.lineV .point-line-inner{visibility: hidden;}
    
    .point-line.active{transition: clip-path .5s .25s;clip-path: inset(0 0 0 0%);}
    
    .s6-1{grid-gap: 0;}
    .s6-2,
    .s6-3{margin-left: 0;}
    
    .s17-5{transition: all .25s;will-change: transform;}
    .s17-5:not(.visible){transform: translateY(100rem);opacity: 0;}
    .s17-5-2{height: var(--sl);position: absolute;top: 50%;left: 0;width: 100%;opacity: 0;}
    .s17-6{transition: opacity .25s;}
    .s17-6:not(.active){opacity: 0;}
    .s17-7:nth-child(1) .s17-7-1{top: 12%;left: 25%;}
    .s17-7:nth-child(1) .s17-7-2{top: 12%;left: 0;max-width: 18%;}
    .s17-7:nth-child(2) .s17-7-1{top: 18%;right: 30%;}
    .s17-7:nth-child(2) .s17-7-2{bottom: 100%;right: 0;}
    .s17-7:nth-child(2) .s17-7-2 .point-start{order: -1;}
    .s17-7:nth-child(3) .s17-7-1{bottom: 14%;left: 50%;}
    .s17-7:nth-child(3) .s17-7-2{bottom: 14%;left: 25%;max-width: 24%;}
    
    .s404-2::before{content: "";flex: none;width: 0;padding-top: calc(((100% + var(--gap)) / 9 - var(--gap)) * 3 );}
    .s404-5{padding-top: calc(((100% + var(--gap)) / 9 - var(--gap)) * 1 );}
    .s404-5-1:nth-child(1){grid-column-start: 1;transform: translateY(-250%);}
    .s404-5-1:nth-child(2){grid-column-start: 3;transform: translateY(-200%);}
    .s404-5-1:nth-child(3){grid-column-start: 4;transform: translateY(0%);}
    .s404-5-1:nth-child(4){grid-column-start: 7;transform: translateY(-325%);}
    .s404-5-1:nth-child(5){grid-column-start: 8;transform: translateY(-50%);}
    .s404-5-1:nth-child(6){grid-column-start: 9;transform: translateY(-400%);}
    
    
}

@media screen and (min-width: 1920px) {
    
    
    html{font-size: 1px;}
    
    .header-line{max-width: calc(var(--mw) - 2 * var(--wr));}
    
    
}

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
    
    .button{transition: all .25s;}
    
    .button__default:hover{background-color: var(--c3);color: var(--c0);}
    .button__hl:hover{background-color: var(--c1);color: var(--c0);}
    
    .aside .button__hl:hover{background-color: var(--c0);color: var(--c1);}
    
    .chip{transition: border-color .25s;}
    .chip:hover{border-color: var(--c3);}
    
    .card-1 .card-media-front{transition: all .25s linear;will-change: transform;opacity: 1;}
    .card-1 .card-action{transition: transform .25s;will-change: transform;}
    
    .card-1:not(:hover) .card-action:not(.active){transform: translateY(100%);}
    .card-1:not(:hover) .card-media-front{opacity: 0;transform: scale(1.05);}
    
    .card-1 .card-action-icon{transition: transform .15s;will-change: transform;}
    .card-1 .card-action:hover .card-action-icon{transform: scale(1.2);}
    
    .card-2 .card-media{transition: transform .25s linear;will-change: transform;}
    .card-2:hover .card-media{transform: scale(1.05);}
    
    .selectbox:hover .selectbox-title-icon{opacity: 1;}
    
    .filters-nav{opacity: 0;visibility: hidden;transition: all .15s;}
    .filters-button{transition: color .15s;}
    
    .filters-group:hover .filters-nav{opacity: 1;visibility: visible;}
    .filters-group:hover .filters-button{color: var(--c3);}
    .filters-group:hover .filters-button-icon{transform: scaleY(-1);}
    
    .curtain-nav-list a,
    .curtain-nav-title a,
    .f3-1-2 a,
    .s9-1 li a,
    .s4-6-2 a{transition-property: background-size;transition-duration: .5s;background-size: 0 var(--sl);background-repeat: no-repeat;background-position: right bottom;background-image: linear-gradient(currentColor, currentColor);display: inline;}
    
    .curtain-nav-list a:hover,
    .curtain-nav-title a:hover,
    .f3-1-2 a:hover,
    .s9-1 li a:hover,
    .s4-6-2 a:hover{background-size: 100% var(--sl);background-position: left bottom;}
    
    .topbar-nav a,
    .topbar-search,
    .topbar-cart,
    .social-item,
    .carousel-button,
    .f1 li a,
    .footer-nav a,
    .bottombar-author a,
    .filters-reset,
    .promocode-button,
    .shopcart-del,
    .searchbox-reset{transition: color .15s;}
    
    .topbar-nav a:hover,
    .topbar-search:hover,
    .topbar-cart:hover,
    .social-item:hover,
    .carousel-button:hover,
    .aside .shopcart-del:hover,
    .searchbox-reset:hover{color: var(--c3);}
    
    .f1 li a:hover,
    .footer-nav a:hover,
    .bottombar-author a:hover,
    .filters-reset:hover,
    .promocode-button:hover,
    .shopcart-del:hover{color: var(--c1);}
    
    .s12-4::after{will-change: transform;transition: transform .25s;}
    .s12-1:hover .s12-4::after{transform: scale(.9);}
    
    .cursor-active .container *,
    .cursor-active .popup *{cursor: none;}

    .custom-cursor {position: fixed;opacity: 0;top: 0;left: 0;pointer-events: none;mix-blend-mode: difference;width: 16px;aspect-ratio: 1;border-radius: 50%;background: radial-gradient(50% 50% at 50% 50%, #16CFFF, #16CFFF);z-index: 99999;transform: translate(-50%, -50%);}
    .custom-cursor__link {
        width: 100px;
        background: radial-gradient(50% 50% at 50% 50%, #16CFFF 0%, #16CFFF 14.5%, rgba(229, 103, 57, 0) 56%, rgba(229, 103, 57, 0) 84%, rgba(229, 103, 57, 0) 100%);

    }
    .custom-cursor__init {
      opacity: 1;
    }
    
    
}