@charset "UTF-8";

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


:root{
    
    --app-height: 100vh;
    --headroom-height: auto;
    --scrollbar-width: 0;
    
  
    --c0: #F4F6FC; 
    --c1: #0F1822;
    --c2: #FFFFFF;
    --c3: #0156CD;
    --c4: #E8EBF0;
    --c5: rgba(12, 24, 34, .6);
    --c6: #21A038;
    --c7: #F1F4FF;
    --c8: rgba(12, 24, 34, .4);
    --c9: #E2E7F3;
    --c10: rgba(12, 24, 34, .8);
    --c11: rgba(34, 89, 246, .1);
    --c12: rgba(255, 255, 255, .1);
    --c13: rgba(241, 244, 255, .13);
    --c14: #000000;
    --c15: rgba(12, 24, 34, .2);
    --c16: #CFD1D3;
    --c17: rgba(244, 246, 252, .8);
    --c18: #2E85FE;
    
    --g1: linear-gradient(var(--c18), var(--c3));
    
    --shadow1: 0 1rem 20rem 0 rgba(0,0,0,.08);
    
    --wr: 60rem;
    --awr: calc(-1 * var(--wr));
    
    --gap: 30rem;
    --sl: max(1px, 1rem);
    
    --br0: 6rem;
    --br1: 8rem;
    --br2: 12rem;
    --br3: 16rem;
    --br4: 20rem;
    --br5: 24rem;
    --br6: 32rem;

    
    --f-xxs: max(8px, 11rem);
    --f-xs: max(10px, 12rem);
    --f-s: max(12px, 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, 40rem);
    --f-xxl: max(14px, 56rem);
    --f-xxxl: max(14px, 80rem);
    
    --mw: 1680px; 
    
    --btn: max(40px, 52rem);
    
    --swiper-pagination-progressbar-size: max(1px, 2rem);
    --swiper-pagination-progressbar-bg-color: var(--c4);
    --swiper-pagination-color: var(--c1);
    --swiper-pagination-bullet-horizontal-gap: 4rem;
    --swiper-pagination-color: currentColor;
    --swiper-pagination-bullet-inactive-color: currentColor;
    --swiper-pagination-bullet-size: max(6px, 6rem);
    --swiper-pagination-bullet-inactive-opacity: .4;
    
    --swiper-pagination-bullet-size: max(8px, 10rem);


    --rating: 5.0;
    

    
}

@keyframes blink {
    50% {
        opacity: 0;
    }
}

/* globals */

@media screen {

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

    .document{font-weight: 400;font-family: 'Manrope', sans-serif;font-size: var(--f-d);line-height: 1.4;color: var(--c1);background-color: var(--c0);letter-spacing: -.01em;scroll-margin: var(--headroom-height) 0 0;}
    
    .popup-active{overflow: hidden;margin-right: var(--scrollbar-width);}
    
    .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: 0;transition: all .25s 1s;display: flex;color: var(--c1);will-change: transform;}
     
    .loading{pointer-events: none;}
    .loading .preloader{transition-duration: 0s;opacity: 1;visibility: visible;}
    
    .rub{white-space: nowrap;}
    .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;background-clip: padding-box;}
    .button:not(.fill){overflow: hidden;z-index: 1;position: relative;}
    .button-text{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;text-align: center;position: relative;min-width: 0;}
    .button-icon{display: flex;align-items: center;justify-content: center;margin: 0;flex: none;}
    
    .button__wide{width: 100%;}
    
    .button__default{border-radius: var(--br1);background-color: var(--c3);color: var(--c2);padding: 0 18rem;height: var(--btn);min-width: var(--btn);}
    .button__default .button-icon{width: max(16px, 20rem);height: max(16px, 20rem);margin: 0 8rem;}
    .button__default .button-text{font-size: var(--f-s);font-weight: 600;}
    
    .button__contrast{background-color: var(--c7);color: var(--c3);}
    
    .button__secondary{border-radius: var(--br1);background-color: var(--c7);color: var(--c3);padding: 0 25rem;height: var(--btn);min-width: var(--btn);}
    .button__secondary .button-icon{width: max(16px, 20rem);height: max(16px, 20rem);margin: 0 8rem;}
    .button__secondary .button-icon:only-child{margin: 0 -25rem;}
    .button__secondary .button-text{font-size: var(--f-s);font-weight: 600;}
    
    .button__outlined{border-radius: var(--br1);color: var(--c1);padding: 12rem;height: var(--btn);min-width: var(--btn);border: var(--sl) solid var(--c4);}
    .button__outlined .button-icon{width: max(16px, 20rem);height: max(16px, 20rem);margin: 0 8rem;}
    .button__outlined .button-icon:not(:only-child){color: var(--c3);}
    .button__outlined .button-text{font-size: var(--f-s);font-weight: 600;color: var(--c8);}
    
    .button__more{justify-content: space-between;}
    .button__more .button-icon{width: max(16px, 22rem);height: max(16px, 22rem);margin: 0 12rem;border: var(--sl) solid var(--c4);border-radius: 3rem;padding: 6rem;}
    .button__more .button-text{font-weight: 600;font-size: var(--f-s);}
    
    .button__ibt .button-icon{width: max(16px, 20rem);height: max(16px, 20rem);margin: 0 8rem;color: var(--c3);}
    .button__ibt .button-text{font-weight: 600;font-size: var(--f-s);opacity: .4;}
    
    .button__icl{color: var(--c3);}
    .button__icl .button-icon{width: 1em;height: 1em;margin: 0 .5em;}
    .button__icl .button-text{font-weight: 500;}
    
    .button__float{background-color: var(--c3);color: var(--c2);border-radius: 50%;width: max(56px, 68rem);height: max(56px, 68rem);box-shadow: var(--shadow1);}
    .button__float .button-icon{width: max(20px, 24rem);height: max(20px, 24rem);}
    
    .button-icon:first-child{margin-left: 0;}
    .button-icon:last-child{margin-right: 0;}
    
    .pdl{color: var(--c3);display: inline-block;font-weight: 500;position: relative;}
    .pdl::after{content: "";position: absolute;top: 100%;left: 0;width: 100%;border-bottom: var(--sl) dashed;}
     
    .title{line-height: 1.2;font-weight: 600;width: 100%;}
    .title__default{font-size: var(--f-xl);letter-spacing: -.02em;}
    .title__large{font-size: var(--f-xl);letter-spacing: -.02em;}
    
    .title-selector{display: inline-flex;color: var(--c3);align-items: center;cursor: pointer;position: relative;}
    .title-selector-icon{display: flex;align-items: center;justify-content: center;margin-left: 6rem;width: max(14px, 14rem);height: max(14px, 14rem);}
    
    .pretitle{font-size: var(--f-xs);letter-spacing: .1em;text-transform: uppercase;font-weight: 600;}
    .pretitle:not(:last-child){margin-bottom: 16rem;}
    
    .container{display: flex;flex-direction: column;min-height: var(--app-height);}
    
    .header{background-color: var(--c2);outline: var(--sl) solid var(--c0);position: sticky;top: 0;z-index: 10;margin-bottom: 0;}
    .topbar{padding: 16rem 0;border-bottom: var(--sl) solid var(--c4);display: grid;grid-template-columns: 1fr auto;align-items: center;grid-gap: var(--gap);}
    .topbar-nav{margin-right: auto;}
    .topbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: var(--gap);font-size: var(--f-xs);align-items: center;}
    .topbar-nav li:not(.current){opacity: .8;}
    .topbar-contacts ul{display: grid;grid-auto-flow: column;grid-gap: var(--gap);font-size: var(--f-xs);align-items: center;}
    
    .mainbar{padding: 16rem 0;display: grid;grid-template-columns: auto 1fr auto auto;grid-gap: var(--gap);align-items: center;}
    .mainbar-logo{max-width: 125rem;}
    .mainbar-nav{margin-right: auto;}
    .mainbar-nav ul{display: grid;grid-auto-flow: column;grid-gap: var(--gap);font-size: var(--f-s);align-items: center;font-weight: 600;}
    .mainbar-tel-value{font-size: var(--f-m);font-weight: 700;letter-spacing: normal;}
    .mainbar-tel-context{color: var(--c5);font-size: var(--f-xxs);display: flex;align-items: center;margin-top: 4rem;line-height: 1;}
    .mainbar-tel-context::before{content: "";flex: none;width: max(6px, .5em);height: max(6px, .5em);border-radius: 50%;margin-right: .5em;background-color: var(--c6); animation: blink 1s infinite;}
    .mainbar-action{display: grid;grid-auto-flow: column;grid-gap: 10rem;align-items: center;}
    .mainbar-action-item{position: relative;}
    .mainbar-action-flag{position: absolute;top: 0;right: 0;width: max(8px, 10rem);height: max(8px, 10rem);background-color: var(--c3);border-radius: 50%;overflow: hidden;margin: -2rem;z-index: 1;}
    .mainbar-action-flag:not(.active){display: none;}
    
    .main{margin-top: 0;flex: auto;display: flex;flex-direction: column;}
   
    .section{position: relative;z-index: 1;overflow-x: clip;padding: 60rem 0;}
    .section:first-child{padding-top: 30rem;}
    .section:last-child{padding-bottom: 120rem;}
    .section:only-child{flex: auto;}
    .section__contrast{padding: 80rem 0;background-color: var(--c2);}
    .section__contrast + .section__contrast{padding-top: 40rem;}
    
    .section-header{display: grid;grid-template-columns: repeat(12, 1fr);grid-gap: var(--gap);align-items: flex-start;margin-bottom: 40rem;}
    .section-header-title b{font-weight: inherit;color: var(--c3);}
    .section-header-subtitle{margin-top: 16rem;color: var(--c10);}
    .section-header-paging{grid-column: 7/10;margin-top: auto;}
    .section-header-action{grid-column: 10/13;margin-top: auto;margin-left: auto;}
    .section-header-aside{grid-column: 7/13;text-align: right;font-size: var(--f-s);color: var(--c10);}
    .section-header-aside__alt{text-align: left;max-width: 575rem;font-size: var(--f-d);}
    .section-header-aside b{color: var(--c3);font-weight: inherit;}
    
    .section-header-title:only-child,
    .section-header-paging,
    .section-header-action{min-height: var(--btn);display: flex;align-items: center;}
    
    .footer{overflow: hidden;background-color: var(--c2);color: var(--c1);border-top: var(--sl) solid var(--c4);}
    .footer-nav{padding: 60rem 0 40rem;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .footer-nav-col{padding: 0;}
    .footer-nav-title{margin-bottom: 10rem;font-weight: 600;}
    .footer-nav-list ul{display: grid;grid-template-columns: auto;grid-gap: 10rem;font-size: var(--f-s);color: var(--c5);}
    .footer-grid{border-top: var(--sl) solid var(--c4);padding: 40rem 0;overflow: hidden;}
    .footer-grid-inner{margin: 0;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .footer-grid-col:last-child{margin-left: auto;}
    .footer-grid-action{display: grid;grid-auto-flow: column;grid-gap: 10rem;align-items: center;}
    .footer-contact{display: flex;flex-direction: column;justify-content: flex-end;}
    .footer-contact-pretitle{font-size: var(--f-s);opacity: .6;margin-bottom: 8rem;}
    .footer-contact-title{}
    
    .footer-map{position: relative;display: flex;background-color: var(--c1);overflow: hidden;}
    .footer-map::before{content: "";flex: none;width: 0;padding-top: 33.33%;}
    
    .map{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .map-card{background-color: var(--c3);color: var(--c2);padding: 20rem;margin: 60rem 0 60rem auto;position: relative;z-index: 1;max-width: 410rem;width: 100%;border-radius: var(--br3);box-shadow: var(--shadow1);}
    .map-card-footer{margin-top: 16rem;padding-top: 16rem;border-top: var(--sl) solid var(--c4);}
    .map-card .card-pretitle{font-size: var(--f-xxs);margin-bottom: 16rem;opacity: .6;}
    .map-card .card-title{font-weight: 600;}
    .map-card .card-subtitle{font-size: var(--f-s);margin-top: 10rem;}
    
    .bottombar{padding: 20rem 0;}
    .bottombar-inner{max-width: 1200rem;font-size: var(--f-xxs);color: var(--c5);}
    
    .tag{display: flex;align-items: center;border-radius: 999rem;height: 28rem;padding: 0 10rem;font-size: var(--f-xs);}
    .tag-icon{flex: none;margin-right: .5em;width: 1em;height: 1em;display: flex;align-items: center;justify-content: center;}
    .tag-text{font-weight: 600;letter-spacing: normal;}
    
    .tag__white{background-color: var(--c2);color: var(--c3);}
    
    .carousel-buttons{display: grid;grid-auto-flow: column;grid-gap: 10rem;}
    .carousel-button{cursor: pointer;width: var(--btn);height: var(--btn);display: flex;align-items: center;justify-content: center;border: var(--sl) solid var(--c4);border-radius: var(--br1);padding: 20rem;}
    .carousel-button.swiper-button-disabled{cursor: not-allowed;color: var(--c8);}
    
    .tabs{overflow: hidden;}
    .tabs ul{display: flex;flex-wrap: wrap;margin: -5rem;}
    .tabs li{margin: 5rem;display: flex;align-items: center;font-size: var(--f-s);border-radius: 999rem;position: relative;letter-spacing: normal;font-weight: 600;user-select: none;padding: 12rem 18rem;border: none;background-color: var(--c0);color: var(--c3);transition: all .15s;}
    .tabs li.current{background-color: var(--c3);color: var(--c2);border-color: var(--c3);pointer-events: none;}
    
    .tabs__dense ul{}
    .tabs__dense li{font-size: var(--f-xxs);padding: 12rem 18rem;}
    
    .tabs__outlined li{padding: 12rem 20rem;border: var(--sl) solid var(--c4);}
    .tabs__outlined li:not(.current){background-color: transparent;color: inherit;}
    .tabs__outlined li.current{}
    
    .tabs__contrast li{background-color: var(--c2);color: var(--c1);}
    .tabs__contrast li.current{border-radius: var(--br0);}
    
    .pin{position: absolute;width: 24rem;height: 24rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;background-color: var(--c9);margin: -12rem 0 0 -12rem;}
    .pin::before{content: "";flex: none;width: 25%;height: 25%;border-radius: 50%;background-color: var(--c3);}
    .pin-text{position: absolute;top: 100%;left: 50%;font-size: var(--f-xxs);background-color: var(--c2);border-radius: 3rem;padding: 5rem 10rem;transform: translateX(-50%);margin-top: 5rem;}
    
    .formbox{display: grid;grid-template-columns: auto;grid-gap: 16rem;}
    .formbox-row{display: flex;align-items: flex-end;}
    .formbox-cell{flex: 1;}
    .formbox-cell__dense{flex: none;}
    .formbox-cell:not(:first-child){margin-left: var(--gap);}
    .formbox-footer{margin-top: 40rem;display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    
    .textfield-label{font-size: var(--f-xs);letter-spacing: normal;margin-bottom: 8rem;opacity: .6;}
    
    .textfield{display: flex;min-width: 0;width: 100%;align-items: center;min-height: var(--btn);border-radius: var(--br1);background-color: var(--c0);position: relative;}
    .textfield-input{resize: none;}
    .textfield-input,
    .textfield-input-range{text-overflow: ellipsis;font-size: var(--f-d);letter-spacing: -.01em;font-weight: 600;flex: auto;padding: 16rem 24rem;min-width: 0;overflow: hidden;}
    .textfield-input-range{white-space: nowrap;}
    .textfield-input-range[data-prefix]::before{content: attr(data-prefix) "\a0";}
    .textfield-input-range::before,
    .textfield-input-range::after{opacity: .4;font-size: var(--f-s);}
    .textfield-input-range + .textfield-input-range{flex: none;padding-left: 0;}
    .textfield-suffix{flex: none;margin-right: 24rem;font-size: var(--f-s);letter-spacing: normal;font-weight: 700;color: var(--c3);}
    .textfield-selector-icon{flex: none;margin-right: 24rem;color: var(--c3);display: flex;align-items: center;justify-content: center;width: max(8px, 10rem);height: max(8px, 10rem);cursor: pointer;}
    
    .textfield-radio-group{display: inline-grid;grid-auto-flow: column;grid-gap: 10rem;}
    .textfield-radio{text-overflow: ellipsis;flex: none;min-height: var(--btn);padding: 0 12rem;display: flex;align-items: center;justify-content: center;position: relative;overflow: hidden;border-radius: var(--br1);background-color: var(--c0);min-width: max(40px, 44rem);}
    .textfield-radio-control{position: absolute;right: 100%;width: 0;height: 0;}
    .textfield-radio-title{cursor: pointer;font-weight: 600;opacity: .4;}
    
    .textfield-radio-control:checked ~ .textfield-radio-title{opacity: 1;}
    
    .textfield-switch-group{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .textfield-switch{position: relative;overflow: hidden;border-radius: var(--br2);background-color: var(--c0);padding: 16rem 20rem;grid-template-columns: auto 1fr auto;grid-gap: 16rem;align-items: center;display: grid;}
    .textfield-switch-icon{width: max(24px, 32rem);height: max(24px, 32rem);display: flex;align-items: center;justify-content: center;position: relative;margin: -5rem 0;}
    .textfield-switch-title{font-size: var(--f-s);letter-spacing: normal;font-weight: 500;}
    .textfield-switch-action{line-height: 1;}
    .textfield-switch-check{color: var(--c3);display: flex;align-items: center;justify-content: center;width: max(10px, 12rem);height: max(10px, 12rem);}
    
    .textfield__small .textfield-input{font-size: var(--f-s);letter-spacing: normal;font-weight: 400;}
    .textfield__contrast{background-color: var(--c12);border: var(--sl) solid var(--c13);}
    .textfield__white{background-color: var(--c2);}
    
    .textfield.active .textfield-selector-icon{transform: scaleY(-1);}
    
    
    .searchbox{display: flex;width: 100%;align-items: center;min-height: var(--btn);border-radius: var(--br1);background-color: var(--c0);padding: 16rem 24rem;border: 0 solid var(--c4);}

    .searchbox-icon{width: max(16px, 20rem);height: max(16px, 20rem);display: flex;align-items: center;justify-content: center;margin: 0 20rem;}
    .searchbox-icon:first-child{margin-left: 0;}
    .searchbox-icon:last-child{margin-right: 0;}

    .searchbox-input{flex: auto;min-width: 0;text-overflow: ellipsis;line-height: 1}

    .searchbox-reset{transition: all .15s;cursor: pointer;}

    .searchbox-input:invalid ~ .searchbox-reset{opacity: 0;visibility: hidden;}

    
    .selector-list{position: absolute;z-index: 999;margin-top: 10rem;background-color: var(--c2);display: grid;grid-template-columns: auto;grid-gap: 10rem;box-shadow: var(--shadow1);padding: 16rem 0;border-radius: var(--br1);}
    .selector-list__fit{max-width: max-content;width: 100%!important;}
    .selector-list:not(.active){visibility: hidden;}
    .selector-option{padding: 8rem 24rem;font-size: var(--f-d);font-weight: 600;cursor: pointer;position: relative;}
    .selector-option-inner.active{color: var(--c3);}
    
    .checkbox{position: relative;overflow: hidden;user-select: none;}
    .checkbox-title{position: relative;display: flex;align-items: center;padding: .1em;}
    .checkbox-title-icon{width: max(16px, 20rem);height: max(16px, 20rem);position: relative;border-radius: 3rem;display: flex;align-items: center;justify-content: center;padding: 2rem;flex: none;cursor: pointer;margin-right: 10rem;border: max(1px, 2rem) solid var(--c1);transition: all .15s;}
    .checkbox-title-icon .icon{transform: scale(0);transition: transform .15s;will-change: transform;}
    .checkbox-title-label{font-size: var(--f-s);letter-spacing: normal;transition: opacity .15s;font-weight: 600;}
    .checkbox-title-label a{text-decoration: underline;}
    .checkbox-title-badge{color: var(--c3);cursor: help;width: max(14px, 16rem);height: max(14px, 16rem);display: flex;align-items: center;justify-content: center;flex: none;margin-left: 8rem;}
    .checkbox-control{position: absolute;right: 100%;width: 0;height: 0;opacity: 0;}
    
    .checkbox-control:checked ~ .checkbox-title-icon{background-color: var(--c3);color: var(--c2);border-color: var(--c3);}
    .checkbox-control:checked ~ .checkbox-title-icon .icon{transform: scale(1);}
    .checkbox-control:checked ~ .checkbox-title-label{}

    .checkbox__contrast .checkbox-control:checked ~ .checkbox-title-icon{background-color: var(--c2);color: var(--c3);border-color: var(--c2);}
    
    .carousel-paging-current,
    .carousel-paging-total{font-size: var(--f-xs);letter-spacing: .1em;min-width: 3em;}
    .carousel-paging-current{}
    .carousel-paging-total{text-align: right;}
    
    .swiper-pagination-progressbar{position: relative;}
    
    .partners{display: flex;justify-content: space-between;align-items: center;}
    .partners-title{font-size: var(--f-b);font-weight: 600;letter-spacing: normal;}
    .partners-group{display: flex;align-items: center;flex: auto;justify-content: space-between;margin: -5rem 70rem;}
    .partners-group:last-child{margin-right: 0;margin-left: 100rem;}
    .partners-group-item{}
    .partners-group-item img{height: 36rem;width: auto;max-width: none;max-height: none;}
    
    .hero{border-radius: var(--br3);padding: 40rem;color: var(--c2);position: relative;overflow: hidden;z-index: 1;width: 100%;min-height: 100%;display: flex;flex-direction: column;align-items: flex-start;}
    .hero-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: -1;}
    .hero-media::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(0,0,0,0), var(--c14));opacity: .4;}
    .hero-header{margin: -20rem 0 150rem -20rem;background-color: var(--c2);padding: 20rem;border-radius: var(--br2);color: var(--c1);}
    .hero-header-icon{width: max(24px, 32rem);height: max(24px, 32rem);display: flex;align-items: center;justify-content: center;margin-bottom: 8rem;}
    .hero-header-title{font-weight: 500;line-height: 1;}
    .hero-header-title b{color: var(--c3);}
    .hero-header-subtitle{margin-top: 4rem;font-size: max(10px, 11rem);;letter-spacing: normal;}
    .hero-title{margin-top: auto;max-width: 550rem;}
    .hero-footer{margin-top: 40rem;display: grid;grid-auto-flow: column;grid-gap: 16rem;}
    .hero-slide{display: flex;flex-direction: column;padding: 40rem;width: 100%;}
    .hero-slide-num{font-size: 100rem;line-height: 1;letter-spacing: -.12em;font-weight: 700;}
    .hero-slide-subtitle{margin-bottom: auto;font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;}
    .hero-slide-image{margin-top: 30rem;display: flex;}
    .hero-slide-image img{width: auto;max-height: 280rem;margin-left: auto;}
    .hero-slide-action{width: 50%;}
    
    .page-header{margin-bottom: 0;padding-top: 30rem;}
    .page-header-grid{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 0 var(--gap);grid-template-areas: "a1 a2" "a3 a2" "a4 a2" "a5 a2";grid-template-rows: auto auto auto 1fr;}
    .page-header-media{grid-area: a2;position: relative;overflow: hidden;display: flex;max-height: 400rem;border-radius: var(--br3);}
    .page-header-media::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .page-header-breadcrumbs{grid-area: a1;margin-bottom: 60rem;overflow: hidden;}
    .page-header-breadcrumbs ul{display: flex;flex-wrap: wrap;margin: -4rem;}
    .page-header-breadcrumbs li{margin: 4rem;font-size: var(--f-xs);letter-spacing: normal;display: flex;align-items: center;color: var(--c8);}
    .page-header-breadcrumbs li:not(:last-child)::after{content: "\2022";padding-left: 8rem;}
    .page-header-breadcrumbs li:last-child{pointer-events: none;}
    .page-header-title{grid-area: a3;}
    .page-header-subtitle{grid-area: a4;max-width: 560rem;opacity: .8;margin-top: 30rem;}
    .page-header-action{grid-area: a5;margin-top: 60rem;}
    
    .page-header__contrast{background-color: var(--c2);}
    
    .catalog-settings{background-color: var(--c2);color: var(--c1);padding: 30rem 0 50rem;margin-bottom: 30rem;border-radius: 0 0 40rem 40rem;}
    .catalog-form{overflow: hidden;}
    .catalog-form-inner{margin: 0 -5rem;display: flex;align-items: flex-end;}
    .catalog-form-item{margin: 0 5rem;flex: 1;overflow: hidden;}
    .catalog-form-item__dense{flex: none;}
    .catalog-form-item__large{flex: 1.5;}
    
    .catalog-toolbar{margin-top: 50rem;display: grid;grid-template-columns: 1fr auto 1fr;grid-gap: var(--gap);line-height: 1;align-items: center;}
    .catalog-toolbar-col{display: flex;}
    .catalog-toolbar-col:last-child{margin-left: auto;}
    .catalog-toolbar-total{text-align: center;font-size: var(--f-s);color: var(--c3);letter-spacing: normal;}
    
    .catalog-headers{display: grid;grid-template-columns: 150rem repeat(4, minmax(0, 1fr)) 1.5fr 1.5fr auto;grid-gap: 40rem;font-size: var(--f-xs);opacity: .6;padding: 0 40rem 0 10rem;}
    .catalog-headers::after{content: "";width: calc( max(16px, 20rem) * 2 + 12rem );}
    
    .view-type{display: grid;grid-auto-flow: column;grid-gap: 10rem;}
    .view-type-button{position: relative;overflow: hidden;background-color: var(--c2);color: var(--c15);width: var(--btn);height: var(--btn);border-radius: 50%;padding: 15rem;display: flex;align-items: center;justify-content: center;cursor: pointer;transition: color .15s;}
    .view-type-button.current{pointer-events: none;color: var(--c3);}
    
    .sber-label{display: flex;align-items: center;border-radius: 999rem;padding: 8rem 10rem;background-color: #F5FCF4;}
    .sber-label-icon{margin-right: auto;display: flex;align-items: center;justify-content: center;width: max(14px, 18rem);height: max(14px, 18rem);position: relative;margin-right: 10rem;}
    .sber-label-text{font-size: var(--f-xs);letter-spacing: normal;font-weight: 600;}
    
    .rating{position: relative;width: 100rem;height: 16rem;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);}
    
    .runner{padding: 4rem;border-radius: var(--br1);background-color: var(--c0);}
    .runner ul{display: flex;justify-content: space-between;}
    .runner li{font-size: var(--f-xs);letter-spacing: normal;font-weight: 600;display: flex;align-items: center;padding: 5rem 10rem;border-radius: var(--br0);cursor: pointer;position: relative;min-height: max(24px, 30rem);text-align: center;justify-content: center;transition: all .15s;}
    .runner li label{cursor: pointer;}
    .runner li.current{pointer-events: none;color: var(--c3);font-weight: 600;background-color: var(--c2);}
    .runner .control{position: absolute;right: 100%;left: 0;width: 0;}
    
    .runner__vertical ul{flex-direction: column;}
    
    .switch{position: relative;overflow: hidden;display: inline-flex;}
    .switch-control{position: absolute;right: 100%;width: 0;height: 0;}
    .switch-icon{position: relative;border-radius: 999rem;border: var(--sl) solid var(--c15);background-color: var(--c16);display: flex;transition: background-color .15s;cursor: pointer;}
    .switch-icon::before{content: "";flex: none;height: max(14px, 16rem);width: max(14px, 16rem);border-radius: 50%;background-color: var(--c2);transition: transform .15s;margin-left: 10rem;will-change: transform;transform: translateX(-10rem);}
    .switch-control:checked ~ .switch-icon{background-color: var(--c3);}
    .switch-control:disabled ~ .switch-icon{pointer-events: none;opacity: .5;}
    .switch-control:checked ~ .switch-icon::before{transform: translateX(0);}
    
    .catalog-form-item{padding: 0 0 10rem;}
    
    .range{position: absolute;bottom: 0%;left: 0;z-index: 1;display: flex;align-items: center;right: 0;margin: 0 var(--br1);background-color: var(--c4);}

    .range .asRange-pointer{position: absolute;left: 0;width: 12rem;height: 12rem;background-color: var(--c3);border-radius: 50%;cursor: grab;z-index: 2;margin-left: -6rem;}
    .range .asRange-pointer:active{cursor: grabbing;}
    .range .asRange-pointer_active{z-index: 3;}
    .range .asRange-selected{background-color: var(--c3);position: relative;left: 0;height: var(--sl);width: 0;z-index: 1;}
    
    .popup{position: fixed;z-index: 100;background-color: var(--c2);transition: all .25s;}
    .popup-aside{left: 0;height: 100%;top: 0;width: 100%;max-width: 500rem;border-radius: 0 var(--br5) var(--br5) 0;padding: 50rem 50rem 0 var(--wr);display: flex;}
    .popup-aside:not(.active){transform: translateX(-100%);}
    .popup-inner{display: flex;flex-direction: column;width: 100%;}
    .popup-header{flex: none;display: flex;align-items: flex-start;margin-bottom: 30rem;}
    .popup-header-title{margin-right: var(--gap);}
    .popup-close{margin-left: auto;}
    .popup-content{flex: auto;padding-bottom: 50rem;overflow: auto;}
    .popup-content,
    .popup-content *{overflow: -moz-scrollbars-none!important;scrollbar-width: none;}
    .popup-content::-webkit-scrollbar,
    .popup-content *::-webkit-scrollbar{display: none;}
    
    .popup-modal{width: 100%;max-width: 680rem;border-radius: var(--br3);padding: 50rem 50rem 0;left: 50%;top: 50%;max-height: 100%;transform: translate(-50%, -50%);}
    .popup-modal:not(.active){opacity: 0;visibility: hidden;transition-duration: 0s;}
    
    .popup-overlay{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 99;background-color: var(--c14);opacity: 0;transition: all .25s;visibility: hidden;}
    
    .popup.active ~ .popup-overlay{opacity: .4;visibility: visible;}
    
    .float{position: fixed;bottom: 0;right: 0;z-index: 99;margin: 30rem;will-change: transform;transition: all .25s;}
    .float.hidden{opacity: 0;transform: translateY(50rem);visibility: hidden;}
    
    .menu > ul{display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .menu > ul li{font-size: var(--f-l);font-weight: 500;}
    .menu > ul ul{padding-top: 15rem;display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .menu > ul ul li{font-size: var(--f-m);font-weight: 400;}
    .menu .current{color: var(--c3);}
    
    .textbox{max-width: 800rem;}
    .textbox a{color: var(--c3);}
    .textbox h2{margin: 3em 0 1em;font-size: var(--f-l);font-weight: 600;line-height: 1.2;}
    .textbox h2:first-child{margin-top: 0;}
    .textbox ul,
    .textbox ol{margin: 1em 0;display: grid;grid-template-columns: auto;grid-gap: 0;}
    .textbox ol{counter-reset: index;}
    .textbox ul:first-child,
    .textbox ol:first-child{margin-top: 0;}
    .textbox ul:last-child,
    .textbox ol:last-child{margin-bottom: 0;}
    .textbox li{position: relative;padding-left: 1.5em;}
    .textbox ul li::before{content: "\2022";position: absolute;top: 0;left: 0;width: 1.5em;text-align: center;}
    .textbox ol li::before{content: counter(index) ".";counter-increment: index;position: absolute;top: 0;left: 0;width: 1.5em;}
    
    
}

/* cards */

@media screen {
   
    .card{position: relative;overflow: hidden;display: flex;min-height: 100%;flex-direction: column;user-select: none;width: 100%;}
    
    .card-1 .card-header{border-radius: var(--br3);display: flex;align-items: flex-start;padding: 10rem;position: relative;overflow: hidden;}
    .card-1 .card-header::before{content: "";flex: none;width: 0;padding-top: 130%;}
    .card-1 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .card-1 .card-tags{position: relative;z-index: 1;}
    .card-1 .card-content{margin-top: 16rem;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: baseline;}
    .card-1 .card-title{font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;}
    .card-1 .card-subtitle{display: flex;align-items: center;}
    .card-1 .card-subtitle-text{font-size: var(--f-s);font-weight: 600;text-align: right;}
    .card-1 .card-subtitle-icon{width: 22rem;height: 22rem;margin-left: 8rem;border: var(--sl) solid var(--c4);border-radius: 3rem;padding: 6rem;}
    
    .card-2{background-color: var(--c2);color: var(--c1);border-radius: var(--br3);padding: 10rem;}
    .card-2 .card-header{border-radius: var(--br1);display: flex;align-items: flex-start;position: relative;overflow: hidden;margin-bottom: 20rem;}
    .card-2 .card-header::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .card-2 .card-content{padding: 0 16rem;margin-bottom: 16rem;}
    .card-2 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .card-2 .card-title{font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;}
    .card-2 .card-subtitle{margin-top: 16rem;font-size: var(--f-s);max-width: 230rem;opacity: .6;}
    .card-2 .card-footer{margin: auto 0 16rem;padding: 0 16rem;}
    
    .card-3{background-color: var(--c2);color: var(--c1);border-radius: var(--br3);padding: 10rem;}
    .card-3 .card-header{border-radius: var(--br1);display: flex;align-items: flex-start;position: relative;overflow: hidden;order: 1;justify-content: flex-end;margin-top: 20rem;padding: 10rem;}
    .card-3 .card-header::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .card-3 .card-header-icon{display: flex;flex: none;width: max(36px, 42rem);height: max(36px, 42rem);align-items: center;justify-content: center;padding: 12rem;background-color: var(--c1);color: var(--c2);position: relative;z-index: 1;border-radius: var(--br0);}
    .card-3 .card-content{padding: 16rem 16rem 0;margin-bottom: auto;}
    .card-3 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .card-3 .card-pretitle{margin-bottom: 16rem;font-size: var(--f-s);opacity: .6;}
    .card-3 .card-title{font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;}
    .card-3 .card-subtitle{margin-top: 16rem;font-size: var(--f-s);opacity: .6;}
    .card-3 .card-footer{margin-top: 32rem;padding: 0 16rem;}
    
    .card-4{border-radius: var(--br3);}
    .card-4 .card-inner{display: grid;grid-template-columns: minmax(0, 1fr) auto;grid-gap: 0 var(--gap);background-color: var(--c2);border-radius: var(--br3);grid-template-areas: "a1 a2" "a3 a3" "a5 a5" "a4 a4" "a6 a6";padding: 16rem 20rem 20rem;align-items: center;flex: auto;grid-template-rows: auto auto minmax(0, 1fr) auto auto;}
    .card-4 .card-inner:last-child{padding-bottom: 20rem;}
    .card-4 .card-title{grid-area: a1;font-size: var(--f-s);letter-spacing: normal;min-width: 0;}
    .card-4 .card-title-inner{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;width: 100%;display: block;}
    .card-4 .card-actions{grid-area: a2;display: grid;grid-auto-flow: column;grid-gap: 12rem;align-items: center;}
    .card-4 .card-action{display: flex;align-items: center;justify-content: center;width: max(16px, 20rem);height: max(16px, 20rem);opacity: .2;cursor: pointer;z-index: 2;position: relative;}
    .card-4 .card-header{grid-area: a3;position: relative;display: flex;margin: 0 -20rem 0;height: 100%;padding: 16rem 0 20rem;}
    .card-4 .card-media-group{position: relative;display: flex;width: 100%;align-items: flex-end;justify-content: center;padding: 16rem;z-index: 1;background-color: var(--c2);}
    .card-4 .card-media-group::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .card-4 .card-media{position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: 20rem;}
    .card-4 .card-media:not(:only-child){flex: none;max-width: 12rem;height: max(2px, 2rem);color: var(--c3);margin: 0 4rem;flex: 1;border-radius: 999rem;background-color: currentColor;}
    .card-4 .card-media img{z-index: -1;}
    .card-4 .card-price{grid-area: a4;display: flex;flex-wrap: wrap;margin: -8rem -8rem 0;align-items: center;}
    .card-4 .card-price-val{margin: 8rem 8rem 0;font-weight: 600;font-size: var(--f-b);}
    .card-4 .card-price-old{margin: 8rem 8rem 0;font-weight: 600;font-size: var(--f-s);text-decoration: line-through;color: var(--c8);}
    .card-4 .card-price-context{margin: 8rem 8rem 0;font-size: var(--f-xs);color: var(--c8);min-width: calc(100% - 16rem);}
    .card-4 .card-price-context b{font-weight: inherit;color: var(--c3);}
    .card-4 .card-info{grid-area: a5;padding-bottom: 10rem;font-size: var(--f-s);font-weight: 600;overflow: hidden;letter-spacing: normal;margin-bottom: auto;}
    .card-4 .card-info ul{display: flex;flex-wrap: wrap;}
    .card-4 .card-info li{display: flex;align-items: center;}
    .card-4 .card-info li:not(:last-child)::after{content: "\2022";opacity: .2;flex: none;padding: 0 12rem;}
    .card-4 .card-tags{grid-area: a6;margin-top: 10rem;overflow: hidden;position: relative;counter-reset: index;margin-bottom: 0;}
    .card-4 .card-tags .button:not(:first-child){display: none;}
    .card-4 .card-tags ul{display: flex;flex-wrap: wrap;margin: -5rem 0 0 -5rem;}
    .card-4 .card-tags:not(.no-counter) ul::after{content: "+" counter(index);}
    .card-4 .card-tags ul::after,
    .card-4 .card-tags li{flex: none;margin: 5rem 0 0 5rem;font-weight: 600;font-size: var(--f-xs);white-space: nowrap;overflow: hidden;max-width: 100%;text-overflow: ellipsis;background-color: var(--c0);padding: 8rem 10rem;border-radius: 999rem;color: var(--c1);}
    .card-4 .card-tags li:nth-child(n + 2){counter-increment: index;position: absolute;right: 100%;bottom: 100%;visibility: hidden;}
    .card-4 .card-footer{background-color: var(--c9);margin: calc(-1 * var(--br3)) 0 0;padding: var(--br3) 20rem 0;position: relative;z-index: -1;}
    .card-4 .card-footer-inner{padding: 10rem 0;display: flex;justify-content: center;align-items: center;font-size: var(--f-xs);}
    .card-4 .card-footer-icon{flex: none;color: var(--c3);display: flex;align-items: center;justify-content: center;width: 1em;height: 1em;margin-right: 8rem;}
    .card-4 .card-footer-text{opacity: .8;}
    .card-4 .card-footer-text:not(:last-child){margin-right: 8rem;}
    .card-4 .card-footer-counter{font-weight: 600;opacity: .8;}
  
    .card-5{background-color: var(--c2);color: var(--c1);min-height: 290rem;border-radius: var(--br3);padding: 30rem;}
    .card-5 .card-header{margin-bottom: 60rem;display: flex;justify-content: space-between;}
    .card-5 .card-header-icon{position: relative;width: max(36px, 42rem);height: max(36px, 42rem);display: flex;align-items: center;justify-content: center;flex: none;}
    .card-5 .card-content{display: flex;flex-direction: column;}
    .card-5 .card-content:last-child{flex: auto;}
    .card-5 .card-content:last-child .card-title:last-child{margin-top: auto;}
    .card-5 .card-content:not(:last-child){margin-bottom: auto;}
    .card-5 .card-content li{position: relative;padding-left: 1.5em;}
    .card-5 .card-content li::before{content: "\2022";position: absolute;top: 0;left: 0;width: 1.5em;text-align: center;}
    .card-5 .card-title{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;}
    .card-5 .card-subtitle{opacity: .6;font-size: var(--f-s);}
    .card-5 .card-subtitle:not(:first-child){margin-top: 10rem;}
    .card-5 .card-footer{margin: 30rem -20rem -20rem;background-color: var(--c0);color: var(--c3);font-size: var(--f-s);letter-spacing: normal;border-radius: var(--br1);padding: 20rem;}
    
    .section__contrast .card-5{background-color: var(--c0);}
    .section__contrast .card-5 .card-subtitle{opacity: .8;}
    
    .card-6{border-radius: var(--br3);flex-direction: row;min-height: 400rem;align-items: flex-end;padding: 10rem;}
    .card-6::before{content: "";flex: none;width: 0;padding-top: 40%;}
    .card-6 .card-header{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .card-6 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .card-6 .card-content{position: relative;z-index: 1;background-color: var(--c2);color: var(--c1);padding: 20rem;border-radius: var(--br2);width: 100%;}
    .card-6 .card-title{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;}
    .card-6 .card-subtitle{font-size: var(--f-s);letter-spacing: normal;}
    
    .card-7{border-radius: var(--br3);flex-direction: row;min-height: 400rem;align-items: flex-end;padding: 30rem;}
    .card-7 .card-header,
    .card-7 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .card-7 .card-content{margin-left: auto;position: relative;z-index: 2;background-color: var(--c14);color: var(--c2);display: flex;align-items: center;justify-content: center;min-height: 85rem;min-width: 85rem;overflow: hidden;border-radius: var(--br3);border: var(--sl) solid;pointer-events: none;}
    .card-7 .card-content-image{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: .5;z-index: 1;}
    .card-7 .card-title{position: relative;z-index: 1;font-weight: 600;font-size: var(--f-b);letter-spacing: .02em;line-height: 1.2;white-space: nowrap;}
    
    .card-8{flex-direction: row;align-items: center;background-color: var(--c2);border-radius: var(--br3);padding: 30rem;}
    .card-8 .card-header{margin-right: var(--gap);flex: none;}
    .card-8 .card-header:last-child{margin-left: var(--gap);margin-right: 0;}
    .card-8 .card-header-icon{position: relative;width: max(42px, 50rem);height: max(42px, 50rem);display: flex;align-items: center;justify-content: center;}
    .card-8 .card-content{max-width: 225rem;margin-right: auto;}
    .card-8 .card-title{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;}
    .card-8 .card-subtitle{font-size: var(--f-s);letter-spacing: normal;margin-top: 4rem;opacity: .6;}
   
    .section__contrast .card-8{background-color: var(--c0);}
    
    .card-9{padding: 10rem;background-color: var(--c2);}
    .card-9 .card-header{overflow: hidden;position: relative;display: flex;border-radius: var(--br3);}
    .card-9 .card-header::before{content: "";flex: none;width: 0;padding-top: 80%;}
    .card-9 .card-media{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .card-9 .card-content{margin-top: 10rem;padding: 10rem;max-width: 400rem;}
    .card-9 .card-title{font-size: var(--f-m);letter-spacing: -.02em;font-weight: 600;}
    .card-9 .card-subtitle{margin-top: 10rem;font-size: var(--f-s);letter-spacing: normal;opacity: .6;}
    .card-9 .card-action{margin-top: 40rem;}
    .card-9 .card-close{cursor: pointer;position: absolute;top: 0;right: 0;z-index: 2;background-color: var(--c2);color: var(--c3);border-radius: 50%;width: max(24px, 32rem);height: max(24px, 32rem);display: flex;align-items: center;justify-content: center;padding: 10rem;margin: 20rem;}
    
    .card-10{padding: 30rem;background-color: var(--c2);border-radius: var(--br3);}
    .card-10 .card-header{margin-bottom: 30rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 10rem;align-items: flex-start;}
    .card-10 .card-rating-date{margin-top: 4rem;font-size: var(--f-s);opacity: .6;letter-spacing: normal;}
    .card-10 .card-content{display: flex;flex-direction: column;flex: auto;}
    .card-10 .card-title{font-size: var(--f-m);letter-spacing: -.02em;font-weight: 600;}
    .card-10 .card-action{margin-top: auto;font-size: var(--f-xs);letter-spacing: normal;padding-top: 10rem;}
    .card-10 .card-subtitle{margin-top: 10rem;font-size: var(--f-s);letter-spacing: normal;opacity: .6;max-width: 330rem;display: -webkit-box;-webkit-line-clamp: 10;-webkit-box-orient: vertical;overflow: hidden;}
    .card-10 .card-content:not(:last-child) .card-subtitle{display: -webkit-box;-webkit-line-clamp: 6;}
    .card-10 .card-footer{margin-top: 30rem;display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10rem;}
    .card-10 .card-footer-image{display: flex;position: relative;overflow: hidden;border-radius: var(--br1);}
    .card-10 .card-footer-image::before{content: "";flex: none;width: 0;padding-top: 100%;}
    
    .card-11{background-color: var(--c0);padding: 16rem;border-radius: var(--br2);min-height: 164rem;}
    .card-11 .card-header{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;margin-bottom: 50rem;}
    .card-11 .card-header-icon{width: max(24px, 32rem);height: max(24px, 32rem);display: flex;align-items: center;justify-content: center;position: relative;}
    .card-11 .card-content{margin-top: auto;}
    .card-11 .card-title{font-weight: 600;font-size: var(--f-s);letter-spacing: -.01em;}
    
    .card-12{background-color: var(--c2);color: var(--c1);min-height: 200rem;border-radius: var(--br3);padding: 30rem;}
    .card-12 .card-header{margin-bottom: 30rem;font-size: var(--f-xxl);color: var(--c3);font-weight: 600;line-height: 1;letter-spacing: -.02em;}
    .card-12 .card-content{display: flex;flex-direction: column;}
    .card-12 .card-content:last-child{flex: auto;}
    .card-12 .card-content:last-child .card-title:last-child{margin-top: auto;}
    .card-12 .card-content:not(:last-child){margin-bottom: auto;}
    .card-12 .card-title{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;}
    
    .section__contrast .card-12{background-color: var(--c0);}
    
    .shopcart{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .shopcart-row{display: grid;grid-template-columns: 3fr 1fr 1fr auto;grid-gap: var(--gap);align-items: center;background-color: var(--c2);padding: 30rem;border-radius: var(--br2);}
    .shopcart-item{display: grid;grid-template-columns: auto 1fr;grid-gap: 30rem;position: relative;}
    .shopcart-item-media{position: relative;overflow: hidden;width: 100rem;height: 100rem;background-color: var(--c2);}
    .shopcart-item-title{font-weight: 600;}
    .shopcart-item-subtitle{font-size: var(--f-s);margin-top: 5rem;color: var(--c8);}
    .shopcart-item-price{margin-top: 10rem;font-size: var(--f-b);font-weight: 500;}
    .shopcart-price{text-align: right;font-size: var(--f-l);font-weight: 600;}
    
    .product-spinner{display: flex;overflow: hidden;height: var(--btn);border-radius: var(--br1);color: var(--c1);}
    .product-spinner-control{min-width: var(--btn);flex: none;display: flex;align-items: center;justify-content: center;padding: 0 20rem;text-align: center;line-height: 1;user-select: none;overflow: hidden;background-color: var(--c7);}
    .product-spinner-control.disabled{opacity: .1;pointer-events: none;}
    .product-spinner-control::before{font-size: 1.5em;}
    .product-spinner-minus{order: -1;}
    .product-spinner-minus::before{content: "\2212";}
    .product-spinner-plus{order: 1;}
    .product-spinner-plus::before{content: "\002B";}
    .product-spinner-input{flex: auto;min-width: var(--btn);text-align: center;background-color: var(--c7);margin: 0 2rem;}
    
    
}

/* sections */

@media screen {
    
    .s1-1{display: grid;grid-template-columns: repeat(12, minmax(0, 1fr));grid-gap: var(--gap);}
    .s1-1-1{grid-column-end: span 3;}
    .s1-1-2{grid-column: 1/-1;}
    .s1-1-3{grid-column-end: span 4;}
    .s1-1-4{grid-column-end: span 6;}
    .s1-2{margin: 30rem 0;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: center;}
    .s1-2-1:only-child{grid-column: 1/-1;}
    .s1-3{margin-top: 40rem;display: flex;justify-content: center;}
    .s1-1 .swiper{overflow: visible;margin-left: calc(-1 * var(--gap));}
    .s1-1 .swiper-slide{padding-left: var(--gap);height: auto;display: flex;}
    
    .s2-2{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s2-3{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s2-3:not(:first-child){margin-top: 50rem;}
    .s2-4{position: relative;overflow: hidden;display: flex;border-radius: var(--br5);}
    .s2-4:not(:first-child){margin-top: 30rem;}
    .s2-4::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .s2-5{padding-right: 30rem;}
    .s2-6{grid-column: 2/4;}
    .s2-6-2{margin-top: 30rem;opacity: .8;max-width: 760rem;}
    .s2-6-3{margin-top: 40rem;}
    .s2-7{opacity: .4;}
    .s2-7-1{}
    .s2-7-2{font-size: var(--f-xxs);letter-spacing: normal;margin-top: .25em;}
    .s2-8{margin-top: 10rem;width: 100%;position: relative;}
    
    .s2-8-2 .pin:nth-child(1){top: 20%;left: 37%;}
    .s2-8-2 .pin:nth-child(2){top: 61%;left: 18%;}
    
    .s3-2 .swiper{overflow: visible;margin-left: calc(-1 * var(--gap));}
    .s3-2 .swiper-slide{padding-left: var(--gap);height: auto;}
    .s3-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s3-3:not(:first-child){margin-top: 30rem;}
    .s3-4{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;}
    .s3-4::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s3-5{border-radius: var(--br3);background-image: var(--g1);color: var(--c2);background-color: var(--c3);padding: 60rem;}
    .s3-5-1{margin-bottom: 16rem;opacity: .4;}
    .s3-5-2{}
    .s3-5-3{margin-top: 30rem;max-width: 468rem;font-size: var(--f-s);letter-spacing: normal;}
    .s3-5-4{margin-top: 55rem;}
    
    .s4-1{display: grid;grid-template-columns: repeat(8, minmax(0, 1fr));grid-gap: var(--gap);align-items: flex-start;}
    .s4-2{grid-column: 1/6;display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);counter-reset: index;}
    .s4-3{grid-column: 6/9;color: var(--c2);background-color: var(--c3);border-radius: var(--br5);padding: 30rem;}
    .s4-4{background-color: var(--c2);display: flex;flex-direction: column;padding: 30rem;border-radius: var(--br3);align-items: flex-start;}
    .s4-4-1:first-child::before{content: "(" counter(index, decimal-leading-zero) ")";display: block;margin-bottom: 40rem;color: var(--c3);counter-increment: index;font-size: var(--f-s);font-weight: 500;letter-spacing: normal;}
    .s4-4-1{font-size: var(--f-m);font-weight: 600;letter-spacing: -.02em;}
    .s4-4-2{opacity: .6;font-size: var(--f-s);letter-spacing: normal;margin-top: 16rem;}
    .s4-4-3{display: grid;grid-auto-flow: column;margin-right: auto;grid-gap: 10rem;margin-top: 10rem;}
    .s4-4-3 .button{min-width: max(36px, 42rem);height: max(36px, 42rem);padding: 0;border-radius: var(--br0);}
    .s4-4-3 .button-icon:only-child{margin: 0;width: max(12px, 15rem);height: max(12px, 15rem);}
    .s4-4-4{margin-bottom: 24rem;color: var(--c3);display: flex;align-items: center;justify-content: center;width: max(24px, 30rem);height: max(24px, 30rem);}
    .s4-4-5{margin-top: 12rem;font-size: var(--f-s);letter-spacing: normal;color: var(--c3);padding: 6rem 8rem;background-color: var(--c7);border-radius: var(--br0);}
    .s4-5{display: flex;align-items: center;justify-content: space-between;}
    .s4-5-2{margin-left: 30rem;width: max(24px, 30rem);height: max(24px, 30rem);display: flex;align-items: center;justify-content: center;}
    .s4-6{margin-top: 30rem;}
    .s4-6 .checkbox-title-label{font-weight: 400;opacity: .8;}
    
    .s5-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 80rem var(--gap);}
    .s5-2{}
    .s5-3{display: flex;position: relative;overflow: hidden;align-items: flex-end;padding: 20rem;border-radius: var(--br3);grid-column: 1/-1;}
    .s5-3::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .s5-4{position: relative;z-index: 2;background-color: var(--c2);color: var(--c1);padding: 30rem;border-radius: var(--br3);max-width: 500rem;}
    .s5-5{position: absolute;z-index: 1;top: 0;left: 0;width: 100%;height: 100%;}
    .s5-6{display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);align-items: flex-start;}
    .s5-6-2{position: relative;width: var(--btn);height: var(--btn);}
    .s5-7{margin-top: 20rem;opacity: .8;font-size: var(--f-s);letter-spacing: normal;}
    .s5-8{margin-top: 40rem;}
    
    .s6-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s6-1-1 .card-5{min-height: 240rem;height: 100%;}
    .s6-2{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s6-2:not(:first-child){margin-top: var(--gap);}
    .s6-3{background-color: var(--c0);color: var(--c1);border-radius: var(--br3);padding: 30rem;display: grid;align-items: center;grid-template-columns: 1fr auto;grid-gap: var(--gap);position: relative;}
    .s6-3-1{font-size: var(--f-m);line-height: 1.2;letter-spacing: -.02em;font-weight: 600;}
    
    .s7-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);}
    .s7-2-2{margin-top: 30rem;opacity: .8;}
    .s7-3{position: relative;overflow: hidden;grid-row-end: span 2;border-radius: var(--br3);display: flex;}
    .s7-3::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .s7-5{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .s7-5-1{padding: 20rem 30rem;background-color: var(--c2);border-radius: var(--br2);position: relative;}
    .s7-5-1 .button-text{font-size: var(--f-m);}
    .s7-6{margin-top: 40rem;margin-bottom: auto;font-size: var(--f-s);letter-spacing: normal;opacity: .8;}
    
    .s8-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 40rem var(--gap);grid-template-areas: "a1 a3 a2 a2" "a4 a4 a5 a5";grid-template-rows: auto 1fr;}
    .s8-2{grid-area: a1;}
    .s8-3{grid-area: a2;text-align: right;max-width: 350rem;margin-left: auto;font-size: var(--f-s);letter-spacing: normal;}
    .s8-3 b{font-weight: inherit;color: var(--c3);}
    .s8-4{grid-area: a3;overflow: hidden;margin-left: auto;}
    .s8-5{grid-area: a4;border-radius: var(--br3);border: var(--sl) solid var(--c4);padding: 30rem;}
    .s8-6{grid-area: a5;display: grid;grid-template-columns: auto;grid-gap: var(--gap);}
    .s8-7{border-radius: var(--br3);padding: 40rem 60rem 40rem 40rem;display: grid;grid-template-columns: 1fr auto;grid-gap: 60rem var(--gap);}
    .s8-7:nth-child(1){background-color: var(--c0);color: var(--c1);}
    .s8-7:nth-child(2){background-color: var(--c3);color: var(--c2);background-image: var(--g1);}
    .s8-8{grid-column: 1/-1;margin-bottom: auto;}
    .s8-9-1{font-size: var(--f-xs);margin-bottom: .5em;letter-spacing: normal;}
    .s8-9-2{font-size: var(--f-xl);line-height: 1;letter-spacing: -.02em;}
    .s8-9-3{font-size: var(--f-xs);margin-top: .5em;letter-spacing: normal;opacity: .6;}
    .s8-10{margin-bottom: 20rem;padding-bottom: 30rem;display: flex;align-items: center;border-bottom: var(--sl) solid var(--c4);}
    .s8-10-1{flex: none;color: var(--c3);display: flex;align-items: center;justify-content: center;width: max(24px, 30rem);height: max(24px, 30rem);margin-right: 12rem;}
    .s8-10-2{font-size: var(--f-b);}
    
    .s9-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);}
    .s9-2{grid-column: 1/3;display: flex;}
    .s9-2::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s9-3{background-color: var(--c3);color: var(--c2);background-image: linear-gradient(to left bottom, var(--c18), var(--c3), var(--c3));border-radius: var(--br3);display: flex;position: relative;}
    .s9-3 .swiper-slide{height: auto;display: flex;}
    .s9-3 .carousel-pagination{position: absolute;bottom: 0;right: 0;max-width: 50%;left: auto;top: auto;width: auto;padding: 40rem;z-index: 1;}
    .s9-4{grid-column: 1/-1;background-color: var(--c2);border-radius: var(--br3);padding: 30rem 30rem;}
    
    .s10-2{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);}
    .s10-3{display: grid;grid-template-columns: 1fr 1fr;grid-gap: var(--gap);}
    .s10-3:not(:first-child){margin-top: 60rem;}
    .s10-4{display: flex;min-height: 400rem;border-radius: var(--br3);position: relative;overflow: hidden;}
    .s10-4::before{content: "";flex: none;width: 0;padding-top: 50%;}
    .s10-5{background-color: var(--c3);color: var(--c2);background-image: var(--g1);border-radius: var(--br3);padding: 60rem 90rem 60rem 60rem;}
    .s10-5-1{margin-bottom: 16rem;opacity: .4;}
    .s10-5-3{margin-top: 30rem;font-size: var(--f-s);letter-spacing: normal;}
    .s10-6{margin-top: 80rem;display: flex;overflow: hidden;position: relative;border-radius: var(--br5);}
    .s10-6::before{content: "";flex: none;width: 0;padding-top: 50%;}
    
    .s11-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s11-1-1{display: flex;}
    .s11-1-2{position: relative;overflow: hidden;border-radius: var(--br3);}
    .s11-2{margin-top: 30rem;background-color: var(--c0);border-radius: var(--br3);padding: 30rem 80rem 30rem 40rem;}
    .s11-2 .partners-title{font-size: var(--f-m);max-width: 270rem;}
    
    .s12-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 40rem var(--gap);grid-template-areas: "a1 a2" "a3 a2";align-items: flex-start;grid-template-rows: auto 1fr;}
    .s12-2{grid-area: a1;}
    .s12-2-2{margin-top: 10rem;}
    .s12-3{grid-area: a2;overflow: hidden;border-radius: var(--br5);display: flex;max-width: 460rem;margin-left: auto;}
    .s12-4{grid-area: a3;color: var(--c10);}
    
    .s13-1{position: relative;display: flex;justify-content: flex-end;}
    .s13-1::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .s13-2{position: absolute;top: 0;left: 0;right: var(--br5);height: 100%;z-index: 1;background-color: var(--c1);border-radius: var(--br5);overflow: hidden;}
    .s13-3{position: relative;z-index: 1;background-color: var(--c2);color: var(--c1);box-shadow: var(--shadow1);border-radius: var(--br5);width: 50%;max-width: 480rem;padding: 10rem;overflow: hidden;}
   
    .s14-1{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .s14-2{padding: 20rem 30rem;background-color: var(--c2);border-radius: var(--br2);position: relative;}
    .s14-2 .button-text{font-size: var(--f-m);white-space: normal;text-align: left;}
    
    .catalog-settings + .s15{padding-top: 0;}
    
    .s15-2{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s15-2-2{grid-column: 1/-1;}
    .s15-3{margin-bottom: 30rem;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);align-items: center;}
    .s15-3-1{}
    .s15-3-2{margin-left: auto;grid-column: 4/5;}
    .s15-4{margin-top: 60rem;display: flex;flex-direction: column;align-items: center;}
    .s15-4:not(.active){display: none;}
    .s15-4-1{text-align: center;opacity: .6;font-size: var(--f-s);letter-spacing: normal;font-weight: 500;position: relative;}
    .s15-4-2{position: relative;width: 100%;max-width: 295rem;height: 4rem;background-color: var(--c2);border-radius: 999rem;overflow: hidden;margin-top: 20rem;}
    .s15-4-2::before{content: "";position: absolute;top: 0;left: 0;width: var(--progress-size, 0%);background-color: var(--c3);height: 100%;border-radius: inherit;transition: width .15s;}
    
    .s16-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 10rem var(--gap);}
    .s16-2{padding: 20rem 30rem;background-color: var(--c2);border-radius: var(--br2);position: relative;}
    .s16-3{position: relative;}
    .s16-3 .button-text{font-size: var(--f-m);white-space: normal;text-align: left;}
    
    .s17-1{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);overflow: hidden;}
    .s17-2{grid-column: 1/4;overflow: hidden;position: relative;border-radius: var(--br5);display: flex;}
    .s17-2::before{content: "";flex: none;width: 0;padding-top: 60%;}
    .s17-2 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s17-2 .swiper-slide{height: auto;}
    .s17-3{position: relative;margin: -10rem 0;}
    .s17-3-1{position: absolute;top: 0;left: 0;right: 0;bottom: 0;overflow: hidden;border-radius: var(--br3);margin: 10rem 0;}
    .s17-3-1::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: var(--c14);opacity: 0;transition: opacity .15s;cursor: pointer;z-index: 1;}
    .s17-3 .swiper{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
    .s17-3 .swiper-slide{}
    .s17-3 .swiper-slide-thumb-active .s17-3-1::after{opacity: .3;pointer-events: none;}
    .s17-4{margin: 40rem auto;display: flex;justify-content: center;width: 100%;max-width: 240rem;}
    
    .s18{padding-top: 0;}
    .s18-1{display: grid;grid-gap: 0 var(--gap);grid-template-columns: repeat(3, 1fr);grid-template-areas: "a1 a1 a2" "a1 a1 a3";align-items: flex-start;grid-template-rows: auto 1fr;}
    .s18-2{grid-area: a1;margin-right: 0;display: grid;grid-template-columns: auto;grid-gap: 40rem;background-color: var(--c2);border-radius: var(--br5);padding: 40rem;}
    .s18-3{grid-area: a2;margin-left: 0;}
    .s18-4{grid-area: a3;margin-right: 0;background-color: var(--c2);padding: 40rem;border-radius: var(--br5);}
    .s18-5{padding: 30rem;background-color: var(--c2);border-radius: var(--br5) var(--br5) 0 0;position: relative;z-index: 1;overflow: hidden;}
    .s18-6{padding: 20rem 30rem 30rem;background-color: var(--c2);border-radius: 0 0 var(--br5) var(--br5);position: relative;z-index: 1;display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    .s18-7{padding: 30rem;background-color: var(--c2);border-radius: var(--br5);margin-top: 10rem;box-shadow: var(--shadow1);display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    .s18-8{display: flex;align-items: center;}
    .s18-8::before{content: "";flex: none;margin-right: 10rem;width: max(6px, 8rem);height: max(6px, 8rem);border-radius: 50%;background-color: var(--c3);}
    .s18-8-1{font-size: var(--f-xs);font-weight: 600;letter-spacing: normal;margin-right: auto;}
    .s18-8-1 b{color: var(--c3);font-weight: inherit;}
    .s18-8-2{display: flex;align-items: center;justify-content: center;width: max(24px, 28rem);height: max(24px, 28rem);opacity: .2;cursor: pointer;z-index: 2;position: relative;margin-left: 10rem;}
    .s18-9{display: flex;flex-wrap: wrap;margin: -2rem -8rem;align-items: center;}
    .s18-9:not(:first-child){margin-top: 20rem;}
    .s18-9-1{width: 100%;font-weight: 700;font-size: var(--f-l);line-height: 1.2;letter-spacing: -.02em;padding: 2rem 8rem;}
    .s18-9-2{font-weight: 700;font-size: var(--f-l);line-height: 1.2;letter-spacing: -.02em;padding: 2rem 8rem;}
    .s18-9-3{padding: 2rem 8rem;font-size: var(--f-m);font-weight: 600;letter-spacing: -.02em;text-decoration: line-through;opacity: .4;}
    .s18-10{margin-top: 10rem;opacity: .5;}
    .s18-11{margin-top: 40rem;}
    .s18-12{margin-top: 10rem;background-color: var(--c0);border-radius: var(--br2);overflow: hidden;}
    .s18-13{position: relative;}
    .s18-13 .control{position: absolute;right: 100%;width: 0;height: 0;}
    .s18-14{padding: 20rem;border-radius: var(--br2);overflow: hidden;display: grid;grid-template-columns: 1fr auto;grid-gap: 0 var(--gap);align-items: center;}
    .s18-14-1{font-size: var(--f-m);font-weight: 600;}
    .s18-14-2 .control-label{border-radius: 50%;width: max(18px, 24rem);height: max(18px, 24rem);display: flex;align-items: center;justify-content: center;background-color: var(--c2);border: max(1px, 1.6rem) solid var(--c4);padding: 5rem;color: var(--c2);cursor: pointer;}
    .s18-14-3{font-size: var(--f-s);letter-spacing: normal;font-weight: 600;color: var(--c3);margin-top: 4rem;}
    .s18-14-4{grid-column: 1/-1;margin-left: auto;margin-top: 8rem;}
    .s18-14-4 .button{transition: none;}
    .s18-14-5{grid-column: 1/-1;opacity: .6;font-size: var(--f-xs);letter-spacing: normal;margin-top: 16rem;}
    
    .s18-13 .control:checked ~ .s18-14{background-color: var(--c3);background-image: var(--g1);color: var(--c2);}
    .s18-13 .control:checked ~ .s18-14 .s18-14-3{opacity: .8;color: inherit;}
    .s18-13 .control:checked ~ .s18-14 .control-label{color: var(--c3);border-color: var(--c2);pointer-events: none;}
    
    .s18-15:not(:first-child){border-top: var(--sl) solid var(--c4);padding-top: 30rem;}
    .s18-16{position: relative;overflow: hidden;user-select: none;}
    .s18-16 .button-text{font-size: var(--f-d);}
    .s18-17{padding-top: 20rem;display: grid;grid-template-columns: auto;grid-gap: 10rem;transition: all .15s;overflow: hidden;}
    
    .s18-15.active .s18-16 .button-icon{transform: scaleY(-1);}
    .s18-15:not(.active) .s18-17{height: 0;padding-top: 0;opacity: 0;}
    
    .s18-18{align-items: baseline;display: grid;grid-template-columns: 1fr auto;grid-gap: var(--gap);font-size: var(--f-s);letter-spacing: normal;line-height: 1.2;}
    .s18-18-1{opacity: .6;}
    .s18-18-2{text-align: right;}
    
    .s18-20-1{font-size: var(--f-m);font-weight: 600;letter-spacing: -.02em;}
    .s18-20-2{margin-top: 8rem;opacity: .6;font-size: var(--f-s);letter-spacing: normal;}
    .s18-21{margin-top: 30rem;display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: 10rem;}
    .s18-22{display: flex;align-items: center;border-radius: 999rem;padding: 16rem 20rem;background-color: var(--c0);cursor: pointer;user-select: none;}
    .s18-22-1{display: flex;align-items: center;justify-content: center;flex: none;margin-right: 16rem;height: max(14px, 16rem);width: max(14px, 16rem);color: var(--c3);}
    .s18-22-2{font-size: var(--f-s);letter-spacing: normal;font-weight: 600;flex: auto;}
    .s18-22-3{display: flex;align-items: center;justify-content: center;flex: none;height: max(8px, 10rem);width: max(8px, 10rem);color: var(--c3);margin-left: 16rem;}
    .s18-23{display: flex;margin: -10rem;}
    .s18-23-1{margin: 10rem;flex: auto;}
    .s18-24{display: flex;align-items: center;justify-content: center;}
    .s18-24-1{display: flex;align-items: center;justify-content: center;flex: none;margin-right: 6rem;height: max(14px, 16rem);width: max(14px, 16rem);color: var(--c3);}
    .s18-24-2{font-size: var(--f-xs);letter-spacing: normal;color: var(--c8);}
    .s18-24-2 b{color: var(--c1);}
    .s18-25{display: grid;grid-template-columns: minmax(0, 1fr);grid-gap: 60rem;align-items: center;}
    .s18-26{display: flex;justify-content: center;}
    .s18-26 .carousel-pagination{width: auto;}
    .s18-27{display: grid;grid-template-columns: auto;grid-gap: var(--gap);justify-content: center;}
    .s18-27-1{width: max(16px, 20rem);height: max(16px, 20rem);display: flex;align-items: center;justify-content: center;cursor: pointer;opacity: .4;}
    .s18-28{width: 100%;display: flex;max-width: 630rem;margin: 0 auto;}
    .s18-28 .swiper{width: 100%;}
    .s18-28 .swiper-slide{padding: 0 10rem;}
    .s18-28 .product-image{display: flex;position: relative;}
    .s18-28 .product-image::before{content: "";flex: none;width: 0;padding-top: 75%;}
    .s18-29{display: grid;grid-template-columns: auto;grid-gap: var(--gap);justify-content: center;}
    .s18-30{display: flex;flex-direction: column;align-items: center;}
    .s18-30-1{font-size: var(--f-xs);letter-spacing: normal;text-align: center;margin-bottom: 16rem;opacity: .6;font-weight: 500;}
    .s18-30-2 .runner{background-color: var(--c4);}
    .s18-31{margin: 0 auto;position: relative;width: max(42px, 50rem);height: max(42px, 50rem);display: flex;align-items: center;justify-content: center;cursor: pointer;border-radius: 50%;background-color: var(--c2);padding: 6rem;}
    .s18-32{display: flex;flex-direction: column;box-shadow: var(--shadow1);border-radius: var(--br5);}
    
    .s19-1{}
    .s19-2{}
    .s19-3{margin-bottom: 20rem;font-size: var(--f-b);}
    .s19-3:not(:first-child){margin-top: 30rem;}
    .s19-3 .title b{color: var(--c3);}
    .s19-4{display: grid;grid-template-columns: auto;grid-gap: 20rem;}
    .s19-5{margin: 60rem 0 30rem;}
    .s19-6{margin-top: 50rem;}
    .s19-7{display: grid;grid-template-columns: 1fr repeat(4, auto);align-items: flex-start;grid-gap: 60rem;padding: 30rem;border: max(1px, 2rem) solid var(--c4);border-radius: var(--br4);}
    .s19-8-1{font-weight: 600;font-size: var(--f-m);letter-spacing: -.02em;}
    .s19-8-2{margin-top: 4rem;font-size: var(--f-xs);letter-spacing: normal;}
    .s19-8-2 b{font-weight: 500;color: var(--c3);}
    .s19-9-1{font-size: var(--f-xs);letter-spacing: normal;opacity: .6;}
    .s19-9-2{margin-top: 8rem;font-size: var(--f-xs);letter-spacing: normal;font-weight: 600;}
    .s19-10{margin: auto 0;}
    .s19-10 .control-label{border-radius: 50%;width: max(18px, 24rem);height: max(18px, 24rem);display: flex;align-items: center;justify-content: center;background-color: var(--c2);border: max(1px, 1.6rem) solid var(--c4);padding: 5rem;color: var(--c2);cursor: pointer;}
    .s19-11{position: relative;overflow: hidden;}
    .s19-11 .control{position: absolute;right: 100%;width: 0;height: 0;}
    
    .s19-11 .control:checked ~ .s19-7 .control-label{background-color: var(--c3);border-color: var(--c3);pointer-events: none;}
    .s19-11 .control:checked ~ .s19-7{border-color: var(--c3);}
    
    .s20-1{display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: var(--gap);}
    .s20-1-1{display: flex;}
    
    .page-header + .s20{padding-top: 30rem;}
    
    .s21{padding: 0;}
    .s21-1{display: flex;overflow: hidden;position: relative;border-radius: var(--br5);}
    .s21-1::before{content: "";flex: none;width: 0;padding-top: 50%;}
    
    .s22-1{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));grid-gap: var(--gap);}
    .s22-2{border-radius: var(--br5);background-color: var(--c2);padding: 50rem;display: flex;flex-direction: column;}
    .s22-2-1{font-size: var(--f-xxxl);line-height: 1;letter-spacing: -.02em;color: var(--c3);font-weight: 600;}
    .s22-2-2{margin-bottom: auto;margin-top: 20rem;font-weight: 600;font-size: var(--f-b);line-height: 1.2;letter-spacing: -.02em;}
    .s22-2-3{margin-top: 30rem;opacity: .6;font-size: var(--f-s);}
    .s22-3{position: relative;overflow: hidden;display: flex;border-radius: var(--br5);}
    .s22-3::before{content: "";flex: none;width: 0;padding-top: 130%;}
    
    .section__contrast .s22-2{background-color: var(--c0);}
    
    .s23-1{position: relative;overflow: hidden;display: flex;border-radius: var(--br5);align-items: flex-end;background-color: var(--c14);color: var(--c2);}
    .s23-1::before{content: "";flex: none;width: 0;padding-top: 45%;}
    .s23-2{display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));grid-gap: var(--gap);counter-reset: index;}
    .s23-2:not(:first-child){margin-top: 30rem;}
    .s23-2-1 .card-5 .card-header::after{content: "(" counter(index, decimal-leading-zero) ")";counter-increment: index;font-size: var(--f-s);color: var(--c3);font-weight: 500;}
    .s23-4{display: grid;grid-template-columns: auto;grid-auto-flow: column;grid-gap: 80rem;}
    .s23-5-2{margin-top: 10rem;font-size: var(--f-s);max-width: 200rem;}
    .s23-6{position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
    .s23-6::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-image: linear-gradient(rgba(0,0,0,0), var(--c14));}
    .s23-7{position: relative;z-index: 1;padding: 50rem;width: 100%;display: grid;grid-template-columns: 1fr auto;grid-gap: 80rem;}
    
    .s24-1{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 60rem;margin-bottom: -50rem;height: calc(100% + 50rem);grid-template-rows: 1fr auto;}
    .s24-2{display: flex;flex-direction: column;justify-content: space-between;}
    .s24-3{overflow: auto;padding-bottom: 50rem;height: 100%;grid-row-end: span 2;}
    .s24-5{padding-bottom: 50rem;}
    .s24-6{margin-bottom: 30rem;color: var(--c3);text-align: center;font-size: var(--f-s);}
    .s24-7{display: grid;grid-template-columns: auto;grid-gap: 10rem;}
    
    .s25-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .s25-2{grid-column: 1/3;}
    .s25-3{box-shadow: var(--shadow1);border-radius: var(--br5);background-color: var(--c2);padding: 30rem;display: grid;grid-template-columns: auto;grid-gap: 30rem;}
    
    .s26-1{display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: var(--gap);align-items: flex-start;}
    .s26-2{grid-column: 1/3;}
    
}

@media screen and (max-width: 1023.98px) {
    
    :root{
        
        --wr: 15rem;
    
        --gap: 10rem;

        --br0: 6rem;
        --br1: 8rem;
        --br2: 12rem;
        --br3: 16rem;
        --br4: 20rem;
        --br5: 24rem;
        --br6: 32rem;


        --f-xxs: 8rem;
        --f-xs: 10rem;
        --f-s: 12rem;
        --f-d: 12rem;
        --f-m: 14rem;
        --f-b: 16rem;
        --f-l: 18rem;
        --f-xl: 22rem;
        --f-xxl: 22rem;
        --f-xxxl: 40rem;

        --btn: 40rem;
        
        --mw: 640rem; 

        
    }
    
    html{font-size: 1px;}
    
    .desktop{display: none!important;}
    
    .popup-active{overflow: hidden;}
    
    .button__default{padding: 0 20rem;}
    .button__default .button-text{font-size: var(--f-m);}
    
    .button__secondary{padding: 0 20rem;}
    .button__secondary .button-icon{width: 20rem;height: 20rem;}
    .button__secondary .button-icon:only-child{margin: 0 -20rem;}
    
    .button__outlined{padding: 8rem;}
    
    .title br{display: none;}
    
    .pretitle{font-size: var(--f-xs);}
    
    .textfield-switch-icon{width: 24rem;height: 24rem;margin: 0;}
  
    .topbar{display: none;}
    .mainbar{grid-template-columns: 1fr auto auto;grid-gap: 20rem;}
    .mainbar-logo{max-width: 85rem;}
    .mainbar-nav,
    .mainbar-tel,
    .mainbar-tel-context{display: none;}
    .mainbar-tel-value{font-size: var(--f-d);}
    .mainbar-menu{display: flex;align-items: center;justify-content: center;width: 24rem;height: 24rem;color: var(--c3);}
    
    .footer{}
    .footer-nav{padding: 40rem 0;grid-template-columns: auto;grid-gap: 30rem;}
    .footer-nav-col{padding: 0;}
    .footer-nav-title{font-size: var(--f-b);}
    .footer-grid-inner{margin: 0;grid-template-columns: auto;grid-gap: 30rem;}
    .footer-grid-col{margin: 0;}
    .footer-grid-col:last-child{margin: 0 auto 0 0;}
    
    .footer-map{}
    
    .map-card{margin: 200rem 0 20rem;max-width: none;}
    .map-card .card-pretitle{font-size: var(--f-xs);}
    .map-card .card-title{font-size: var(--f-m);}
    
    .bottombar-inner{font-size: var(--f-xs);}
    
    .hero-slide{padding: 20rem;position: relative;}
    .hero-slide-num{font-size: 54rem;line-height: 1.2;}
    .hero-slide-subtitle{font-size: var(--f-m);margin-top: 4rem;max-width: 175rem;}
    .hero-slide-image{margin: 20rem;position: absolute;top: 0;right: 0;width: 50%;bottom: 0;}
    .hero-slide-image img{position: absolute;top: 0;right: 0;width: 100%;height: 100%;object-position: top right;object-fit: contain;}
    .hero-slide-action{margin-top: 35rem;}
    
    .hero{padding: 20rem;}
    .hero-header{margin: -12rem -12rem 175rem auto;border-radius: var(--br1);padding: 12rem;display: flex;align-items: center;}
    .hero-header-icon{margin: 0 8rem 0 0;width: 24rem;height: 24rem;}
    .hero-header-subtitle{font-size: var(--f-xxs);}
    .hero-footer{margin-top: 20rem;}
    
    .formbox-row{flex-direction: column;align-items: stretch;}
    .formbox-cell:not(:first-child){margin: 16rem 0 0;}
    
    .tabs ul{margin: -4rem;}
    .tabs li{margin: 4rem;padding: 10rem 16rem;}
    
    .tabs__dense li{font-size: var(--f-xs);}
    
    .runner li{padding: 4rem 8rem;}
    
    .catalog-settings{padding: 0 0 30rem;border-radius: 0 0 30rem 30rem;}
    .catalog-form-inner{flex-direction: column;align-items: flex-start;margin: 0 0 -16rem;}
    .catalog-form-item{width: 100%;margin: 0;padding-bottom: 16rem;}
    .catalog-toolbar{grid-template-columns: 1fr auto;grid-gap: 30rem;}
    .catalog-toolbar-col:nth-child(2){grid-column: 1/-1;order: 1;}
     
    .sber-label{padding: 4rem 8rem;}
    .sber-label-icon{width: 16rem;height: 16rem;margin-right: 8rem;}
    
    .rating{width: 75rem;height: 12rem;}
    
    .popup-aside{border-radius: 0;padding: 20rem var(--wr) 0;}
    .popup-header{margin-bottom: 20rem;}
    .popup-header-title{display: flex;align-items: center;min-height: 32rem;}
    .popup-close{}
    .popup-close .button{min-width: 32rem;height: 32rem;padding: 0;}
    .popup-close .button-icon{width: 14rem;height: 14rem;}
    .popup-content{padding: 30rem var(--wr);margin: 0 var(--awr);border-top: var(--sl) solid var(--c4);}
    
    .card-1 .card-header::before{padding-top: 90%;}
    .card-1 .card-subtitle-icon{display: none;}
    
    .card-2{padding: 8rem;}
    .card-2 .card-content{padding: 0 8rem;}
    .card-2 .card-footer{padding: 0 8rem;margin-bottom: 8rem;}
    
    .card-3 .card-header-icon{width: 36rem;height: 36rem;}
    
    .card-4{border-radius: var(--br1);}
    .card-4 .card-inner:last-child,
    .card-4 .card-inner{border-radius: var(--br1);padding: 10rem;}
    .card-4 .card-media,
    .card-4 .card-media:not(:only-child){color: transparent;}
    .card-4 .card-media:not(:first-child){display: none;}
    .card-4 .card-footer{margin-top: calc(-1 * var(--br1));padding: var(--br1) 10rem 0;}
    
    .card-5{min-height: 0;padding: 20rem;}
    .card-5 .card-header{margin-bottom: 40rem;}
    .card-5 .card-header-icon{width: 32rem;height: 32rem;}
    .card-5 .card-title{font-size: var(--f-b);}
    .card-5 .card-footer{margin: 20rem -10rem -10rem;padding: 10rem;}
    
    .card-6{min-height: 0;}
    .card-6::before{padding-top: 65%;}
    
    .card-7{min-height: 280rem;}
    
    .card-8{padding: 20rem;}
    .card-8 .card-header-icon{width: 36rem;height: 36rem;}
    
    .card-9{padding: 8rem;}
    .card-9 .card-content{margin-top: 8rem;padding: 8rem;}
    .card-9 .card-action{margin-top: 30rem;}
    
    .card-10{padding: 20rem;}
    .card-10 .card-rating-date{font-size: var(--f-xs);}
    .card-10 .card-footer{grid-template-columns: repeat(3, 1fr);}
    .card-10 .card-footer-image:nth-child(n + 4){display: none;}
    
    .card-11 .card-header-icon{width: 30rem;height: 30rem;}
    
    .card-12{min-height: 0;padding: 20rem;}
    
    .page-header{padding-top: 20rem;padding-bottom: 40rem;}
    .page-header-grid{grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3" "a4" "a5";}
    .page-header-breadcrumbs{margin-bottom: 30rem;}
    .page-header-media{margin-bottom: 30rem;}
    .page-header-subtitle{margin-top: 10rem;}
    .page-header-action{margin-top: 30rem;}
    
    .section{padding: 40rem 0;}
    .section:first-child{padding-top: 20rem;}
    .section:last-child{padding-bottom: 80rem;}
    
    .section__contrast + .section__contrast{padding-top: 20rem;}
    
    .section-header{grid-template-columns: auto;margin-bottom: 30rem;grid-gap: 0;}
    .section-header-main{grid-column: 1/-1;}
    .section-header-subtitle{margin-top: 10rem;}
    .section-header-paging{grid-column: 1/-1;margin-top: 30rem;}
    .section-header-action{display: none;}
    .section-header-title:only-child, 
    .section-header-paging, 
    .section-header-action{min-height: 0;}
    .section-header-aside{grid-column: 1/-1;margin-top: 10rem;text-align: left;}
    
    .s1-1{grid-template-columns: minmax(0, 1fr);grid-gap: 20rem;}
    .s1-1-1{grid-column: 1/-1;}
    .s1-1-2{grid-column: 1/-1;}
    .s1-1-3{grid-column: 1/-1;}
    .s1-1-4{grid-column: 1/-1;}
    .s1-1 .swiper{width: 310rem;}
    .s1-3{margin-top: 30rem;justify-content: flex-end;}
    
    .s2-2{grid-template-columns: auto;grid-gap: 40rem;}
    .s2-3{}
    .s2-3:not(:first-child){margin-top: 30rem;}
    .s2-3-1{display: flex;}
    .s2-4::before{padding-top: 120%;}
    .s2-5{padding: 0;}
    .s2-6{grid-column: 1/-1;order: -1;}
    .s2-6-2{margin-top: 20rem;}
    .s2-6-3{display: none;}
    .s2-8{margin-top: 20rem;}
    
    .s3-2 .swiper{max-width: 310rem;}
    .s3-3:not(:first-child){margin-top: 80rem;grid-template-columns: auto;}
    .s3-4::before{padding-top: 65%;}
    .s3-5{padding: 30rem;}
    .s3-5-4{margin-top: 40rem;}
    
    .s4-1{grid-template-columns: auto;grid-gap: 20rem;}
    .s4-2{grid-column: 1/-1;grid-template-columns: auto;}
    .s4-3{grid-column: 1/-1;padding: 20rem;}
    .s4-4{padding: 16rem;}
    .s4-4-1:first-child::before{font-size: var(--f-xs);}
    .s4-4-2{margin-top: 8rem;}
    .s4-4-3 .button{min-width: 32rem;height: 32rem;}
    .s4-4-3 .button-icon:only-child{width: 12rem;height: 12rem;}
    .s4-5-2{width: 24rem;height: 24rem;}
    
    .s5-1{grid-template-columns: auto;grid-gap: 0;}
    .s5-2:not(:first-child){margin-top: 10rem;}
    .s5-3{flex-direction: column;padding: 0;border-radius: 0;}
    .s5-3:not(:first-child){margin-top: 30rem;}
    .s5-3::before{display: none;}
    .s5-5{position: relative;display: flex;height: auto;border-radius: var(--br3);padding-top: 65%;overflow: hidden;margin-bottom: 10rem;order: -1;}
    
    .s6-1-1{display: flex;}
    .s6-1-1 .card-5{min-height: 0;}
    .s6-2{grid-template-columns: auto;}
    .s6-3{padding: 20rem;grid-template-columns: auto;grid-gap: 16rem;}
    
    .s7-1{grid-template-columns: auto;grid-gap: 0;}
    .s7-2-2{margin-top: 20rem;}
    .s7-3{grid-row: auto;margin-top: 30rem;}
    .s7-4{margin-top: 10rem;}
    .s7-6{margin-top: 20rem;}
    
    .s8-1{grid-template-columns: auto;grid-gap: 0;grid-template-areas: "a1" "a2" "a3" "a4" "a5";grid-template-rows: auto;}
    .s8-3{text-align: left;margin-top: 10rem;}
    .s8-4{margin-left: 0;margin-top: 20rem;}
    .s8-5{margin-top: 20rem;padding: 20rem;}
    .s8-6{margin-top: 10rem;}
    .s8-7{padding: 30rem;grid-gap: 30rem var(--gap);}
    .s8-10{padding-bottom: 20rem;}
    
    .s9-1{grid-template-columns: minmax(0, 1fr);grid-gap: 0;}
    .s9-2{grid-column: 1/-1;margin-top: 10rem;}
    .s9-3{order: -1;}
    .s9-3 .swiper-slide::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s9-3 .carousel-pagination{padding: 20rem;}
    .s9-4{margin: 50rem 0 0;padding: 0;border-radius: 0;background-color: transparent;}
    .s9-4 .partners{display: none;}
    .s9-5{margin-top: 20rem;}
    
    .s10-2{grid-template-columns: auto;}
    .s10-3{grid-template-columns: auto;}
    .s10-3:not(:first-child){margin-top: 30rem;}
    .s10-4{min-height: 0;order: 1;}
    .s10-4::before{padding-top: 65%;}
    .s10-5{padding: 30rem;}
    .s10-6{margin-top: 30rem;}
       
    .s11-2{margin: 50rem 0 0;padding: 0;border-radius: 0;background-color: transparent;}
    .s11-2 .partners{margin-bottom: 30rem;}
    .s11-2 .partners-group{display: none;}
    
    .s12-1{grid-template-columns: auto;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3";grid-gap: 30rem;}
    
    .s13-1{flex-direction: column;}
    .s13-1::before{padding-top: 75%;}
    .s13-2{height: auto;right: 0;bottom: var(--br5);}
    .s13-3{width: 100%;max-width: none;padding: 0;}
    
    .s14-2{padding: 16rem 20rem;}
    
    .s15-2{grid-template-columns: 1fr 1fr;grid-gap: 5rem;margin: 0 var(--awr);padding: 0 5rem;}
    .s15-3{grid-template-columns: auto;}
    .s15-3-2{display: none;}
    .s15-4{margin-top: 40rem;}
    
    .s16-1{grid-template-columns: auto;}
    .s16-2{padding: 16rem 20rem;}
    
    .s17-1{grid-template-columns: minmax(0, 1fr);grid-gap: 0;overflow: visible;}
    .s17-2{grid-column: auto;border-radius: 0;overflow: visible;}
    .s17-2::before{display: none;}
    .s17-2 .swiper{overflow: visible;max-width: 310rem;margin-left: calc(-1 * var(--gap));position: relative;}
    .s17-2 .swiper-slide{padding-left: var(--gap);}
    .s17-2-1{position: relative;overflow: hidden;border-radius: var(--br3);display: flex;}
    .s17-2-1::before{content: "";flex: none;width: 0;padding-top: 65%;}
    .s17-3{display: none;}
    .s17-4{margin-top: 30rem;max-width: none;}
    
    .s18{padding-top: 0;}
    .s18-1{grid-template-columns: auto;grid-gap: 0;grid-template-rows: auto;grid-template-areas: "a1" "a2" "a3";}
    .s18-2{grid-gap: 20rem;margin: 0 0 20rem;padding: 0;}
    .s18-3{margin: 0 var(--awr);border-radius: var(--br5);padding: 25rem 0;background-color: var(--c2);}
    .s18-4{margin: 10rem var(--awr) 0;padding: 25rem var(--wr);}
    .s18-5{padding: 0 var(--wr) 0;border-radius: 0;}
    .s18-6{padding: 20rem var(--wr) 0;order: 1;border-radius: 0;grid-gap: 20rem;}
    .s18-7{box-shadow: none;padding: 20rem var(--wr);border-radius: 0;margin: 0;grid-gap: 20rem;}
    .s18-8{margin-bottom: 4rem;}
    .s18-12{margin-top: 20rem;}
    .s18-15:not(:first-child){padding-top: 20rem;}
    .s18-16 .button-text{font-size: var(--f-m);}
    .s18-19-1{width: 24rem;height: 24rem;}
    .s18-20{max-width: 230rem;}
    .s18-20-1{font-size: var(--f-b);}
    .s18-21{grid-template-columns: 1fr 1fr;}
    .s18-23{flex-direction: column;margin: 0;}
    .s18-23-1{margin: 0;}
    .s18-23-1:not(:first-child){margin-top: var(--gap);}
    .s18-25{grid-template-columns: minmax(0, 1fr);grid-gap: 0;position: relative;}
    .s18-27{display: none;}
    .s18-29{grid-gap: 0;}
    .s18-30{display: none;}
    .s18-31{position: absolute;bottom: 0;left: 0;z-index: 1;margin: 8rem;width: 40rem;height: 40rem;}
    .s18-32{box-shadow: none;}
    
    .s19-4{grid-gap: 10rem;}
    .s19-5{margin: 30rem 0 30rem;}
    .s19-6{margin-top: 40rem;}
    .s19-6 .button{width: 100%;}
    .s19-7{padding: 20rem;grid-gap: 20rem 10rem;grid-template-columns: repeat(3, 1fr) auto;}
    .s19-8{grid-column: 1/4;}
    .s19-9{order: 1;}
    .s19-9-2{font-size: var(--f-s);}
    .s19-10{margin-left: auto;}
    
    .s22-1{grid-template-columns: auto;}
    .s22-2{padding: 30rem;}
    .s22-2-2{margin-top: 10rem;}
    .s22-3{order: 1;}
    .s22-3::before{padding-top: 100%;}
    
    .s23-3{max-width: 240rem;}
    .s23-4{grid-template-columns: 1fr 1fr;grid-gap: 20rem;}
    .s23-5-2{font-size: var(--f-xs);}
    .s23-5-2 br{display: none;}
    .s23-7{grid-template-columns: auto;padding: 30rem 20rem;}
    
    .s24-1{grid-template-columns: auto;grid-gap: 20rem;height: auto;margin: 0;}
    .s24-3{height: auto;overflow: visible;padding: 0;}
    .s24-5{padding: 20rem 0 0;position: sticky;bottom: 0;z-index: 1;}
    
    .s25-1{grid-template-columns: auto;grid-gap: 40rem;}
    .s25-2{grid-column: 1/-1;}
    .s25-3{padding: 20rem;border-radius: var(--br2);}
    
    .s26-1{grid-template-columns: auto;grid-gap: 40rem;}
    .s26-2{grid-column: 1/-1;}
    
    .partners-carousel{margin: 0 var(--awr);}
    .partners-carousel .swiper{overflow: visible;}
    .partners-carousel .swiper-wrapper{transition-timing-function: linear!important;}
    .partners-carousel .swiper-slide{padding: 0 20rem;width: auto;}
    .partners-carousel .swiper-slide img{height: 30rem;width: auto;max-width: none;max-height: none;}
    
    .scrollbox{margin: 0 var(--awr);padding: 0 var(--wr);overflow: auto;overflow: -moz-scrollbars-none!important;scrollbar-width: none;grid-template-columns: auto;grid-auto-flow: column;scroll-snap-type: x mandatory;scroll-padding: var(--wr);grid-gap: var(--gap);}
    .scrollbox::-webkit-scrollbar{display: none;}
    .scrollbox > *{width: 310rem;scroll-snap-align: start;grid-column: auto;display: flex;}
    
    .popup-modal{transform: none;left: 0;top: 0;height: 100%;border-radius: 0;padding: 20rem var(--wr) 0;}
    
    .shopcart{grid-gap: var(--gap);}
    .shopcart-row{grid-template-columns: 2fr 1fr auto;grid-template-rows: auto 1fr;grid-gap: 30rem var(--gap);padding: 20rem;grid-template-areas: "a1 a1 a2" "a3 a4 a4";}
    
    .shopcart-item{grid-area: a1;}
    .shopcart-item-media{width: 80rem;height: 80rem;}
    .shopcart-delete-wrapper{grid-area: a2;margin-left: auto;margin-bottom: auto;}
    .shopcart-num{grid-area: a3;}
    .shopcart-price{grid-area: a4;}
    
    .product-spinner-control{padding: 0 15rem;}
    
    .searchbox,
    .textfield-input, 
    .textfield-input-range{padding: 15rem 20rem;}
    
}

@media screen and (min-width: 1024px) {
    
    .mobile{display: none!important;}
    
    
    .header.init{top: calc(-1 * var(--headroom-height));transition: top .25s linear;}
    .header.active{top: 0;}
    .header:not(.static){box-shadow: 0 0 20rem rgba(0,0,0,.1);}
    
    .section-header-main:only-child{grid-column: 1/10;}
    
    .section-header-main{grid-column: 1/9;}
    .section-header-main:nth-last-child(3),
    .section-header-main:nth-last-child(2){grid-column: 1/7;}
    
    .catalog-type-rows{grid-template-columns: auto;grid-gap: 16rem;}
    .catalog-type-rows .card-4 .card-inner{grid-template-areas: "a3 a1 a5 a5 a5 a4 a6 a2";grid-template-rows: auto;grid-template-columns: auto repeat(4, minmax(0, 1fr)) 1.5fr 1.5fr auto;grid-gap: 0 40rem;align-items: center;padding: 10rem 40rem 10rem 10rem;}
    .catalog-type-rows .card-4 .card-header{margin: 0;width: 130rem;margin-right: 20rem;padding: 0;border-radius: var(--br1);overflow: hidden;}
    .catalog-type-rows .card-4 .card-info{margin: 0;}
    .catalog-type-rows .card-4 .card-info-meta{display: none;}
    .catalog-type-rows .card-4 .card-info li{flex: 1;}
    .catalog-type-rows .card-4 .card-info li:not(:last-child){margin-right: 40rem;}
    .catalog-type-rows .card-4 .card-info li::after{display: none;}
    .catalog-type-rows .card-4 .card-tags{margin: 0;}
    .catalog-type-rows .card-4 .card-price-old{order: -1;}
    
    .s8-2{padding-right: 50rem;}
    .s8-4{margin-left: -50rem;display: flex;justify-content: flex-end;}
    
    .s15-2:not(.catalog-type-rows) .s15-2-2{display: none;}
    
    .s23-2-1 .card-5{min-height: 100%;}
    .s23-2-1 .card-5 .card-subtitle{max-width: 230rem;}
    
    
}

@media screen and (min-width: 1440px) {
    
    
    html{font-size: 1px;}
    
    
}

/* hover animations */

@media (hover: hover) and (pointer: fine) and (min-width: 1024px) {
   
    .pdl:hover::after{border-bottom-style: solid;}
    
    .button,
    .carousel-button{transition: all .25s;}
    
    .button__default:hover,
    .button__secondary:hover,
    .button__outlined:hover,
    .carousel-button:not(.swiper-button-disabled):hover{border-radius: calc(var(--btn) / 2);}
    
    .button__more .button-text{transition: opacity .15s;}
    
    .tabs li{transition: all .15s;}
    .tabs li:hover{background-color: var(--c3);color: var(--c2);border-color: var(--c3);}
    
    .partners-action .button__more:not(:hover) .button-text{opacity: .4;}
    
    .card-4 .card-media{transition: color .15s;}
    .card-4:not(:hover) .card-media:nth-child(2),
    .card-4:hover .card-media:nth-child(1){color: var(--c17);}
    
    .card-4 .card-media:not(:only-child) img{transition: opacity .15s;opacity: 0;}
    .card-4:not(:hover) .card-media:nth-child(1) img,
    .card-4:hover .card-media:nth-child(2) img{opacity: 1;}
    
    .card-4 .card-tags:hover .button{border-radius: calc(var(--btn) / 2);}
    
    .card-1 .card-subtitle-text{will-change: transform;transition: transform .25s;}
    .card-1 .card-subtitle-icon{transition: opacity .15s .25s;}
    
    .card-1:not(:hover) .card-subtitle-text{transform: translateX(30rem);transition-delay: .15s;}
    .card-1:not(:hover) .card-subtitle-icon{opacity: 0;transition-delay: 0s;}
    
    .card-3 .card-media{transition: transform .5s;will-change: transform;}
    
    .card-3:hover .card-media{transform: scale(1.03);}
    
    .button__ibt .button-text,
    .s15-4-1,
    .s6-3-1,
    .s7-5-1 .button__more .button-text,
    .s14-2 .button__more .button-text,
    .card-4 .card-action,
    .s18-8-2,
    .s18-27-1{transition: all .15s;}
    
    .button__ibt .button-text:hover,
    .s15-4-1:hover,
    .s6-3:hover .s6-3-1,
    .s7-5-1 .button__more:hover .button-text,
    .s14-2 .button__more:hover .button-text,
    .card-4 .card-action:hover,
    .s18-8-2:hover,
    .s18-27-1:hover{color: var(--c3);opacity: 1;}
    
    .card-6 .card-content,
    .card-7 .card-content{transition: opacity .25s;}
    .card-6:not(:hover) .card-content,
    .card-7:not(:hover) .card-content{opacity: 0;}
    
}