/* Start:/local/templates/main/css/lib.min.css?164959367060275*/
@charset "UTF-8";/*!
 * animate.css - https://animate.style/
 * Version - 4.1.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2020 Animate.css
 */:root{--animate-duration:1s;--animate-delay:1s;--animate-repeat:1}.animate__animated{animation-duration:1s;animation-duration:var(--animate-duration);animation-fill-mode:both}.animate__animated.animate__infinite{animation-iteration-count:infinite}.animate__animated.animate__repeat-1{animation-iteration-count:1;animation-iteration-count:var(--animate-repeat)}.animate__animated.animate__repeat-2{animation-iteration-count:2;animation-iteration-count:calc(var(--animate-repeat)*2)}.animate__animated.animate__repeat-3{animation-iteration-count:3;animation-iteration-count:calc(var(--animate-repeat)*3)}.animate__animated.animate__delay-1s{animation-delay:1s;animation-delay:var(--animate-delay)}.animate__animated.animate__delay-2s{animation-delay:2s;animation-delay:calc(var(--animate-delay)*2)}.animate__animated.animate__delay-3s{animation-delay:3s;animation-delay:calc(var(--animate-delay)*3)}.animate__animated.animate__delay-4s{animation-delay:4s;animation-delay:calc(var(--animate-delay)*4)}.animate__animated.animate__delay-5s{animation-delay:5s;animation-delay:calc(var(--animate-delay)*5)}.animate__animated.animate__faster{animation-duration:.5s;animation-duration:calc(var(--animate-duration)/2)}.animate__animated.animate__fast{animation-duration:.8s;animation-duration:calc(var(--animate-duration)*0.8)}.animate__animated.animate__slow{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2)}.animate__animated.animate__slower{animation-duration:3s;animation-duration:calc(var(--animate-duration)*3)}@media (prefers-reduced-motion:reduce),print{.animate__animated{animation-duration:1ms!important;transition-duration:1ms!important;animation-iteration-count:1!important}.animate__animated[class*=Out]{opacity:0}}@keyframes a{0%,20%,53%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0) scaleY(1.1)}70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0) scaleY(1.05)}80%{transition-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0) scaleY(.95)}90%{transform:translate3d(0,-4px,0) scaleY(1.02)}}.animate__bounce{animation-name:a;transform-origin:center bottom}@keyframes b{0%,50%,to{opacity:1}25%,75%{opacity:0}}.animate__flash{animation-name:b}@keyframes c{0%{transform:scaleX(1)}50%{transform:scale3d(1.05,1.05,1.05)}to{transform:scaleX(1)}}.animate__pulse{animation-name:c;animation-timing-function:ease-in-out}@keyframes d{0%{transform:scaleX(1)}30%{transform:scale3d(1.25,.75,1)}40%{transform:scale3d(.75,1.25,1)}50%{transform:scale3d(1.15,.85,1)}65%{transform:scale3d(.95,1.05,1)}75%{transform:scale3d(1.05,.95,1)}to{transform:scaleX(1)}}.animate__rubberBand{animation-name:d}@keyframes e{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}20%,40%,60%,80%{transform:translate3d(10px,0,0)}}.animate__shakeX{animation-name:e}@keyframes f{0%,to{transform:translateZ(0)}10%,30%,50%,70%,90%{transform:translate3d(0,-10px,0)}20%,40%,60%,80%{transform:translate3d(0,10px,0)}}.animate__shakeY{animation-name:f}@keyframes g{0%{transform:translateX(0)}6.5%{transform:translateX(-6px) rotateY(-9deg)}18.5%{transform:translateX(5px) rotateY(7deg)}31.5%{transform:translateX(-3px) rotateY(-5deg)}43.5%{transform:translateX(2px) rotateY(3deg)}50%{transform:translateX(0)}}.animate__headShake{animation-timing-function:ease-in-out;animation-name:g}@keyframes h{20%{transform:rotate(15deg)}40%{transform:rotate(-10deg)}60%{transform:rotate(5deg)}80%{transform:rotate(-5deg)}to{transform:rotate(0deg)}}.animate__swing{transform-origin:top center;animation-name:h}@keyframes i{0%{transform:scaleX(1)}10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}to{transform:scaleX(1)}}.animate__tada{animation-name:i}@keyframes j{0%{transform:translateZ(0)}15%{transform:translate3d(-25%,0,0) rotate(-5deg)}30%{transform:translate3d(20%,0,0) rotate(3deg)}45%{transform:translate3d(-15%,0,0) rotate(-3deg)}60%{transform:translate3d(10%,0,0) rotate(2deg)}75%{transform:translate3d(-5%,0,0) rotate(-1deg)}to{transform:translateZ(0)}}.animate__wobble{animation-name:j}@keyframes k{0%,11.1%,to{transform:translateZ(0)}22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}33.3%{transform:skewX(6.25deg) skewY(6.25deg)}44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}77.7%{transform:skewX(.390625deg) skewY(.390625deg)}88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}}.animate__jello{animation-name:k;transform-origin:center}@keyframes l{0%{transform:scale(1)}14%{transform:scale(1.3)}28%{transform:scale(1)}42%{transform:scale(1.3)}70%{transform:scale(1)}}.animate__heartBeat{animation-name:l;animation-duration:1.3s;animation-duration:calc(var(--animate-duration)*1.3);animation-timing-function:ease-in-out}@keyframes m{0%{transform:translateY(-1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInDown{animation-name:m}@keyframes n{0%{transform:translateX(-2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInLeft{animation-name:n}@keyframes o{0%{transform:translateX(2000px) scale(.7);opacity:.7}80%{transform:translateX(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInRight{animation-name:o}@keyframes p{0%{transform:translateY(1200px) scale(.7);opacity:.7}80%{transform:translateY(0) scale(.7);opacity:.7}to{transform:scale(1);opacity:1}}.animate__backInUp{animation-name:p}@keyframes q{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(700px) scale(.7);opacity:.7}}.animate__backOutDown{animation-name:q}@keyframes r{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(-2000px) scale(.7);opacity:.7}}.animate__backOutLeft{animation-name:r}@keyframes s{0%{transform:scale(1);opacity:1}20%{transform:translateX(0) scale(.7);opacity:.7}to{transform:translateX(2000px) scale(.7);opacity:.7}}.animate__backOutRight{animation-name:s}@keyframes t{0%{transform:scale(1);opacity:1}20%{transform:translateY(0) scale(.7);opacity:.7}to{transform:translateY(-700px) scale(.7);opacity:.7}}.animate__backOutUp{animation-name:t}@keyframes u{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{opacity:1;transform:scaleX(1)}}.animate__bounceIn{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:u}@keyframes v{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,-3000px,0) scaleY(3)}60%{opacity:1;transform:translate3d(0,25px,0) scaleY(.9)}75%{transform:translate3d(0,-10px,0) scaleY(.95)}90%{transform:translate3d(0,5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInDown{animation-name:v}@keyframes w{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(-3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(25px,0,0) scaleX(1)}75%{transform:translate3d(-10px,0,0) scaleX(.98)}90%{transform:translate3d(5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInLeft{animation-name:w}@keyframes x{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(3000px,0,0) scaleX(3)}60%{opacity:1;transform:translate3d(-25px,0,0) scaleX(1)}75%{transform:translate3d(10px,0,0) scaleX(.98)}90%{transform:translate3d(-5px,0,0) scaleX(.995)}to{transform:translateZ(0)}}.animate__bounceInRight{animation-name:x}@keyframes y{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}0%{opacity:0;transform:translate3d(0,3000px,0) scaleY(5)}60%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}75%{transform:translate3d(0,10px,0) scaleY(.95)}90%{transform:translate3d(0,-5px,0) scaleY(.985)}to{transform:translateZ(0)}}.animate__bounceInUp{animation-name:y}@keyframes z{20%{transform:scale3d(.9,.9,.9)}50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}to{opacity:0;transform:scale3d(.3,.3,.3)}}.animate__bounceOut{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:z}@keyframes A{20%{transform:translate3d(0,10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,-20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,2000px,0) scaleY(3)}}.animate__bounceOutDown{animation-name:A}@keyframes B{20%{opacity:1;transform:translate3d(20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(-2000px,0,0) scaleX(2)}}.animate__bounceOutLeft{animation-name:B}@keyframes C{20%{opacity:1;transform:translate3d(-20px,0,0) scaleX(.9)}to{opacity:0;transform:translate3d(2000px,0,0) scaleX(2)}}.animate__bounceOutRight{animation-name:C}@keyframes D{20%{transform:translate3d(0,-10px,0) scaleY(.985)}40%,45%{opacity:1;transform:translate3d(0,20px,0) scaleY(.9)}to{opacity:0;transform:translate3d(0,-2000px,0) scaleY(3)}}.animate__bounceOutUp{animation-name:D}@keyframes E{0%{opacity:0}to{opacity:1}}.animate__fadeIn{animation-name:E}@keyframes F{0%{opacity:0;transform:translate3d(0,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDown{animation-name:F}@keyframes G{0%{opacity:0;transform:translate3d(0,-2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInDownBig{animation-name:G}@keyframes H{0%{opacity:0;transform:translate3d(-100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeft{animation-name:H}@keyframes I{0%{opacity:0;transform:translate3d(-2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInLeftBig{animation-name:I}@keyframes J{0%{opacity:0;transform:translate3d(100%,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRight{animation-name:J}@keyframes K{0%{opacity:0;transform:translate3d(2000px,0,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInRightBig{animation-name:K}@keyframes L{0%{opacity:0;transform:translate3d(0,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUp{animation-name:L}@keyframes M{0%{opacity:0;transform:translate3d(0,2000px,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInUpBig{animation-name:M}@keyframes N{0%{opacity:0;transform:translate3d(-100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopLeft{animation-name:N}@keyframes O{0%{opacity:0;transform:translate3d(100%,-100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInTopRight{animation-name:O}@keyframes P{0%{opacity:0;transform:translate3d(-100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomLeft{animation-name:P}@keyframes Q{0%{opacity:0;transform:translate3d(100%,100%,0)}to{opacity:1;transform:translateZ(0)}}.animate__fadeInBottomRight{animation-name:Q}@keyframes R{0%{opacity:1}to{opacity:0}}.animate__fadeOut{animation-name:R}@keyframes S{0%{opacity:1}to{opacity:0;transform:translate3d(0,100%,0)}}.animate__fadeOutDown{animation-name:S}@keyframes T{0%{opacity:1}to{opacity:0;transform:translate3d(0,2000px,0)}}.animate__fadeOutDownBig{animation-name:T}@keyframes U{0%{opacity:1}to{opacity:0;transform:translate3d(-100%,0,0)}}.animate__fadeOutLeft{animation-name:U}@keyframes V{0%{opacity:1}to{opacity:0;transform:translate3d(-2000px,0,0)}}.animate__fadeOutLeftBig{animation-name:V}@keyframes W{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0)}}.animate__fadeOutRight{animation-name:W}@keyframes X{0%{opacity:1}to{opacity:0;transform:translate3d(2000px,0,0)}}.animate__fadeOutRightBig{animation-name:X}@keyframes Y{0%{opacity:1}to{opacity:0;transform:translate3d(0,-100%,0)}}.animate__fadeOutUp{animation-name:Y}@keyframes Z{0%{opacity:1}to{opacity:0;transform:translate3d(0,-2000px,0)}}.animate__fadeOutUpBig{animation-name:Z}@keyframes ab{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,-100%,0)}}.animate__fadeOutTopLeft{animation-name:ab}@keyframes bb{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,-100%,0)}}.animate__fadeOutTopRight{animation-name:bb}@keyframes cb{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(100%,100%,0)}}.animate__fadeOutBottomRight{animation-name:cb}@keyframes db{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(-100%,100%,0)}}.animate__fadeOutBottomLeft{animation-name:db}@keyframes eb{0%{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(-1turn);animation-timing-function:ease-out}40%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}50%{transform:perspective(400px) scaleX(1) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}80%{transform:perspective(400px) scale3d(.95,.95,.95) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}to{transform:perspective(400px) scaleX(1) translateZ(0) rotateY(0deg);animation-timing-function:ease-in}}.animate__animated.animate__flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:eb}@keyframes fb{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateX(10deg);opacity:1}80%{transform:perspective(400px) rotateX(-5deg)}to{transform:perspective(400px)}}.animate__flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:fb}@keyframes gb{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}60%{transform:perspective(400px) rotateY(10deg);opacity:1}80%{transform:perspective(400px) rotateY(-5deg)}to{transform:perspective(400px)}}.animate__flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:gb}@keyframes hb{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateX(-20deg);opacity:1}to{transform:perspective(400px) rotateX(90deg);opacity:0}}.animate__flipOutX{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);animation-name:hb;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}@keyframes ib{0%{transform:perspective(400px)}30%{transform:perspective(400px) rotateY(-15deg);opacity:1}to{transform:perspective(400px) rotateY(90deg);opacity:0}}.animate__flipOutY{animation-duration:.75s;animation-duration:calc(var(--animate-duration)*0.75);-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:ib}@keyframes jb{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}60%{transform:skewX(20deg);opacity:1}80%{transform:skewX(-5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInRight{animation-name:jb;animation-timing-function:ease-out}@keyframes kb{0%{transform:translate3d(-100%,0,0) skewX(30deg);opacity:0}60%{transform:skewX(-20deg);opacity:1}80%{transform:skewX(5deg)}to{transform:translateZ(0)}}.animate__lightSpeedInLeft{animation-name:kb;animation-timing-function:ease-out}@keyframes lb{0%{opacity:1}to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}}.animate__lightSpeedOutRight{animation-name:lb;animation-timing-function:ease-in}@keyframes mb{0%{opacity:1}to{transform:translate3d(-100%,0,0) skewX(-30deg);opacity:0}}.animate__lightSpeedOutLeft{animation-name:mb;animation-timing-function:ease-in}@keyframes nb{0%{transform:rotate(-200deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateIn{animation-name:nb;transform-origin:center}@keyframes ob{0%{transform:rotate(-45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInDownLeft{animation-name:ob;transform-origin:left bottom}.animate__rotateInDownRight{animation-name:pb;transform-origin:right bottom}@keyframes pb{0%{transform:rotate(45deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpLeft{animation-name:pb;transform-origin:left bottom}@keyframes qb{0%{transform:rotate(-90deg);opacity:0}to{transform:translateZ(0);opacity:1}}.animate__rotateInUpRight{animation-name:qb;transform-origin:right bottom}@keyframes rb{0%{opacity:1}to{transform:rotate(200deg);opacity:0}}.animate__rotateOut{animation-name:rb;transform-origin:center}@keyframes sb{0%{opacity:1}to{transform:rotate(45deg);opacity:0}}.animate__rotateOutDownLeft{animation-name:sb;transform-origin:left bottom}.animate__rotateOutDownRight{animation-name:tb;transform-origin:right bottom}@keyframes tb{0%{opacity:1}to{transform:rotate(-45deg);opacity:0}}.animate__rotateOutUpLeft{animation-name:tb;transform-origin:left bottom}@keyframes ub{0%{opacity:1}to{transform:rotate(90deg);opacity:0}}.animate__rotateOutUpRight{animation-name:ub;transform-origin:right bottom}@keyframes vb{0%{animation-timing-function:ease-in-out}20%,60%{transform:rotate(80deg);animation-timing-function:ease-in-out}40%,80%{transform:rotate(60deg);animation-timing-function:ease-in-out;opacity:1}to{transform:translate3d(0,700px,0);opacity:0}}.animate__hinge{animation-duration:2s;animation-duration:calc(var(--animate-duration)*2);animation-name:vb;transform-origin:top left}@keyframes wb{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}50%{transform:rotate(-10deg)}70%{transform:rotate(3deg)}to{opacity:1;transform:scale(1)}}.animate__jackInTheBox{animation-name:wb}@keyframes xb{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}to{opacity:1;transform:translateZ(0)}}.animate__rollIn{animation-name:xb}@keyframes yb{0%{opacity:1}to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}}.animate__rollOut{animation-name:yb}@keyframes zb{0%{opacity:0;transform:scale3d(.3,.3,.3)}50%{opacity:1}}.animate__zoomIn{animation-name:zb}@keyframes Ab{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInDown{animation-name:Ab}@keyframes Bb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInLeft{animation-name:Bb}@keyframes Cb{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInRight{animation-name:Cb}@keyframes Db{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomInUp{animation-name:Db}@keyframes Eb{0%{opacity:1}50%{opacity:0;transform:scale3d(.3,.3,.3)}to{opacity:0}}.animate__zoomOut{animation-name:Eb}@keyframes Fb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutDown{animation-name:Fb;transform-origin:center bottom}@keyframes Gb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0)}}.animate__zoomOutLeft{animation-name:Gb;transform-origin:left center}@keyframes Hb{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}to{opacity:0;transform:scale(.1) translate3d(2000px,0,0)}}.animate__zoomOutRight{animation-name:Hb;transform-origin:right center}@keyframes Ib{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}}.animate__zoomOutUp{animation-name:Ib;transform-origin:center bottom}@keyframes Jb{0%{transform:translate3d(0,-100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInDown{animation-name:Jb}@keyframes Kb{0%{transform:translate3d(-100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInLeft{animation-name:Kb}@keyframes Lb{0%{transform:translate3d(100%,0,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInRight{animation-name:Lb}@keyframes Mb{0%{transform:translate3d(0,100%,0);visibility:visible}to{transform:translateZ(0)}}.animate__slideInUp{animation-name:Mb}@keyframes Nb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,100%,0)}}.animate__slideOutDown{animation-name:Nb}@keyframes Ob{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(-100%,0,0)}}.animate__slideOutLeft{animation-name:Ob}@keyframes Pb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(100%,0,0)}}.animate__slideOutRight{animation-name:Pb}@keyframes Qb{0%{transform:translateZ(0)}to{visibility:hidden;transform:translate3d(0,-100%,0)}}.animate__slideOutUp{animation-name:Qb}.datepicker{display:none}.datepicker.active{display:block}.datepicker-dropdown{position:absolute;top:0;left:0;z-index:20;padding-top:4px}.datepicker-dropdown.datepicker-orient-top{padding-top:0;padding-bottom:4px}.datepicker-picker{display:inline-block;border-radius:4px;background-color:#fff}.datepicker-dropdown .datepicker-picker{box-shadow:0 2px 3px hsla(0,0%,4%,.1),0 0 0 1px hsla(0,0%,4%,.1)}.datepicker-picker span{display:block;flex:1;border:0;border-radius:4px;cursor:default;text-align:center;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker-main{padding:2px}.datepicker-footer{box-shadow:inset 0 1px 1px hsla(0,0%,4%,.1);background-color:#f5f5f5}.datepicker-controls,.datepicker-grid,.datepicker-view,.datepicker-view .days-of-week{display:flex}.datepicker-grid{flex-wrap:wrap}.datepicker-view .days .datepicker-cell,.datepicker-view .dow{flex-basis:14.28571%}.datepicker-view.datepicker-grid .datepicker-cell{flex-basis:25%}.datepicker-cell,.datepicker-view .week{height:2.25rem;line-height:2.25rem}.datepicker-title{box-shadow:inset 0 -1px 1px hsla(0,0%,4%,.1);background-color:#f5f5f5;padding:.375rem .75rem;text-align:center;font-weight:700}.datepicker-header .datepicker-controls{padding:2px 2px 0}.datepicker-controls .button{display:inline-flex;position:relative;align-items:center;justify-content:center;margin:0;border:1px solid #dbdbdb;border-radius:4px;box-shadow:none;background-color:#fff;cursor:pointer;padding:calc(.375em - 1px) .75em;height:2.25em;vertical-align:top;text-align:center;line-height:1.5;white-space:nowrap;color:#363636;font-size:1rem}.datepicker-controls .button:active,.datepicker-controls .button:focus{outline:none}.datepicker-controls .button:hover{border-color:#b5b5b5;color:#363636}.datepicker-controls .button:focus{border-color:#3273dc;color:#363636}.datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em rgba(50,115,220,.25)}.datepicker-controls .button:active{border-color:#4a4a4a;color:#363636}.datepicker-controls .button[disabled]{cursor:not-allowed}.datepicker-header .datepicker-controls .button{border-color:transparent;font-weight:700}.datepicker-header .datepicker-controls .button:hover{background-color:#f9f9f9}.datepicker-header .datepicker-controls .button:focus:not(:active){box-shadow:0 0 0 .125em hsla(0,0%,100%,.25)}.datepicker-header .datepicker-controls .button:active{background-color:#f2f2f2}.datepicker-header .datepicker-controls .button[disabled]{box-shadow:none}.datepicker-footer .datepicker-controls .button{margin:calc(.375rem - 1px) .375rem;border-radius:2px;width:100%;font-size:.75rem}.datepicker-controls .view-switch{flex:auto}.datepicker-controls .next-btn,.datepicker-controls .prev-btn{padding-right:.375rem;padding-left:.375rem;width:2.25rem}.datepicker-controls .next-btn.disabled,.datepicker-controls .prev-btn.disabled{visibility:hidden}.datepicker-view .dow{height:1.5rem;line-height:1.5rem;font-size:.875rem;font-weight:700}.datepicker-view .week{width:2.25rem;color:#b5b5b5;font-size:.75rem}@media (max-width:22.5rem){.datepicker-view .week{width:1.96875rem}}.datepicker-grid{width:15.75rem}@media (max-width:22.5rem){.calendar-weeks+.days .datepicker-grid{width:13.78125rem}}.datepicker-cell:not(.disabled):hover{background-color:#f9f9f9;cursor:pointer}.datepicker-cell.focused:not(.selected){background-color:#e8e8e8}.datepicker-cell.selected,.datepicker-cell.selected:hover{background-color:#3273dc;color:#fff;font-weight:600}.datepicker-cell.disabled{color:#dbdbdb}.datepicker-cell.next:not(.disabled),.datepicker-cell.prev:not(.disabled){color:#7a7a7a}.datepicker-cell.next.selected,.datepicker-cell.prev.selected{color:#e6e6e6}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today){border-radius:0;background-color:#f5f5f5}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover{background-color:#eee}.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused{background-color:#e8e8e8}.datepicker-cell.today:not(.selected){background-color:#00d1b2}.datepicker-cell.today:not(.selected):not(.disabled){color:#fff}.datepicker-cell.today.focused:not(.selected){background-color:#00c4a7}.datepicker-cell.range-end:not(.selected),.datepicker-cell.range-start:not(.selected){background-color:#b5b5b5;color:#fff}.datepicker-cell.range-end.focused:not(.selected),.datepicker-cell.range-start.focused:not(.selected){background-color:#afafaf}.datepicker-cell.range-start{border-radius:4px 0 0 4px}.datepicker-cell.range-end{border-radius:0 4px 4px 0}.datepicker-cell.range{border-radius:0;background-color:#dbdbdb}.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover{background-color:#d5d5d5}.datepicker-cell.range.disabled{color:#c2c2c2}.datepicker-cell.range.focused{background-color:#cfcfcf}.datepicker-view.datepicker-grid .datepicker-cell{height:4.5rem;line-height:4.5rem}.datepicker-input.in-edit{border-color:#2366d1}.datepicker-input.in-edit:active,.datepicker-input.in-edit:focus{box-shadow:0 0 .25em .25em rgba(35,102,209,.2)}body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:Rb 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes Rb{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/*! nouislider - 14.0.2 - 6/28/2019 */.noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;box-sizing:border-box}.noUi-target{position:relative;direction:ltr}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;left:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}html:not([dir=rtl]) .noUi-horizontal .noUi-origin{left:auto;right:0}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:3px}.noUi-horizontal .noUi-handle{width:16px;height:16px;left:-8px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;left:-6px;top:-17px}html:not([dir=rtl]) .noUi-horizontal .noUi-handle{right:-8px;left:auto}.noUi-target{background:#ccc}.noUi-connect{background:#ee423a}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:2px solid #ee423a;border-radius:50%;background:#fff;cursor:pointer}.noUi-active{box-shadow:inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb}[disabled] .noUi-connect{background:#b8b8b8}[disabled].noUi-handle,[disabled] .noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#ccc}.noUi-marker-large,.noUi-marker-sub{background:#aaa}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{transform:translateY(-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{transform:translateY(50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #d9d9d9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{transform:translate(-50%);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{transform:translateY(-50%);top:50%;right:120%}.slick-loading .slick-list{background:#fff url(/local/templates/main/css/ajax-loader.gif) 50% no-repeat}@font-face{font-family:slick;font-weight:400;font-style:normal;src:url(/local/templates/main/css/fonts/slick.eot);src:url(/local/templates/main/css/fonts/slick.eot?#iefix) format("embedded-opentype"),url(/local/templates/main/css/fonts/slick.woff) format("woff"),url(/local/templates/main/css/fonts/slick.ttf) format("truetype"),url(/local/templates/main/css/fonts/slick.svg#slick) format("svg")}.slick-next,.slick-prev{font-size:0;line-height:0;position:absolute;top:50%;display:block;width:20px;height:20px;padding:0;transform:translateY(-50%);cursor:pointer;border:none}.slick-next,.slick-next:focus,.slick-next:hover,.slick-prev,.slick-prev:focus,.slick-prev:hover{color:transparent;outline:none;background:transparent}.slick-next:focus:before,.slick-next:hover:before,.slick-prev:focus:before,.slick-prev:hover:before{opacity:1}.slick-next.slick-disabled:before,.slick-prev.slick-disabled:before{opacity:.25}.slick-next:before,.slick-prev:before{font-family:slick;font-size:20px;line-height:1;opacity:.75;color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-prev{left:-25px}[dir=rtl] .slick-prev{right:-25px;left:auto}.slick-prev:before{content:"←"}[dir=rtl] .slick-prev:before{content:"→"}.slick-next{right:-25px}[dir=rtl] .slick-next{right:auto;left:-25px}.slick-next:before{content:"→"}[dir=rtl] .slick-next:before{content:"←"}.slick-dotted.slick-slider{margin-bottom:30px}.slick-dots{position:absolute;bottom:-25px;display:block;width:100%;padding:0;margin:0;list-style:none;text-align:center}.slick-dots li{position:relative;display:inline-block;margin:0 5px;padding:0}.slick-dots li,.slick-dots li button{width:20px;height:20px;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;padding:5px;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:focus,.slick-dots li button:hover{outline:none}.slick-dots li button:focus:before,.slick-dots li button:hover:before{opacity:1}.slick-dots li button:before{font-family:slick;font-size:6px;line-height:20px;position:absolute;top:0;left:0;width:20px;height:20px;content:"•";text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.slick-slider{box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list,.slick-slider{position:relative;display:block}.slick-list{overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-list,.slick-slider .slick-track{transform:translateZ(0)}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:after,.slick-track:before{display:table;content:""}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir=rtl] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;overflow:hidden;width:auto!important;height:auto!important;z-index:0}.simplebar-mask,.simplebar-offset{position:absolute;padding:0;margin:0;left:0;top:0;bottom:0;right:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;z-index:-1}.simplebar-height-auto-observer,.simplebar-track{position:absolute;overflow:hidden;pointer-events:none}.simplebar-track{z-index:1;right:0;bottom:0}[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;user-select:none;-webkit-user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition:opacity 0s linear}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:2px;bottom:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before{height:100%;left:2px;right:2px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:2px;height:7px;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.hs-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}.dzsparallaxer:not(.mode-oneelement){height:300px;overflow:hidden;background-color:#1c1a17;position:relative;transition-property:height;transition-duration:.3s;-moz-transition-property:height;-moz-transition-duration:.3s;-webkit-transition-property:height;-webkit-transition-duration:.3s;-o-transition-property:height;-o-transition-duration:.3s;-ms-transition-property:height;-ms-transition-duration:.3s;transition-timing-function:ease-in}.dzsparallaxer:not(.mode-oneelement) .dzsparallaxer--target{position:relative}.dzsparallaxer:not(.mode-oneelement) .dzsparallaxer--target.position-absolute{position:absolute;top:0;left:0}.dzsparallaxer:not(.mode-oneelement) .dzsparallaxer--blackoverlay{position:absolute;opacity:0;background-color:rgba(0,0,0,.9);top:0;left:0;width:100%;height:100%;pointer-events:none}.dzsparallaxer:not(.mode-oneelement) .big-text{position:absolute;text-align:center;width:80%;left:10%;font-size:40px;font-weight:300;top:70px;color:#eee;line-height:1.5;font-style:italic;text-shadow:1px 1px 1px rgba(0,0,0,.3);opacity:.7}.dzsparallaxer:not(.mode-oneelement) .big-text .smaller{font-size:60%}.dzsparallaxer:not(.mode-oneelement)>.container,.dzsparallaxer:not(.mode-oneelement)>.row,.dzsparallaxer:not(.mode-oneelement)>div,.dzsparallaxer:not(.mode-oneelement)>p{position:relative}.dzsparallaxer:not(.mode-oneelement) .center-it{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%)}.dzsparallaxer:not(.mode-oneelement) .center-it-vertically{position:absolute;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);padding:10px}.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--]{position:absolute;bottom:-1px;left:0;width:100%}.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--] .display-block{display:block}.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--].top{bottom:auto;top:0}.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--].flippedY{transform:scaleY(-1)}.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--].flippedX{transform:scaleX(-1)}.dzsparallaxer:not(.mode-oneelement) [class^=dzsprxseparator--].flippedXY{transform:scale(-1)}.dzsparallaxer.wait-readyall .dzsparallaxer--target{opacity:0;transition-property:height,opacity;transition-duration:.5s;-moz-transition-property:height,opacity;-moz-transition-duration:.5s;-webkit-transition-property:height,opacity;-webkit-transition-duration:.5s;-o-transition-property:height,opacity;-o-transition-duration:.5s;-ms-transition-property:height,opacity;-ms-transition-duration:.5s;transition-timing-function:ease-in}.dzsparallaxer.mode-oneelement{position:relative}.dzsparallaxer.wait-readyall.dzsprx-readyall .dzsparallaxer--target{opacity:1;visibility:visible}.dzsparallaxer.use-loading .dzsparallaxer--target{opacity:0;visibility:hidden;transition-property:opacity,visibility;transition-duration:.7s;-moz-transition-property:opacity,visibility;-moz-transition-duration:.7s;-webkit-transition-property:opacity,visibility;-webkit-transition-duration:.7s;-o-transition-property:opacity,visibility;-o-transition-duration:.7s;-ms-transition-property:opacity,visibility;-ms-transition-duration:.7s;transition-timing-function:ease-in}.dzsparallaxer.use-loading .preloader-semicircles{transition-property:all;transition-duration:.3s;-moz-transition-property:all;-moz-transition-duration:.3s;-webkit-transition-property:all;-webkit-transition-duration:.3s;-o-transition-property:all;-o-transition-duration:.3s;-ms-transition-property:all;-ms-transition-duration:.3s;transition-timing-function:ease-in}.dzsparallaxer.simple-parallax.use-loading .dzsparallaxer--target{opacity:0;visibility:hidden}.dzsparallaxer.height-is-based-on-content{height:auto;padding:0!important}.dzsparallaxer.height-is-based-on-content .dzs-container{padding:45px 0}.dzsparallaxer.height-is-based-on-content .dzsparallaxer--target{position:absolute}.dzsparallaxer.height-is-based-on-content>div{position:relative}.dzsparallaxer.use-loading.loaded .dzsparallaxer--target{opacity:1;visibility:visible}.dzsparallaxer.use-loading.loaded .preloader-semicircles{transform:translate3d(0,-50px,0);opacity:0;visibility:hidden}.dzsparallaxer.allbody{width:100%;height:100%;position:fixed;top:0;left:0;z-index:-1}.divimage{background-size:cover;background-position:50%}.dzsparallaxer.is-ie-11 .simple-parallax-inner{clip:auto}.dzsparallaxer.is-ie-11 .simple-parallax-inner .divimage.dzsparallaxer--target{background-attachment:fixed;position:relative}.dzsparallaxer.simple-parallax{overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dzsparallaxer.simple-parallax .simple-parallax-inner{position:absolute;top:0;left:0;width:100%;height:100%;clip:rect(0,auto,auto,0)}.dzsparallaxer.simple-parallax .dzsparallaxer--target{position:static!important;top:0;left:0;width:100%;height:100%;position:fixed;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden}.dzsparallaxer.simple-parallax .simple-parallax-inner.is-image{position:absolute;top:0;left:0;width:100%;height:100%;clip:auto}.dzsparallaxer.simple-parallax .simple-parallax-inner.is-image>.divimage{position:absolute;background-attachment:fixed;background-repeat:no-repeat}.dzsparallaxer.simple-parallax.simple-parallax--is-only-image .simple-parallax-inner{position:absolute;top:0;left:0;width:100%;height:100%;clip:auto}.dzsparallaxer.simple-parallax.simple-parallax--is-only-image .simple-parallax-inner>.divimage{position:absolute;background-attachment:fixed}.dzsparallaxer.simple-parallax.simple-parallax--is-only-image.under-500 .simple-parallax-inner>.divimage{background-attachment:local}.blur-it{filter:blur(20px);-webkit-filter:blur(20px)}.dzsparallaxer div.semi-black-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(0,0,0,.2) 0,rgba(0,0,0,.6));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#33000000",endColorstr="#99000000",GradientType=0)}.radial-bg{position:absolute}.color-white{color:#fff}.row-inline{font-size:0}.row-inline .col-md-6{font-size:15px;display:inline-block;vertical-align:middle;float:none}.dzs-row-inline{font-size:0}.dzs-row-inline .dzs-col-md-6{font-size:13px;display:inline-block;vertical-align:middle;float:none}@media (max-width:992px){.row-inline .col-md-6{width:100%;margin-bottom:15px;padding:0 30px 15px}}.separator-black-grey path,.separator-black-grey polygon,.separator-black-grey polyline{fill:#222}.separator-white-grey path,.separator-white-grey polygon,.separator-white-grey polyline{fill:#ddd}.dzs-container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;max-width:1170px;margin:0 auto}.dzs-row{margin-right:-15px;margin-left:-15px}.dzs-col-md-6{width:50%;float:left;min-height:1px;padding-right:15px;padding-left:15px}@keyframes Sb{0%{transform:rotate(0deg);-webkit-transform:rotate(0deg)}50%{transform:rotate(180deg);-webkit-transform:rotate(180deg)}to{transform:rotate(1turn);-webkit-transform:rotate(1turn)}}.preloader-semicircles{width:15px;height:15px;background:rgba(230,50,50,.9);border-radius:50px;position:absolute;top:50%;left:50%;opacity:.7;visibility:visible;pointer-events:none;margin-left:-15px;margin-right:-15px;animation:Sb 1.4s infinite linear;-webkit-animation:Sb 1.4s infinite linear}body .dzsparallaxer .preloader-semicircles{position:absolute}.preloader-semicircles:after{position:absolute;width:25px;height:25px;border-top:5px solid #c83232;border-bottom:5px solid #c83232;border-left:5px solid transparent;border-right:5px solid transparent;border-radius:25px;content:"";top:-10px;left:-10px;box-sizing:content-box}.center-it{-ms-transform:translate(-50%,-50%)}.dzs-colcontainer{margin-left:-15px;margin-right:-15px;box-sizing:border-box}.dzs-colcontainer-w{width:1230px;padding:0 30px;max-width:100%;min-height:1px}.dzs-colcontainer.row-inline{font-size:0}.dzs-colcontainer.row-inline [class*=dzs-col-]{float:none;display:inline-block;font-size:13px;vertical-align:middle}.dzs-colcontainer:after{display:block;content:"";clear:both}[class*=dzs-col-]{float:left}.dzs-col-3,[class*=dzs-col-]{padding-left:15px;padding-right:15px}.dzs-col-3{width:25%}.dzs-col-4{width:33.3%}.dzs-col-4,.dzs-col-8{padding-left:15px;padding-right:15px}.dzs-col-8{width:66.6%}.dzs-col-6{width:50%}.dzs-col-6,.dzs-col-12{padding-left:15px;padding-right:15px}.dzs-col-12{width:100%}.dzsparallaxer--team-members-con{width:70%;max-width:1100px;margin:0 auto}.dzsparallaxer.under-760 .dzsparallaxer--team-members-con{width:100%}.dzsparallaxer--team-member-con{text-align:center}.dzsparallaxer--team-member-con img{max-width:100%}.dzsparallaxer--team-member-con .team-member--title{color:#fff;text-transform:uppercase;margin-top:15px;line-height:1;font-size:15px}.dzsparallaxer--team-member-con .team-member--subtitle{opacity:.5;margin-top:10px;line-height:1.5;background-color:#fff;color:#111;padding:5px}.center-it{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%)}.black-leg-bar{background-color:#222}.black-leg-bar,.white-leg-bar{height:2px;left:-20px;width:40px}.white-leg-bar{background-color:#fff}.dark-grey-box,.darker-grey-box,.light-grey-box,.lighter-grey-box,.white-white-box{background-color:#ccc;color:#222;padding:20px;font-size:17px;line-height:1.8}.dark-grey-box{background-color:#444;color:#fff}.darker-grey-box{background-color:#333;color:#fff}.lighter-grey-box{background-color:#ddd}.offset-left-10px{margin-left:-10px}.offset-right-10px{margin-right:-10px}.white-white-box{background-color:#fff}.dzsparallaxer.blockquote-box{padding:25px 30px 20px;font-size:23px;font-weight:300;font-style:italic}.dzsparallaxer.blockquote-box p:last-child{margin-bottom:0}.dzsparallaxer.blockquote-box:after,.dzsparallaxer.blockquote-box:before{content:"";background:url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="22px" height="22px" viewBox="0 0 30 30" enable-background="new 0 0 30 30" xml:space="preserve"> <g> <path d="M13.645,8.35c-2.256,2.016-3.384,4.068-3.384,6.156c0,2.088,0.864,3.733,2.592,4.932c-0.048,1.152-0.444,2.124-1.188,2.916 c-0.745,0.792-1.645,1.188-2.7,1.188c-2.64,0-3.96-1.439-3.96-4.319c0-1.968,0.731-4.115,2.196-6.444 c1.464-2.328,3.348-4.14,5.651-5.436L13.645,8.35z M24.085,8.35c-2.257,2.016-3.384,4.068-3.384,6.156 c0,2.088,0.864,3.733,2.592,4.932c-0.049,1.152-0.444,2.124-1.188,2.916c-0.745,0.792-1.646,1.188-2.7,1.188 c-2.641,0-3.96-1.439-3.96-4.319c0-1.968,0.73-4.115,2.195-6.444c1.464-2.328,3.349-4.14,5.652-5.436L24.085,8.35z"/> </g> </svg>');position:absolute;top:5px;left:5px;width:22px;height:22px;opacity:.5}.dzsparallaxer.blockquote-box:after{content:"";top:auto;left:auto;right:5px;bottom:5px;transform:scaleX(-1)}
/* End */


/* Start:/local/templates/main/v3/v3.css?179278062832543*/
/* compat:v1 */
/* РотМэн v3 — «Кухня на Отважной».
   Свет: бумажный фон и белые карточки; тьма: ночная смена кухни (лесной чёрный).
   Материалы из мира РотМэн: чёрный контейнер с прозрачной крышкой, этикетка, крафт-пакет. */

:root { --paper: #f4f4ef; --paper-2: #ebece4; --card: #ffffff; --ink: #0e140f; --ink-2: #364036; --muted: #5e675c; --line: rgba(14, 20, 15, .08); --green: #7cb442; --green-ink: #3f6f17; --green-soft: #e6f1d8; --lime: #c8f06c; --forest: #0d1910; --forest-2: #15281a; --tray: #141615; --kraft: #c69c6d; --kraft-2: #b38656; --label: #fffdf6; --danger: #d4472f; --display: "Unbounded", "Manrope", system-ui, sans-serif; --text: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif; --fs-hero: 44px; --fs-h2: 32px; --fs-h3: 22px; --fs-lead: 18px; --fs-body: 17px; --fs-small: 14px; --r-xl: 36px; --r-lg: 26px; --r-md: 18px; --gutter: 16px; --sh-1: 0 1px 2px rgba(0, 0, 0, .05), 0 4px 14px rgba(0, 0, 0, .05); --sh-2: 0 2px 4px rgba(0, 0, 0, .04), 0 22px 50px -18px rgba(0, 0, 0, .2); --sh-3: 0 4px 8px rgba(0, 0, 0, .05), 0 50px 100px -30px rgba(0, 0, 0, .34); --ease-out: cubic-bezier(.16, 1, .3, 1); --ease-spring: cubic-bezier(.34, 1.56, .64, 1); --ease-io: cubic-bezier(.65, 0, .35, 1); }
@supports (width: clamp(1px, 2px, 3px)) { :root { --fs-hero: clamp(44px, 7.4vw, 128px); --fs-h2: clamp(32px, 4.4vw, 72px); --fs-h3: clamp(22px, 1.8vw, 30px); --fs-lead: clamp(18px, 1.35vw, 22px); --gutter: max(16px, min(4vw, 56px)); } }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; background: var(--paper); }
html.lenis, html.lenis body { height: auto; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
body { margin: 0; background: var(--paper); color: var(--ink); font-family: var(--text); font-size: var(--fs-body); line-height: 1.55; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; overflow-x: hidden; overflow-x: clip; }
img, video { display: block; max-width: 100%; height: auto; }
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; color: inherit; }
button { cursor: pointer; }
:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; border-radius: 10px; }
::selection { background: var(--lime); color: var(--ink); }
.sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
h1, h2, h3, h4 { margin: 0; font-family: var(--display); font-weight: 600; letter-spacing: -0.035em; line-height: 1.02; text-wrap: balance; }
p { margin: 0; }
.tnum { font-variant-numeric: tabular-nums; }
.wrap { width: 100%; max-width: 1400px; margin: 0 auto; padding-left: var(--gutter); padding-right: var(--gutter); }
.dark { background: var(--forest); color: #edf3e6; }
.dark .muted { color: #a9b8a1; }
.muted { color: var(--muted); }

/* brand prefix «РотМэн.» — как на сайте */
.rm { font-family: var(--display); font-weight: 600; letter-spacing: -0.03em; }
.rm i { font-style: normal; color: var(--green-ink); }
.dark .rm i { color: var(--green); }

/* ---------- buttons ---------- */
.btn { --b: var(--ink); --f: #fff; --fill: var(--green); --hf: var(--ink); position: relative; isolation: isolate; overflow: hidden; display: inline-flex; align-items: center; gap: 14px; min-height: 60px; padding: 8px 8px 8px 28px; border: 0; border-radius: 999px; background: var(--b); color: var(--f); font-family: var(--text); font-weight: 700; font-size: 16px; letter-spacing: -0.01em; white-space: nowrap; transition: transform .6s var(--ease-out), box-shadow .6s var(--ease-out); box-shadow: 0 14px 30px -14px rgba(14, 25, 10, .55); }
.no-flexgap .btn > * + * { margin-left: 14px; }
.btn::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; border-radius: inherit; background: var(--fill); transform: translateY(101%); transition: transform .55s var(--ease-io); }
.btn:hover::before { transform: none; }
.btn:hover { color: var(--hf); }
.btn .ic { width: 44px; height: 44px; border-radius: 50%; display: grid; place-items: center; background: rgba(255,255,255,.14); transition: transform .6s var(--ease-out), background-color .4s; flex: none; }
.btn .ic svg { width: 18px; height: 18px; }
.btn:hover .ic { transform: rotate(-45deg); background: rgba(14,20,15,.12); }
.btn:active { transform: scale(.97); }
.btn--green { --b: var(--green); --f: var(--ink); --fill: var(--ink); --hf: #fff; }
.btn--green .ic { background: rgba(14,20,15,.12); }
.btn--green:hover .ic { background: rgba(255,255,255,.16); }
.btn--light { --b: var(--card); --f: var(--ink); box-shadow: var(--sh-1), inset 0 0 0 1px var(--line); }
.btn--light .ic { background: var(--paper-2); }
.btn--ghost-dark { --b: rgba(255,255,255,.08); --f: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.btn--sm { min-height: 46px; padding: 0 20px; font-size: 15px; }
.btn--block { width: 100%; justify-content: space-between; }

/* ---------- pills ---------- */
.pill { display: inline-flex; align-items: center; gap: 8px; padding: 7px 14px 7px 10px; border-radius: 999px; background: var(--card); box-shadow: var(--sh-1), inset 0 0 0 1px var(--line); font-size: 13px; font-weight: 700; color: var(--ink-2); }
.no-flexgap .pill > * + * { margin-left: 8px; }
.pill .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--green); }
.dark .pill { background: rgba(255,255,255,.06); color: #dfe8d6; box-shadow: inset 0 0 0 1px rgba(255,255,255,.12); }

/* ---------- nav island ---------- */
.nav { position: fixed; z-index: 50; top: calc(env(safe-area-inset-top, 0px) + 14px); left: 50%; transform: translate(-50%, 0); width: calc(100% - 24px); width: min(1240px, calc(100% - 24px)); display: flex; align-items: center; gap: 6px; padding: 7px 7px 7px 18px; border-radius: 999px; background: rgba(250, 250, 246, .72); -webkit-backdrop-filter: blur(20px) saturate(1.7); backdrop-filter: blur(20px) saturate(1.7); box-shadow: 0 10px 40px -14px rgba(14, 30, 10, .22), 0 0 0 1px var(--line), inset 0 1px 0 rgba(255,255,255,.8); transition: transform .7s var(--ease-out), background-color .5s; }
.no-flexgap .nav > * + * { margin-left: 6px; }
.nav.hide { transform: translate(-50%, 0) translateY(calc(-100% - 30px)); }
.nav.on-dark { background: rgba(16, 28, 18, .66); color: #eef4e7; box-shadow: 0 10px 40px -14px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.08); }
.logo { display: inline-flex; align-items: center; gap: 10px; font-family: var(--display); font-weight: 600; font-size: 17px; letter-spacing: -0.03em; margin-right: auto; }
.no-flexgap .logo > * + * { margin-left: 10px; }
.logo .mk { width: 36px; height: 36px; border-radius: 12px; background: var(--tray); display: grid; place-items: center; position: relative; overflow: hidden; }
.logo .mk::before { content: ""; position: absolute; top: 5px; right: 5px; bottom: 5px; left: 5px; border-radius: 7px; background: linear-gradient(135deg, var(--green) 0 48%, transparent 48%), linear-gradient(var(--lime), var(--lime)) right 0 top 0 / 46% 46% no-repeat, linear-gradient(#e9a64b, #e9a64b) right 0 bottom 0 / 46% 46% no-repeat; }
.logo b { font-weight: 600; color: var(--green); }
.nav-links { display: flex; gap: 2px; }
.no-flexgap .nav-links > * + * { margin-left: 2px; }
.nav-links a { position: relative; padding: 10px 15px; border-radius: 999px; font-size: 15px; font-weight: 600; opacity: .82; transition: opacity .3s, background-color .3s; }
.nav-links a:hover { opacity: 1; background: rgba(14,20,15,.05); }
.on-dark .nav-links a:hover { background: rgba(255,255,255,.08); }
.nav-links a[aria-current="page"] { opacity: 1; background: var(--ink); color: #fff; }
.on-dark .nav-links a[aria-current="page"] { background: #fff; color: var(--ink); }
.nav-cta { min-height: 48px; }
.nav-bal { display: inline-flex; align-items: center; gap: 8px; height: 48px; padding: 0 16px; border-radius: 999px; background: rgba(14,20,15,.05); font-weight: 700; font-size: 15px; }
.no-flexgap .nav-bal > * + * { margin-left: 8px; }
.on-dark .nav-bal { background: rgba(255,255,255,.08); }
.nav-user { display: inline-flex; align-items: center; gap: 10px; height: 48px; padding: 0 16px 0 6px; border: 0; border-radius: 999px; background: var(--ink); color: #fff; font-weight: 700; font-size: 15px; }
.no-flexgap .nav-user > * + * { margin-left: 10px; }
.nav-user .ava { width: 36px; height: 36px; border-radius: 50%; background: var(--green); color: var(--ink); display: grid; place-items: center; font-family: var(--display); font-size: 14px; }
.burger { display: none; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--ink); position: relative; }
.burger i { position: absolute; left: 15px; right: 15px; height: 2px; border-radius: 2px; background: #fff; transition: transform .6s var(--ease-out), top .6s var(--ease-out); }
.burger i:nth-child(1) { top: 19px; } .burger i:nth-child(2) { top: 27px; }
.menu-open .burger i:nth-child(1) { top: 23px; transform: rotate(45deg); }
.menu-open .burger i:nth-child(2) { top: 23px; transform: rotate(-45deg); }
.sheet-menu { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 45; background: var(--forest); color: #eef4e7; display: flex; flex-direction: column; justify-content: flex-end; gap: 4px; padding: 110px var(--gutter) calc(env(safe-area-inset-bottom, 0px) + 40px); clip-path: circle(0 at calc(100% - 40px) 40px); transition: clip-path .9s var(--ease-io); }
.no-flexgap .sheet-menu > * + * { margin-top: 4px; }
.menu-open .sheet-menu { clip-path: circle(150% at calc(100% - 40px) 40px); }
.sheet-menu a { font-family: var(--display); font-size: 34px; font-size: clamp(34px, 9vw, 64px); font-weight: 600; letter-spacing: -0.04em; line-height: 1.12; overflow: hidden; display: block; }
.sheet-menu a span { display: inline-block; transform: translateY(105%); transition: transform .9s var(--ease-out); }
.menu-open .sheet-menu a span { transform: none; }
.sheet-menu a:nth-child(2) span { transition-delay: .05s; } .sheet-menu a:nth-child(3) span { transition-delay: .1s; } .sheet-menu a:nth-child(4) span { transition-delay: .15s; } .sheet-menu a:nth-child(5) span { transition-delay: .2s; } .sheet-menu a:nth-child(6) span { transition-delay: .25s; }
.sheet-menu .meta { margin-top: 28px; font-size: 15px; color: #a9b8a1; display: grid; gap: 4px; }
@media (max-width: 1020px) { .nav-links, .nav .nav-cta-desk { display: none; } .burger { display: block; } }
@media (max-width: 520px) { .nav-bal .lbl, .nav-user .nm { display: none; } .nav-user { padding-right: 6px; } }

/* ---------- page transition curtain ---------- */
.curtain { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 200; pointer-events: none; display: grid; place-items: center; background: var(--forest); transform: translateY(0); }
.curtain .c-logo { display: flex; align-items: center; gap: 14px; color: #eef4e7; font-family: var(--display); font-weight: 600; font-size: 22px; letter-spacing: -0.03em; }
.no-flexgap .curtain .c-logo > * + * { margin-left: 14px; }
.curtain .c-logo .mk { width: 46px; height: 46px; border-radius: 14px; }
html:not(.js) .curtain { display: none; }

/* ---------- reveal states (only when GSAP is ready) ---------- */
.gsap-ready [data-reveal] { opacity: 0; transform: translateY(40px); }
.split-line { display: block; overflow: hidden; padding-bottom: .08em; margin-bottom: -.08em; }
.split-word { display: inline-block; will-change: transform; }

/* ---------- cards ---------- */
.card { background: var(--card); border-radius: var(--r-lg); box-shadow: var(--sh-2), inset 0 0 0 1px var(--line); }
.shell { padding: 6px; border-radius: var(--r-xl); background: rgba(14,20,15,.035); box-shadow: inset 0 0 0 1px var(--line); }
.shell > .core { border-radius: calc(var(--r-xl) - 6px); background: var(--card); box-shadow: var(--sh-2), inset 0 1px 0 rgba(255,255,255,.9); height: 100%; position: relative; overflow: hidden; }

/* ---------- the container (real RotMen packaging) ---------- */
.tray { --w: 300px; position: relative; width: var(--w); aspect-ratio: 1.34; border-radius: calc(var(--w) * .07); background: var(--tray); box-shadow: inset 0 0 0 calc(var(--w) * .018) #242725, inset 0 calc(var(--w) * .02) calc(var(--w) * .04) rgba(255,255,255,.05), 0 calc(var(--w) * .08) calc(var(--w) * .12) calc(var(--w) * -.04) rgba(0, 0, 0, .45); padding: calc(var(--w) * .045); display: grid; grid-template-columns: 1.15fr 1fr; grid-template-rows: 1fr 1fr; gap: calc(var(--w) * .03); }
.tray .cell { position: relative; border-radius: calc(var(--w) * .045); background: #0b0c0c; box-shadow: inset 0 calc(var(--w) * .012) calc(var(--w) * .03) rgba(0,0,0,.8); overflow: hidden; }
.tray .cell.big { grid-row: span 2; }
.tray .cell img { position: absolute; left: -37.5%; top: -37.5%; width: 175%; height: 175%; max-width: none; object-fit: cover; border-radius: 50%; }
.tray .cell.big img { width: 150%; height: 150%; }
.tray .lid { position: absolute; top: calc(var(--w) * -.012); right: calc(var(--w) * -.012); bottom: calc(var(--w) * -.012); left: calc(var(--w) * -.012); border-radius: calc(var(--w) * .075); pointer-events: none; background: linear-gradient(115deg, rgba(255,255,255,.34) 0%, rgba(255,255,255,.06) 28%, rgba(255,255,255,0) 46%, rgba(255,255,255,.12) 70%, rgba(255,255,255,.02) 100%); box-shadow: inset 0 0 0 calc(var(--w) * .012) rgba(255,255,255,.28), inset 0 0 calc(var(--w) * .05) rgba(255,255,255,.12); }
.tray .sticker , .pack .sticker { position: absolute; z-index: 3; left: 50%; top: 50%; width: 62%; transform: translate(-50%, -50%) rotate(-4deg); background: var(--label); color: var(--ink); border-radius: calc(var(--w) * .02); padding: calc(var(--w) * .035) calc(var(--w) * .045); box-shadow: 0 6px 16px rgba(0,0,0,.25); font-size: calc(var(--w) * .043); line-height: 1.25; overflow: hidden; }
.tray .sticker .row span , .pack .sticker .row span { min-width: 0; white-space: nowrap; }
.tray .sticker .row span:only-child, .pack .sticker .row span:only-child { white-space: normal; }
.tray .sticker .row, .pack .sticker .row { flex-wrap: wrap; row-gap: 0; }
.tray .sticker b , .pack .sticker b { display: block; font-family: var(--display); font-size: calc(var(--w) * .06); letter-spacing: -0.03em; }
.tray .sticker .row , .pack .sticker .row { display: flex; justify-content: space-between; gap: 6px; margin-top: calc(var(--w) * .015); border-top: 1px dashed rgba(14,20,15,.25); padding-top: calc(var(--w) * .015); font-weight: 700; }
.no-flexgap .tray .sticker .row > * + *, .no-flexgap .pack .sticker .row > * + * { margin-left: 6px; }
.tray .sticker .bar , .pack .sticker .bar { height: calc(var(--w) * .05); margin-top: calc(var(--w) * .02); background: repeating-linear-gradient(90deg, var(--ink) 0 2px, transparent 2px 4px, var(--ink) 4px 5px, transparent 5px 8px); opacity: .85; }

/* kraft bag */
.bag { --w: 260px; position: relative; width: var(--w); aspect-ratio: .82; }
.bag .body { position: absolute; top: 14%; right: 0; bottom: 0; left: 0; border-radius: 6px 6px 14px 14px; background: linear-gradient(90deg, rgba(0,0,0,.08), transparent 12%, transparent 88%, rgba(0,0,0,.1)), var(--kraft); box-shadow: 0 30px 60px -20px rgba(0,0,0,.45); overflow: hidden; }
.bag .body::before { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: .25; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"); mix-blend-mode: multiply; }
.bag .fold { position: absolute; left: 0; right: 0; top: 14%; height: 9%; background: var(--kraft-2); }
.bag .handle { position: absolute; left: 30%; right: 30%; top: 0; height: 22%; border: calc(var(--w) * .03) solid #8a6238; border-bottom: 0; border-radius: 999px 999px 0 0; }
.bag .brand { position: absolute; left: 0; right: 0; top: 42%; text-align: center; color: #3b2a15; font-family: var(--display); font-weight: 600; font-size: calc(var(--w) * .1); letter-spacing: -0.04em; }
.bag .brand small { display: block; font-family: var(--text); font-size: calc(var(--w) * .05); font-weight: 700; letter-spacing: .02em; opacity: .75; }
.bag .tag { position: absolute; right: -8%; top: 30%; padding: 6px 12px; border-radius: 8px; background: var(--lime); color: var(--ink); font-weight: 800; font-size: calc(var(--w) * .055); transform: rotate(8deg); box-shadow: var(--sh-1); }

/* ---------- section head ---------- */
.sec { padding-top: clamp(96px, 12vw, 180px); padding-bottom: clamp(96px, 12vw, 180px); }
.head { display: grid; gap: 18px; max-width: 860px; }
.head h2 { font-size: var(--fs-h2); }
.head p { font-size: var(--fs-lead); color: var(--muted); max-width: 38em; }
.dark .head p { color: #a9b8a1; }
.head.center { margin-left: auto; margin-right: auto; text-align: center; justify-items: center; }

/* ---------- LK drawer (contract: .rightAside-container .personal-aside .js-toggle-lk .js-close-lk) ---------- */
.rightAside-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 70; pointer-events: none; }
.rightAside-container .scrim { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(10,18,10,.4); opacity: 0; transition: opacity .5s; }
.personal-aside { position: absolute; top: 0; right: 0; bottom: 0; width: 100%; width: min(440px, 100%); background: var(--paper); box-shadow: -30px 0 80px rgba(0,0,0,.2); transform: translateX(105%); transition: transform .8s var(--ease-out); overflow-y: auto; padding: calc(env(safe-area-inset-top, 0px) + 22px) 22px calc(env(safe-area-inset-bottom, 0px) + 28px); display: grid; gap: 12px; align-content: start; }
.lk-open .rightAside-container { pointer-events: auto; }
.lk-open .rightAside-container .scrim { opacity: 1; }
.lk-open .personal-aside { transform: none; }
.personal-header { display: flex; align-items: center; gap: 14px; padding: 6px 4px 12px; }
.no-flexgap .personal-header > * + * { margin-left: 14px; }
.personal-photo { width: 58px; height: 58px; border-radius: 50%; background: var(--green); display: grid; place-items: center; font-family: var(--display); font-size: 22px; }
.personal-name { font-family: var(--display); font-size: 24px; font-weight: 600; letter-spacing: -0.03em; }
.js-close-lk { margin-left: auto; width: 44px; height: 44px; border-radius: 50%; border: 0; background: var(--card); box-shadow: var(--sh-1); display: grid; place-items: center; transition: transform .5s var(--ease-out); }
.js-close-lk:hover { transform: rotate(90deg); }
.personal-block { background: var(--card); border-radius: 22px; padding: 18px 20px; box-shadow: var(--sh-1), inset 0 0 0 1px var(--line); display: grid; gap: 8px; }
.aside__title { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.aside__preview { font-size: 15px; }
.personal-block .lnk { font-weight: 700; color: var(--green-ink); font-size: 15px; background: none; border: 0; padding: 0; text-align: left; }
.ref-row { display: flex; gap: 8px; align-items: center; background: var(--paper); border-radius: 12px; padding: 8px 8px 8px 12px; font-size: 14px; }
.no-flexgap .ref-row > * + * { margin-left: 8px; }
.ref-row code { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: var(--text); }
.ref-row button { border: 0; border-radius: 10px; background: var(--ink); color: #fff; padding: 8px 12px; font-weight: 700; font-size: 13px; }
.aside-banner { background: var(--forest); color: #eef4e7; border-radius: 22px; padding: 22px; display: grid; gap: 8px; }
.aside-banner b { font-family: var(--display); font-size: 20px; letter-spacing: -0.03em; }
.aside-banner p { color: #b7c7ad; font-size: 15px; }

/* ---------- popup.js chrome → modal / bottom sheet ---------- */
.popup { display: none; }
.popup-wrap { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 90; background: rgba(10, 18, 10, .42); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); display: grid; place-items: center; padding: 20px; opacity: 0; pointer-events: none; transition: opacity .5s var(--ease-out); }
.popup-wrap.popup-open { opacity: 1; pointer-events: auto; }
.popup-scroller { width: 100%; max-width: 580px; max-height: calc(100vh - 40px); max-height: calc(100dvh - 40px); overflow: auto; border-radius: 34px; transform: translateY(50px) scale(.96); transition: transform .8s var(--ease-out); }
.popup-open .popup-scroller { transform: none; }
.popup-scroller .popup { display: block; position: relative; background: var(--card); padding: 34px; border-radius: 34px; box-shadow: var(--sh-3); }
.popup-close { position: absolute; right: 18px; top: 18px; width: 42px; height: 42px; border-radius: 50%; background: var(--paper); cursor: pointer; display: grid; place-items: center; transition: transform .5s var(--ease-out); z-index: 2; }
.popup-close:hover { transform: rotate(90deg); }
.popup-close::before, .popup-close::after { content: ""; position: absolute; width: 14px; height: 2px; border-radius: 2px; background: var(--ink); transform: rotate(45deg); }
.popup-close::after { transform: rotate(-45deg); }
.popup h2 { font-size: 28px; margin-bottom: 8px; padding-right: 40px; }
.popup .lead { color: var(--muted); font-size: 15px; margin-bottom: 22px; }
@media (max-width: 640px) {
  .popup-wrap { place-items: end stretch; padding: 0; }
  .popup-scroller { max-width: none; border-radius: 30px 30px 0 0; transform: translateY(100%); max-height: 92vh; max-height: 92dvh; }
  .popup-scroller .popup { border-radius: 30px 30px 0 0; padding: 28px 18px calc(env(safe-area-inset-bottom, 0px) + 26px); }
}

/* ---------- form fields ---------- */
.fld { display: grid; gap: 8px; }
.fld > .t { font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.field, .selectfield { width: 100%; height: 56px; border: 0; border-radius: 16px; background: var(--paper); padding: 0 18px; font-size: 16px; font-weight: 600; box-shadow: inset 0 0 0 1px var(--line); transition: box-shadow .3s, background-color .3s; }
.field:focus, .selectfield:focus { outline: none; background: #fff; box-shadow: inset 0 0 0 2px var(--green); }
.field::placeholder { color: #697166; font-weight: 500; }
.hint { font-size: 13px; color: var(--muted); }
.check { display: inline-flex; align-items: center; gap: 10px; font-size: 15px; font-weight: 600; cursor: pointer; }
.no-flexgap .check > * + * { margin-left: 10px; }
.check input { appearance: none; width: 22px; height: 22px; border-radius: 7px; box-shadow: inset 0 0 0 2px rgba(14,20,15,.25); display: grid; place-items: center; transition: background-color .3s, box-shadow .3s; margin: 0; }
.check input:checked { background: var(--green); box-shadow: none; }
.check input:checked::after { content: ""; width: 10px; height: 6px; border: 2px solid var(--ink); border-top: 0; border-right: 0; transform: translate(0, -1px) rotate(-45deg); }

/* ---------- toast ---------- */
.toast { position: fixed; left: 50%; top: calc(env(safe-area-inset-top, 0px) + 86px); z-index: 95; transform: translate(-50%, 0) translateY(-20px); opacity: 0; display: flex; align-items: center; gap: 10px; padding: 8px 16px 8px 8px; border-radius: 999px; background: var(--ink); color: #fff; font-size: 14px; font-weight: 700; box-shadow: var(--sh-3); pointer-events: none; transition: transform .6s var(--ease-out), opacity .4s; max-width: calc(100% - 24px); }
.no-flexgap .toast > * + * { margin-left: 10px; }
.toast img { width: 34px; height: 34px; border-radius: 50%; }
.toast.show { transform: translate(-50%, 0); opacity: 1; }

/* ---------- footer ---------- */
.foot { background: var(--forest); color: #dfe8d6; padding-top: 80px; padding-top: clamp(80px, 10vw, 140px); overflow: hidden; }
.foot-top { display: grid; grid-template-columns: 1.4fr 1fr 1fr 1fr; gap: 32px; }
.foot h4 { font-family: var(--text); font-size: 13px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #8fa087; margin-bottom: 14px; }
.foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 10px; font-weight: 600; }
.foot ul a { transition: color .3s; } .foot ul a:hover { color: var(--lime); }
.foot .big-cta { font-family: var(--display); font-size: 28px; font-size: clamp(28px, 3vw, 44px); letter-spacing: -0.04em; line-height: 1.05; color: #fff; }
.foot .big-cta i { font-style: normal; color: var(--green); }
.foot-word { margin-top: 56px; font-family: var(--display); font-weight: 700; font-size: 64px; font-size: clamp(64px, 19vw, 330px); letter-spacing: -0.07em; line-height: .78; color: #1b3020; white-space: nowrap; user-select: none; }
.foot-bottom { display: flex; justify-content: space-between; align-items: center; gap: 16px; flex-wrap: wrap; padding-top: 26px; padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 26px); border-top: 1px solid rgba(255,255,255,.08); font-size: 14px; color: #8fa087; }
.no-flexgap .foot-bottom > * + * { margin-left: 16px; }
.no-flexgap .foot-bottom > * { margin-bottom: 16px; }
.foot-bottom img { height: 18px; width: auto; filter: grayscale(1) brightness(1.6); opacity: .7; }
@media (max-width: 860px) { .foot-top { grid-template-columns: 1fr 1fr; } .foot-top > :first-child { grid-column: 1 / -1; } }

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { animation-duration: 1ms !important; animation-iteration-count: 1 !important; transition-duration: 1ms !important; }
}

/* ---------- inner pages ---------- */
.page-hero { padding-top: calc(env(safe-area-inset-top, 0px) + 140px); padding-bottom: 40px; }
.page-hero h1 { font-size: 40px; font-size: clamp(40px, 6vw, 96px); letter-spacing: -0.055em; }
.page-hero p { margin-top: 18px; font-size: var(--fs-lead); color: var(--muted); max-width: 36em; }
.auth { min-height: 100vh; min-height: 100svh; display: grid; grid-template-columns: 1fr 1fr; }
.auth-side { position: relative; overflow: hidden; background: var(--forest); color: #eef4e7; padding: calc(env(safe-area-inset-top, 0px) + 130px) var(--gutter) 60px; display: flex; flex-direction: column; justify-content: space-between; gap: 40px; }
.no-flexgap .auth-side > * + * { margin-top: 40px; }
.auth-side h2 { font-size: 34px; font-size: clamp(34px, 3.6vw, 60px); }
.auth-side .pack { --w: 30vw; align-self: center; transform: rotate(-6deg); }
@supports (width: clamp(1px, 2px, 3px)) { .auth-side .pack { --w: min(30vw, 420px); } }
.auth-form { padding: calc(env(safe-area-inset-top, 0px) + 130px) var(--gutter) 60px; display: grid; align-content: center; justify-items: center; }
.auth-card { width: 100%; max-width: 480px; display: grid; gap: 16px; }
.auth-card h1 { font-size: 32px; font-size: clamp(32px, 3.4vw, 52px); }
.notice { padding: 16px 18px; border-radius: 18px; background: var(--green-soft); font-size: 15px; line-height: 1.5; }
.notice b { display: block; }
.auth-links { display: flex; justify-content: space-between; gap: 12px; flex-wrap: wrap; font-weight: 700; font-size: 15px; }
.no-flexgap .auth-links > * + * { margin-left: 12px; }
.no-flexgap .auth-links > * { margin-bottom: 12px; }
.auth-links a { color: var(--green-ink); }
@media (max-width: 900px) { .auth { grid-template-columns: 1fr; } .auth-side { display: none; } .auth-form { padding-top: calc(env(safe-area-inset-top, 0px) + 110px); } }

/* ---------- набор РотМэн: как реально приходит обед ----------
   чёрный прямоугольный контейнер (гарнир + горячее), маленький прозрачный салатник, чёрная супница; у всех прозрачные крышки */
.pack { --w: 320px; position: relative; width: var(--w); aspect-ratio: 1.18; flex: none; }
.pk { position: absolute; }
.pk .fill { position: absolute; overflow: hidden; }
.pk .fill img { position: absolute; left: calc(50% - var(--z, 200%) / 2); top: calc(50% - var(--z, 200%) / 2); width: var(--z, 200%); height: var(--z, 200%); max-width: none; object-fit: cover; border-radius: 50%; }
.pk .lid { position: absolute; top: -2.5%; right: -2.5%; bottom: -2.5%; left: -2.5%; border-radius: inherit; pointer-events: none; background: linear-gradient(120deg, rgba(255,255,255,.42) 0%, rgba(255,255,255,.08) 26%, rgba(255,255,255,0) 46%, rgba(255,255,255,.16) 70%, rgba(255,255,255,0) 100%); box-shadow: inset 0 0 0 calc(var(--w) * .008) rgba(255,255,255,.5), inset 0 0 calc(var(--w) * .03) rgba(255,255,255,.18); }
/* чёрный контейнер */
.pk.box { left: 0; top: 17%; width: 67%; aspect-ratio: 1.36; border-radius: calc(var(--w) * .055); background: #141615; box-shadow: inset 0 0 0 calc(var(--w) * .014) #2c2f2d, inset 0 calc(var(--w) * .012) calc(var(--w) * .03) rgba(255,255,255,.06), 0 calc(var(--w) * .06) calc(var(--w) * .09) calc(var(--w) * -.03) rgba(0,0,0,.5); }
.pk.box .gar { top: calc(var(--w) * .028); right: calc(var(--w) * .028); bottom: calc(var(--w) * .028); left: calc(var(--w) * .028); border-radius: calc(var(--w) * .035); background: #0b0c0c; --z: 175%; }
.pk.box .hot { left: 9%; top: 15%; width: 47%; height: 68%; overflow: visible; transform: rotate(-7deg); }
.pk.box .hot img.cut { left: 0; top: 0; width: 100%; height: 100%; object-fit: contain; border-radius: 0; filter: drop-shadow(0 calc(var(--w) * .012) calc(var(--w) * .014) rgba(0,0,0,.55)) drop-shadow(0 0 calc(var(--w) * .004) rgba(0,0,0,.35)); }
.pk.box .hot img.plate { left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; border-radius: 50%; transform: scale(1.5); -webkit-mask: radial-gradient(circle, #000 40%, transparent 50%); mask: radial-gradient(circle, #000 40%, transparent 50%); }
.pk.box .hot:empty { display: none; }
/* прозрачный салатник */
.pk.oval { right: 0; top: 0; width: 41%; aspect-ratio: 1.32; border-radius: 50%; background: rgba(255,255,255,.2); box-shadow: inset 0 0 0 calc(var(--w) * .007) rgba(255,255,255,.8), inset 0 0 0 calc(var(--w) * .028) rgba(255,255,255,.16), 0 calc(var(--w) * .035) calc(var(--w) * .05) rgba(0,0,0,.22); }
.pk.oval::before { content: ""; position: absolute; top: 3%; right: 3%; bottom: 3%; left: 3%; border-radius: 50%; pointer-events: none; background: repeating-conic-gradient(rgba(255,255,255,.28) 0 2.5deg, rgba(255,255,255,0) 2.5deg 8deg); -webkit-mask: radial-gradient(closest-side, transparent 80%, #000 82%); mask: radial-gradient(closest-side, transparent 80%, #000 82%); }
.pk.oval .fill { top: 13%; right: 13%; bottom: 13%; left: 13%; border-radius: 50%; --z: 190%; }
/* чёрная супница */
.pk.bowl { right: 4%; bottom: 0; width: 37%; aspect-ratio: 1; border-radius: 50%; background: radial-gradient(circle at 50% 46%, #2a2e2c 0 56%, #0f1110 68%, #222624 84%, #121413 100%); box-shadow: 0 calc(var(--w) * .05) calc(var(--w) * .08) rgba(0,0,0,.5), inset 0 0 0 calc(var(--w) * .01) #333836; }
.pk.bowl .fill { top: 13%; right: 13%; bottom: 13%; left: 13%; border-radius: 50%; --z: 160%; box-shadow: inset 0 calc(var(--w) * .01) calc(var(--w) * .03) rgba(0,0,0,.6); }
.pk .fill:empty::after { content: "+"; position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: grid; place-items: center; color: rgba(255,255,255,.22); font-size: calc(var(--w) * .07); font-weight: 300; }
.pk.oval .fill:empty::after { color: rgba(14,20,15,.25); }
.pack .sticker { left: 50%; top: 66%; width: 40%; font-size: calc(var(--w) * .034); padding: calc(var(--w) * .026) calc(var(--w) * .032); }
.pack .sticker b { font-size: calc(var(--w) * .052); }
.pack .sticker .bar { height: calc(var(--w) * .036); }
.pack.no-soup .bowl, .pack.no-salad .oval { display: none; }

/* ---------- старые iOS / Android без aspect-ratio — высоты через --w ---------- */
@supports not (aspect-ratio: 1 / 1) {
  .tray { height: calc(var(--w) / 1.34); }
  .bag { height: calc(var(--w) / .82); }
  .pack { height: calc(var(--w) / 1.18); }
  .pk.box { height: calc(var(--w) * .67 / 1.36); }
  .pk.oval { height: calc(var(--w) * .41 / 1.32); }
  .pk.bowl { height: calc(var(--w) * .37); }
}

/* End */


/* Start:/local/templates/main/v3/site.css?179278062815060*/
/* РотМэн v3 — слой совместимости с реальным шаблоном Битрикса.
   v3.css — общий дизайн из макета; здесь — то, что нужно живым скриптам (common.js, profile.js, popup.js)
   и разметке, которую отдаёт сервер: кабинет .order-right, формы адреса, подсказки, лоадер, новости. */

body.v3 { min-height: 100vh; }
.v3 .hidden, .v3 .selectfield.hidden { display: none !important; }
.v3 .hide { display: none !important; }
.v3 svg { flex: none; }
.v3 b, .v3 strong { font-weight: 800; }

/* ---------- шапка ---------- */
.v3 .nav .nav-out { width: 48px; height: 48px; border-radius: 50%; display: grid; place-items: center; background: rgba(14,20,15,.05); transition: background-color .3s, transform .5s var(--ease-out); }
.v3 .nav .nav-out:hover { background: rgba(14,20,15,.1); transform: translateX(2px); }
.v3 .nav .nav-edit { color: var(--green-ink); }
.v3-burger { display: none; width: 48px; height: 48px; border: 0; border-radius: 50%; background: var(--ink); position: relative; flex: none; }
.v3-burger i { position: absolute; left: 15px; right: 15px; height: 2px; border-radius: 2px; background: #fff; transition: transform .6s var(--ease-out), top .6s var(--ease-out); }
.v3-burger i:nth-child(1) { top: 19px; } .v3-burger i:nth-child(2) { top: 27px; }
.menu-open .v3-burger i:nth-child(1) { top: 23px; transform: rotate(45deg); }
.menu-open .v3-burger i:nth-child(2) { top: 23px; transform: rotate(-45deg); }
@media (max-width: 1020px) { .v3-burger { display: block; } .v3 .nav .nav-out { display: none; } }
@media (max-width: 520px) { .v3 .nav-bal .lbl { display: none; } .v3 .nav-edit { display: none; } }

/* ---------- новости над страницей (header-alerts, slick) ---------- */
.alert-bar { position: relative; z-index: 1; margin: calc(env(safe-area-inset-top, 0px) + 86px) auto 0; width: calc(100% - 24px); max-width: 1560px; }
.alert-bar:empty { display: none; }
.v3 .header-alerts-container { display: none; align-items: center; gap: 12px; padding: 8px 8px 8px 12px; border-radius: 18px; background: var(--forest); color: #eef4e7; font-size: 14px; font-weight: 600; }
.v3 .header-alerts-container.active { display: flex; }
.v3 .header-alerts-nav { display: flex; align-items: center; gap: 6px; flex: none; font-size: 12px; font-weight: 800; color: #a9b8a1; }
.v3 .header-alerts-nav svg { width: 22px; height: 22px; padding: 5px; border-radius: 50%; background: rgba(255,255,255,.08); fill: #fff; cursor: pointer; }
.v3 .header-alerts-nav__left { transform: rotate(180deg); }
.v3 .header-alerts-slider { flex: 1; min-width: 0; }
.v3 .header-alert { cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.v3 .header-alert p { margin: 0; display: inline; }
.v3 .header-alerts-close { width: 32px; height: 32px; padding: 9px; border-radius: 50%; background: rgba(255,255,255,.08); fill: #fff; cursor: pointer; }
.v3 .slick-list { overflow: hidden; } .v3 .slick-track { display: flex; } .v3 .slick-slide { flex: none; }
.v3 .header-alerts-popups .popup p, .v3 .header-alert-popup p { margin-bottom: 10px; }
.v3 .btns { display: flex; gap: 10px; margin-top: 18px; flex-wrap: wrap; }
.v3 .btns .btn { min-height: 48px; padding: 0 22px; }
.v3 .btn-light { --b: var(--paper-2); --f: var(--ink); box-shadow: none; }

/* ---------- личный кабинет: реальная разметка right.aside.container.php ---------- */
.v3 .rightAside-container { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 70; pointer-events: none; height: auto !important; overflow: hidden; } /* закрытая панель стоит за правым краем: без обрезки iPhone даёт утянуть страницу вбок */
.v3 .lk-scrim { position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: rgba(10,18,10,.4); opacity: 0; transition: opacity .5s; }
.v3 .order-right { position: absolute; top: 0 !important; right: 0; bottom: 0; width: 100%; width: min(440px, 100%); transform: translateX(105%); transition: transform .8s var(--ease-out); background: var(--paper); box-shadow: -30px 0 80px rgba(0,0,0,.2); }
.v3 .rightAside-container:has(.order-right.active) { pointer-events: auto; }
.v3 .rightAside-container:has(.order-right.active) .lk-scrim { opacity: 1; }
.v3.lk-open .rightAside-container { pointer-events: auto; }
.v3.lk-open .lk-scrim { opacity: 1; }
.v3 .order-right.active { transform: none; }
.v3 .right-click-area { display: none; }
.v3 .order-right-sticky { height: 100%; overflow-y: auto; top: 0 !important; }
.v3 .order-right .personal-aside { position: static; transform: none; width: auto; box-shadow: none; background: none; overflow: visible; padding: calc(env(safe-area-inset-top, 0px) + 22px) 22px calc(env(safe-area-inset-bottom, 0px) + 28px); display: grid; gap: 12px; align-content: start; }
.v3 .personal-header.personal-block { display: grid; grid-template-columns: 58px 1fr auto auto; align-items: center; column-gap: 14px; background: none; box-shadow: none; padding: 6px 4px 12px; }
.v3 .personal-header .personal-photo { grid-row: 1; grid-column: 1; }
.v3 .personal-header .personal-photo::before { content: attr(data-initial); }
.v3 .personal-header .personal-name { grid-column: 2; grid-row: 1; overflow-wrap: anywhere; }
.v3 .personal-header .svg__edit, .v3 .personal-header .logOut-link svg { width: 40px; height: 40px; padding: 11px; border-radius: 50%; background: var(--card); box-shadow: var(--sh-1); fill: var(--ink); cursor: pointer; display: block; }
.v3 .personal-block { position: relative; }
.v3 .personal-block__icon { position: absolute; right: 18px; top: 18px; width: 22px; height: 22px; fill: var(--green); opacity: .8; }
.v3 .aside__title_green { color: var(--green-ink); }
.v3 .aside__address { font-size: 15px; font-weight: 600; margin: 0; }
.v3 .personal-block .link, .v3 .personal-block button.link { justify-self: start; border: 0; background: none; padding: 0; font-weight: 700; font-size: 15px; color: var(--green-ink); cursor: pointer; }
.v3 .aside__preview a { color: var(--green-ink); font-weight: 700; }
.v3 .aside__container-btn { display: flex; align-items: center; gap: 10px; }
.v3 .btn-ref { width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: var(--paper); fill: var(--ink); cursor: pointer; }
.v3 .profile-tg { font-weight: 700; color: var(--green-ink); cursor: pointer; }
.v3 .order-right .banner { position: relative; background: var(--forest); color: #eef4e7; border-radius: 22px; padding: 22px; display: grid; gap: 8px; }
.v3 .order-right .banner .aside__title { color: var(--lime); }
.v3 .order-right .banner_desc { color: #b7c7ad; font-size: 15px; margin: 0; }
.v3 .order-right .banner_link { display: flex; align-items: center; gap: 8px; font-weight: 700; }
.v3 .order-right .banner_link svg { width: 14px; height: 14px; fill: currentColor; }
.v3 .cover_link { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; }
.v3 .aside-close.js-close-lk { margin: 0; width: auto; height: auto; border-radius: 999px; display: flex; align-items: center; justify-content: center; gap: 10px; padding: 14px; background: var(--card); box-shadow: var(--sh-1), inset 0 0 0 1px var(--line); font-size: 13px; font-weight: 800; letter-spacing: .08em; cursor: pointer; transform: none; }
.v3 .aside-close__icon { width: 14px; height: 14px; fill: currentColor; }
.v3 .simplebar-track { display: none; }

/* ---------- формы в попапах (адрес, профиль, поставщик) ---------- */
.v3 .popup select, .v3 .popup input, .v3 .popup textarea, .v3 .popup label { margin: 0; }
.v3 .popup__title { font-family: var(--display); font-weight: 600; font-size: 24px; letter-spacing: -0.035em; line-height: 1.1; margin: 0 0 18px; padding-right: 44px; }
.v3 .popup form { display: grid; gap: 14px; }
.v3 .popup .label, .v3 .popup__label { display: grid; gap: 8px; position: relative; font-size: 12px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--muted); }
.v3 .popup .label > span:first-child { display: flex; align-items: center; gap: 6px; }
.v3 .popup .label .placeholder { position: absolute; left: 18px; top: 18px; font-size: 15px; font-weight: 500; letter-spacing: 0; text-transform: none; color: #697166; pointer-events: none; }
.v3 .popup .label .field:focus + .placeholder, .v3 .popup .label .field:not(:placeholder-shown) + .placeholder { display: none; }
.v3 .popup input[type="text"]:not(.field), .v3 .popup input[type="tel"], .v3 .popup input[type="email"], .v3 .popup input[type="password"] { width: 100%; height: 56px; border: 0; border-radius: 16px; background: var(--paper); padding: 0 18px; font-size: 16px; font-weight: 600; box-shadow: inset 0 0 0 1px var(--line); }
.v3 .popup .btn:not(.btn--block) { justify-self: start; min-height: 52px; padding: 0 26px; }
.v3 .popup form > .btn[type="submit"] { width: 100%; justify-content: center; }
#uf-delivery-location-warning, #uf-block-new-location, #uf-delivery-location-alert, #uf-delivery-location-dropdown, #uf-address-description-container, #uf-block-new-point { display: none; }
#uf-delivery-location-warning.active, #uf-delivery-location-alert.active { display: block; color: var(--danger); font-size: 14px; font-weight: 700; }
#uf-block-new-location.active, #uf-block-new-point.active { display: grid; }
#uf-address-description-container.active { display: block; font-size: 14px; color: var(--muted); }
#uf-delivery-location-dropdown.active { display: block; position: absolute; z-index: 5; left: 0; right: 0; top: calc(100% + 6px); max-height: 240px; overflow-y: auto; border-radius: 16px; background: #fff; box-shadow: var(--sh-3); text-transform: none; letter-spacing: 0; color: var(--ink); font-size: 15px; font-weight: 600; }
#uf-delivery-location-dropdown > * { padding: 12px 16px; cursor: pointer; }
#uf-delivery-location-dropdown > *:hover { background: var(--paper); }
.v3 .error_field { box-shadow: inset 0 0 0 2px var(--danger) !important; }
.v3 .cardDelivery { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 16px 18px; border-radius: 18px; background: var(--paper); margin-top: 10px; }
.v3 .cardDelivery__title { font-weight: 800; margin: 0; }
.v3 .cardDelivery .btn { min-height: 44px; padding: 0 20px; font-size: 14px; }
.v3 #profileTgLinkPopup .popup__btn { display: flex; gap: 10px; }

/* ---------- подсказки (.outer-hint → #hintContent) ---------- */
.v3 .hint.outer-hint { display: inline-grid; place-items: center; width: 22px; height: 22px; border-radius: 50%; background: var(--paper-2); color: var(--ink-2); cursor: help; vertical-align: middle; font-size: 0; }
.v3 .hint.outer-hint::before { content: "?"; font-size: 12px; font-weight: 800; }
.v3 .outer-hint-content { display: none; }
#hintContent { position: absolute; z-index: 100; display: none; max-width: 320px; padding: 14px 16px; border-radius: 16px; background: var(--ink); color: #eef4e7; font-size: 13px; line-height: 1.5; box-shadow: var(--sh-3); }
#hintContent.active { display: block; }
#hintContent p { margin: 0 0 6px; } #hintContent p:last-child { margin: 0; }

/* ---------- служебные попапы из подвала ---------- */
.v3 #tnx_popup span, .v3 #limitPopup p { font-size: 16px; }
.v3 #limitPopup img { margin: 16px auto 0; border-radius: 16px; }
.v3 .limit-popup-mobile { display: none; }
@media (max-width: 1280px) { .v3 .limit-popup-desc { display: none; } .v3 .limit-popup-mobile { display: inline; } .v3 img.limit-popup-mobile { display: block; } }
.v3 #popup_alert_result p { font-size: 16px; font-weight: 700; padding-right: 40px; }
#popupkbzu .item-row { display: flex; justify-content: space-between; gap: 8px; margin: 0 0 8px; font-size: 16px; }
#popupkbzu .item-label { font-weight: 800; color: var(--green-ink); }
#popupkbzu .item-row span:nth-child(2) { flex: 1 0; border-bottom: 1px dotted rgba(14,20,15,.3); height: 1em; }
#loader { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 140; display: none; align-items: center; justify-content: center; background: rgba(244,244,239,.55); -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); }
#loader img { width: 0; height: 0; }
#loader::before { content: ""; width: 46px; height: 46px; border-radius: 50%; border: 4px solid var(--paper-2); border-top-color: var(--green); animation: v3spin .8s linear infinite; }
@keyframes v3spin { to { transform: rotate(360deg); } }
.v3 .mobileError { display: none; }

/* скрытые поля ввода (радио оплаты, файлы отзывов) — общие для всех v3-страниц */
.v3 .input_hidden { position: absolute; opacity: 0; pointer-events: none; width: 1px; height: 1px; }

.foot-bottom a { color: inherit; }

/* ЛК: явная кнопка «×» вверху (штатная .js-close-lk стояла в самом низу и на телефоне была недоступна).
   position: fixed внутри .order-right: пока панель сдвинута transform'ом, кнопка едет вместе с ней, открытой — стоит в углу экрана, то есть в углу панели. */
.v3 .order-right .aside-close.js-close-lk { position: fixed; top: calc(env(safe-area-inset-top, 0px) + 16px); right: 16px; z-index: 5; width: 44px; height: 44px; padding: 0; gap: 0; border-radius: 50%; background: var(--ink); box-shadow: var(--sh-2); font-size: 0; letter-spacing: 0; }
.v3 .order-right .aside-close.js-close-lk span, .v3 .order-right .aside-close.js-close-lk .aside-close__icon { display: none; }
.v3 .order-right .aside-close.js-close-lk::before, .v3 .order-right .aside-close.js-close-lk::after { content: ""; position: absolute; left: 50%; top: 50%; width: 16px; height: 2px; margin: -1px 0 0 -8px; border-radius: 2px; background: #fff; transform: rotate(45deg); }
.v3 .order-right .aside-close.js-close-lk::after { transform: rotate(-45deg); }
.v3 .order-right .aside-close.js-close-lk:active { transform: scale(.92); }
.v3 .personal-header.personal-block { padding-right: 56px; }
.v3 .personal-header .logOut-link { position: relative; }
.v3 .personal-header .logOut-link svg { fill: var(--danger); }
.v3 .order-right-sticky, .v3 .order-right .simplebar-content-wrapper { -webkit-overflow-scrolling: touch; overscroll-behavior: contain; }
@media (max-width: 760px) {
  .v3.lk-open { overflow: hidden; }
  .v3 .order-right { width: 100%; box-shadow: none; }
  .v3 .personal-header .personal-name { min-width: 0; overflow-wrap: normal; word-break: normal; font-size: 24px; line-height: 1.1; }
  .v3 .personal-header.personal-block { column-gap: 10px; }
  .v3 .order-right .personal-aside { padding-top: calc(env(safe-area-inset-top, 0px) + 16px); padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 40px); }
  .v3 .order-right .simplebar-content-wrapper { overflow-y: auto !important; }
}

/* End */


/* Start:/local/templates/main/v3/home.css?179277797725461*/
/* РотМэн v3 — главная (/). Перенесено из макета rotmen-redesign/v3/index.html без изменений; разметка — v3/pages/home.php */

/* ================= HERO ================= */
.hero { position: relative; min-height: 100vh; min-height: 100svh; padding-top: calc(env(safe-area-inset-top, 0px) + 120px); padding-bottom: 60px; display: grid; align-items: center; overflow: hidden; }
.hero .wrap { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 40px; align-items: center; }
.hero h1 { font-size: 40px; font-size: clamp(40px, 5.3vw, 92px); font-weight: 600; letter-spacing: -0.05em; line-height: .98; margin-top: 26px; }
.hero h1 em { font-style: normal; color: var(--green-ink); }
.hero .sub { margin-top: 28px; font-size: var(--fs-lead); color: var(--ink-2); max-width: 30em; }
.hero .cta { margin-top: 40px; display: flex; gap: 12px; flex-wrap: wrap; }
.no-flexgap .hero .cta > * + * { margin-left: 12px; }
.no-flexgap .hero .cta > * { margin-bottom: 12px; }
.adv { margin-top: 56px; display: grid; grid-template-columns: repeat(3, auto); justify-content: start; gap: 12px 34px; }
.adv div { display: flex; align-items: center; gap: 12px; font-weight: 700; font-size: 15px; line-height: 1.25; }
.no-flexgap .adv div > * + * { margin-left: 12px; }
.adv svg { width: 44px; height: 44px; flex: none; padding: 10px; border-radius: 14px; background: var(--green-soft); stroke: var(--green-ink); }

.stage { position: relative; aspect-ratio: 1; width: 100%; max-width: 640px; justify-self: center; perspective: 1400px; }
.stage .halo { position: absolute; top: 4%; right: 4%; bottom: 4%; left: 4%; border-radius: 50%; background: radial-gradient(circle at 40% 35%, #f7fbef 0%, #e2f0cd 48%, #c5e29a 100%); }
.stage .halo::after { content: ""; position: absolute; top: -8%; right: -8%; bottom: -8%; left: -8%; border-radius: 50%; border: 1px dashed rgba(63,111,23,.25); animation: spin 80s linear infinite; }
.stage .tilt { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: grid; place-items: center; transform-style: preserve-3d; transition: transform 1s var(--ease-out); }
.hero-tray { --w: 36vw; transform: rotate(-6deg); }
@supports (width: clamp(1px, 2px, 3px)) { .hero-tray { --w: min(36vw, 500px); } }
.hero-tray .lid { opacity: 0; }
.hero-tray .sticker { opacity: 0; }
.float-plate { position: absolute; border-radius: 50%; filter: drop-shadow(0 26px 24px rgba(20,40,10,.3)); }
.float-plate img { border-radius: 50%; animation: spin 70s linear infinite; }
.fp1 { width: 26%; left: -2%; top: 8%; } .fp2 { width: 22%; right: 0; top: 2%; } .fp3 { width: 24%; right: -3%; bottom: 8%; }
.fp2 img { animation-direction: reverse; animation-duration: 90s; }
@keyframes spin { to { transform: rotate(360deg); } }
.badge-time { position: absolute; left: 0; bottom: 2%; z-index: 4; display: flex; gap: 12px; align-items: center; padding: 12px 18px 12px 12px; border-radius: 22px; background: rgba(255,255,255,.86); -webkit-backdrop-filter: blur(14px); backdrop-filter: blur(14px); box-shadow: var(--sh-3); font-size: 14px; line-height: 1.3; }
.no-flexgap .badge-time > * + * { margin-left: 12px; }
.badge-time b { display: block; font-family: var(--display); font-size: 20px; letter-spacing: -0.03em; }
.badge-time svg { width: 46px; height: 46px; }
.ring-bg { fill: none; stroke: var(--green-soft); stroke-width: 4; }
.ring-fg { fill: none; stroke: var(--green); stroke-width: 4; stroke-linecap: round; transform: rotate(-90deg); transform-origin: 50% 50%; }
.scroll-cue { position: absolute; left: 50%; bottom: 26px; transform: translate(-50%, 0); display: grid; justify-items: center; gap: 8px; font-size: 12px; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.scroll-cue i { width: 2px; height: 46px; border-radius: 2px; background: linear-gradient(var(--ink) 0 40%, transparent 40%) 0 0 / 100% 200%; animation: cue 2s var(--ease-io) infinite; opacity: .5; }
@keyframes cue { from { background-position: 0 100%; } to { background-position: 0 -100%; } }

/* ================= CLIENTS ================= */
.clients { padding-top: 40px; padding-bottom: 10px; }
.clients p { text-align: center; font-size: 14px; font-weight: 700; color: var(--muted); }
.logos { margin-top: 26px; overflow: hidden; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
.logos .track { display: flex; gap: 16px; width: max-content; animation: marq 46s linear infinite; }
.no-flexgap .logos .track > * + * { margin-left: 16px; }
.logos:hover .track { animation-play-state: paused; }
.logo-tile { height: 92px; min-width: 190px; padding: 14px 26px; border-radius: 22px; background: var(--card); box-shadow: var(--sh-1), inset 0 0 0 1px var(--line); display: flex; align-items: center; gap: 14px; }
.no-flexgap .logo-tile > * + * { margin-left: 14px; }
.logo-tile img { height: 56px; width: auto; max-width: 150px; object-fit: contain; filter: grayscale(1) contrast(1.05); opacity: .75; transition: filter .5s, opacity .5s; }
.logo-tile:hover img { filter: none; opacity: 1; }
.logo-tile span { font-size: 13px; font-weight: 700; color: var(--ink-2); line-height: 1.25; max-width: 14em; }
@keyframes marq { to { transform: translateX(-50%); } }

/* ================= OFFERS ================= */
.offers { margin-top: 64px; display: grid; grid-template-columns: repeat(12, 1fr); gap: 16px; }
.offer { position: relative; overflow: hidden; border-radius: var(--r-xl); padding: 34px; min-height: 340px; display: flex; flex-direction: column; gap: 10px; background: var(--card); box-shadow: var(--sh-2), inset 0 0 0 1px var(--line); transition: transform .8s var(--ease-out), box-shadow .8s var(--ease-out); }
.no-flexgap .offer > * + * { margin-top: 10px; }
.offer:hover { box-shadow: var(--sh-3), inset 0 0 0 1px var(--line); }
.offer .k { font-size: 13px; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; color: var(--muted); }
.offer h3 { font-size: 26px; font-size: clamp(26px, 2.4vw, 38px); }
.offer .price { margin-top: auto; display: flex; align-items: baseline; gap: 10px; flex-wrap: wrap; position: relative; z-index: 2; }
.no-flexgap .offer .price > * + * { margin-left: 10px; }
.no-flexgap .offer .price > * { margin-bottom: 10px; }
.offer .price b { font-family: var(--display); font-size: 44px; font-size: clamp(44px, 4.6vw, 76px); font-weight: 600; letter-spacing: -0.06em; line-height: 1; }
.offer .price span { font-weight: 700; color: var(--muted); }
.offer .go { position: absolute; right: 22px; top: 22px; width: 52px; height: 52px; border-radius: 50%; display: grid; place-items: center; background: var(--paper); transition: transform .7s var(--ease-out), background-color .4s; z-index: 2; }
.offer .go svg { width: 20px; height: 20px; }
.offer:hover .go { transform: rotate(-45deg); background: var(--green); color: var(--ink); }
.o1 { grid-column: span 7; grid-row: span 2; min-height: 560px; background: var(--forest); color: #eef4e7; }
.o1 .k, .o1 .price span { color: #a9b8a1; } .o1 .go { background: rgba(255,255,255,.08); }
.o1 .price b { color: var(--lime); }
.o2 { grid-column: span 5; } .o3 { grid-column: span 5; background: var(--green); } .o3 .k { color: #1d2e12; } .o3 .go { background: rgba(255,255,255,.4); }
.o4 { grid-column: span 12; min-height: 260px; display: grid; grid-template-columns: 1fr auto; align-items: end; }
.o4 .price { margin-top: 0; }
.o1 .pack { --w: 30vw; position: absolute; right: -6%; bottom: -8%; transform: rotate(-12deg); transition: transform 1.2s var(--ease-out); }
@supports (width: clamp(1px, 2px, 3px)) { .o1 .pack { --w: min(30vw, 420px); } }
.o1:hover .pack { transform: translate(-10px, -10px) rotate(-4deg); }
.stack { position: absolute; right: 30px; top: 96px; display: flex; }
.stack img { width: 84px; border-radius: 50%; margin-left: -34px; filter: drop-shadow(0 12px 14px rgba(20,40,10,.25)); transition: transform .8s var(--ease-out); }
.o2:hover .stack img { transform: translateX(calc(var(--i) * 12px)) rotate(calc(var(--i) * 8deg)); }
.mini-trays { display: flex; flex-wrap: wrap; gap: 8px; align-items: flex-end; }
.no-flexgap .mini-trays > * + * { margin-left: 8px; }
.no-flexgap .mini-trays > * { margin-bottom: 8px; }
.offers > * { min-width: 0; }
.mini-trays i { position: relative; width: 46px; height: 34px; border-radius: 8px; background: #141615 center / 230% no-repeat; box-shadow: inset 0 0 0 3px #2a2d2b, 0 8px 12px -6px rgba(10,20,5,.45); transform: translateY(var(--y, 0)); transition: transform .7s var(--ease-spring); }
.mini-trays i::before { content: ""; position: absolute; top: -2px; right: -2px; bottom: -2px; left: -2px; border-radius: 9px; background: linear-gradient(120deg, rgba(255,255,255,.45), rgba(255,255,255,0) 45%, rgba(255,255,255,.15) 75%, rgba(255,255,255,0)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.5); }
.mini-trays i::after { content: ""; position: absolute; left: 50%; top: 50%; width: 13px; height: 13px; margin: -6.5px 0 0 -6.5px; border-radius: 50%; background: #fafaf4; box-shadow: inset 0 0 0 2px var(--lime), 0 1px 2px rgba(0,0,0,.3); }
.o4:hover .mini-trays i { --y: -10px; }
.o4:hover .mini-trays i:nth-child(odd) { --y: -18px; }
.week-days { display: flex; gap: 6px; margin-top: 16px; }
.no-flexgap .week-days > * + * { margin-left: 6px; }
.week-days span { width: 44px; height: 44px; border-radius: 50%; background: rgba(255,255,255,.45); display: grid; place-items: center; font-weight: 800; font-size: 13px; }
@media (max-width: 900px) { .stack { position: static; margin: 14px 0 0 34px; } .offers { grid-template-columns: 1fr; } .offers > * { grid-column: auto !important; grid-row: auto !important; } .o1 { min-height: 520px; } .o4 { grid-template-columns: 1fr; } }

/* ================= STORY (pinned) ================= */
.story { position: relative; }
.story-pin { height: 100vh; height: 100svh; display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); align-items: center; gap: 40px; padding-top: 80px; }
.story-text { position: relative; min-height: 380px; }
.story-title { font-size: 30px; font-size: clamp(30px, 3.4vw, 54px); margin-bottom: 30px; }
.steps-nav { display: flex; gap: 8px; margin-bottom: 30px; }
.no-flexgap .steps-nav > * + * { margin-left: 8px; }
.steps-nav span { flex: 1; height: 4px; border-radius: 4px; background: rgba(255,255,255,.12); overflow: hidden; }
.steps-nav span i { display: block; height: 100%; width: 0; background: var(--lime); }
.step-card { position: absolute; left: 0; right: 0; top: 160px; opacity: 0; transform: translateY(30px); transition: opacity .6s var(--ease-out), transform .8s var(--ease-out); pointer-events: none; }
.step-card.on { opacity: 1; transform: none; pointer-events: auto; }
.step-card .rm { font-size: 22px; font-size: clamp(22px, 2vw, 30px); display: block; margin-bottom: 14px; }
.step-card p { font-size: var(--fs-lead); color: #c4d2bb; max-width: 30em; }
.step-card .big { display: block; margin-top: 18px; font-family: var(--display); font-size: 56px; font-size: clamp(56px, 6vw, 104px); font-weight: 600; letter-spacing: -0.06em; line-height: 1; color: #fff; }
.step-card .notes { margin-top: 18px; display: grid; gap: 8px; }
.step-card .notes span { display: inline-flex; gap: 10px; align-items: baseline; font-size: 15px; color: #c4d2bb; }
.no-flexgap .step-card .notes span > * + * { margin-left: 10px; }
.step-card .notes b { color: var(--lime); font-family: var(--display); font-weight: 600; font-size: 14px; letter-spacing: -0.02em; }

.story-stage { position: relative; aspect-ratio: 16 / 9; width: 100%; justify-self: center; border-radius: 30px; overflow: hidden; background: #123230; box-shadow: 0 40px 80px -40px rgba(0,0,0,.7), 0 0 0 1px rgba(255,255,255,.08); }
.story-stage canvas, .story-stage .poster { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; object-fit: cover; }
.story-stage .poster { z-index: 0; }
.story-stage canvas { z-index: 1; }
.story-stage .vignette { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 2; pointer-events: none; background: radial-gradient(120% 90% at 50% 40%, transparent 55%, rgba(4,14,12,.55)); }
.ticket { position: absolute; z-index: 5; left: 50%; top: 7%; width: 34%; margin-left: -17%; background: var(--label); color: var(--ink); border-radius: 12px 12px 4px 4px; padding: 14px 16px 18px; font-size: 12px; line-height: 1.35; box-shadow: 0 30px 50px -24px rgba(0,0,0,.6); }
.ticket b { display: block; font-family: var(--display); font-size: 15px; letter-spacing: -0.03em; margin-bottom: 6px; }
.ticket .ln { display: flex; justify-content: space-between; gap: 10px; border-bottom: 1px dashed rgba(14,20,15,.18); padding: 4px 0; }
.no-flexgap .ticket .ln > * + * { margin-left: 10px; }
.ticket .tot { display: flex; justify-content: space-between; margin-top: 8px; font-weight: 800; font-size: 14px; }
.ticket .tnum { white-space: nowrap; }
.stamp { position: absolute; z-index: 4; top: 9%; padding: 6px 10px; border-radius: 999px; background: rgba(9,22,20,.72); color: #eef4e7; font-size: 12px; font-weight: 800; letter-spacing: .02em; white-space: nowrap; opacity: 0; -webkit-backdrop-filter: blur(6px); backdrop-filter: blur(6px); }
.stamp i { display: inline-block; width: 7px; height: 7px; margin-right: 6px; border-radius: 50%; background: var(--lime); vertical-align: 1px; font-style: normal; }
.stamp.s1 { left: 4%; } .stamp.s2 { left: 37%; } .stamp.s3 { left: 70%; }
.s-bag { --w: 150px; position: absolute; left: 50%; bottom: -3%; margin-left: -75px; z-index: 4; }
@supports (width: clamp(1px, 2px, 3px)) { .s-bag { --w: clamp(140px, 16vw, 270px); margin-left: calc(var(--w) / -2); } }
.dest { position: absolute; z-index: 6; right: 4%; top: 8%; padding: 10px 14px; border-radius: 16px; background: var(--lime); color: var(--ink); font-weight: 800; font-size: 13px; line-height: 1.2; opacity: 0; }
.dest b { display: block; font-family: var(--display); font-size: 24px; letter-spacing: -0.04em; }
html:not(.gsap-ready) .story-stage .ticket { display: none; }
.road { position: absolute; left: 0; right: 0; bottom: 0; z-index: 3; height: 4px; background: repeating-linear-gradient(90deg, var(--lime) 0 18px, transparent 18px 32px); opacity: 0; }
@media (max-width: 900px) {
  .story-pin { grid-template-columns: 1fr; grid-template-rows: auto 1fr; gap: 0; padding-top: 86px; align-content: start; }
  .story-title { font-size: 26px; margin-bottom: 14px; }
  .steps-nav { margin-bottom: 0; }
  .story-text { min-height: 230px; order: 2; }
  .step-card { top: 104px; }
  .story-text { min-height: 330px; }
  .step-card p { font-size: 16px; }
  .step-card .big { font-size: 48px; margin-top: 8px; }
  .story-stage { order: 1; margin-top: 8px; border-radius: 22px; }
  .s-bag { --w: 33vw; margin-left: -16.5vw; }
  .ticket { width: 64%; margin-left: -32%; top: 4%; padding: 7px 10px 8px; font-size: 9.5px; } .ticket b { font-size: 11px; margin-bottom: 2px; } .ticket .ln { padding: 2px 0; } .ticket .tot { font-size: 10.5px; margin-top: 3px; }
  .stamp { font-size: 9.5px; padding: 4px 7px; } .dest { font-size: 10px; padding: 6px 9px; border-radius: 12px; } .dest b { font-size: 16px; }
  .story-head { order: 0; }
}

/* ================= GLOSSARY ================= */
.gloss { margin-top: 56px; display: grid; }
.g-row { position: relative; display: grid; grid-template-columns: minmax(220px, .9fr) 1.6fr; gap: 28px; padding: 28px 8px; border-top: 1px solid var(--line); align-items: baseline; transition: padding .6s var(--ease-out), background-color .5s; border-radius: 4px; }
.g-row:last-child { border-bottom: 1px solid var(--line); }
.g-row .rm { font-size: 22px; font-size: clamp(22px, 2.2vw, 34px); }
.g-row p { font-size: var(--fs-lead); color: var(--ink-2); }
.g-row:hover { padding-left: 26px; background: var(--card); }
.g-row .ph { position: absolute; right: 26px; top: 50%; width: 110px; transform: translate(0, -50%) scale(.6); opacity: 0; transition: transform .6s var(--ease-out), opacity .4s; pointer-events: none; }
.g-row .ph img { border-radius: 50%; filter: drop-shadow(0 16px 18px rgba(20,40,10,.3)); }
.g-row:hover .ph { transform: translate(0, -50%) scale(1); opacity: 1; }
@media (max-width: 760px) { .g-row { grid-template-columns: 1fr; gap: 8px; padding: 22px 4px; } .g-row:hover { padding-left: 4px; background: none; } .g-row .ph { display: none; } }

/* ================= DISHES (horizontal) ================= */
.hz { overflow: hidden; }
.hz-pin { min-height: 100vh; min-height: 100svh; display: flex; flex-direction: column; justify-content: center; padding-top: 100px; padding-bottom: 60px; }
.hz-head { display: flex; justify-content: space-between; align-items: end; gap: 24px; flex-wrap: wrap; }
.no-flexgap .hz-head > * + * { margin-left: 24px; }
.no-flexgap .hz-head > * { margin-bottom: 24px; }
.hz-track { margin-top: 48px; display: flex; gap: 22px; width: max-content; padding-left: var(--gutter); padding-right: 30vw; }
.no-flexgap .hz-track > * + * { margin-left: 22px; }
.dish-card { width: 280px; width: clamp(280px, 30vw, 420px); flex: none; }
.dish-card .core { padding: 22px; display: grid; gap: 18px; }
.dish-card .ph { aspect-ratio: 1; border-radius: 26px; background: radial-gradient(circle at 50% 42%, #ffffff, var(--paper-2)); display: grid; place-items: center; overflow: hidden; }
.dish-card .ph img { width: 70%; transform: rotate(-6deg); filter: drop-shadow(0 30px 30px rgba(10,20,5,.35)); transition: transform 1.2s var(--ease-out); }
.dish-card:hover .ph img { transform: rotate(4deg) scale(1.06); }
.dish-card h3 { font-size: 21px; letter-spacing: -0.03em; line-height: 1.2; min-height: 2.4em; }
.dish-card .n { font-family: var(--display); font-size: 14px; color: var(--muted); }
.hz-progress { margin-top: 34px; height: 3px; border-radius: 3px; background: var(--line); overflow: hidden; margin-left: var(--gutter); margin-right: var(--gutter); max-width: 1400px; }
.hz-progress i { display: block; height: 100%; width: 0; background: var(--ink); }
@media (max-width: 900px) {
  .hz-pin { min-height: 0; padding-top: 96px; padding-bottom: 40px; }
  .hz-track { overflow-x: auto; width: auto; padding-right: var(--gutter); scroll-snap-type: x mandatory; scrollbar-width: none; }
  .dish-card { scroll-snap-align: start; width: 78vw; }
  .hz-progress { display: none; }
}

/* ================= KITCHEN ================= */
.kitchen { overflow: hidden; overflow: clip; }
.kitchen .wrap { display: grid; grid-template-columns: 1.1fr 1fr; gap: 56px; align-items: center; }
.addr-big { font-family: var(--display); font-size: 44px; font-size: clamp(44px, 6.4vw, 110px); font-weight: 600; letter-spacing: -0.06em; line-height: .92; margin-top: 22px; }
.addr-big small { display: block; font-family: var(--text); font-size: 16px; font-weight: 700; letter-spacing: 0; color: #a9b8a1; margin-bottom: 10px; }
.kitchen .facts { margin-top: 36px; display: grid; gap: 10px; }
.kitchen .facts div { display: flex; gap: 14px; align-items: center; padding: 18px 20px; border-radius: 20px; background: rgba(255,255,255,.05); box-shadow: inset 0 0 0 1px rgba(255,255,255,.08); font-size: 17px; }
.no-flexgap .kitchen .facts div > * + * { margin-left: 14px; }
.kitchen .facts b { font-family: var(--display); font-weight: 600; color: var(--lime); min-width: 120px; letter-spacing: -0.02em; }
.k-visual { position: relative; aspect-ratio: .9; }
.k-visual .pack { position: absolute; --w: 26vw; }
@supports (width: clamp(1px, 2px, 3px)) { .k-visual .pack { --w: min(26vw, 330px); } }
.k-visual .t1 { left: 0; top: 2%; transform: rotate(-10deg); } .k-visual .t2 { right: 0; top: 34%; transform: rotate(8deg); } .k-visual .t3 { left: 8%; bottom: 0; transform: rotate(-3deg); }
.steam { position: absolute; left: 34%; top: -6%; width: 40%; height: 40%; pointer-events: none; }
.steam path { fill: none; stroke: rgba(255,255,255,.25); stroke-width: 3; stroke-linecap: round; animation: steam 4s ease-in-out infinite; }
.steam path:nth-child(2) { animation-delay: -1.3s; } .steam path:nth-child(3) { animation-delay: -2.6s; }
@keyframes steam { 0% { opacity: 0; transform: translateY(20px); } 40% { opacity: 1; } 100% { opacity: 0; transform: translateY(-30px); } }
@media (max-width: 900px) { .kitchen .wrap { grid-template-columns: 1fr; } .k-visual { max-width: 420px; } }

/* ================= REVIEWS ================= */
.rev-grid { margin-top: 56px; columns: 3 320px; column-gap: 16px; }
.rev { break-inside: avoid; margin-bottom: 16px; }
.rev .core { padding: 26px; display: grid; gap: 14px; }
.rev .media { border-radius: 18px; overflow: hidden; background: var(--paper); }
.rev .media img, .rev .media video { width: 100%; height: auto; }
.rev .media.logo { display: grid; place-items: center; padding: 24px; background: #fff; box-shadow: inset 0 0 0 1px var(--line); }
.rev .media.logo img { max-height: 110px; width: auto; }
.stars { display: flex; gap: 3px; }
.no-flexgap .stars > * + * { margin-left: 3px; } .stars svg { width: 17px; height: 17px; fill: var(--green); } .stars svg.off { fill: var(--paper-2); }
.rev .title { font-family: var(--display); font-size: 17px; letter-spacing: -0.02em; }
.rev blockquote { margin: 0; font-size: 17px; line-height: 1.5; }
.rev .who { display: flex; align-items: center; gap: 12px; font-size: 14px; color: var(--muted); }
.no-flexgap .rev .who > * + * { margin-left: 12px; }
.rev .who i { width: 40px; height: 40px; border-radius: 50%; background: var(--green-soft); color: var(--green-ink); display: grid; place-items: center; font-style: normal; font-weight: 800; }
.rev .who b { display: block; color: var(--ink); font-size: 15px; }
.rev-more { margin-top: 32px; display: flex; justify-content: center; }

/* ================= MAP ================= */
.map-sec .frame { margin-top: 48px; position: relative; height: 70vh; height: min(70vh, 620px); border-radius: var(--r-xl); overflow: hidden; background: var(--paper-2); box-shadow: var(--sh-2); }
.map-sec .frame .ph { position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: grid; place-items: center; color: var(--muted); font-weight: 700; }
#map { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }

@media (max-width: 900px) {
  .hero { padding-top: calc(env(safe-area-inset-top, 0px) + 96px); min-height: 0; }
  .hero .wrap { grid-template-columns: 1fr; gap: 10px; }
  .stage { order: -1; max-width: 400px; margin-left: auto; margin-right: auto; }
  .hero-tray { --w: 74vw; } .o1 .pack { --w: 66vw; right: -8%; bottom: -6%; } .k-visual .pack { --w: 54vw; }
  .o1 { min-height: 560px; } .o1 .price { margin-top: 14px; }
  .hero h1 { font-size: 38px; font-size: clamp(38px, 11vw, 60px); margin-top: 18px; }
  .hero .cta .btn { width: 100%; justify-content: space-between; }
  .adv { grid-template-columns: 1fr; gap: 10px; margin-top: 32px; }
  .scroll-cue { display: none; }
  .badge-time { left: 0; bottom: 0; padding: 8px 12px 8px 8px; } .badge-time svg { width: 38px; height: 38px; } .badge-time b { font-size: 17px; }
}

@supports not (aspect-ratio: 1 / 1) {
  .stage::before { content: ""; display: block; padding-top: 100%; }
  .story-stage::before { content: ""; display: block; padding-top: 56.25%; }
  .k-visual::before { content: ""; display: block; padding-top: 111.11%; }
  .clock::before, .dish-card .ph::before { content: ""; grid-area: 1 / 1; padding-top: 100%; }
  .clock > *, .dish-card .ph > * { grid-area: 1 / 1; }
}

/* ---------- дополнения для живой страницы ---------- */
.v3[data-page="home"] main { display: block; }
.rev .media video { display: block; }
.rev .prod { font-size: 13px; font-weight: 800; color: var(--green-ink); }
.foot-bottom a { color: inherit; }

/* ================= фото-набор: настоящие контейнеры (v3/photos/*.webp, фон вырезан) =================
   Раскладка как у прежнего рисованного набора: лоток слева, салатница справа сверху, суп справа снизу. */
.ppack { position: relative; }
.ppack .pk { display: none; }
.ppack .pp { position: absolute; display: block; max-width: none; height: auto; filter: drop-shadow(0 calc(var(--w) * .035) calc(var(--w) * .04) rgba(20,30,15,.32)); will-change: transform; }
.ppack .pp-hot { left: 1%; top: 9%; width: 45%; z-index: 2; transform: rotate(-4deg); }
.ppack .pp-sal { right: -2%; top: -4%; width: 52%; z-index: 1; transform: rotate(6deg); }
.ppack .pp-soup { right: 9%; bottom: -3%; width: 34%; z-index: 3; transform: rotate(-8deg); }
.ppack .sticker { left: 23%; top: 70%; width: 38%; z-index: 4; }
.hero-tray.ppack { transform: rotate(-3deg); }
/* тёмный блок «Где это готовится»: три отдельных контейнера */
.k-visual .kphoto { position: absolute; height: auto; filter: drop-shadow(0 24px 30px rgba(0,0,0,.45)); }
.k-visual .kphoto.t1 { width: 38%; left: 4%; top: 4%; transform: rotate(-10deg); }
.k-visual .kphoto.t2 { width: 40%; right: 2%; top: 26%; transform: rotate(8deg); }
.k-visual .kphoto.t3 { width: 56%; left: 6%; bottom: 0; transform: rotate(-4deg); }

/* End */
/* /local/templates/main/css/lib.min.css?164959367060275 */
/* /local/templates/main/v3/v3.css?179278062832543 */
/* /local/templates/main/v3/site.css?179278062815060 */
/* /local/templates/main/v3/home.css?179277797725461 */