@font-face {
	font-family: 'Helvetica Neue';
	src: url("../fonts/HelveticaNeueRoman.woff2") format("woff2"),
		url("../fonts/HelveticaNeueRoman.woff") format("woff"),
		url("../fonts/HelveticaNeueRoman.otf") format("opentype");
	font-weight: normal;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url("../fonts/HelveticaNeueBold.woff2") format("woff2"),
		url("../fonts/HelveticaNeueBold.woff") format("woff"),
		url("../fonts/HelveticaNeueBold.otf") format("opentype");
	font-weight: bold;
	font-style: normal;
	font-display: swap;
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url("../fonts/HelveticaNeueItalic.woff2") format("woff2"),
		url("../fonts/HelveticaNeueItalic.woff") format("woff"),
		url("../fonts/HelveticaNeueItalic.otf") format("opentype");
	font-weight: normal;
	font-style: italic;
	font-display: swap;
}
@font-face {
	font-family: 'Helvetica Neue';
	src: url("../fonts/HelveticaNeueBoldItalic.woff2") format("woff2"),
		url("../fonts/HelveticaNeueBoldItalic.woff") format("woff"),
		url("../fonts/HelveticaNeueBoldItalic.otf") format("opentype");
	font-weight: bold;
	font-style: italic;
	font-display: swap;
}

@font-face {
    font-family: 'Noto Sans';
    src: local("Noto Sans"),url("../fonts/NotoSans-VariableFont_wdth,wght.ttf") format("truetype-variations");
    font-weight: 200 1000;
    font-stretch: 75% 125%;
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'Noto Sans';
    src: local("Noto Sans Italic"),url("../fonts/NotoSans-Italic-VariableFont_wdth,wght.ttf") format("truetype-variations");
    font-weight: 200 1000;
    font-stretch: 75% 125%;
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@keyframes pulse-video {
    0% { transform: scale(1);}
    50% { transform: scale(1.8);}
    100% { transform: scale(1);}
}
@keyframes huerotate {
    0% { filter: hue-rotate(-50deg);}
    50% { filter: hue-rotate(110deg);}
    100% { filter: hue-rotate(-50deg);}
}

:root {
    /* sizes */
    --size-font: 17px;
	--size-full: 100%;
	--size-uulg: 1920px;
	--size-ulg: 1601px;
	--size-xlg: 1600px;
	--size-lg: 1280px;
	--size-md: 1068px;
	--size-sm: 734px;
	--size-xsm: 512px;
	--size-usm: 380px;
	--size-nav: 3.5rem;
    --clear: 3rem;
    --line-height: 1.25;
    --main-gap: 1.5rem;
    --main-gap-05: calc(var(--main-gap) / 2);
    --trns-15: .15s ease;
    
    /* radius */
    --r-1: 3rem;
    --r-2: calc(var(--r-1) / 2);
    --r-3: calc(var(--r-1) / 3);
    --r-4: calc(var(--r-1) / 4);
    --r-5: calc(var(--r-1) / 5);
    --r-6: calc(var(--r-1) / 6);
    --r-7: calc(var(--r-1) / 7);
    --r-8: calc(var(--r-1) / 8);
    --r-9: calc(var(--r-1) / 9);
    --r-10: calc(var(--r-1) / 10);
    --r-c: 50%;
    --r-btn: var(--r-3);
    
    --clr-black: rgba(0, 0, 0, 1);
    --clr-black-05: rgba(0, 0, 0, .05);
    --clr-black-10: rgba(0, 0, 0, .1);
    --clr-black-20: rgba(0, 0, 0, .2);
    --clr-black-30: rgba(0, 0, 0, .3);
    --clr-black-40: rgba(0, 0, 0, .4);
    --clr-black-50: rgba(0, 0, 0, .5);
    --clr-black-60: rgba(0, 0, 0, .6);
    --clr-black-70: rgba(0, 0, 0, .7);
    --clr-black-80: rgba(0, 0, 0, .8);
    --clr-black-90: rgba(0, 0, 0, .9);
    
    --clr-white: rgba(255, 255, 255, 1);
    --clr-white-05: rgba(255, 255, 255, .05);
    --clr-white-10: rgba(255, 255, 255, .1);
    --clr-white-20: rgba(255, 255, 255, .2);
    --clr-white-30: rgba(255, 255, 255, .3);
    --clr-white-40: rgba(255, 255, 255, .4);
    --clr-white-50: rgba(255, 255, 255, .5);
    --clr-white-60: rgba(255, 255, 255, .6);
    --clr-white-70: rgba(255, 255, 255, .7);
    --clr-white-80: rgba(255, 255, 255, .8);
    --clr-white-90: rgba(255, 255, 255, .9);
    
    --clr-tr: rgba(0, 0, 0, 0);
    
    --clr-red: #e1544f;
    --clr-red-05: rgba(225, 84, 79, .05);
    --clr-red-10: rgba(225, 84, 79, .1);
    --clr-red-20: rgba(225, 84, 79, .2);
    --clr-red-xlight: #ffb0b0;
    --clr-red-light: #ff8985;
    --clr-red-dark: #bd221d;
    
    --clr-blue: #335989;
    --clr-blue-05: rgba(51, 89, 137, .05);
    --clr-blue-10: rgba(51, 89, 137, .1);
    --clr-blue-20: rgba(51, 89, 137, .2);
    --clr-blue-light: #5384c3;
    --clr-blue-dark: #032c61;
    --clr-bluel: #29abe2;
    --clr-bluel-05: rgba(41, 171, 226, .05);
    --clr-bluel-10: rgba(41, 171, 226, .1);
    --clr-bluel-20: rgba(41, 171, 226, .2);
    --clr-bluel-xlight: #99e1ff;
    --clr-bluel-light: #7bd8ff;
    --clr-bluel-dark: #006b99;
    --clr-blued: #12315f;
    --clr-blued-05: rgba(18, 49, 95, .05);
    --clr-blued-10: rgba(18, 49, 95, .1);
    --clr-blued-20: rgba(18, 49, 95, .2);
    --clr-blued-light: #1d3963;
    --clr-blued-dark: #001739;
        
    --clr-orange: #f7931e;
    --clr-orange-05: rgba(247, 147, 30, .05);
    --clr-orange-10: rgba(247, 147, 30, .1);
    --clr-orange-20: rgba(247, 147, 30, .2);
    --clr-orange-xlight: #ffd8aa;
    --clr-orange-light: #edad5c;
    --clr-orange-dark: #ff7800;
    
    --clr-pink: #ed1e79;
    --clr-pink-05: rgba(237, 30, 121, .05);
    --clr-pink-10: rgba(237, 30, 121, .1);
    --clr-pink-20: rgba(237, 30, 121, .2);
    --clr-pink-xlight: #ffc5de;
    --clr-pink-light: #ff60a6;
    --clr-pink-dark: #b3004f;
    
    --clr-green: #10c44c;
    --clr-green-05: rgba(16, 196, 76, .05);
    --clr-green-10: rgba(16, 196, 76, .1);
    --clr-green-20: rgba(16, 196, 76, .2);
    --clr-green-xlight: #83ffac;
    --clr-green-light: #5fff94;
    --clr-green-dark: #00b73d;
    
    --clr-yellow: #ffde0c;
    --clr-yellow-05: rgba(255, 222, 12, .05);
    --clr-yellow-10: rgba(255, 222, 12, .1);
    --clr-yellow-20: rgba(255, 222, 12, .2);
    --clr-yellow-xlight: #fff092;
    --clr-yellow-light: #ffe962;
    --clr-yellow-dark: #e7ab00;
    
    --clr-gray: #a9aab5;
    --clr-gray-light: #eaecf3;
    --clr-gray-dark: #7a7e8b;
    
    --clr-text: #5c6171;
    --clr-text-sub: var(--clr-black);
    
    --clr-bg: var(--clr-white);
    --clr-bg-sub: var(--clr-gray-light);
    
    --bg-clr-section: var(--clr-white);
    
    --font: 'Noto Sans', system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, Verdana;
    --font-alt: 'Helvetica Neue', system-ui, -apple-system, Segoe UI, Roboto, Noto Sans, Ubuntu, Cantarell, Helvetica Neue, Helvetica, Arial, Verdana;

    --size-rad-btn: .25rem;
    --size-rad-el: .5rem;    
    
    --clr-acnt: var(--clr-blue);
    --clr-acnt-hover: var(--clr-blue-dark);
    
    
    
    
    --svg-coin: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M5.21,11.52a14.5,14.5,0,0,1,7.06,1.79,6.89,6.89,0,0,1,1.44,1.14,2,2,0,0,1,.54,1.95A8.82,8.82,0,0,0,14,17.54a2.4,2.4,0,0,1-1.91,2.09,9.94,9.94,0,0,1-3.95.3A15.59,15.59,0,0,1,3,18.57,6.13,6.13,0,0,1,.79,16.93,2,2,0,0,1,.36,15.2c.1-.5.19-1,.28-1.5a2.15,2.15,0,0,1,1.28-1.61,6.62,6.62,0,0,1,2.55-.57Zm0,1.57H5a5.66,5.66,0,0,0-2.4.45c-.37.18-.44.38-.13.64a7.4,7.4,0,0,0,1.49,1.07,13.5,13.5,0,0,0,6.38,1.34,4.68,4.68,0,0,0,2.11-.44c.36-.19.41-.39.12-.68a4.57,4.57,0,0,0-.88-.71A13.39,13.39,0,0,0,5.22,13.09Z'/%3E%3Cpath d='M19.69,9.74a2.14,2.14,0,0,1-1,1.94,10,10,0,0,0-1.05.76,2,2,0,0,1-2.05.36A6.88,6.88,0,0,1,13,11.21,15.49,15.49,0,0,1,9.06,5.7a6.12,6.12,0,0,1-.57-2.77,2,2,0,0,1,.84-1.57c.39-.29.79-.57,1.17-.87A2.24,2.24,0,0,1,12.88.22a8.18,8.18,0,0,1,2.78,1.93,15.17,15.17,0,0,1,3.56,5.34A6.19,6.19,0,0,1,19.69,9.74Zm-1.57-.19a8.17,8.17,0,0,0-.23-1,13.15,13.15,0,0,0-4.58-6.26,5.25,5.25,0,0,0-1.17-.62c-.4-.16-.6,0-.59.39a3.46,3.46,0,0,0,.12,1A12.85,12.85,0,0,0,15.9,9.25a6.32,6.32,0,0,0,1.59.93C17.93,10.39,18.12,10.22,18.12,9.55Z'/%3E%3C/svg%3E");
    --svg-star: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 24 24'%3E%3Cpath d='M9.358 6.136C10.53 4.046 11.117 3 12 3s1.47 1.045 2.643 3.136c.259.462.484 1.038.925 1.354.42.302 1.006.332 1.502.422 2.356.429 3.534.643 3.842 1.457q.034.09.057.182c.208.847-.632 1.581-2.316 3.313-.527.541-.766.798-.872 1.149-.097.325-.05.677.044 1.381.323 2.42.482 3.762-.21 4.31-1.24.98-3.24-.742-4.359-1.259C12.638 18.16 12.33 18 12 18s-.638.16-1.256.445c-1.12.517-3.119 2.24-4.358 1.258-.693-.547-.528-1.889-.205-4.309.094-.704.14-1.056.043-1.381-.105-.351-.345-.607-.872-1.15-1.684-1.73-2.529-2.465-2.32-3.312q.021-.093.056-.182c.308-.814 1.486-1.028 3.842-1.457.496-.09 1.083-.12 1.502-.422.441-.316.666-.893.926-1.354'/%3E%3C/svg%3E");
    --svg-heat: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'%3E%3Cpath d='M8 2.065c-2-.643-.667 3.71-2 3.71-.667 0-.806-1.258-1.339-1.258C3.994 4.517 2 6.56 2 9.13 2 11.474 3.333 14 6 14c.667 0 1-.212.625-.62-1.875-2.044-1.358-4.042-.63-3.808.94.302 1.823 1.779 2.557-1.35.186-.847.653-.622 1.266 0 .921.932 1.402 2.94-.36 5.157-.291.367.209.621 1.021.621C12.23 14 14 12.106 14 9.13c0-4.004-4-6.423-6-7.065'%3E%3C/path%3E%3C/svg%3E");
    --svg-percent: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M0,7.13A4.17,4.17,0,0,1,1.17,4.05a4.23,4.23,0,0,1,3.1-1.16A4.17,4.17,0,0,1,7.36,4.05,4.11,4.11,0,0,1,8.54,7.13a4.21,4.21,0,0,1-1.18,3.1A4.19,4.19,0,0,1,4.27,11.4a4.2,4.2,0,0,1-3.1-1.17A4.19,4.19,0,0,1,0,7.13Zm2.83,0a4.24,4.24,0,0,0,.34,2,1.16,1.16,0,0,0,1.1.62,1.14,1.14,0,0,0,1.09-.6,4.35,4.35,0,0,0,.33-2,4.42,4.42,0,0,0-.33-2,1.16,1.16,0,0,0-1.09-.6,1.16,1.16,0,0,0-1.09.62A4.23,4.23,0,0,0,2.83,7.13Zm1.84,10L13.18,2.86h2.11L6.8,17.14Zm6.79-4.27a4,4,0,0,1,4.27-4.26A4,4,0,0,1,20,12.87,4.17,4.17,0,0,1,18.83,16a4.23,4.23,0,0,1-3.1,1.16,4,4,0,0,1-4.27-4.24Zm2.82,0a4.33,4.33,0,0,0,.34,2,1.15,1.15,0,0,0,1.09.6,1.19,1.19,0,0,0,1.11-.59,4.32,4.32,0,0,0,.34-2,4.23,4.23,0,0,0-.34-2,1.14,1.14,0,0,0-1.09-.61,1.17,1.17,0,0,0-1.09.62A4.13,4.13,0,0,0,14.28,12.89Z'/%3E%3C/svg%3E");
    --svg-play-invert: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 511 511'%3e%3cpath d='M255.5,0C114.39,0,0,114.39,0,255.5s114.39,255.5,255.5,255.5,255.5-114.39,255.5-255.5S396.61,0,255.5,0Zm-90.01,390.61V120.39l234.03,135.11-234.03,135.11Z' /%3e%3c/svg%3e");
    --svg-box-shape: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 87.75 87.75'%3E%3Cpath class='cls-1' d='M0,0c13.67,0,24.89,11.08,24.75,24.75v6.41c0,17.58,14.26,31.84,31.84,31.84h6.41c13.67,0,24.75,11.08,24.75,24.75V0H0Z'/%3E%3C/svg%3E");
    --svg-jar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M20.16,6.66l-1.33-.8c-.6-.36-.97-1.02-.97-1.72v-.21c.7-.12,1.23-.73,1.23-1.46,0-.82-.66-1.48-1.48-1.48H6.77c-.82,0-1.48.66-1.48,1.48,0,.74.55,1.36,1.27,1.46v.21c0,.69-.37,1.33-.97,1.68l-1.45.83c-1.05.6-1.7,1.73-1.7,2.93v10.35c0,1.68,1.37,3.05,3.05,3.05h13.26c1.68,0,3.05-1.37,3.05-3.05v-10.38c0-1.18-.63-2.29-1.64-2.9ZM6.22,2.48c0-.31.25-.56.56-.56h10.83c.31,0,.56.25.56.56s-.25.56-.56.56H6.77c-.31,0-.56-.25-.56-.56ZM20.88,19.95c0,1.18-.96,2.13-2.13,2.13H5.49c-1.18,0-2.13-.96-2.13-2.13v-10.35c0-.88.47-1.7,1.23-2.13l1.45-.83c.88-.51,1.43-1.46,1.43-2.48v-.19h9.45v.18c0,1.02.54,1.98,1.42,2.51l1.33.8c.74.44,1.2,1.25,1.2,2.11v10.38Z'/%3E%3C/svg%3E");
    --svg-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12,23c-6.07,0-11-4.93-11-11S5.93,1,12,1s11,4.93,11,11-4.93,11-11,11ZM12,1.88C6.42,1.88,1.88,6.42,1.88,12s4.54,10.12,10.12,10.12,10.12-4.54,10.12-10.12S17.58,1.88,12,1.88Z'/%3E%3Cpath d='M7.86,16.58c-.11,0-.23-.04-.31-.13-.17-.17-.17-.45,0-.62l4.01-4.01v-5.39c0-.24.2-.44.44-.44s.44.2.44.44v5.58c0,.12-.05.23-.13.31l-4.14,4.14c-.09.09-.2.13-.31.13Z'/%3E%3C/svg%3E");
    --svg-term: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 24'%3E%3Cpath d='M13.99,13.63V2.87c0-1.58-1.29-2.87-2.87-2.87s-2.87,1.29-2.87,2.87v10.75c-1.68,1.01-2.71,2.82-2.71,4.79,0,3.08,2.51,5.58,5.58,5.58s5.58-2.51,5.58-5.58c0-1.97-1.03-3.78-2.71-4.79ZM11.12,23.04c-2.55,0-4.63-2.08-4.63-4.63,0-1.71.94-3.28,2.46-4.09.16-.08.25-.25.25-.42V2.87c0-1.06.86-1.92,1.92-1.92s1.92.86,1.92,1.92v11.03c0,.18.1.34.25.42,1.52.81,2.46,2.37,2.46,4.09,0,2.55-2.08,4.63-4.63,4.63Z'/%3E%3Cpath d='M11.6,15.48V2.69c0-.26-.21-.48-.48-.48s-.48.21-.48.48v12.79c-1.46.24-2.59,1.51-2.59,3.05,0,1.7,1.38,3.09,3.09,3.09s3.09-1.38,3.09-3.09c0-1.55-1.14-2.83-2.63-3.05ZM11.14,20.66c-1.17,0-2.13-.95-2.13-2.13s.95-2.13,2.13-2.13,2.13.95,2.13,2.13-.95,2.13-2.13,2.13Z'/%3E%3C/svg%3E");;
}
html {
    font-size: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
body {
    -webkit-text-size-adjust: 100%;
    font-synthesis: none;
    -moz-font-feature-settings: "kern";
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    direction: ltr;
    
    font-family: var(--font);
    font-size: var(--size-font);
    line-height: var(--line-height);
    font-style: normal;
    
    --fnt-wght-min: 200;
    --fnt-wght: 400;
    --fnt-wght-max: 1000;
    --fnt-wdth-min: 75;
    --fnt-wdth: 100;
    --fnt-wdth-max: 125;
    
    font-variation-settings: "wght" var(--fnt-wght), "wdth" var(--fnt-wdth);
    
    color: var(--clr-text);
    
    --size-content: var(--size-lg);
}

.s-fluid { --size-content: var(--size-full);}
.s-uulg { --size-content: var(--size-uulg);}
.s-ulg { --size-content: var(--size-ulg);}
.s-lg { --size-content: var(--size-lg);}
.s-md { --size-content: var(--size-md);}
.s-sm { --size-content: var(--size-sm);}
.s-xsm { --size-content: var(--size-xsm);}

main, section, .row, .container, .clear, .clear-h, .clear-hh, .maingap, div[class*="col-"] {
    display: flex;
    width: 100%;
    max-width: 100%;
}
header { height: 0;}
main, .container, div[class*="col-"] {
    flex-flow: column;
}
.offset-left-auto {margin-left: auto;}
.offset-right-auto {margin-right: auto;}
div[class*="col-"] {
    padding: 0 var(--main-gap-05);
}
section, .row {
    flex-flow: wrap;
}
.clear { height: var(--clear);}
.clear-h { height: calc(var(--clear) / 2);}
.clear-hh { height: calc(var(--clear) / 4);}
.maingap { height: var(--main-gap);}

main {
    position: relative;
    z-index: 1;
    overflow: hidden;
}
section {
    position: relative;
    z-index: 0;
    padding: var(--clear) 0;
    background-color: var(--bg-clr);
}
.container {
    z-index: 1;
    max-width: var(--size-content);
    margin: 0 auto;
    padding: 0 var(--main-gap);
}
.row {
    width: calc(100% + var(--main-gap));
    max-width: calc(100% + var(--main-gap));
    margin: 0 calc(var(--main-gap-05) * -1);
    gap: var(--main-gap) 0;
}
.tel-icon {
    margin-left: auto;
    margin-right: var(--main-gap);
}
.tel-icon a {
    display: flex;
    width: 2.25rem;
    height: 2.25rem;
    border-radius: 50%;
    background: var(--clr-red);
    padding: .25rem;
}
.tel-icon a img { filter: invert(1);}

#burger-close {
    display: flex;
    width: 58px;
    height: 58px;
    position: absolute;
    right: 0;
    top: -58px;
    background: var(--clr-acnt-hover);
    z-index: 11;
    justify-content: center;
    align-items: center;
}
#burger-close .burger-bar:first-child, #burger-close .burger-bar:last-child {
    display: flex;
    height: 3px;
    background: white;
    width: 40px;
    position: absolute;
    margin: auto; 
}
#burger-close .burger-bar:first-child { transform: rotate(45deg);}
#burger-close .burger-bar:last-child { transform: rotate(-45deg);}

div[class*="col-"].col-12 { max-width: 100%;} div[class*="col-"].col-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-6 { max-width: calc(100% / 2);} div[class*="col-"].col-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-4 { max-width: calc(100% / 3);} div[class*="col-"].col-3 { max-width: calc(100% / 4);} div[class*="col-"].col-2 { max-width: calc(100% / 6);} div[class*="col-"].col-1 { max-width: calc(100% / 12);}

.o-1 {order: 1;} .o-2 {order: 2;} .o-3 {order: 3;} .o-4 {order: 4;} .o-5 {order: 5;} .o-6 {order: 6;} .o-7 {order: 7;} .o-8 {order: 8;} .o-9 {order: 9;} .o-10 {order: 10;} .o-11 {order: 11;} .o-12 {order: 12;} .o-13 {order: 13;} .o-14 {order: 14;} .o-15 {order: 15;} .o-16 {order: 16;}

.scrn-ulg {display: none;} .scrn-lg {display: none;} .scrn-md {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: none;} .scrn-xlg {display: inherit;}

div[class*="-price"] .new, .main-page__banner__content-price .new, #order-modal .modal__content form .price__wrap .new, .order__banner form .price__wrap .new, .order__banner .order__banner-body form .price__wrap .new, .hurry__wrap .hurry__banner .hurry__banner-body form .price__wrap .new, #upgrade-modal .modal__content form .price__wrap .new {
    font-family: var(--font-alt);
    font-weight: 700;
}
#reviews-modal main img.reviews-modal-image, #improve-modal main img.improve-modal-image {
    margin: calc(var(--main-gap) * -1);
    border-radius: var(--r-2);
    width: calc(100% + var(--main-gap) * 2);
    max-width: calc(100% + var(--main-gap) * 2);
}
.modal__content { overflow: visible;}

/* alt fonts */
.button, [class*="title"], [class*="title"] p, div[class*="title"] span, [class*="subtitle"], [class*="subtitle"] span, [class*="subtitle"] p, [class*="price"], [class*="price"] .new, [class*="price"] .old, .title, .price, .price span, .custom-radio label, .results_prom_test .find-promo b, .header__actions-phone a, .main-page h1, h1, .main-page h2, h2, .main-page .h1, .h1, .main-page .h2, .h2, .main-page__caption-volume, .recipes__slider_secondary__item-step span, .installment ul li p, .models__item .category p, .models__item-discount, .equipment__choose-item, .equipment__wrap ul li span, .equipment__wrap ul li p, .equipment__dot::after, .equipment__guarantee-text, .steamwater__item-content__stats ul li .value, .lids-types__button, .lids-types__banner p, .modes__choose-item, .modes__step-number, .credit ul li p, .improve__comment-set, .delivery__comment span, .time, .get-pr, .reviews__slider-item__header .user-info .name, .reviews__slider-item__expand, .onedevice__wrap ul li p, .order__banner-header, .order__banner form .radio__wrap .radio label, .choose__banner-content__volume, .compare__wrap .compare__item ul li p, .course__wrap .course__cards-wrap .course__card p, .course-ribbon p, .footer__links a, .footer__social__phone a, #order-modal .modal__content .order__banner-header, #order-modal .modal__content form .radio__wrap .radio label, .input-checkbox label,  #upgrade-modal .modal__content .order__banner-header, #upgrade-modal .modal__content form .checkbox__wrap .checkbox label, .queue .queue__item .queue__item-text .queue__item-product span, .split-box .h3, .section-promo-modals .modal__title, .lite-price, .price_title, .choose_banner-header .choose__banner-content__volume, form .input__wrap input[type="checkbox"] + label {
    font-family: var(--font-alt);
    font-weight: 700;
}

.section__title {
    font-size: 2.5rem;
    line-height: 1.15;
    text-align: center;
    margin-bottom: var(--main-gap);
    width: 100%;
}
.section__subtitle {
    font-size: 2rem;
    line-height: 1.15;
    text-align: center;
    margin-bottom: var(--main-gap);
    font-weight: 400;
    width: 100%;
}
.section__title + .section__subtitle {
    margin-top: calc(var(--main-gap-05) * -1);
}
.section__subtitle span, .section__subtitle em, [class*="title"] span, [class*="subtitle"] span, [class*="title"] em, [class*="subtitle"] em {
    color: var(--clr-red);
}

.results_prom_test .nofind-promo, .parameter, .volume .value {
    font-family: var(--font-alt);
}

[data-theme="light"] {
    --clr-text: #5c6171;
    --clr-text-sub: var(--clr-black);
}
[data-theme="gray"] {
    --clr-text: #5c6171;
    --clr-text-sub: var(--clr-black);
    --bg-clr: var(--clr-bg-sub);
    --bg-clr-section: var(--clr-bg-sub);
}
[data-theme="white"] {
    --clr-text: #5c6171;
    --clr-text-sub: var(--clr-black);
    --bg-clr: var(--clr-bg);
    --bg-clr-section: var(--clr-bg);
}
[data-theme="blue"] {
    --clr-text: #9ca6c3;
    --clr-text-sub: var(--clr-white);
    --bg-clr: var(--clr-acnt);
    --bg-clr-section: var(--clr-bg-acnt);
}
[data-theme="dark"], .models__item[data-theme="dark"] {
    --clr-text: #9ca6c3;
    --clr-text-sub: var(--clr-white);
    --bg-clr: var(--clr-blued-light);
    --bg-clr-section: var(--clr-blued-light);
    --clr-acnt: var(--clr-bluel);
    --clr-acnt-hover: var(--clr-bluel-dark);
}
[data-theme="dark"] .stat img {
    filter: contrast(1) brightness(2);
}

[data-acnt="red"] { --clr-acnt: var(--clr-red); --clr-acnt-hover: var(--clr-red-dark);}
[data-acnt="blue"] { --clr-acnt: var(--clr-blue); --clr-acnt-hover: var(--clr-blue-dark);}
[data-acnt="blued"] { --clr-acnt: var(--clr-blued); --clr-acnt-hover: var(--clr-blued-dark);}
[data-acnt="bluel"] { --clr-acnt: var(--clr-bluel); --clr-acnt-hover: var(--clr-bluel-dark);}
[data-acnt="orange"] { --clr-acnt: var(--clr-orange); --clr-acnt-hover: var(--clr-orange-dark);}
[data-acnt="pink"] { --clr-acnt: var(--clr-pink); --clr-acnt-hover: var(--clr-pink-dark);}
[data-acnt="green"] { --clr-acnt: var(--clr-green); --clr-acnt-hover: var(--clr-green-dark);}
[data-acnt="yellow"] { --clr-acnt: var(--clr-yellow); --clr-acnt-hover: var(--clr-yellow-dark);}
[data-acnt="gray"] { --clr-acnt: var(--clr-gray); --clr-acnt-hover: var(--clr-gray-dark);}
[data-acnt="text"] { --clr-acnt: var(--clr-text); --clr-acnt-hover: var(--clr-text-sub);}

.models__item[data-theme="dark"] .models__item-parameters .parameter { background: var(--clr-white-10);}
.models__item[data-theme="dark"] .models__item-volumes .volume { background: var(--clr-white-20); color: var(--clr-text-sub);}
.models__item[data-theme="dark"] .models__item-volumes .volume:nth-child(odd) { background: var(--clr-white-10);}
.box[data-theme="white"] { --clr-acnt: var(--clr-blue); --clr-acnt-hover: var(--clr-blue-dark);}

h1, .h1, h2, .h2, h3, .h3, [class*="title"], [class*="subtitle"], .equipment__wrap ul li, .equipment__choose-item, .improve .improve__comment-set, .onedevice__wrap ul li p, .compare__wrap .compare__item ul li p {
    color: var(--clr-text-sub);
}

h1.txa-l, .h1.txa-l, h2.txa-l, .h2.txa-l, h3.txa-l, .h3.txa-l, [class*="title"].txa-l, [class*="subtitle"].txa-l, p.txa-l, .disclamer.txa-l {
    text-align: left;
    margin-left: 0;
}
h1.txa-r, .h1.txa-r, h2.txa-r, .h2.txa-r, h3.txa-r, .h3.txa-r, [class*="title"].txa-r, [class*="subtitle"].txa-r, p.txa-r, .disclamer.txa-r {
    text-align: right;
    margin-right: 0;
}

.article-header {
    display: flex;
    width: 100%;
    flex-flow: column;
}
.article, [class*="ul-"] {
    display: flex;
    flex-flow: column;
    width: 100%;
    gap: var(--main-gap);
}
[class*="ul-"] li {
    display: flex;
    flex-flow: column;
    width: 100%;
}
.article-li-title {
    font-size: 1.25rem;
    line-height: 1.15;
}
.article-li-dscr {
    font-size: 1rem;
    line-height: 1.25;
    display: flex;
    width: 100%;
    gap: var(--main-gap-05);
}
.article-li-title + .article-li-dscr {
    padding-top: calc(var(--main-gap) / 3);
}
.article-control {
    display: flex;
    flex-flow: column;
    gap: var(--main-gap-05);
}

[class*="ul-number"] li, [class*="ul-marker"] li {
    position: relative;
    padding-left: 3rem;
}
[class*="ul-number"] li:before, [class*="ul-marker"] li:before {
    position: absolute;
    top: -.25rem;
    left: 0;
    width: 2rem;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    font-size: 2rem;
    line-height: 1;
    font-weight: 700;
    font-family: var(--font-alt);
    color: var(--clr-acnt);
}
[class*="ul-number"] li:before { content: attr(data-number);}
[class*="ul-marker"] li:before { content: attr(data-marker);}
[class*="ul-number"] .article-li-title, [class*="ul-number"] .article-li-dscr, [class*="ul-marker"] .article-li-title, [class*="ul-marker"] .article-li-dscr { max-width: calc(100% - 2rem);}

[class*="ul-marker"] li[data-marker="➤"]:before,
[class*="ul-marker"] li[data-marker="○"]:before { font-size: 1.25rem; top: 0;}
[class*="ul-marker"] li[data-marker=">"]:before { font-size: 1.5rem; top: -.125rem;}
[class*="ul-marker"] li[data-marker="▪"]:before { font-size: 3.5rem; top: -1rem;}
[class*="ul-marker"] li[data-marker="+"]:before,
[class*="ul-marker"] li[data-marker="–"]:before { font-size: 3rem; top: -1rem;}

.box {
    border: 0;
    background: var(--bg-clr);
    display: flex;
    width: 100%;
    flex-flow: column;
    gap: var(--main-gap-05);
    padding: var(--main-gap);
    border-radius: var(--r-2);
    color: var(--clr-text);
}
.box [class*="title"] span, .box [class*="subtitle"] span { color: var(--clr-acnt);}
.box[data-box="red-line"], .box[data-box="attantion"] {
    --clr-acnt: var(--clr-red);
    --clr-acnt-hover: var(--clr-red-dark);
    --bg-clr: var(--clr-red-10);
    --clr-text: var(--clr-acnt);
    /* border: 1px solid var(--clr-acnt); */
}
.box[data-box="green-line"] {
    --clr-acnt: var(--clr-green);
    --clr-acnt-hover: var(--clr-green-dark);
    --bg-clr: var(--clr-green-10);
    --clr-text: var(--clr-acnt);
    /* border: 1px solid var(--clr-acnt); */
}
.box[data-box="blue-line"] {
    --clr-acnt: var(--clr-blue);
    --clr-acnt-hover: var(--clr-blue-dark);
    --bg-clr: var(--clr-blue-10);
    --clr-text: var(--clr-acnt);
    /* border: 1px solid var(--clr-acnt); */
}
.box[data-box="pink-line"] {
    --clr-acnt: var(--clr-pink);
    --clr-acnt-hover: var(--clr-pink-dark);
    --bg-clr: var(--clr-pink-10);
    --clr-text: var(--clr-acnt);
    /* border: 1px solid var(--clr-acnt); */
}
.box[data-box="bluel-line"] {
    --clr-acnt: var(--clr-bluel);
    --clr-acnt-hover: var(--clr-bluel-dark);
    --bg-clr: var(--clr-bluel-10);
    --clr-text: var(--clr-acnt);
    /* border: 1px solid var(--clr-acnt); */
}
.box[data-box="blued-line"] {
    --clr-acnt: var(--clr-blued);
    --clr-acnt-hover: var(--clr-blued-dark);
    --bg-clr: var(--clr-blued-10);
    --clr-text: var(--clr-acnt);
    /* border: 1px solid var(--clr-acnt); */
}
.box[data-box="yellow-line"] {
    --clr-acnt: var(--clr-yellow);
    --clr-acnt-hover: var(--clr-yellow-dark);
    --bg-clr: var(--clr-yellow-10);
    --clr-text: var(--clr-acnt);
    /* border: 1px solid var(--clr-acnt); */
}
.box[data-box="orange-line"] {
    --clr-acnt: var(--clr-orange);
    --clr-acnt-hover: var(--clr-orange-dark);
    --bg-clr: var(--clr-orange-10);
    --clr-text: var(--clr-acnt);
    /* border: 1px solid var(--clr-acnt); */
}
.box-title {
    font-size: 2rem;
    line-height: 1.15;
    font-weight: 700;
}
.box-subtitle {
    font-size: 1.25rem;
    line-height: 1.15;
    font-weight: 400;
}

.modal__container { height: auto; max-height: 90vh;}
#reviews-modal .modal__container { width: fit-content;}

.box-video {
    display: flex;
    position: relative;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    justify-content: center;
    align-items: center;
    border-radius: var(--r-2);
    overflow: hidden;
    min-height: 24rem;
}
.box .box-video { border-radius: var(--r-3);}
.box-video video {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    object-fit: cover;
    object-position: center;
}
.box-video [class*="button"] {
    position: absolute;
    margin: auto;
    display: flex;
    flex-flow: row;
    gap: .5rem;
    transition: var(--trns-15);
    cursor: pointer;
    opacity: .5;
}
.box-video [class*="button"]:hover {
    opacity: 1;
}
.box-video [class*="button"] span {
    font-size: .8rem;
    max-width: 6rem;
    margin: auto 0;
}
.box-video [class*="button"] {
    --clr-text: var(--clr-white);
    color: var(--clr-text);
}
.box-fixed-btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 5rem;
    height: 5rem;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    z-index: 10;
}
.box { position: relative;}
.box-fixed-btn:before {
    position: absolute;
    top: 0;
    right: 0;
    content: '';
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    mask-position: center center;
    -webkit-mask-position: center center;
    background-color: var(--bg-clr-section);
    width: 100%;
    height: 100%;
    mask-image: var(--svg-box-shape);
    -webkit-mask-image: var(--svg-box-shape);
}
.box-fixed-btn .button {
    width: 3rem;
    height: 3rem;
    border-radius: var(--r-c);
    min-width: auto;
    min-height: auto;
}
.box-fixed-btn + div, .box-fixed-btn + span, .box-fixed-btn + p, .box-fixed-btn svg, .box-fixed-btn + img, .box-fixed-btn + h1, .box-fixed-btn + h2, .box-fixed-btn + h3, .box-fixed-btn + h4, .box-fixed-btn + h5, .box-fixed-btn + .h1, .box-fixed-btn + .h2, .box-fixed-btn + .h3, .box-fixed-btn + .h4, .box-fixed-btn + .h5 {
    padding-right: 3rem;
}


.img-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    width: 100%;
}
.onimg-note {
    position: absolute;
    top: var(--main-gap);
    left: var(--main-gap);
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: var(--r-4);
    border: 1px solid var(--clr-acnt);
    background: var(--clr-blue-10);
    color: var(--clr-acnt);
    font-style: italic;
    font-size: .9rem;
    line-height: 1.15;
    padding: var(--main-gap-05);
    max-width: 11rem;
}
.onimg-note.--auto { left: calc(50% - 5.5rem);}
.onimg-control {
    position: absolute;
    bottom: -4rem;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    left: 0;
}
.onimg-control .button, .onimg-control button { background: var(--clr-acnt);}
.onimg-control .button:hover, .onimg-control button:hover { background: var(--clr-acnt-hover);}

.onimg-video {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
}
.onimg-video.--retort {
    top: 48.4%;
    width: 42%;
    left: .6%;
}


.onvideo-text {
    --clr-text: var(--clr-white);
    --clr-text-sub: var(--clr-white);
    font-size: 1rem;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: flex-end;
    align-items: flex-start;
    padding: var(--main-gap);
    flex-flow: column;
    color: var(--clr-text);
    background-color: var(--clr-blued-dark-20);
    background-image: linear-gradient(0deg, var(--clr-blued-dark), transparent);
}
.onvideo-title {
    font-size: 1.25rem;
    line-height: 1.5;
}
.onvideo-dscr {
    font-size: .8rem;
    line-height: 1.5;
}

.main-page-title-wrap {
    display: flex;
    width: 100%;
    flex-flow: column;
    max-width: 28rem;
    position: absolute;
    top: 0;
    left: var(--main-gap-05);
    padding: var(--main-gap);
    gap: var(--main-gap-05);
    /* background: linear-gradient(0deg, var(--clr-tr), var(--clr-white));*/
}
.main-page-title-wrap .title-ribbon-wrap {
    display: flex;
    width: 100%;
    gap: .5rem;
}
.main-page-title-wrap .title-ribbon {
    display: flex;
    width: fit-content;
    background: var(--clr-white);
    border-radius: var(--r-3);
    padding: .25rem 1rem;
    font-size: 1rem;
    height: 1.5rem;
    line-height: 1;
    font-weight: 400;
    justify-content: center;
    align-items: center;
    text-transform: uppercase;
}
.title-ribbon.--line {
    color: var(--clr-acnt-hover);
    background: var(--clr-tr);
    border: 1px solid var(--clr-acnt-hover);
}
.title-ribbon.--blue {
    background: var(--clr-acnt-hover);
    color: var(--clr-gray-light);
}
.main-page-title {
    font-size: 4rem;
    color: var(--clr-acnt-hover);
    line-height: 1;
}
.main-page-title .subinfo { position: absolute; width: .1px; height: .1px; opacity: 0; z-index: -99;}
.main-page-subtitle {
    font-size: 1.75rem;
    max-width: 16rem;
    font-weight: 400;
    line-height: 1;
    color: var(--clr-acnt-hover);
}


.factory-section {
    background-color: #2c2928;
}
.factory-section .s-uulg .container {
    padding: 0;
    margin-top: calc(var(--clear)* -1);
}



.modal-container, .modal-content, .modal-body, .modal-img, .modal-row, .chars-wrap {
    display: flex;
    width: 100%;
}
.modal-container, .modal-content, .modal-img, .modal-row {
    flex-flow: wrap;
}

.modal-container {
    max-width: var(--size-content);
    padding: var(--main-gap);
}
.modal-content {
    padding: var(--main-gap);
    position: relative;
    background: var(--clr-white);
    border-radius: var(--r-2);
    min-height: 24rem;
}
.modal-body, .modal-img { padding: 0 var(--main-gap-05);}
.modal-body {
    max-width: calc(100% - 14rem);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
}
.modal-img { max-width: 14rem;}
.modal-title {
    display: inline-block;
    width: 100%;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.15;
}



.chars-wrap {
    flex-flow: column;
}



.table, .table-row, .table-col, .table-img {
    display: flex;
    width: 100%;
}
.table {
    flex-flow: column;
    border-radius: var(--r-4);
    overflow: hidden;
}
.table-row {
    flex-flow: row;
    transition: var(--trns-15);
    --clr-row: var(--clr-blue-05);
}
.table-row:nth-child(odd){
    --clr-row: var(--clr-blue-10);
}
.table-col {
    flex-flow: wrap;
    justify-content: center;
    align-content: center;
    text-align: center;
    padding: calc(var(--main-gap-05) / 2) var(--main-gap-05);
    line-height: 1;
    font-size: 1rem;
    font-weight: 700;
    font-family: var(--font-alt);
    background: var(--clr-row);
}
.table-col:first-child {
    justify-content: flex-start;
    text-align: left;
    color: var(--clr-acnt);
    font-family: var(--font);
    font-weight: 400;
}
.table-img {
    height: 100%;
    border-radius: var(--r-4);
    overflow: hidden;
    justify-content: center;
    align-items: center;
    background: var(--clr-blue-10);
}

.simulate-radio-wrap {
    display: flex;
    flex-flow: row;
    width: 100%;
}
.simulate-radio {
    color: var(--clr-blue-dark);
    text-align: center;
    width: 50%;
    height: 100%;
    cursor: pointer;
    border: 1px solid;
    border-color: var(--clr-blue-dark);
    font-size: 1rem;
    line-height: 1;
    padding: .5rem .25rem;
    border-radius: 0;
    transition: var(--trns-15);
    font-family: var(--font-alt);
    font-weight: 700;
}
.simulate-radio:hover {
    background: var(--clr-blue-20);
}
.simulate-radio:first-child {
    border-radius: var(--r-btn) 0 0 var(--r-btn);
    border-right: 0;
}
.simulate-radio:last-child {
    border-radius: 0 var(--r-btn) var(--r-btn) 0;
    border-left: 0;
}
.simulate-radio[data-active="true"] {
    color: var(--clr-white);
    background-color: var(--clr-blue-dark);
}
.simulate-radio-subtitle {
    color: var(--clr-acnt-hover);
    font-weight: 400;
    text-transform: lowercase;
    font-size: .8rem;
    text-align: center;
    margin: 0 auto;
}

.table[data-active="false"], .table-img[data-active="false"], .chars-wrap[data-active="false"] {
    display: none;
}



.deliv-col-spacer, .scroller-overlayer, .scroller, .delive-col, .delive-img, .delive-img img, .arrow-wrap, .arrow-content {
    display: flex;
    width: 100%;
}
.deliv-col-spacer {
    height: 100%;
    max-width: calc((100vw - var(--size-content)) / 2);
}
.scroller-overlayer { overflow: hidden;}
.scroller-wrap {
    overflow: hidden;
    overflow-x: scroll;
    position: relative;
    scroll-snap-type: x mandatory;
    -webkit-overflow-scrolling: touch;
    margin-bottom: calc(var(--clear) * -1);
    width: 100%;
}
.scroller {
    max-width: 100%;
    padding: 0;
    margin: 0;
}
.scroller-list {
    max-width: 100%;
    padding: 1rem;
    margin: 0;
    gap: 1rem;
    display: inline-flex;
    flex-flow: row;
    width: 100%;
    min-width: var(--size-lg);
    padding-bottom: var(--clear);
    line-height: 1.25;
    text-align: center;
}
.delive-col {
    flex-flow: column;
    max-width: calc(100% / 5 - 1rem / 5);
}
.delive-img {
    justify-content: center;
    align-items: center;
}
.delive-img img {
    height: auto;
    margin: auto;
    max-width: fit-content;
}
.delive-number {
    display: flex;
    width: 3rem;
    height: 3rem;
    border-radius: var(--r-c);
    margin: var(--main-gap) auto;
    position: relative;
    color: var(--clr-acnt-hover);
    background: var(--bg-clr);
    border: 1px solid var(--clr-acnt-hover);
    font-size: 2rem;
    font-family: var(--font-alt);
    font-weight: 700;
}
.delive-number:after {
    content: attr(data-number);
    display: flex;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.delive-content {
    color: var(--clr-text);
    font-size: .9rem;
    line-height: 1.25;
}
.delive-content b { font-weight: 700;}
.delive-content a {
    font-weight: 700;
    text-decoration: underline;
    color: var(--clr-text-sub);
    cursor: pointer;
    transition: var(--trns-15);
}
.delive-content a:hover { color: var(--clr-red);}

.arrow-wrap {
    max-width: 11.5rem;
    height: 1px;
    transform: translateY(var(--main-gap));
    position: relative;
}
.arrow-content {
    position: absolute;
    left: var(--main-gap);
    top: 0;
    transform: translateX(50%);
    text-align: center;
    justify-content: center;
    line-height: 1;
    padding-bottom: .5rem;
    padding-left: 1.75rem;

    border-bottom: 1.5px solid var(--clr-acnt-hover);
    font-family: var(--font-alt);
    color: var(--clr-text-sub);
    font-size: 1rem;
    font-weight: 700;
}
.arrow-wrap .arrow-content:after {
    content: '';
    position: absolute;
    bottom: -.55rem;
    right: -.25rem;
    width: 1rem;
    height: 1rem;
    background-image: url("./delive/arr.svg");
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
}

@media screen and (max-width: 734px) {
    #delive .container-fluid {
        margin-top: -3rem;
        margin-bottom: 2rem;
    }
}





section#smart {
    min-height: 52rem;
    background: var(--clr-blued-dark);
    background: radial-gradient(141.05% 154.72% at 100.28% 77.26%, var(--clr-bluel) 0%, var(--clr-blue-dark) 36.5%, var(--clr-blued-dark) 57.44%);
}
section .overlayer {
    display: flex;
    width: 100%;
    max-width: var(--size-uulg);
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}
div[class*="col-"].col-smart {
    display: flex;
    width: 100%;
    flex-flow: column;
    gap: var(--clear);
    max-width: 40rem;
}
div[class*="col-"].col-smart { transform: translate(1rem, 4rem);}
.smart-utp-wrap {
    display: flex;
    width: 100%;
    flex-flow: row;
    gap: var(--main-gap);
}
.smart-utp-icn {
    display: flex;
    width: 100%;
    justify-content: center;
    align-items: center;
    max-width: 12rem;
    position: relative;
    height: auto;
    margin: auto 0;
}
.smart-utp-icn img {
    background: #f7f7f7;
    padding: 0;
    border-radius: var(--r-2);
}
.patent {
    position: absolute;
    border: 1px solid var(--clr-red);
    width: 11rem;
    height: 2rem;
    border-radius: var(--r-4);
    transform: scale(.65) rotate(-7deg);
    bottom: -1rem;
    right: -1.5rem;
    background: var(--clr-red);
}
.patent:after {
    position: absolute;
    content: 'ЗАПАТЕНТОВАНО';
    font-family: var(--font-alt);
    color: var(--clr-text-sub);
    padding: 0;
    letter-spacing: .025rem;
    top: 0;
    left: 0;
    font-weight: 700;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    display: flex;
}
.smart-utp-text {
    display: flex;
    flex-flow: column;
    gap: .5rem;
    font-size: 1rem;
    line-height: 1.25;
    color: var(--clr-text);
    width: 100%;
    max-width: calc(100% - 14rem);
}
.smart-utp-text p:first-child {
    font-weight: 700;
    line-height: 1.15;
    padding-bottom: .5rem;
    padding-top: .1rem;
    position: relative;
    color: var(--clr-bluel-light);
    font-family: var(--font-alt);
    font-size: 1.25rem;
}





.recipe-box-wrap { cursor: pointer;}
.recipe-wrap .recipes-item-mrkr {
    position: absolute;
    right: 1rem;
    top: 1rem;
    background: var(--clr-white-80);
    --clr-text: var(--clr-black-70);
    color: var(--clr-text);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    font-size: .8rem;
    padding: .15rem .5rem;
    border-radius: 1rem;
}
.recipe-wrap .recipes-item-mrkr span {
    display: flex;
    gap: .5em;
    flex-flow: row;
}
.recipe-slider, .review-slider {
    padding: 0 var(--main-gap-05);
    display: flex;
    flex-flow: wrap;
    width: 100%;
}
.row.slider-wrap { padding: 0;}
#recipe .box {
    margin: 0;
    background: transparent;
    backdrop-filter: none;
    box-shadow: none;
    padding: var(--main-gap-05);
}
#recipe .box .box-main {
    overflow: hidden;
    border-radius: var(--r-2);
    position: relative;
    box-shadow: 0 0 .5rem var(--clr-black-10);
    min-height: 26rem;
    max-height: 26rem;
}
.recipe-title {
    padding: var(--main-gap-05);
    height: auto;
    min-height: auto;
    margin: 0;
    text-align: center;
    font-size: 1rem;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: var(--clr-text-sub);
    display: flex;
    transition: var(--trns-15);
}
.recipe-title:before { display: none;}
.recipe-img { aspect-ratio: 1 / 1.5;}
.recipe-img img {
    opacity: 1;
    max-width: none;
    transition: var(--trns-15);
}
.recipe-img picture {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-content: center;
}
.reicpe-price-wrap {
    position: absolute;
    bottom: 0;
    width: 100%;
    display: flex;
    background: transparent;
    background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
    background-image: -o-linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
    background-image: linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.95) 100%);
    min-height: 7rem;
    border: 0;
    align-items: flex-end;
    padding: 1rem;
}
.reicpe-price {
    font-size: 1.75rem;
    line-height: 1.25;
    font-family: var(--font-alt);
    color: var(--clr-orange);
    display: flex;
    flex-flow: column;
    justify-content: flex-end;
    align-items: flex-start;
    text-align: left;
    width: 100%;
    max-width: 50%;
}
.reicpe-price span {
    color: var(--clr-white-80);
    font-weight: 400;
    font-family: var(--font);
    font-size: .8rem;
    position: absolute;
    bottom: 3.25rem;
}
.reicpe-price-store {
    color: var(--clr-text);
    font-size: 1.25rem;
    line-height: 1.25;
    align-items: flex-end;
}
.img-dscr.img-dscr-smoked {
    z-index: 1;
    right: 9%;
    top: calc(50% - 1rem);
}

.recipe-box-wrap:hover .recipe-img img { transform: scale(1.15); opacity: .75;}
.recipe-box-wrap:hover .recipe-title { color: var(--clr-red);}


.recipe-modal-img {
    position: relative;
    border-radius: var(--r-4);
    overflow: hidden;
}
.recipe-modal-img:before {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: var(--clr-black);
    background: -webkit-linear-gradient(var(--clr-black-80) 21%, transparent 100%);
    background: -o-linear-gradient(var(--clr-black-80) 21%, transparent 100%);
    background: linear-gradient(var(--clr-black-80) 21%, transparent 100%);
    height: 70%;
}
.recipe-modal-img picture {
    display: flex;
    width: 100%;
    height: 100%;
    justify-content: center;
    align-content: center;
    object-fit: cover;
    object-position: center;
    min-height: 24rem;
}
.recipe-modal-img img {
    display: flex;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    min-height: 24rem;
}
.recipe-modal-title {
    display: flex;
    width: 100%;
    position: absolute;
    padding: var(--main-gap);
    top: 0;
    left: 0;
    flex-flow: column;
}
.recipe-modal-title .h2 {
    display: flex;
    flex-flow: column;
    font-size: 1.75rem;
    line-height: 1.15;
}
.recipe-modal-ingredients {
    display: flex;
    flex-flow: column;
    gap: var(--main-gap-05);
    padding-top: var(--main-gap-05);
}

.modal__content-text__title {
    font-size: 1.5rem;
    line-height: 1.15;
}
.recipes-values-wrap {
    position: absolute;
    display: flex;
    bottom: 0;
    left: 0;
    flex-flow: row;
    width: 100%;
    padding: 0 var(--main-gap-05);
    backdrop-filter: blur(2rem);
    -webkit-backdrop-filter: blur(2rem);
    background: var(--clr-black-50);
    border-top: 1px solid var(--clr-white-40);
}
.recipes-values {
    display: flex;
    width: 100%;
    max-width: 50%;
    padding: var(--main-gap) var(--main-gap-05) var(--main-gap-05);
    position: relative;
    gap: var(--main-gap-05);
}
.recipes-values:not(:last-child) {
    border-right: 1px solid var(--clr-white-40);
}
.recipe-val {
    display: flex;
    width: 100%;
    max-width: calc(50% - var(--main-gap-05) / 2);
    flex-flow: wrap;
    position: relative;
    gap: calc(var(--main-gap-05) / 2);
    --clr-text: var(--clr-white);
    color: var(--clr-text);
}
.recipe-val span {
    position: absolute;
    top: -1.25rem;
    left: 0;
    font-size: .8rem;
}

.recipe-min-title {
    display: flex;
    gap: .5rem;
    justify-content: center;
    align-items: center;
}
.recipe-jars {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    --clr-text: var(--clr-red);
    color: var(--clr-red);
}

.ul-marker.--ul-min, .ul-number.--ul-min { gap: 0;}
.ul-marker.--ul-min li, .ul-number.--ul-min li { padding-left: 1.25rem;}
.ul-marker.--ul-min li:before, .ul-number.--ul-min li:before {
    font-size: 1rem;
    top: .15rem;
    width: 1rem;
}
.ul-marker.--ul-min .article-li-dscr, .ul-number.--ul-min .article-li-dscr { font-size: .8rem;}

.recipe-modal-ingredients [class*="ul-marker"] { flex-flow: wrap; gap: 0 .5rem;}
.recipe-modal-ingredients [class*="ul-marker"] li { max-width: calc(50% - .25rem);}

@media screen and (max-width: 512px) {
    .recipe-slider, .review-slider {
        padding: 0;
    }
    .img-dscr.img-dscr-smoked {
        right: 0;
        max-width: 8rem;
    }
}







#mdlvideo{
    padding: 11px 20px 11px 55px;
    background-image: url(/ytbic.svg);
    background-repeat: no-repeat;
    background-position: 10px;
    border: 2px solid #dd1b2e;
    border-radius: 8px;
    cursor: pointer;
    display: inline-block;
    margin-top: 0px;
    
}
#mdlvideo:hover{
    border: 2px solid #515151;
}
.custom-radio-wrap {
    z-index: 10;
    width: 100%;
    display: flex;
    flex-flow: column;
}
.custom-radio {
    margin: 0;
    width: 100%;
    border: 0;
}
.custom-radio-subtitle {
    color: var(--clr-acnt-hover);
    font-weight: 400;
    text-transform: lowercase;
    text-align: center;
    font-size: .8rem;
}

.modes__choose-wrap, .custom-radio, .equipment__choose-wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    max-width: var(--size-content);
    margin: 0 auto;
}
.custom-radio label, .custom-radio input + label, .modes__choose-item, .equipment__choose-item {
    color: var(--clr-blue-dark);
    width: 100%;
    height: 100%;
    text-align: center;
    width: 50%;
    height: 100%;
    cursor: pointer;
    border: 1px solid;
    border-color: var(--clr-blue-dark);
    font-size: 1rem;
    line-height: 1;
    padding: .5rem .25rem;
    border-radius: 0;
    transition: var(--trns-15);
}
.custom-radio label:hover, .custom-radio input + label:hover, .modes__choose-item:hover, .equipment__choose-item:hover { background: var(--clr-blue-20);}
.custom-radio input:first-child + label, .modes__choose-item:first-child, .equipment__choose-item:first-child {
    border-radius: var(--r-btn) 0 0 var(--r-btn);
    border-right: 0;
}
.custom-radio input:last-child, .modes__choose-item:last-child, .custom-radio input.last + label, .equipment__choose-item:last-child {
    border-radius: 0 var(--r-btn) var(--r-btn) 0;
    border-left: 0;
}
.custom-radio input:checked + label, .modes__choose-item.active, .equipment__choose-item.active {
    color: var(--clr-white);
    background-color: var(--clr-blue-dark);
}
.modes__choose-item, .equipment__choose-item {
    font-size: 1.75rem;
    --r-btn: var(--r-2);
}
.equipment__choose-item { border-color: var(--clr-red); color: var(--clr-red);}
.equipment__choose-item:hover { background: var(--clr-red-20);}
.equipment__choose-item.active { background: var(--clr-red);}
.radio-area .custom-radio-wrap {
    margin-top: -4.5rem;
    padding: 1rem 1rem .5rem;
    background: linear-gradient(0deg, var(--clr-blued-dark), transparent);
    border-radius: 0 0 var(--r-2) var(--r-2);
}
.radio-area .custom-radio-subtitle { color: var(--clr-white);}
.radio-area .custom-radio input + label, .radio-area .custom-radio label {
    border-color: var(--clr-white);
    background: var(--clr-black-20);
}
.radio-area .custom-radio input + label:hover, .radio-area .custom-radio label:hover { background: var(--clr-white-20);}
.radio-area .custom-radio label {
    border-color: var(--clr-white);
    color: var(--clr-white);
}
.radio-area .custom-radio input:checked + label {
    border-color: var(--clr-white);
    background: var(--clr-white);
    color: var(--clr-blue-dark);
}

.radio-area {
    display: flex;
    flex-flow: column;
    background: var(--clr-blue-dark);
    border-radius: 0 0 var(--r-2) var(--r-2);
    margin: calc(var(--main-gap)* -1);
    margin-bottom: var(--main-gap-05);
    width: calc(100% + var(--main-gap)* 2);
    height: 8rem;
}
.radio-area-video-warp {
    display: flex;
    width: 100%;
    height: 8rem;
}
.radio-area-video {
    display: flex;
    width: 100%;
    overflow: hidden;
    position: relative;
    border-radius: 0 0 var(--r-2) var(--r-2);
    justify-content: center;
    align-items: center;
    height: 8rem;
}
.radio-area-video video {
    display: flex;
    width: calc(100% + 1rem);
    margin: 0 -.5rem;
    height: 8rem;
    object-fit: cover;
}

video + .btn-play {
    display: flex;
    position: absolute;
    margin: auto;
    width: 3rem;
    height: 3rem;
    z-index: 2;
    cursor: pointer;
    transition: var(--trns-15);
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
}
video + .btn-play:hover {
    transform: scale(1.15);
}
.btn-play .icn-outline {
    position: absolute;
    z-index: -1;
    opacity: .5;
    width: 3rem;
    height: 3rem;
    background-color: var(--clr-red);
    border-radius: var(--r-c);
    animation: pulse-video 2.5s ease-in-out infinite;
}
.btn-play .icn {
    display: flex;
    width: 3rem;
    height: 3rem;
    padding: 1rem;
    background: var(--clr-red);
    border-radius: var(--r-c);
}
        @media screen and (max-width: 1080px) {
            .main-page .main-page__captions {
                left: 3rem;
            }
        }
        @media screen and (max-width: 734px) {
            .main-page .main-page__captions {
                position: unset;
                margin: -10px auto 0 auto;
                padding: 0 .5rem;
            }
            .main-page .main-page__captions .main-page__caption-text {
                font-size: .75rem;
            }
            #mdlvideo{
                width: auto;
            }
        }
    



            marquee {
                display: flex;
                background: #ffb647;
                font-size: 1rem;
                line-height: 2;
                font-weight: 400;
                
                white-space: nowrap;
            }
            marquee em {
                color: white;
                font-weight: 700;
            }
            .product-limit {
                
                display: inline-block;
                padding: .5rem 1rem;
                border-radius: 0.5rem;
                color: var(--clr-red);
                font-size: .9rem;
                width: 100%;
                border: .1rem solid var(--clr-red);
                text-align: center;
            }
            .product-limit em {
                
                color: var(--clr-red);
            }
            .order__banner form .button {
                width: 100%;
                max-width: 24rem;
            }

            @media screen and (max-width: 512px) {
                .product-limit {
                    font-size: .9rem;
                }
            }
.button {
    display: flex;
    text-align: center;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-flow: wrap;
    width: fit-content;
    background: var(--clr-red);
}
.button:hover {background: var(--clr-red-dark);}
.box .button, .models__item .button { background: var(--clr-acnt);}
.box .button:hover, .models__item .button:hover { background: var(--clr-acnt-hover);}
.button span {
    width: 100%;
    font-weight: 400;
    opacity: .75;
    font-size: .8rem;
    line-height: 1;
}
            form .button, #order-modal .modal__content form .button {
                width: 100%;
            }
        


            
.bl-rght-bl {
    width: 100%;
    max-width: 41rem;
    justify-content: center;
    align-items: center;
    margin: auto 2rem auto auto;
    display: flex
}
            .main-page .main-page__banner .main-page__banner__content .main-page__banner__content-video {
                margin: -1.5rem -1.5rem 0 -1.5rem;
                width: calc(100% + 3rem);
                max-width: calc(100% + 3rem);
                height: 10rem;
            }
            .main-page .main-page__banner .main-page__banner__content .main-page__banner__content-video video {
                width: calc(100% + 1rem);
                margin: 0 -.5rem;
            }
            .main-page .main-page__banner .main-page__banner__header .main-page__banner__header-title {
                font-size: 1.4rem;
                line-height: 1.25;
                margin-bottom: 0
            }
.main-page .main-page__banner {
    width: 100%;
    max-width: 24rem;
    margin: 0;
}
.custom-radio {
    margin-bottom: 0;
    width: 100%;
    max-width: 36rem;
}
.main-page__banner__content .custom-radio {
    border-radius: 0 0 var(--r-btn) var(--r-btn);
    overflow: hidden;
    border: 1px solid var(--clr-black-10);
    border-top: 0;
}
.custom-radio-btn {
    display: flex;
    flex-flow: row;
    width: 100%;
}
.custom-radio .custom-radio-btn input + label {
    width: 100%;
    border-radius: 0;
    border: 0;
}
.custom-radio-head {
    display: flex;
    flex-flow: row;
    width: 100%;
    border-radius: var(--r-btn) var(--r-btn) 0 0;
    background: var(--clr-black-10);
    overflow: hidden;
}
.custom-radion-head-btn {
    display: flex;
    width: 100%;
    font-weight: 700;
    font-size: .8rem;
    justify-content: center;
    align-items: center;
    color: var(--clr-blued);
    height: 2rem;
    padding: .25rem;
    cursor: pointer;
    transition: .15s ease;
}
.custom-radion-head-btn.--active { background: #c7dbf5;}



            input[type="checkbox"], input[type="radio"] {
                position: absolute;
                left: 0;
                top: 0;
                opacity: 0;
                z-index: -1;
            }
            #order-modal .modal__content form .input__wrap,
            .order__banner form .input__wrap, .hurry__wrap .hurry__banner .hurry__banner-body form .input__wrap {
                margin: 0;
                width: 100%;
            }
            .main-page__banner__content-price .discount {
                font-size: 14px;
                line-height: 1;
                left: 0;
                top: 1.9rem;
            }

            .main-page__banner__content {
                position: relative;
            }
            #order-modal .modal__content form .price__wrap .new,
            .order__banner form .price__wrap .new, .order__banner .order__banner-body form .price__wrap .new,
            .hurry__wrap .hurry__banner .hurry__banner-body form .price__wrap .new,
            #upgrade-modal .modal__content form .price__wrap .new {
                font-size: 2.5rem;
                color: var(--clr-acnt);
                line-height: 1;
                margin-left: 0;
            }
            #order-modal .modal__content form .price__wrap .old,
            .order__banner form .price__wrap .old, .order__banner .order__banner-body form .price__wrap .old,
            .hurry__wrap .hurry__banner .hurry__banner-body form .price__wrap .old,
            #upgrade-modal .modal__content form .price__wrap .old {
                font-size: 1.25rem;
                line-height: 1.5;
                
                color: #999999;
                font-size: 1.5rem;
                order: 2;
            }

            #order-modal .modal__content form .installment__wrap,
            .order__banner form .installment__wrap {
                margin: 0;
            }

            .group input:focus ~ .custom-label, .group input:valid ~ .custom-label {
                top: -5px;
            }
            label[id$=error] {
                left: 0;
                background: white;
                padding: 0 5px;
                color: var(--clr-red);
                bottom: -8px;
                z-index: 5;
            }
            .input__wrap .group:last-child {
                margin-bottom: 0;
            }

.results_prom_test {
    margin-top: 0;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-align: left;
    width: 100%;
    font-size: .8rem;
    
    font-weight: 400;
    padding: 0 5px;
    line-height: 1;
}
            .results_prom_test span {
                font-size: inherit;
                line-height: inherit;
                font-family: inherit;
                font-weight: inherit;
            }
            .results_prom_test .nofind-promo {
                font-family: inherit;
                color: var(--clr-red);
            }
            .results_prom_test .find-promo {
                font-family: inherit;
                color: #079336;
            }

            .split-pay-wrap {
                display: flex;
                flex-flow: wrap;
                padding: 0;
                border: 1px solid var(--clr-gray);
                width: 100%;
                border-radius: var(--r-2);
                overflow: hidden;
            }
            .split-pay-wrap .split-price {
                display: flex;
                flex-flow: row;
                gap: .25rem;
                font-weight: 600;
                line-height: 1;
                font-size: 1rem;
                padding: .25rem;
                width: 100%;
                max-width: calc(100% - 7.7rem);
                justify-content: center;
                align-items: center;
                cursor: pointer;
                position: relative;
            }
            .split-pay-wrap .split-price:before {
                content: '?';
                position: absolute;
                right: .25rem;
                border-radius: var(--r-c);
                height: .9rem;
                width: .9rem;
                border: .1rem solid;
                opacity: .5;
                display: flex;
                justify-content: center;
                align-items: center;
                line-height: 1;
                font-size: .7rem;
                transform: scale(0.8);
            }
            .split-pay-wrap .split-btn, .fastform .split-pay-wrap .split-btn, .split-pay-wrap .btn-blk, .fastform .split-pay-wrap .btn-blk {
                font-size: .8rem;
                max-width: 5rem;
                padding: .25rem;
                line-height: 1;
                margin-left: auto;
                border-radius: var(--size-rad-btn) 0 0 var(--size-rad-btn);
                height: 100%;
                max-height: calc(100% - .6rem);
                display: flex;
                justify-content: center;
                align-items: center;
                min-height: 1rem;
            }
            .btn.btn-blk {
                background: var(--clr-gray);
                display: flex;
                height: 100%;
                min-height: 2rem;
                cursor: pointer;
                transition: .15s;
                width: 100%;
                max-width: 7rem;
                border-radius: 2rem;
                margin-left: auto;
            }
            .btn.btn-blk img {
                display: flex;
                height: .8em;
                margin: auto;
            }
            .btn.btn-blk:hover {
                background: var(--clr-gray-dark);
                border-color: var(--clr-gray-dark);
            }
            .btn.btn-blk:hover img {
                filter: invert(1);
            }

            form .split-box, .main-page__banner__content .split-box {
                width: 100%;
                max-width: calc(100% - 3rem);
                left: 1.5rem;
                bottom: 1.5rem;
            }
            .split-box {
                position: absolute;
                bottom: 0;
                z-index: 999;
                height: fit-content;
                background: white;
                left: 0;
                padding: 1rem;
                border-radius: var(--size-rad-el);
                overflow: hidden;
                box-shadow: 0 0 .5rem var(--clr-black-10);
                width: 19rem;
                left: 1.25rem;
                max-width: calc(100% - 2rem);
                
            }
            .split-box .h3 {
                font-size: 1.1rem;
                line-height: 1;
                padding-bottom: .5rem;
                
            }
            .split-box .split-pointer {
                font-size: .8rem;
                line-height: 1.1;
                position: relative;
                padding: .5rem 1rem .5rem 3rem;
            }
            .split-box .split-pointer:after, .split-box .split-pointer:before {
                position: absolute;
                content: '';
                background: var(--clr-acnt);
            }
            .split-box .split-pointer:after {
                width: 1.25rem;
                height: 1.25rem;
                border-radius: var(--r-c);
                top: calc(50% - .6rem);
                left: .75rem;
            }
            .split-box .split-pointer:before {
                width: .45rem;
                height: 100%;
                top: 0;
                left: 1.15rem;
            }
            .split-box .split-pointer:nth-child(3):before {
                height: 50%;
                top: auto;
                bottom: 0;
            }
            .split-box .split-pointer:last-child:before {
                height: 50%;
            }
            .split-box .close {
                position: absolute;
                background: transparent;
                right: .25rem;
                top: .25rem;
                width: 1.25rem;
                height: 1.25rem;
                border-radius: var(--r-c);
                cursor: pointer;
                transition: .15s;
            }
            .split-box .close:hover:before, .split-box .close:hover:after {
                opacity: .7;
            }
            .split-box .close:before, .split-box .close:after {
                content: "";
                position: absolute;
                top: 0.1rem;
                left: .55rem;
                height: .9rem;
                background-color: var(--clr-black);
                width: .1rem;
                border-radius: .5rem;
                transition: .15s;
                opacity: .35;
            }
            .split-box .close:before {
                transform: rotate(45deg);
            }
            .split-box .close:after {
                transform: rotate(135deg);
            }

.section-promo-modals .modal__title{
    
    font-size: 24px !important;
    margin: 10px 0 10px !important;
    line-height: 30px !important;
}

.section-promo-modals .modal__pp{
    font-size: 16px;
    line-height: 24px;
      
}
.section-promo-modals .modal__ul{
    
    font-size: 16px;
    line-height: 24px;
    list-style: disc;
    margin: 10px 20px;
}

            @media screen and (max-width: 734px) {
                .main-page .main-page__banner .main-page__banner__content .main-page__banner__content-video {
                    margin: -0.65rem -.6rem 0 -.6rem;
                    width: calc(100% + 1.25rem);
                    max-width: calc(100% + 1.25rem);
                    height: 8rem;
                }
                #order-modal .modal__content .order__banner-body,
                .order__banner .order__banner-body,
                .hurry__wrap .hurry__banner .hurry__banner-body,
                #upgrade-modal .modal__content .order__banner-body {
                    padding: 1rem;
                }
                #order-modal .modal__content form .price__wrap .old,
                .order__banner form .price__wrap .old,
                .hurry__wrap .hurry__banner .hurry__banner-body form .price__wrap .old {
                    font-size: 1.25rem;
                    line-height: 1.5;
                }
                #order-modal .modal__content form .price__wrap .new,
                .order__banner form .price__wrap .new,
                .hurry__wrap .hurry__banner .hurry__banner-body form .price__wrap .new {
                    font-size: 2rem;
                    line-height: 1;
                    padding-top: .5rem;
                }
                input[type=text], input[type=tel] {
                    padding: .75rem 0 .75rem 5px;
                }
            }

            @media screen and (max-width: 480px) {
                #order-modal .modal__content form,
                .order__banner form,
                .hurry__wrap .hurry__banner .hurry__banner-body form {
                    max-width: 100%;
                }
                .split-box {
                    left: .65rem;
                    max-width: calc(100% - 1.25rem);
                }
                .fastform .split-box {
                    width: 100%;
                    max-width: 100%;
                    left: 0;
                }
                .main-page .main-page__banner .main-page__banner__header .main-page__banner__header-title {
                    font-size: 1.2rem;
                    line-height: 1.15;
                }
                .main-page .main-page__banner .main-page__banner__header .main-page__banner__header-subtitle {
                    font-size: 14px;
                }
                .main-page__banner__content-price .old {
                    font-size: 1.25rem;
                }
                .main-page__banner__content-price .new {
                    font-size: 2.5rem;
                }
                form .split-box, .main-page__banner__content .split-box {
                    width: 100%;
                    max-width: 100%;
                    left: 0;
                    bottom: -2rem;
                }
            }
            @media screen and (max-width: 440px) {

            }

            .number_ul {
                display: flex;
                flex-flow: column;
                width: 100%;
                padding-bottom: 2rem;
                gap: 1rem;
                list-style: auto;
                list-style-position: inside;
            }
            .number_ul li {
                
                font-size: 1rem;
                line-height: 1.25;
            }

            #modal-cashback .modal__content {
                width: 100%;
                max-width: 26rem;
            }
        


            form .personal {
                margin: 0;
            }
        


.models__item {
    width: 100%;
    padding: var(--main-gap);
    border-radius: var(--r-2);
    color: var(--clr-text);
    --clr-acnt: var(--clr-blue);
    --clr-acnt-hover: var(--clr-blue-dark);
}
            .models__item.fansel .models__item-image, .models__item.mini .models__item-image, .models__item.lite .models__item-image {
                max-width: 12rem;
                right: .15rem;
            }
            .models__item .models__item-categories .category img {
                max-height: .75rem;
            }
            .models__item .models__item-stats {
                padding: .25rem .5rem;
            }
            .models__item .models__item-stats .stat:not(:last-child) {
                margin-bottom: 0;
            }
            .models__item .models__item-stats .stat p {
                font-size: .9rem;
                line-height: 1.15;
                display: inline;
                max-width: calc(100% - 26px);
            }
            i { display: inline; font-style: normal;}
            .models__item .models__item-stats__wrap {
                min-height: 16rem;
                min-width: 10rem;
                max-width: 11rem;
            }
            .models__item .models__item-discount {
                border-radius: .5rem;
                font-size: 1rem;
                line-height: 1;
                padding: .25rem .6rem;
            }
            .models__item .models__item-price .new {
                font-size: 1.75rem;
                line-height: 1;
                border-radius: .5rem;
                padding: .25rem .5rem;
            }
            .models__item .models__item-price .old {
                font-size: 1.25rem;
                line-height: 1.25;
                margin-left: .5rem;
            }
            .models__item .models__item-title {
                font-size: 1.75rem;
                line-height: 1.25;
                margin-top: 1rem;
            }
            .models__item .models__item-subtitle {
                margin-top: .25rem;
                font-size: .9rem;
                line-height: 1.25;
                opacity: .75;
            }
            .models__item .models__item-parameters .parameter {
                display: flex;
                gap: .25em;
                border-radius: var(--r-7);
                padding: .15rem .5rem;
                height: 1.25rem;
                font-size: .8rem;
                color: var(--clr-text);
                background: var(--clr-bg);
            }
            .models__item .models__item-parameters .parameter__volume {
                margin: 0;
                font-size: .75rem;
                padding-top: .5rem;
            }
            .models__item .models__item-volumes .volume .key {
                font-size: 1rem;
                line-height: 1;
                font-weight: 700;
                padding: .25rem .5rem;
            }
            .models__item .models__item-volumes .volume .value {
                font-size: .7rem;
                line-height: 1;
                padding: 0 .5rem .25rem;
            }
            .models__item .models__item-volumes .volume {
                padding: 0;
            }
            .models__item .models__item-dscr {
                font-size: .8rem;
                line-height: 1.25;
                min-height: 5rem;
            }
            .stat img {
                max-width: 1.75rem;
            }
            .choose__item .stat img {
                filter: hue-rotate(-135deg) contrast(0.5);
            }
                        .models__item.lite .models__item-categories .category.size {
                            background: #f7931e;
                        }
                        .models__item.lite .models__item-categories .category.custom {
                            background: #29abe2;
                        }
                        .models__item.lite .models__item-image {
                            top: 7rem;
                        }
            .models__item .models__item-categories, .models__item .models__item-parameters {
                padding: 0;
                gap: .25rem;
                min-height: 3rem;
            }


        


            .equipment__wrap.minis {
                background-image: url(./img/equipment-bg-minis.webp);
            }
            .equipment__wrap.lite {
                background-image: url(./img/equipment-bg-lite.webp);
            }
            .equipment__choose-wrap {
                width: 100%;
                max-width: 48rem;
            }
            .equipment__choose-wrap {
                border: 0;
                border-radius: 0;
            }
        


            @media screen and (min-width: 769px) {
                .choice .choice__bg {
                    display: flex;
                    align-items: flex-end;
                    justify-content: flex-end;
                }
                .choice .choice__bg img {
                    max-width: 49rem;
                }

                .order {
                    background-color: var(--clr-gray-light);
                    background-image: url("./img/order-bg.webp");
                    background-size: contain;
                    background-repeat: no-repeat;
                    background-position: center left;
                }
            }
            @media screen and (max-width: 734px) {
                .choice .choice__bg {
                    margin-top: -20px;
                }
                .order .order__mobile-image {
                    margin-top: -3rem;
                }
            }
        


            .upgrade-button {
                margin: 0 auto;
                margin-top: -3.5rem;
            }
            .upgrade__wrap .upgrade__item.column .upgrade__item-title {
                margin-left: 0;
            }
            button.btn-showmore:before, .button.btn-showmore:before,
            .upgrade__wrap .upgrade__item button.btn-showmore:before,
            .upgrade__wrap .upgrade__item .button.btn-showmore:before {
                display: none;
            }
            button.btn-showmore, .button.btn-showmore,
            .upgrade__wrap .upgrade__item button.btn-showmore,
            .upgrade__wrap .upgrade__item .button.btn-showmore {
                display: inline-flex;
                background: none;
                color: #333;
                padding: 0;
                line-height: 1.25;
                font-size: 1.15rem;
                border-bottom: dashed .1rem #39567f;
                border-radius: inherit;
                margin: 0;
                width: auto;
                height: auto;
                max-height: 1.15rem;
                min-height: 1.5rem;
                transition: .15s;
            }
            button.btn-showmore:hover, .button.btn-showmore:hover,
            .upgrade__wrap .upgrade__item button.btn-showmore:hover,
            .upgrade__wrap .upgrade__item .button.btn-showmore:hover {
                color: var(--clr-red);
                border-color: var(--clr-red);
            }
            @media screen and (max-width: 734px) {
                .upgrade-button {
                    margin-top: 2rem;
                }
            }
            @media screen and (max-width: 395px) {
                .upgrade-button {
                    width: 100%;
                }
            }
        


            .lite-volume .upgrade__wrap .upgrade__item {
                bottom: -3rem;
            }
            .lite-volume .upgrade__wrap .upgrade__item span {
                
                max-width: 14rem;
                display: flex;
                padding-top: 1rem;
            }
            .lite-volume .upgrade__wrap .upgrade__item.steamer {
                left: 10%;
            }
            .lite-volume .upgrade__wrap .upgrade__item.column {
                right: 10%;
            }
            .lite-price {
                
                font-size: 30px;
                line-height: 36px;
                color: var(--clr-acnt);
                margin-bottom: 8px;
                margin-left: 50%;
                transform: translateX(-50%);
                width: fit-content;
                min-width: 216px;
            }
            .lite-volume .upgrade__comment {
                max-width: 27rem;
            }
            .lite-volume .upgrade__wrap .upgrade__item button.btn-showmore, .lite-volume .upgrade__wrap .upgrade__item .button.btn-showmore {
                position: absolute;
                left: 5.75rem;
            }
            .lite-volume .button {
                margin-left: 50%;
                transform: translateX(-50%);
                min-width: 273px;
            }
            .upgrade__wrap .upgrade__item .upgrade__item-title {
                width: fit-content;
            }
            .lite-volume .upgrade__wrap .upgrade__bulb {
                bottom: 9rem;
                right: 5rem;
                top: auto;
            }
            .lite-volume .upgrade__wrap .upgrade__bulb .upgrade__bulb-description {
                bottom: 6rem;
            }

            @media screen and (max-width: 734px) {
                .lite-volume .upgrade__wrap .upgrade__item.steamer {
                    left: 0;
                }
                .lite-volume .upgrade__wrap .upgrade__item.column {
                    right: 0;
                }
                .lite-volume .upgrade__wrap .upgrade__item {
                    bottom: 2rem;
                }
                .lite-volume .upgrade__wrap .upgrade__item span {
                    max-width: 10rem;
                    padding-top: .5rem;
                    font-size: .8rem;
                }
                .lite-volume .upgrade__wrap .upgrade__bulb {
                    bottom: auto;
                    right: 0;
                    top: 1rem;
                }
                .lite-volume .upgrade__wrap .upgrade__bulb .upgrade__bulb-description {
                    bottom: auto;
                }
                .lite-price {
                    font-size: 24px;
                    text-align: center;
                    margin-top: 1rem;
                }
            }
            @media screen and (max-width: 380px) {
                .lite-volume .upgrade__wrap .upgrade__item span {
                    max-width: 8rem;
                    text-align: left;
                }
                .lite-volume .upgrade__wrap .upgrade__item {
                    bottom: .5rem;
                }
            }



            [data-title] {
                position: relative;
                cursor: help;
                
                border-bottom: 1px dashed currentColor;
                width: fit-content;
                display: none;
            }
            [data-title]::after {
                content: attr(data-title);
                position: absolute;
                left: 0; bottom: 2em;
                opacity: 0;
                transition: 0.15s;
                pointer-events: none;
                background: #fff;
                background-image: attr(data-icon);
                color: #999;
                padding: 1em;
                box-shadow: 0 0 .5rem var(--clr-black-10);
                border-radius: 1rem;
                font-size: .9rem;
                line-height: 1.25;
                min-width: 15rem;
                border: 1px solid #e5e5e5;
            }
            [data-title]::before {
                content: '';
                position: absolute;
                bottom: 1em;
                opacity: 0;
                transition: 0.15s;
                pointer-events: none;
                background: #fff;
                width: 1rem;
                height: 1rem;
                left: 50%;
                transform: rotate(45deg) translateX(-.5rem);
                z-index: 2;
                border-right: 1px solid #e5e5e5;
                border-bottom: 1px solid #e5e5e5;
            }
            [data-title]:hover::after {
                opacity: 1;
            }
            [data-title]:hover::before {
                opacity: 1;
            }
        


.price_title {
    font-size: .8rem;
    margin-bottom: -1rem;
    color: var(--clr-gray);
    text-transform: uppercase;
    width: 100%;
}
        
            .order__banner .order-device-image.active {
                display: flex;
            }
            .order__banner .order-device-image {
                display: none;
                justify-content: center;
                align-items: center;
            }
            .personal, .order__banner form .personal {
                display: flex;
                width: 100%;
                justify-content: center;
                align-items: center;
            }
            .personal img, .order__banner form .personal img {
                width: 1.5rem;
                height: 1.5rem;
                margin-top: 0;
            }
            .personal p, .order__banner form .personal p {
                
                font-size: .75rem;
                line-height: 1.15;
                margin-left: 1rem;
                opacity: .6;
                width: 100%;
                max-width: calc(24rem - 2.5rem);
            }
            .personal a, .order__banner form .personal a {
                transition: .15s;
            }
            .personal a:hover, .order__banner form .personal a:hover {
                color: var(--clr-acnt);
            }
            u {
                text-decoration: underline;
            }

.checkbox-list {
    display: flex;
    flex-flow: column;
    width: 100%;
    gap: var(--main-gap-05);
}
.input-checkbox {
    display: flex;
    flex-flow: wrap;
    position: relative;
    width: 100%;
    
}
.col-upgrade .input-checkbox { display: none;}
.col-upgrade .input-checkbox.--active { display: flex;}
.input-checkbox .input-image {
    display: flex;
    width: 100%;
    max-width: 2.5rem;
    height: 100%;
    max-height: 2.5rem;
    margin: auto 0;
    border-radius: var(--r-c);
    outline: 2px solid;
    outline-color: var(--clr-blue-20);
    overflow: hidden;
}
.input-checkbox .input-text {
    display: flex;
    flex-flow: row;
    width: 100%;
    height: 100%;
    gap: .5rem;
}
.input-checkbox .input-image + .input-checkbox .input-text { max-width: calc(100% - 3rem);}
.input-text .input-name {
    display: flex;
    width: 100%;
    max-width: calc(100% - 4.5rem);
    justify-content: flex-start;
    align-items: center;
}
.input-text .input-price {
    display: flex;
    width: 100%;
    flex-flow: column;
    max-width: 4rem;
    justify-content: center;
    align-items: flex-end;
}
.input-price .input-price-old {
    font-size: .8rem;
    line-height: 1;
    font-weight: 400;
    text-decoration: line-through;
}
.input-text .input-price-new {
    font-size: 1.15rem;
    color: var(--clr-acnt);
}
.input-checkbox input:checked + label .input-image { outline-color: var(--clr-blue);}
.input-checkbox input {
    opacity: 0;
    visibility: hidden;
    z-index: -9999;
    position: absolute;
    left: -9999px;
}
.input-checkbox label {
    position: relative;
    cursor: pointer;
    display: flex;
    flex-flow: row;
    width: 100%;
    gap: .5rem;
    color: var(--clr-text);
    font-size: .9rem;
    padding-left: 2rem;
    line-height: 1;
    transition: var(--trns-15);
    border-radius: var(--r-5);
    box-shadow: inset 0 0 1rem .4rem var(--clr-white);
}
.input-checkbox label:hover { background: var(--clr-blue-10);}
.input-checkbox input + label::before {
    content: "";
    width: 1.15rem;
    height: 1.15rem;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%);
    border: .1rem solid var(--clr-gray);
    border-radius: var(--r-7);
}
.input-checkbox input:checked + label::before {
    border: .1rem solid var(--clr-acnt);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2333527f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
    background-size: .75rem;
    background-position: center;
    background-repeat: no-repeat;
}
            .order__banner form .personal {
                margin: 0;
            }
            .hurry__wrap .hurry__banner .hurry__banner-body form .loan__wrap {
                border: 1px solid var(--clr-red);
                border-radius: 4px;
                padding: .25rem .5rem;
                margin: 0;
                margin-top: -.75rem;
                text-transform: uppercase;
                font-size: .9rem;
            }
            @media screen and (max-width: 734px) {
                .order__banner .order__banner-body {
                    display: flex;
                    flex-flow: wrap;
                    padding: 1rem;
                }
                .order-device-image {
                    order: 1;
                }
                .order__banner form {
                    order: 2;
                }
                .order__banner .order-device-image {
                    margin: 0 auto;
                    max-height: 15rem;
                    width: 100%;
                }
                .order__banner .order-device-image picture {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    height: 100%;
                    width: 100%;
                    max-height: 100%;
                }
                .order__banner .order-device-image img {
                    width: auto;
                    display: flex;
                    margin: auto;
                    height: 100%;
                    max-height: 100%;
                }
                .order__banner {
                    width: 100%;
                    max-width: 24rem;
                }
            }
            @media screen and (max-width: 380px) {
                .order__banner {
                    margin: -1rem .5rem 0;
                    max-width: calc(100% - 1rem);
                }
                .hurry__wrap .hurry__banner {
                    max-width: calc(100% - 1rem);
                }
            }
            section {
                width: 100%;
                overflow: hidden;
            }
        


            .choose__banner {
                padding: 2rem;
            }
            .choose__wrap .choose__item {
                width: 100%;
                max-width: 410px;
            }
            .choose__banner .choose__banner-image {
                left: .25rem;
                max-width: 12rem;
            }
            .choose__wrap .choose__item .choose__item-comment p {
                font-size: .75rem;
                line-height: 1.25;
                letter-spacing: .025rem;
            }
            .choose__banner .choose__banner-sticker.sticker-8 {
                left: 3.25rem;
                max-width: 6.5rem;
                top: 6rem;
            }
            .choose__banner .choose__banner-sticker img {
                width: 100%;
            }
            .choose__banner .choose__banner-sticker.sticker-14 {
                bottom: 115px;
                left: 100px;
                max-width: 6.5rem;
            }
            .choose__banner .choose__banner-sticker.sticker-20 {
                bottom: 142px;
                left: 103px;
                max-width: 6.5rem;
            }
            .choose_banner-header {
                display: flex;
                width: 100%;
                flex-flow: row;
                margin-bottom: 2rem;
                justify-content: space-between;
                align-items: flex-end;
                gap: .5rem;
            }
            .choose_banner-header .choose__banner-content__title {
                
                font-size: 2rem;
            }
            .choose_banner-header .choose__banner-content__volume {
                font-size: 1.5rem;
                font-weight: 400;
                color: var(--clr-pink);
                line-height: 1.5;
            }
            .choose__banner .choose__banner-content.content-20, .choose__banner .choose__banner-content.content-14, .choose__banner .choose__banner-content.content-8 {
                width: 10rem;
            }
            .choose__banner .choose__banner-content .choose__banner-content__stats .stat p {
                font-size: .9rem;
                line-height: 1.25;
            }
            .choose__banner .choose__banner-content .choose__banner-content__price-new {
                font-size: 2.25rem;
                line-height: 1;
                margin-bottom: 1rem;
            }
            .choose__banner .choose__banner-content .choose__banner-content__price-old {
                margin-top: 3rem;
                font-size: 1rem;
                line-height: 1;
                color: var(--clr-gray);
            }
            .choose__banner .choose__banner-content .choose__banner-content__stats {
                width: 100%;
                max-width: 158px;
            }
            .models__item .models__item-parameters {

            }
            @media screen and (max-width: 734px) {
                .models__item .models__item-stats__wrap {
                    min-height: 0;
                    margin-bottom: 1rem;
                }
                .models__item .models__item-subtitle {
                    min-height: 0;
                }
                .models__item .models__item-parameters {
                    margin: 0 0 1rem 0;
                }

                .choose__banner {
                    padding: 1.5rem;
                }
                .choose_banner-header {
                    flex-flow: column;
                    justify-content: flex-start;
                    align-items: flex-start;
                    gap: 0;
                    line-height: 1;
                }
                .choose_banner-header .choose__banner-content__title {
                    font-size: 1.5rem;
                    line-height: 1;
                }
                .choose_banner-header .choose__banner-content__volume {
                    font-size: 1rem;
                    line-height: 1;
                }
                .choose__banner .choose__banner-image {
                    max-width: 9rem;
                }
                .choose__banner .choose__banner-content.content-20, .choose__banner .choose__banner-content.content-14, .choose__banner .choose__banner-content.content-8 {
                    width: 8rem;
                    margin: 0;
                }
                .choose__banner .choose__banner-image.image-14, .choose__banner .choose__banner-image.image-20, .choose__banner .choose__banner-image.image-8, .choose__banner .choose__banner-image {
                    right: .25rem;
                    left: auto;
                }
                .choose__banner .choose__banner-sticker.sticker-8, .choose__banner .choose__banner-sticker.sticker-14, .choose__banner .choose__banner-sticker.sticker-20 {
                    left: auto;
                    right: 1.75rem;
                    top: 2rem;
                    height: 6rem;
                    width: 6rem;
                }
            }
        


            #upgrade-steamer .modal__overlay {
                display: flex;
                justify-content: center;
                align-items: center;
            }
            #upgrade-steamer .modal__container {
                display: flex;
                justify-content: center;
                align-items: center;
            }
            #upgrade-steamer .modal__content {
                margin-left: 0;
                margin: 0 auto;
            }
            .modal__content .modal__content-body {
                overflow: hidden;
            }
            #upgrade-steamer .modal__content .modal__content-body {
                padding: 1.5rem 3rem 2rem;
            }
            #upgrade-steamer .modal__content .modal__content-body ul,
            .modal__content .modal__content-body ul {
                margin: 0;
            }
            #upgrade-steamer .modal__container {
                width: 100%;
                max-width: 44rem;
            }

            #upgrade-column .modal__content .modal__content-body {
                width: 100%;
            }
            #upgrade-column .modal__content .modal__content-body .modal__content-body__item .image {
                z-index: 0;
            }
            #upgrade-column .modal__content .modal__content-body .modal__content-body__item ul {
                position: relative;
                z-index: 1;
            }
            #upgrade-column .modal__content .modal__content-body .modal__content-body__item .image {
                right: 0;
                bottom: calc(var(--main-gap) * -1);
                max-width: 14rem;
                top: auto;
                overflow: hidden;
                max-height: calc(100% + var(--main-gap) * 2);
                justify-content: flex-end;
                align-items: flex-end;
                display: flex;
            }
            @media screen and (max-width: 1080px) {
                #upgrade-column .modal__overlay {
                    display: unset;
                    padding: 3rem 0;
                }
                #upgrade-column .modal__content .modal__content-body {
                    flex-direction: column;
                    padding: 0;
                    padding: 20px 16px 0 16px;
                }
                #upgrade-column .modal__content .modal__content-body .modal__content-body__item {
                    width: 100%;
                    overflow: hidden;
                    padding: 0rem 1rem 2rem;
                }
                #upgrade-column .modal__content .modal__content-body .modal__content-body__item:first-child {
                    border-bottom: none;
                    margin-bottom: 1rem;
                    border-right: none;
                }
                #upgrade-column .modal__content .modal__content-body .modal__content-body__item .image {
                    display: flex;
                    height: 100%;
                    max-height: calc(100% - 2rem);
                    justify-content: flex-end;
                    align-items: flex-end;
                    top: auto;
                    right: -1rem;
                    width: 100%;
                    max-width: calc(60% - 4rem);
                    bottom: 0;
                }
                #upgrade-column .modal__content .modal__content-body .modal__content-body__item .image picture {
                    display: flex;
                    width: 100%;
                    height: 100%;
                    justify-content: flex-end;
                    align-items: flex-end;
                }
                #upgrade-column .modal__content .modal__content-body .modal__content-body__item .image img {
                    display: flex;
                    width: 100%;
                    max-width: 100%;
                    height: 100%;
                    max-height: 100%;
                    object-fit: contain;
                    object-position: bottom;
                }
            }
            @media screen and (max-width: 608px) {
                #upgrade-steamer .modal__content .modal__content-body .image {
                    top: auto;
                    bottom: -1rem;
                    right: auto;
                    width: calc(100% - 3rem);
                    max-width: 18rem;
                    left: calc(50% - 8rem);
                }
                #upgrade-steamer .modal__content .modal__content-body ul {
                    margin-bottom: 15rem;
                }
                #upgrade-steamer .modal__content .modal__content-body .image img {
                    display: flex;
                    width: 100%;
                    height: auto;
                    max-width: 100%;
                    aspect-ratio: 1 / 1;
                    object-fit: cover;
                    object-position: top;
                }
                #upgrade-steamer .modal__container {
                    max-width: 20rem;
                }
            }
            @media screen and (max-width: 340px) {
                #upgrade-column .modal__content .modal__content-body .modal__content-body__item .image {
                    max-width: 8rem;
                }
            }
        


        form .input__wrap input[type="checkbox"] + label {
            
            font-size: 18px;
            line-height: 24px;
            color: var(--clr-acnt);
            position: relative;
            cursor: pointer;
            padding-left: 2rem;
            width: 100%;
            display: flex;
            flex-flow: wrap;
            justify-content: flex-start;
            line-height: 1rem;
            gap: .5rem;
        }
        form .input__wrap input[type="checkbox"] + label span.input-image {
            display: flex;
            width: 100%;
            max-width: 4rem;
            height: auto;
            max-height: 4rem;
            border: .2rem solid var(--clr-acnt);
            border-radius: var(--r-c);
            overflow: hidden;
        }
        form .input__wrap input[type="checkbox"] + label div.input-text {
            width: 100%;
            max-width: calc(100% - 4.5rem);
            display: flex;
            flex-flow: wrap;
            justify-content: flex-start;
            align-items: center;
        }
        form .input__wrap input[type="checkbox"] + label span.input-name {
        }
        form .input__wrap input[type="checkbox"] + label span.rub {
            font-family: inherit;
            font-weight: 600;
            line-height: 1;
            font-size: 1rem;
        }
        form .input__wrap input[type="checkbox"] + label span.input-price-old {
            font-size: .9rem;
            text-decoration: line-through;
            color: #999999;
            margin: 0 .5rem 0 auto;
            line-height: 1rem;
            
        }
        form .input__wrap input[type="checkbox"] + label:before, #upgrade-modal .modal__content form .checkbox__wrap .checkbox input + label::before {
            content: "";
            width: 1.15rem;
            height: 1.15rem;
            position: absolute;
            left: 0px;
            top: 50%;
            transform: translateY(-50%);
            border: .1rem solid #757575;
            border-radius: 4px;
        }
        form .input__wrap input[type="checkbox"]:checked + label:before, #upgrade-modal .modal__content form .checkbox__wrap .checkbox input:checked + label::before {
            border: .1rem solid var(--clr-acnt);
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'%3e%3cpath fill='%2333527f' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26 2.974 7.25 8 2.193z'/%3e%3c/svg%3e");
            background-size: .75rem;
            background-position: center;
            background-repeat: no-repeat;
        }
        form .input__wrap.recipes-input-wrap input[type="checkbox"] + label div.input-text {
            width: 100%;
            max-width: none;
            color: var(--clr-red);

            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
        }
        #upgrade-modal .modal__content form .checkbox__wrap .checkbox {
            margin-bottom: .5rem;
        }
        #upgrade-modal .modal__content form .checkbox__wrap .checkbox label {
            font-size: 1.25rem;
            line-height: 1.5;
            padding-left: 2rem;
        }
        #upgrade-modal .modal__content form .checkbox__wrap .checkbox .price {
            font-size: 1.25rem;
            line-height: 1.5;
            color: var(--clr-acnt);
        }
        div.checkbox span.input-price-old {
           
           font-size: .75rem;
           color: #999999;
           text-decoration: line-through;
           position: absolute;
           right: 0;
           bottom: -.6rem;
       }
        @media screen and (max-width: 734px) {
            #upgrade-column .modal__content .modal__content-body .modal__content-body__item:first-child {
                margin-bottom: 0;
            }
            #upgrade-steamer .modal__overlay, .modal__overlay {
                display: flex;
            }
            #upgrade-steamer .modal__content .modal__content-body {
                padding: 1.25rem 1.5rem 1.5rem;
            }
            #upgrade-column .modal__content .modal__content-body .modal__content-body__item ul {
                height: auto;
                width: 100%;
                max-width: 14rem;
                display: flex;
                flex-flow: column;
                gap: 0.75rem;
                margin-bottom: 1rem;
            }
            #upgrade-column .modal__content .modal__content-body .modal__content-body__item .image,
            #upgrade-column .modal__content .modal__content-body .modal__content-body__item:first-child .image {
                max-width: 10rem;
            }
            #upgrade-column .modal__content .modal__content-body .modal__content-body__item {
                padding-bottom: 2rem;
            }
            .upgrade__wrap .upgrade__item.steamer, .upgrade__wrap .upgrade__item.column {
                display: flex;
                flex-flow: column;
                justify-content: center;
                align-items: center;
                text-align: center;
                position: relative;
                top: auto;
                margin: 0;
                transform: none;
                bottom: auto;
            }
            .upgrade__wrap .upgrade__item.column.--1 { margin: 0 auto;}
            .upgrade__wrap .upgrade__bg { padding: 0;}
            .upgrade__wrap {
                flex-flow: wrap;
                display: flex;
            }
            .lite-volume .upgrade__wrap .upgrade__item.steamer, .lite-volume .upgrade__wrap .upgrade__item.column { width: 50%;}
            #upgrade-column .modal__content .modal__content-body {
                overflow: visible;
                background: white;
                border-radius: var(--r-2);
            }
            #order-modal .modal__content .order__banner-body form .price__wrap .new {
                font-size: 2rem;
            }
            #order-modal .modal__content .order__banner-body form .price__wrap .old {
                font-size: 1rem;
            }
            #upgrade-modal .modal__content form .checkbox__wrap .checkbox label {
                font-size: 1rem;
                padding-left: 2rem;
                line-height: 1;
            }
            #upgrade-modal .modal__content form .checkbox__wrap .checkbox .price {
                font-size: 1rem;
                line-height: 1;
                text-align: right;
            }
            #upgrade-modal .modal__content form .checkbox__wrap .checkbox .price span {
                font-size: .9rem;
            }
            div.checkbox span.input-price-old {
                 bottom: -.75rem;
            }
            #upgrade-modal .modal__content form .checkbox__wrap .checkbox {
                margin-bottom: .75rem;
            }
            #order-modal .modal__content form .price__wrap .old, .order__banner form .price__wrap .old, .order__banner .order__banner-body form .price__wrap .old, .hurry__wrap .hurry__banner .hurry__banner-body form .price__wrap .old, #upgrade-modal .modal__content form .price__wrap .old {
                font-size: 1rem;
            }
            #order-modal .modal__content form .price__wrap, .order__banner form .price__wrap, .hurry__wrap .hurry__banner .hurry__banner-body form .price__wrap, #upgrade-modal .modal__content form .price__wrap {
                font-size: 2rem;
            }
        }
        @media screen and (max-width: 480px) {
            form .input__wrap input[type="checkbox"] + label span.input-image {
                width: 3rem;
                height: 3rem;
            }
            form .input__wrap input[type="checkbox"] + label div.input-text {
                max-width: calc(100% - 3.5rem);
            }
            form .input__wrap input[type="checkbox"] + label span.input-name {
                width: 100%;
            }
            form .input__wrap input[type="checkbox"] + label span.input-price-old {
                margin: 0 .5rem 0 0;
            }
        }
    

            #upgrade-modal .modal__content form .price__wrap {
                margin: 0;
                gap: 1rem;
            }

div[class*="col-upgrade"] .custom-radio-wrap { padding: 0 var(--main-gap-05); padding-bottom: var(--main-gap);}
form#order-form div[class*="col-upgrade"] .custom-radio-wrap { padding: 0;}
div[class*="col-upgrade"] { max-width: 50%; gap: var(--main-gap-05);}
div[class*="col-upgrade"] .checkbox-list { padding: 0;}
div[class*="col-upgrade"] .inputs-wrap, div[class*="col-upgrade"] .input-promo, div[class*="col-upgrade"] .form-submit { padding: 0;}


            #upgrade-modal .modal__content form .checkbox__wrap {
                width: 100%;
            }
            #upgrade-modal .modal__content form .input__wrap {
                flex-flow: column;
                gap: 1rem;
            }
            #upgrade-modal .modal__content form .input__wrap .group {
                width: 100%;
                margin: 0;
            }
            .price_overlayer {
                display: flex;
                flex-flow: column;
                width: 100%;
                max-width: 48%;
                gap: 1rem;
            }
            .send_order_wrap {
                display: flex;
                flex-flow: column;
                gap: 1rem;
                width: 100%;
                max-width: 49%;
            }
            #upgrade-modal .modal__content form .checkbox__wrap {
                border-top: 0;
                padding-top: 0;
            }
            div.checkbox {
                position: relative;
            }
            @media screen and (max-width: 620px) {
                .price_overlayer, .send_order_wrap {
                    max-width: none;
                }
                #upgrade-modal .modal__content form {
                    max-width: 24rem;
                }
                #upgrade-modal .modal__content form .button {
                    width: 100%;
                    max-width: 100%;
                }
            }
        


            input:focus + label.error {
                opacity: 0;
            }
            @media screen and (min-width: 1220px) {
                .compare__wrap .compare__item .compare__item-image {
                    top: calc(50% - 15rem);
                    max-width: 26%;
                }
            }
        




.mb-images{
     display: none;
}

  @media screen and (max-width: 734px) {
.top-gradient{
    background: rgb(255, 255, 255);
    background: linear-gradient(180deg, rgb(255 255 255) 9%, rgb(178 178 178) 100%);
    padding: 13px;
}
    .main-page {
        background: none;
        padding: 0px 0 20px 0;
    }


.main-page__banner__content-price .discount {

    display: none;
}
}


@media screen and (min-width: 1921px) {
    
}
@media screen and (max-width: 1920px) {
    
}
@media screen and (min-width: 1601px) {
    div[class*="col-"].col-ulg-12 { max-width: 100%;} div[class*="col-"].col-ulg-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-ulg-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-ulg-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-ulg-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-ulg-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-ulg-6 { max-width: calc(100% / 2);} div[class*="col-"].col-ulg-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-ulg-4 { max-width: calc(100% / 3);} div[class*="col-"].col-ulg-3 { max-width: calc(100% / 4);} div[class*="col-"].col-ulg-2 { max-width: calc(100% / 6);} div[class*="col-"].col-ulg-1 { max-width: calc(100% / 12);}
    
    .o-ulg-1 {order: 1;} .o-ulg-2 {order: 2;} .o-ulg-3 {order: 3;} .o-ulg-4 {order: 4;} .o-ulg-5 {order: 5;} .o-ulg-6 {order: 6;} .o-ulg-7 {order: 7;} .o-ulg-8 {order: 8;} .o-ulg-9 {order: 9;} .o-ulg-10 {order: 10;} .o-ulg-11 {order: 11;} .o-ulg-12 {order: 12;} .o-ulg-13 {order: 13;} .o-ulg-14 {order: 14;} .o-ulg-15 {order: 15;} .o-ulg-16 {order: 16;}
}
@media screen and (max-width: 1600px) {
    div[class*="col-"].col-xlg-12 { max-width: 100%;} div[class*="col-"].col-xlg-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-xlg-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-xlg-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-xlg-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-xlg-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-xlg-6 { max-width: calc(100% / 2);} div[class*="col-"].col-xlg-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-xlg-4 { max-width: calc(100% / 3);} div[class*="col-"].col-xlg-3 { max-width: calc(100% / 4);} div[class*="col-"].col-xlg-2 { max-width: calc(100% / 6);} div[class*="col-"].col-xlg-1 { max-width: calc(100% / 12);}
    
    .o-xlg-1 {order: 1;} .o-xlg-2 {order: 2;} .o-xlg-3 {order: 3;} .o-xlg-4 {order: 4;} .o-xlg-5 {order: 5;} .o-xlg-6 {order: 6;} .o-xlg-7 {order: 7;} .o-xlg-8 {order: 8;} .o-xlg-9 {order: 9;} .o-xlg-10 {order: 10;} .o-xlg-11 {order: 11;} .o-xlg-12 {order: 12;} .o-xlg-13 {order: 13;} .o-xlg-14 {order: 14;} .o-xlg-15 {order: 15;} .o-xlg-16 {order: 16;}
    
    .scrn-xlg {display: none;} .scrn-lg {display: none;} .scrn-md {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: none;} .scrn-ulg {display: inherit;}
    
    div[class*="col-"].col-xlg-4.offset-left-auto { margin-left: calc(100% / 3 / 2);}
    div[class*="col-"].col-xlg-4.offset-right-auto { margin-right: calc(100% / 3 / 2);}
}
@media screen and (max-width: 1440px) {
    nav .nav__wrap { gap: .5rem;}
    nav .nav__wrap .nav-link { font-size: .95rem;}
}
@media screen and (max-width: 1200px) {
    div[class*="col-"].col-lg-12 { max-width: 100%;} div[class*="col-"].col-lg-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-lg-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-lg-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-lg-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-lg-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-lg-6 { max-width: calc(100% / 2);} div[class*="col-"].col-lg-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-lg-4 { max-width: calc(100% / 3);} div[class*="col-"].col-lg-3 { max-width: calc(100% / 4);} div[class*="col-"].col-lg-2 { max-width: calc(100% / 6);} div[class*="col-"].col-lg-1 { max-width: calc(100% / 12);}
    
    .o-lg-1 {order: 1;} .o-lg-2 {order: 2;} .o-lg-3 {order: 3;} .o-lg-4 {order: 4;} .o-lg-5 {order: 5;} .o-lg-6 {order: 6;} .o-lg-7 {order: 7;} .o-lg-8 {order: 8;} .o-lg-9 {order: 9;} .o-lg-10 {order: 10;} .o-lg-11 {order: 11;} .o-lg-12 {order: 12;} .o-lg-13 {order: 13;} .o-lg-14 {order: 14;} .o-lg-15 {order: 15;} .o-lg-16 {order: 16;}
    
    div[class*="col-"].col-xlg-4.offset-left-auto { margin-left: auto;}
    div[class*="col-"].col-xlg-4.offset-right-auto { margin-right: auto;}
    
    .scrn-ulg {display: none;} .scrn-xlg {display: none;} .scrn-md {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: none;} .scrn-lg {display: inherit;}
    
    header { height: auto;}
    header .nav-logo { padding: 0; justify-content: flex-start;}
    nav .nav-logo { display: none;}
    nav .nav__wrap {
        margin: 0;
        width: 100%;
        max-width: 100%;
        padding: 1rem;
    }
    nav .button.order-button {
        margin: auto;
    }
    nav .nav__wrap { gap: 1.25rem;}
    nav .nav__wrap .nav-link { font-size: 1.25rem;}
    .bl-rght-bl { max-width: 22rem;}
}
@media screen and (max-width: 1080px) {
    div[class*="col-"].col-md-12 { max-width: 100%;} div[class*="col-"].col-md-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-md-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-md-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-md-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-md-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-md-6 { max-width: calc(100% / 2);} div[class*="col-"].col-md-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-md-4 { max-width: calc(100% / 3);} div[class*="col-"].col-md-3 { max-width: calc(100% / 4);} div[class*="col-"].col-md-2 { max-width: calc(100% / 6);} div[class*="col-"].col-md-1 { max-width: calc(100% / 12);}
    
    .o-md-1 {order: 1;} .o-md-2 {order: 2;} .o-md-3 {order: 3;} .o-md-4 {order: 4;} .o-md-5 {order: 5;} .o-md-6 {order: 6;} .o-md-7 {order: 7;} .o-md-8 {order: 8;} .o-md-9 {order: 9;} .o-md-10 {order: 10;} .o-md-11 {order: 11;} .o-md-12 {order: 12;} .o-md-13 {order: 13;} .o-md-14 {order: 14;} .o-md-15 {order: 15;} .o-md-16 {order: 16;}
    
    .scrn-ulg {display: none;} .scrn-xlg {display: none;} .scrn-lg {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: none;} .scrn-md {display: inherit;}
}
@media screen and (max-width: 734px) {
    div[class*="col-"].col-sm-12 { max-width: 100%;} div[class*="col-"].col-sm-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-sm-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-sm-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-sm-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-sm-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-sm-6 { max-width: calc(100% / 2);} div[class*="col-"].col-sm-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-sm-4 { max-width: calc(100% / 3);} div[class*="col-"].col-sm-3 { max-width: calc(100% / 4);} div[class*="col-"].col-sm-2 { max-width: calc(100% / 6);} div[class*="col-"].col-sm-1 { max-width: calc(100% / 12);}
    
    .o-sm-1 {order: 1;} .o-sm-2 {order: 2;} .o-sm-3 {order: 3;} .o-sm-4 {order: 4;} .o-sm-5 {order: 5;} .o-sm-6 {order: 6;} .o-sm-7 {order: 7;} .o-sm-8 {order: 8;} .o-sm-9 {order: 9;} .o-sm-10 {order: 10;} .o-sm-11 {order: 11;} .o-sm-12 {order: 12;} .o-sm-13 {order: 13;} .o-sm-14 {order: 14;} .o-sm-15 {order: 15;} .o-sm-16 {order: 16;}
    
    .scrn-ulg {display: none;} .scrn-xlg {display: none;} .scrn-lg {display: none;} .scrn-md {display: none;} .scrn-xsm {display: none;} .scrn-sm {display: inherit;}
    
    :root {
        --main-gap: 1rem;
    }
    
    .smart-utp-wrap { flex-flow: column;}
    .smart-utp-icn {}
    .smart-utp-text { max-width: none;}
    div[class*="col-"].col-smart { transform: none; margin-bottom: 16rem; gap: var(--main-gap-05);}
    section#smart .overlayer { justify-content: flex-end;}
    section#smart .overlayer img { max-width: none; height: 18rem;}
    section#smart { background: radial-gradient(60rem 60rem at 100% 100%, var(--clr-bluel) 0%, var(--clr-blue-dark) 40%, var(--clr-blued-dark) 70%);}
    .section__title { font-size: 2rem; padding: 0 .5rem;}
    .section__subtitle { font-size: 1.5rem; padding: 0 .5rem;}
    .advantages { padding: var(--clear) 0;}
    .onimg-note.--auto { left: auto; right: 0; top: -.5rem;}
    #retort-section .img-wrap { flex-flow: column; margin-bottom: 3rem;}
    #retort-section .onimg-control { width: 100%; bottom: -3rem;}
    .hurry .section__subtitle { max-width: 100%;}
    .hurry .container { padding: 0 var(--main-gap);}
    .hurry .section__subtitle { font-size: 1.25rem;}
    .hurry__wrap .hurry__image { min-width: 24rem; width: 100%; order: 1;}
    .hurry__wrap { width: 100%; max-width: 100%; flex-flow: column;}
    .hurry__wrap .hurry__banner { width: 100%; max-width: 24rem; order: 2;}
    .hurry__wrap .hurry__banner .hurry__banner-header .hurry__banner-title { font-size: .9rem;}
    .hurry__wrap .hurry__banner .hurry__banner-header .hurry__banner-countdown .hurry__banner-countdown__item .time {
        font-size: 2rem;
        line-height: 1;
        width: 5rem;
        height: 5rem;
    }
    .hurry__wrap .hurry__banner .hurry__banner-presents { font-size: .85rem; line-height: 1;}
    #order-modal .modal__content .order__banner-body, .order__banner .order__banner-body, .hurry__wrap .hurry__banner .hurry__banner-body, #upgrade-modal .modal__content .order__banner-body { padding: 0;}
    .price_title { font-size: .7rem;}
    .modes__choose-item, .equipment__choose-item {
        font-size: 1rem;
        justify-content: center;
        align-items: center;
        display: flex;
        line-height: 1;
    }
    .modes .modes__choose-title, .equipment .equipment__choose-title {
        font-weight: 400;
        font-size: .8rem;
        text-transform: lowercase;
    }
    .modes .modes__image-desktop {
        width: 100%;
        max-width: 24rem;
        margin: 0 auto;
    }
    .modes .modes__image-desktop .modes__image-desktop__main, .modes .modes__image-desktop .modes__image-desktop__secondary { transform: translateX(30%);}
    .modes .modes__image-desktop .modes__image-desktop__main img, .modes .modes__image-desktop .modes__image-desktop__secondary img {
        max-height: 24rem;
        width: auto;
        height: 100%;
    }
    .modes-params-wrap { transform: translateY(-50%) translateX(-3%);}
    .modes-params .val { font-size: 1.25rem;}
    .modes .modes__image-wrap { margin: 0 auto;}
    .modes__steps-wrap .modes__step .modes__step-content {
        padding: 1rem;
        padding-top: .25rem;
        max-width: 100%;
        width: 100%;
    }
    .modes__steps-wrap .modes__step .modes__step-number {
        left: 0;
        right: auto;
        padding: .5rem;
        font-size: 6rem;
        top: 0;
        bottom: auto;
        justify-content: flex-start;
        align-items: flex-start;
        line-height: 1;
        color: var(--clr-white);
    }
    .equipment .container { padding: 0 var(--main-gap);}
    .equipment__wrap { flex-flow: column; padding: 0;}
    .equipment__dots .equipment__dot {
        display: flex;
        width: 1.25rem;
        height: 1.25rem;
        border: 1px solid var(--clr-red);
        background-color: #fff;
        box-shadow: none;
    }
    .equipment__dots .equipment__dot::after {
        font-size: .75rem;
        line-height: 1;
        color: var(--clr-red);
        font-weight: 600;
    }
    .equipment__wrap ul { width: 100%;}
    
    .equipment__dots.lite .equipment__dot.dot-1 { top: 83%; left: 36%;}
    .equipment__dots.lite .equipment__dot.dot-2 { top: 52%; left: 27%;}
    .equipment__dots.lite .equipment__dot.dot-3 { top: 36%; left: 53%;}
    .equipment__dots.lite .equipment__dot.dot-4 { top: 62%; left: 20%;}
    .equipment__dots.lite .equipment__dot.dot-5 { top: 60%; left: 45%;}
    .equipment__dots.lite .equipment__dot.dot-6 { top: 88%; left: 65%;}
    .equipment__dots.lite .equipment__dot.dot-7 { top: 46%; left: 38%;}
    .equipment__dots.lite .equipment__dot.dot-8 { top: 35%; left: 30%;}
    .equipment__dots.lite .equipment__dot.dot-9 { top: 33%; left: 42%;}
    .equipment__dots.lite .equipment__dot.dot-10 { top: 93%; left: 36%; display: none;}
    .equipment__dots.lite .equipment__dot.dot-11 { top: 35%; left: 35%;}
    .equipment__dots.lite .equipment__dot.dot-12 { top: 65%; left: 67%;}
    .equipment__dots.lite .equipment__dot.dot-13 { top: 68%; left: 80%;}
    .equipment__dots.lite .equipment__dot.dot-14 { top: 38%; left: 78%;}

    .equipment__dots.minis .equipment__dot.dot-1 { top: 83%; left: 36%;}
    .equipment__dots.minis .equipment__dot.dot-2 { top: 42%; left: 27%;}
    .equipment__dots.minis .equipment__dot.dot-3 { top: 26%; left: 53%;}
    .equipment__dots.minis .equipment__dot.dot-4 { top: 52%; left: 20%;}
    .equipment__dots.minis .equipment__dot.dot-5 { top: 50%; left: 45%;}
    .equipment__dots.minis .equipment__dot.dot-6 { top: 88%; left: 65%;}
    .equipment__dots.minis .equipment__dot.dot-7 { top: 36%; left: 38%;}
    .equipment__dots.minis .equipment__dot.dot-8 { top: 25%; left: 30%;}
    .equipment__dots.minis .equipment__dot.dot-9 { top: 23%; left: 42%;}
    .equipment__dots.minis .equipment__dot.dot-10 { top: 93%; left: 36%; display: none;}
    .equipment__dots.minis .equipment__dot.dot-11 { top: 25%; left: 35%;}
    .equipment__dots.minis .equipment__dot.dot-12 { top: 65%; left: 67%;}
    .equipment__dots.minis .equipment__dot.dot-13 { top: 68%; left: 80%;}
    .equipment__dots.minis .equipment__dot.dot-14 { top: 38%; left: 78%;}
    
    .equipment__dots.mini .equipment__dot.dot-1 { top: 70%; left: 35%;}
    .equipment__dots.mini .equipment__dot.dot-2 { top: 34%; left: 35%;}
    .equipment__dots.mini .equipment__dot.dot-3 { top: 25%; left: 17%;}
    .equipment__dots.mini .equipment__dot.dot-4 { top: 42%; left: 35%;}
    .equipment__dots.mini .equipment__dot.dot-5 { top: 86%; left: 69%;}
    .equipment__dots.mini .equipment__dot.dot-6 { top: 5%; left: 42%;}
    .equipment__dots.mini .equipment__dot.dot-7 { top: 20%; left: 28%;}
    .equipment__dots.mini .equipment__dot.dot-8 { top: 11%; left: 33%;}
    .equipment__dots.mini .equipment__dot.dot-9.--1 { top: 78%; left: 28%;}
    .equipment__dots.mini .equipment__dot.dot-9.--2 { top: 13%; left: 27%;}
    .equipment__dots.mini .equipment__dot.dot-10.--1 { top: 83%; left: 19%;}
    .equipment__dots.mini .equipment__dot.dot-10.--2 { display: none;}
    .equipment__dots.mini .equipment__dot.dot-11.--1 { top: 91%; left: 28%;}
    .equipment__dots.mini .equipment__dot.dot-11.--2 { display: none;}
    .equipment__dots.mini .equipment__dot.dot-12 { top: 92%; left: 12%;}
    .equipment__dots.mini .equipment__dot.dot-13 { top: 60%; left: 62%;}
    .equipment__dots.mini .equipment__dot.dot-14 { top: 64%; left: 80%;}
    .equipment__dots.mini .equipment__dot.dot-15 { top: 30%; left: 80%;}
    
    .equipment__dots.fansel .equipment__dot.dot-1 { top: 64%; left: 35%;}
    .equipment__dots.fansel .equipment__dot.dot-2 { top: 24%; left: 35%;}
    .equipment__dots.fansel .equipment__dot.dot-3 { top: 15%; left: 17%;}
    .equipment__dots.fansel .equipment__dot.dot-4 { top: 32%; left: 35%;}
    .equipment__dots.fansel .equipment__dot.dot-5 { top: 86%; left: 69%;}
    .equipment__dots.fansel .equipment__dot.dot-6 { top: -4%; left: 42%;}
    .equipment__dots.fansel .equipment__dot.dot-7 { top: 11%; left: 28%;}
    .equipment__dots.fansel .equipment__dot.dot-8 { top: 2%; left: 33%;}
    .equipment__dots.fansel .equipment__dot.dot-9.--1 { top: 78%; left: 28%;}
    .equipment__dots.fansel .equipment__dot.dot-9.--2 { top: 4%; left: 27%;}
    .equipment__dots.fansel .equipment__dot.dot-10.--1 { top: 83%; left: 19%;}
    .equipment__dots.fansel .equipment__dot.dot-10.--2 { display: none;}
    .equipment__dots.fansel .equipment__dot.dot-11.--1 { top: 91%; left: 28%;}
    .equipment__dots.fansel .equipment__dot.dot-11.--2 { display: none;}
    .equipment__dots.fansel .equipment__dot.dot-12 { top: 92%; left: 12%;}
    .equipment__dots.fansel .equipment__dot.dot-13 { top: 60%; left: 62%;}
    .equipment__dots.fansel .equipment__dot.dot-14 { top: 64%; left: 80%;}
    .equipment__dots.fansel .equipment__dot.dot-15 { top: 30%; left: 80%;}
    
    .equipment__dots .equipment__dot.active {
        width: 1.5rem;
        height: 1.5rem;
        font-size: .75rem;
        z-index: 1;
        box-shadow: none;
    }
    .equipment__dots .equipment__dot.active p { width: 1.25rem; height: 1.25rem; border: 1px solid white;}
    .equipment__dots .equipment__dot.active::after {
        font-size: .75rem;
        line-height: 1;
    }
    
    .improve__slider .improve__slider-item { margin: 0;}
    .improve__slider .improve__slider-item .improve__slider-item__content .title {
        position: relative;
        font-size: 1.25rem;
        line-height: 1.15;
        text-align: center;
        justify-content: center;
        top: 0;
    }
    .box-title { font-size: 1.5rem;}
    #delive .container.s-fluid { padding: 0;}
    #recipe .container { padding: 0 var(--main-gap-05);}
    .certificates__item .certificates__item-content .certificates__item-content__title {
        text-align: left;
        font-size: 1.25rem;
        line-height: 1.15;
    }
    .filter-area { justify-content: flex-start; padding: 0 1rem 3rem;}
    .filter { white-space: nowrap;}
    .row.filter-row {
        margin: 0 calc(var(--main-gap) * -1);
        margin-bottom: calc(var(--main-gap) * -2);
        width: calc(100% + var(--main-gap) * 2);
        max-width: calc(100% + var(--main-gap) * 2);
    }
    .accordion .accordion__item { max-width: 100%;}
    .questions .accordion dt .accordion__title-wrap .accordion__title {
        margin: 0;
        line-height: 1.15;
        font-size: 1.15rem;
    }
    .questions .accordion dd {
        font-size: 1rem;
        line-height: 1.25;
        padding: 1rem;
        margin-top: -1rem;
    }
    .accordion dt .accordion__title-wrap { min-height: auto;}
    .onedevice .container { width: 100%; max-width: 100%;}
    .onedevice__wrap { max-width: 100%;}
    .onedevice__wrap .section__title {
        margin: 0;
        margin-top: var(--clear);
        margin-bottom: 1.5rem;
        padding: 0 var(--main-gap);
        width: 100%;
    }
    .section__title + .section__subtitle { padding: 0 var(--main-gap);}
    #retort-section .section__title + .section__subtitle { padding: 0 var(--main-gap-05);}
    .onedevice__wrap .onedevice__comment {
        margin: 0;
        padding: var(--main-gap);
        padding-top: 0;
        text-align: left;
        font-size: 1rem;
        line-height: 1.25;
        width: 100%;
    }
    .onedevice__wrap .onedevice__comment::before { display: none;}
    
    .compare__wrap {
        position: relative;
        margin: var(--clear) auto 0;
    }
    .compare__wrap .compare__item { width: 50%;}
    .choice .section__title { font-size: 1.75rem;}

    
    .bl-rght-bl {
        display: flex;
        flex-flow: column;
        width: calc(100% + var(--main-gap) + 1rem);
        max-width: calc(100% + var(--main-gap) + 1rem);
        margin: 0 calc(var(--main-gap-05) * -1.5);
        margin-top: .5rem;
    }
    .main-page .main-page__banner {
        margin: 0;
        width: 100%;
        max-width: 24rem;
    }
    .main-page .main-page__banner .main-page__banner__header .main-page__banner__header-subtitle {
        font-size: 1.15rem;
        line-height: 1.15;
        padding-bottom: var(--main-gap-05);
    }
    .main-page .main-page__banner .main-page__banner__content { padding: var(--main-gap);}
    .mb-images {
        display: flex;
        width: calc(100% + var(--main-gap) + 1rem);
        max-width: calc(100% + var(--main-gap) + 2rem);
        margin: 0 calc(var(--main-gap-05) * -2);
    } 
    .main-page-title-wrap {
        position: relative;
        padding: 2rem 1rem 0;
        background: linear-gradient(90deg, #f7f8fa 20%, #f4f6fa 105%);
        margin: 0 calc(var(--main-gap-05) * -1.5);
        width: calc(100% + var(--main-gap) + 1rem);
        max-width: calc(100% + var(--main-gap) + 1rem);
        margin-bottom: -2rem;
        top: auto;
        left: auto;
    }
    .main-page-title { font-size: 3rem;}
    .main-page-subtitle { font-size: 1.5rem;}
    .models__item .models__item-volumes .volume .key { font-size: .75rem;}
    
    .article-header .section__title, .article-header .section__title + .section__subtitle { padding: 0;}
    
    
    
    .recipe-modal-title .h2 { font-size: 1.5rem;}
    .recipes-values-wrap { flex-flow: column; padding: 0;}
    .recipes-values { max-width: 100%; padding-top: 1.5rem;}
    .recipes-values:not(:last-child) { border: none; border-bottom: 1px solid var(--clr-white-40);}
    .recipe-val { line-height: 1.5; font-size: 1rem;}
    
    .recipe-modal-ingredients [class*="ul-marker"] { flex-flow: column; gap: .5rem;}
    .recipe-modal-ingredients [class*="ul-marker"] li { max-width: 100%;}
    .recipe-min-title, .modal__content-text__title { font-size: 1.25rem; justify-content: flex-start;}
    
    #chars-modal .row { flex-flow: column;}
    #chars-modal .modal-img, #chars-modal .modal-body { width: 100%; max-width: 100%;}
    
    #chars-modal .table-img { padding: .5rem;}
    #chars-modal .table-img img { max-height: 10rem; margin-top: -1.75rem;}
    #chars-modal .simulate-radio {
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: .9rem;
        font-weight: 400;
    }
    #chars-modal [data-target="chars-wrap"] .simulate-radio { min-height: 3rem;}
    #order-modal .modal__content .order__banner-header {
        font-size: 1.25rem;
        line-height: 1.15;
        padding: var(--main-gap-05);
    }
}
@media screen and (max-width: 512px) {
    div[class*="col-"].col-xsm-12 { max-width: 100%;} div[class*="col-"].col-xsm-11 { max-width: calc(100% - (100% / 12));} div[class*="col-"].col-xsm-10 { max-width: calc(100% - (100% / 6));} div[class*="col-"].col-xsm-9 { max-width: calc(100% - (100% / 4));} div[class*="col-"].col-xsm-8 { max-width: calc(100% - (100% / 3));} div[class*="col-"].col-xsm-7 { max-width: calc(100% - (100% / 2.4));} div[class*="col-"].col-xsm-6 { max-width: calc(100% / 2);} div[class*="col-"].col-xsm-5 { max-width: calc(100% / 2.4);} div[class*="col-"].col-xsm-4 { max-width: calc(100% / 3);} div[class*="col-"].col-xsm-3 { max-width: calc(100% / 4);} div[class*="col-"].col-xsm-2 { max-width: calc(100% / 6);} div[class*="col-"].col-xsm-1 { max-width: calc(100% / 12);}
    
    .o-xsm-1 {order: 1;} .o-xsm-2 {order: 2;} .o-xsm-3 {order: 3;} .o-xsm-4 {order: 4;} .o-xsm-5 {order: 5;} .o-xsm-6 {order: 6;} .o-xsm-7 {order: 7;} .o-xsm-8 {order: 8;} .o-xsm-9 {order: 9;} .o-xsm-10 {order: 10;} .o-xsm-11 {order: 11;} .o-xsm-12 {order: 12;} .o-xsm-13 {order: 13;} .o-xsm-14 {order: 14;} .o-xsm-15 {order: 15;} .o-xsm-16 {order: 16;}
    
    .scrn-ulg {display: none;} .scrn-xlg {display: none;} .scrn-lg {display: none;} .scrn-md {display: none;} .scrn-sm {display: none;} .scrn-xsm {display: inherit;}
    
    .advantages-img { max-width: 3rem;}
    .advantages-wrap { gap: .5rem;}
    .advantages-content { max-width: calc(100% - 3.5rem);}
    .advantages-content .title { font-size: 1rem; line-height: 1.15;}
    .advantages-content .text { font-size: .9rem;}
    [class*="ul-number"] li:before, [class*="ul-marker"] li:before {
        left: 0; top: -.1rem;
        width: 1.5rem; font-size: 1.5rem;
    }
    [class*="ul-number"] li, [class*="ul-marker"] li { padding-left: 2rem;}
    [class*="ul-number"] .article-li-title, [class*="ul-number"] .article-li-dscr, [class*="ul-marker"] .article-li-title, [class*="ul-marker"] .article-li-dscr { max-width: calc(100% - 1.5rem);}
    .article-li-title { font-size: 1.15rem;}
    .models__item.fansel .models__item-image, .models__item.mini .models__item-image, .models__item.lite .models__item-image { max-width: 9rem;}
    .models__item .models__item-stats__wrap { min-width: 9rem; max-width: 10rem;}
    
    .people__item .people__item-image, .people__item .people__item-image, .people__item.hunt .people__item-image, .people__item.home .people__item-image {
        width: 100%;
        margin: 0;
        border-radius: var(--r-2) var(--r-2) 0 0;
        overflow: hidden;
        max-width: 100%;
    }
    
    .people__item .people__item-banner .title { border-radius: 0;}
    div[class*="col-upgrade"] { max-width: 100%;}
    #order-form .row, #upgrade-modal-form .row { flex-flow: column-reverse;}
    
    .order__banner .order-device-image.active, .order__banner .order__banner-body form .order-device-image.active {
        display: flex;
        min-height: 10rem;
        max-height: 10rem;
        margin-top: -2rem;
    }
}
@media screen and (max-width: 480px) {

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

}