:root{--padding-x: 16px;--width-logo: 100px;--font-title: "Archivo Black", sans-serif;--font-body: "Roboto", sans-serif;--menu-font-size: 1.5rem;--font-hero-size: 48px;--color-red: #C01616;--color-yellow: #FFC71C;--color-backgroud: #F2F3F4;--color-blue: #fff;--width-description-hero: 300px}*{box-sizing:border-box;padding:0}html,body{overflow-y:auto;height:auto}body{touch-action:pan-y}#s1,#s2,#s3,#s4{overflow-x:hidden!important}h1,h2,h3,h4,h5,h6{font-family:var(--font-title)}body{margin:0;padding:0;background-color:var(--color-backgroud);font-family:var(--font-body);color:#333}.container{width:100%;max-width:1440px;padding-left:var(--padding-x);padding-right:var(--padding-x);margin:0 auto}#fluid{width:100%;height:100vh;display:block;position:fixed;top:0;left:0;z-index:-1;filter:grayscale(1)}body.s3 #fluid{opacity:0}.info{position:absolute;top:10px;left:10px;color:#fff;font-size:14px;z-index:100;background:#00000080;padding:10px;border-radius:5px}#main-header{width:100vw;position:fixed;top:0;left:0;padding:24px 0;z-index:11}@media screen and (max-width: 640px){#main-header{padding:0 0 0 16px;background:#fffc;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.menu-open #main-header{background:#fff0;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}}.chefs-circle-badge{position:absolute;top:-18px;right:0;width:100%;height:100%;pointer-events:none;z-index:-2}.container-full{width:100%;padding:0 0 0 var(--padding-x);margin:0 auto}#main-header .container-full .main-nav{display:flex;align-items:center;justify-content:flex-end;gap:0}#main-header .container-full .main-nav .user-account{margin-right:18px}.user-account-link svg{transition:all .3s ease 0s}.menu-open .iconArea .user-account-link svg,.negative .iconArea .user-account-link svg{color:#fff}#main-header .container-full{display:flex;align-items:center;justify-content:space-between}.logo-header img{width:var(--width-logo)}.iconArea{width:32px;margin:5px 0 0;height:auto;cursor:pointer;position:relative}.cart-count{display:flex;width:20px;height:20px;color:#fff;background-color:var(--color-yellow);align-items:center;justify-content:center;font-size:12px;border-radius:50%;position:absolute;top:-10px;right:-10px}.iconArea svg{width:32px;height:32px}.cart{fill:none;stroke:#333;stroke-miterlimit:10;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.negative .cart,.menu-open .cart{stroke:#fff}.color .cart{transition:stroke 1s}.color:hover .cart{stroke:#c7243a}.bold .cart{stroke-width:.2;transition:stroke-width 1s}.bold:hover .cart{stroke-width:2.2}.hoverAnimation:hover .cart{animation-duration:5s;animation-timing-function:cubic-bezier(.42,0,.58,1);animation-delay:0s;animation-iteration-count:1;animation-direction:normal;animation-fill-mode:forwards;animation-play-state:running;animation-name:hoverShop}@keyframes hoverShop{0%{stroke-dasharray:100 100;stroke-dashoffset:0}49.9%{stroke-dasharray:0 100;stroke-dashoffset:0;opacity:1}50%{stroke-dasharray:0 100;stroke-dashoffset:0;opacity:0}50.1%{stroke-dasharray:100 100;opacity:0;stroke-dashoffset:-100}50.2%{opacity:1;stroke-dashoffset:-100}to{stroke-dasharray:100 100;stroke-dashoffset:0}}.dashedLine .cart{stroke-dasharray:100 100;stroke-dashoffset:0;opacity:1}.iconArea .user{transition:all .3s ease 0s}.negative .user,.menu-open .user{fill:#fff}.link,.customer a{display:flex;height:100%}.hamburguer-container{cursor:pointer;display:flex}.hamburguer-container svg{transition:transform .5s cubic-bezier(.4,0,.2,1),color .5s ease-in-out,color .5s ease-in-out;color:#333}body.negative .hamburguer-container svg{color:#fff}.hamburguer-container.active svg{transform:rotate(90deg);color:#fff}.hamburguer-container path{transition:transform .5s cubic-bezier(.4,0,.2,1),stroke-dasharray .5s cubic-bezier(.4,0,.2,1),stroke-dashoffset .5s cubic-bezier(.4,0,.2,1)}.hamburguer-container path:nth-child(1){transform-origin:36% 40%}.hamburguer-container path:nth-child(2){stroke-dasharray:29 299}.hamburguer-container path:nth-child(3){transform-origin:35% 63%}.hamburguer-container path:nth-child(4){stroke-dasharray:29 299}.hamburguer-container path:nth-child(5){transform-origin:61% 52%}.hamburguer-container path:nth-child(6){transform-origin:62% 52%}.hamburguer-container.active path:nth-child(1){transform:translate(9px) translateY(1px) rotate(45deg)}.hamburguer-container.active path:nth-child(2){stroke-dasharray:225 299;stroke-dashoffset:-72px}.hamburguer-container.active path:nth-child(3){transform:translate(9px) translateY(1px) rotate(-45deg)}.hamburguer-container.active path:nth-child(4){stroke-dasharray:225 299;stroke-dashoffset:-72px}.hamburguer-container.active path:nth-child(5){transform:translate(9px) translateY(1px) rotate(-45deg)}.hamburguer-container.active path:nth-child(6){transform:translate(9px) translateY(1px) rotate(45deg)}#menu{background:#333;height:100vh;left:0;opacity:0;overflow:hidden;overflow-y:auto;position:fixed;text-align:center;top:0;transition:all .7s ease-in-out;visibility:hidden;width:100vw;z-index:10}#menu.open{opacity:1;visibility:visible}#menu.open li{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:fadeInUp;animation-name:fadeInUp}#menu.open li:nth-child(1){-webkit-animation-delay:.1s;animation-delay:.1s}#menu.open li:nth-child(2){-webkit-animation-delay:.2s;animation-delay:.2s}#menu.open li:nth-child(3){-webkit-animation-delay:.3s;animation-delay:.3s}#menu.open li:nth-child(4){-webkit-animation-delay:.4s;animation-delay:.4s}#menu.open li:nth-child(5){-webkit-animation-delay:.5s;animation-delay:.5s}#menu.open li:nth-child(6){-webkit-animation-delay:.6s;animation-delay:.6s}#menu.open li:nth-child(7){-webkit-animation-delay:.7s;animation-delay:.7s}#menu.open li:nth-child(8){-webkit-animation-delay:.8s;animation-delay:.8s}#menu.open li:nth-child(9){-webkit-animation-delay:.9s;animation-delay:.9s}#menu.open li:nth-child(10){-webkit-animation-delay:1s;animation-delay:1s}#menu ul:hover a{opacity:.5}#menu ul a{-webkit-transform:translateZ(0);transition:opacity .3s ease-in-out,color .3s ease-in-out}#menu ul a:hover{opacity:1;color:var(--color-yellow)}#menu .main-nav{position:relative;top:50%;transform:translateY(-50%)}#menu .main-nav ul{list-style:none;margin:0;padding:0}#menu .main-nav a{color:#fff;font-family:Archivo Black,sans-serif;display:block;font-size:var(--menu-font-size);font-weight:700;padding:1rem;text-decoration:none;text-transform:uppercase}#menu .main-nav a:first{padding-top:0}#menu .menu-footer{padding:2rem;bottom:0;left:0;position:absolute;right:0}#menu .menu-footer ul{display:inline-block;list-style:none;margin:0;padding:0}#menu .menu-footer ul li{display:inline;margin:0 1rem}#menu .menu-footer a{color:#fff;text-decoration:none;text-transform:uppercase}.toggle-menu{background-color:transparent;border:none;cursor:pointer;display:inline-block;height:50px;outline:none;padding:0;pointer-events:initial;position:relative;vertical-align:middle;width:50px;z-index:1110}.toggle-menu span{background-color:#fff;content:"";display:block;height:2px;left:calc(50% - 13px);position:absolute;top:calc(50% - 1px);transform-origin:50% 50%;transition:background-color .2s ease-in-out,top .2s .2s ease-out,transform .2s linear;width:26px}.toggle-menu span:before,.toggle-menu span:after{background-color:#fff;content:"";display:block;height:2px;position:absolute;transform-origin:50% 50%;transition:background-color .2s ease-in-out,top .2s .2s ease-out,transform .2s linear;width:26px}.toggle-menu span:before{top:7px}.toggle-menu span:after{top:-7px}.toggle-menu.active span{background-color:transparent;transition:background .2s ease-out}.toggle-menu.active span:before,.toggle-menu.active span:after{transition:top .2s ease-out,transform .2s .2s ease-out}.toggle-menu.active span:before{top:0;transform:rotate3d(0,0,1,-45deg)}.toggle-menu.active span:after{top:0;transform:rotate3d(0,0,1,45deg)}@keyframes fadeInUp{0%{transform:translate3d(0,40px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@-webkit-keyframes fadeInUp{0%{transform:translate3d(0,40px,0);opacity:0}to{transform:translateZ(0);opacity:1}}@media screen and (max-width:640px){#product-main{position:sticky;right:0;bottom:0;display:flex;align-items:center;justify-content:center;top:0;left:0;width:100vw;height:100dvh;z-index:9;pointer-events:none}}#product-main.hold{transition:none;position:absolute;left:0;right:0;pointer-events:none;animation:none;top:1088px}body.s3 #product-main,body.s4 #product-main,body.s5 #product-main{animation:fadeDown .2s ease-out forwards .3s}@keyframes fadeDown{0%{opacity:1}to{opacity:0}}#product-main .product-scene{position:relative}@media screen and (max-width:1024px){#product-main .product-scene{transform:translateY(-3vh)}.title-anim,.main-hero .container .black-title{text-align:center;display:block;width:100%}}#product-main .product-scene .pot-sprite{position:absolute;top:0;left:0;width:100%;height:100%;transform:translateY(150px);opacity:0;transition:all .4s ease-in-out}#product-main .product-scene .pot-sprite.in{opacity:1;transform:translateY(56px)}#product-main .product-scene .pot-sprite img{width:100%}#product-main .product-scene .catridge-sprite{position:absolute;top:0;left:0;right:0;margin:0 auto;width:180px;transform:translateY(-100px) translate(-79px) rotate(-45deg);opacity:0}#product-main .product-scene .catridge-sprite img{width:100%}#product-main .product-scene .catridge-sprite.in{animation:bottlein 1s ease-in-out 0s 1 normal forwards}@keyframes bottlein{0%{transform:translateY(-100px) translate(-79px) rotate(-45deg);opacity:0}60%{transform:translateY(-98px) translate(-12px) rotate(-4deg);opacity:1}to{transform:translateY(45px) translate(-12px) rotate(0);opacity:1}}#product-main .product-sprite{overflow:hidden;width:276px;height:500px;position:relative}@media screen and (max-width:640px){#product-main .product-sprite{width:193px;height:350px}}#product-main .product-sprite img{position:absolute;height:100%;top:0;left:0}@keyframes productFirstApper{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}.scroll-progress{position:fixed;right:20px;z-index:111;top:80%;transition:all .3s linear;opacity:0;transform:translateY(-50%);mix-blend-mode:difference;visibility:hidden}.scroll-progress.visible{opacity:1;visibility:visible}.scroll-progress .scroll-top{display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.scroll-progress .scroll-text{transform:rotate(180deg);writing-mode:vertical-lr;margin-bottom:15px;color:#fff;font-size:11px;text-transform:uppercase}.scroll-progress .scroll-line{width:2px;height:60px;position:relative;background-color:#ffffff26;color:inherit;display:block}.scroll-progress .scroll-point{display:inline-block;width:100%;position:absolute;background-color:#fff;top:0;left:0}.main-hero{min-height:100vh;padding-bottom:200px;position:relative}.main-hero:after{content:"";display:block;border-top:100px solid transparent;border-right:50vw solid var(--color-blue);border-bottom:100px solid var(--color-blue);border-left:50vw solid transparent;width:0px;height:0px;position:absolute;bottom:0;left:0;z-index:0}.main-hero .container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh}.main-hero .container .hero-row{display:grid;gap:150px;grid-template-columns:1fr 1fr}@media screen and (max-width:1024px){.main-hero .container .hero-row{display:grid;gap:30vh;grid-template-columns:1fr}}.main-hero .container .col-right,.main-hero .container .col-left{flex:1 1 0}.main-hero .container .col-left{padding-right:30px}.main-hero .container .col-left{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start}@media screen and (max-width:640px){.main-hero .container .col-left{padding-right:0}}.main-hero .container .black-title{color:#333;font-size:var(--font-hero-size);font-family:var(--font-title);text-transform:uppercase;display:block;line-height:1}.main-hero .container .red-title{color:var(--color-red);font-size:var(--font-hero-size);font-family:var(--font-title);text-transform:uppercase;display:block;line-height:1}.main-hero .container .yellow-title{color:var(--color-yellow);font-size:var(--font-hero-size);font-family:var(--font-title);text-transform:uppercase;display:block;line-height:1}@media screen and (max-width:1024px){.main-hero .container .yellow-title{text-align:center}}.main-hero .container .col-right .title-anim{display:flex;flex-direction:column;align-items:stretch;text-align:right}@keyframes pop-word{to{transform:rotateX(0)}}@keyframes show{to{opacity:1}}@keyframes glow{0%{filter:blur(1)}to{filter:blur(0)}}.title-anim span{display:block;animation:show .01s forwards,pop-word 1.5s forwards,glow 1.5s forwards;animation-timing-function:cubic-bezier(.14,1.23,.33,1.16);opacity:0;transform:rotateX(120deg);transform-origin:50% 100%}.title-anim span:nth-of-type(2){animation-delay:.5s}.title-anim span:nth-of-type(3){animation-delay:1s}.col-right .title-anim span{animation-delay:1.5s}.col-right .title-anim span:nth-of-type(2){animation-delay:2s}.description-hero{display:flex;position:relative;flex-direction:column;align-items:flex-end;padding-top:24px}.description-hero .holder{max-width:230px;position:relative;padding:10px;width:fit-content}@media screen and (max-width:1024px){.description-hero .holder{max-width:300px;position:relative;padding:10px;width:fit-content;text-align:center}}.description-hero .holder h1,.description-hero .holder p{margin:0;font-size:18px}.description-hero .corner{display:block;width:15px;height:15px;background-image:url(../img/maximize.svg);background-size:contain;position:absolute;opacity:0}.description-hero .corner.corner-tl{top:0;right:0;animation:cornerGotoTl .3s ease-out forwards 3s,blink 2s ease-out forwards 2s}@keyframes cornerGotoTl{to{right:var(--width-description-hero)}}.description-hero .corner.corner-bl{top:0%;right:0;transform:rotate(-90deg);animation:cornerGotoBl .3s ease-out forwards 3s,blink 2s ease-out forwards 2s}@keyframes cornerGotoBl{to{top:100%;right:var(--width-description-hero)}}.description-hero .corner.corner-br{top:0%;right:0;transform:rotate(-180deg);animation:cornerGotoBr .3s ease-out forwards 3s,blink 2s ease-out forwards 2s}@keyframes cornerGotoBr{to{top:100%}}.description-hero .corner.corner-tr{top:0;right:0;transform:rotate(90deg);animation:blink 2s ease-out forwards 2s}@keyframes blink{0%,10%,20%,to{opacity:0}5%,15%,25%,95%{opacity:1}}.main-hero .description-hero .holder .text{will-change:clip-path,opacity;clip-path:polygon(100% 0,100% 0,100% 0,100% 0);opacity:0;animation:revealFromTR .2s ease-out forwards 3s}@keyframes revealFromTR{to{clip-path:polygon(0 0,100% 0,100% 100%,0 100%);opacity:1}}.section-features{min-height:120vh;background-color:var(--color-blue);width:100vw;position:relative}.section-features #bg-kitchen{position:absolute;width:36vw;top:300px;left:calc(50% - 18vw);z-index:0}.title-section{position:relative;padding-top:64px;padding-bottom:50vh;margin-bottom:30vh}.title-section .bg-title{margin:0;color:#0000001a;text-transform:uppercase;font-size:64px;text-wrap:nowrap;text-align:center;transform:translateY(100px);opacity:0;transition:all .5s ease 0s}.title-section .fg-title{position:relative;left:0;right:0;margin:0 auto;color:var(--color-red);font-size:24px;text-align:center;transform:translateY(100px);opacity:0;transition:all .5s ease .2s}body.s2 .title-section .bg-title,body.s2 .title-section .fg-title{opacity:1;transform:translateY(0)}body.s2 .title-section .bg-title{font-size:36px;line-height:1;text-align:center;text-wrap:wrap}body.s2 .title-section .bg-title,body.s2 .title-section .fg-title{overflow:hidden}#bg-circle{position:absolute;top:0;left:0;width:100%;height:100vh;display:flex;align-items:center;justify-content:center;z-index:0;pointer-events:none;transition:all .6s ease 1s}#bg-circle .circle{display:block;width:500px;height:500px;transform:scale(.00001);background-color:#f2f3f4;border-radius:50%;margin-top:100px;transition:all .6s ease 1s}#bg-circle .description{position:absolute;left:calc(50% - 350px);max-width:250px;padding:0 16px;background-color:#fffc;border-right:3px solid var(--color-yellow)}#bg-circle .description p{font-size:14px}.spinner-wrap{margin-top:100px;position:relative;opacity:0;transition:all .6s ease 1s}body.s2 .spinner-wrap{opacity:1}.spinner-item{border:1px solid red;border-radius:50%;height:500px;width:500px;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);opacity:0;-webkit-animation:zoom 2s linear .75s infinite;animation:zoom 2s linear .75s infinite}.spinner-item--2{-webkit-animation-delay:1.25s;animation-delay:1.25s}.spinner-item--3{-webkit-animation-delay:1.75s;animation-delay:1.75s}@-webkit-keyframes zoom{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}50%{opacity:.9}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@keyframes zoom{0%{transform:translate(-50%,-50%) scale(.2);opacity:0}50%{opacity:.9}to{transform:translate(-50%,-50%) scale(1);opacity:0}}.row-cards-feature{display:grid;gap:100px;grid-template-columns:1fr;padding-top:20px;margin:40px auto;width:fit-content}.row-cards-feature .col-right,.row-cards-feature .col-left{display:flex;flex-direction:column;gap:100px}.card-feature{width:100%;max-width:320px;position:relative;display:flex;transition:opacity 1s ease;padding-bottom:150px}.card-feature video{width:100%;border-radius:10px;box-shadow:0 10px 10px #0003;border:1px solid #fff}.card-feature .caption{position:absolute;padding:16px;width:90%;min-width:280px;bottom:-20px;left:0;right:0;margin:0 auto;background-color:#fff;border-radius:10px;-webkit-box-shadow:0px 10px 13px -7px #000000,5px 5px 15px 5px rgba(0,0,0,0);box-shadow:0 10px 13px -7px #000,5px 5px 15px 5px #0000;display:flex;flex-direction:column}.video-section{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.video-section:before{content:"";display:block;border-top:20px solid var(--color-blue);border-right:50vw solid transparent;border-bottom:20px solid transparent;border-left:50vw solid var(--color-blue);width:0px;height:0px;position:absolute;top:0;left:0;z-index:2}.video-section:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background-color:#383632;opacity:.3;z-index:0}.video-section .container{position:absolute;top:0;left:0;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2;color:#fff}.video-section video.video-background{width:auto;max-height:80vh;object-fit:cover;margin:0 auto}.video-section .container h2{font-size:32px;text-align:center;max-width:100%;line-height:1;margin:0 0 24px;transform:translateY(100px);transition:all 1s ease-out;opacity:0;text-shadow:-1px -1px 1px rgba(255,255,255,.1),1px 1px 1px rgba(0,0,0,.5);text-transform:uppercase;color:#fff}.video-section .container h2 span{color:var(--color-yellow)}body.s3 .video-section .container h2{transform:translateY(0);opacity:1}.video-section .container p{font-size:14px;text-align:center;max-width:100%;line-height:1.2;transform:translateY(200px);transition:all 1s ease-out .5s;opacity:0}body.s3 .video-section .container p{transform:translateY(0);opacity:1}.btn-video{border:none;background-color:#f8f8f8;font-size:16px;padding:20px 40px;text-transform:capitalize;cursor:pointer;transition:all .3s;position:relative;text-decoration:none;text-transform:uppercase;color:#333;margin-top:40px;background-color:#fff;transform:translateY(200px);opacity:0;transition:all .3s ease-out 1s}body.s3 .btn-video{transform:translateY(0);opacity:1}.btn-video:hover{background-color:#fff}.btn-video:before{content:"";position:absolute;width:24px;height:24px;top:-5px;left:-5px;border-top:2px solid var(--color-yellow);border-left:2px solid var(--color-yellow);transition:all .25s}.btn-video:hover:before,.btn-video:hover:after{width:104%;height:110%}.btn-video:after{content:"";position:absolute;width:24px;height:24px;bottom:-5px;right:-5px;border-bottom:2px solid var(--color-yellow);border-right:2px solid var(--color-yellow);transition:all .3s}.ingredients-section{min-height:100vh;position:relative}.ingredients-section .container{padding:0}.ingredients-section .title-big_holder{position:relative;overflow:hidden}.ingredients-section #plate-one{position:absolute;right:-70px;width:150px;top:30%}.ingredients-section #plate-two{position:absolute;left:-70px;width:150px;top:70%;display:none}.ingredients-section #plate-one img,.ingredients-section #plate-two img{width:100%;height:auto}.ingredients-section .title-big{font-family:var(--font-body);font-weight:700;font-size:103px;position:absolute;overflow:hidden;top:-15px;margin:0;text-align:center;width:100%;text-wrap:wrap;display:block;color:#8d898633;line-height:.8}.content-row{padding-top:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:1}.content-row .content{padding-left:var(--padding-x);padding-right:var(--padding-x)}.content-row .dish{max-width:300px}.content-row .dish img{width:100%;height:auto}.primary-text{color:var(--color-red);font-family:var(--font-title);display:inline-flex;gap:10px;align-items:center;justify-content:flex-start;font-weight:400}.primary-text:before{content:"";display:block;height:2px;width:60px;background-color:var(--color-red)}.content-row .content{width:100%;max-width:600px;transform:translateY(100px);opacity:0;transition:all 1s ease 0s}body.s4 .content-row .content{transform:translateY(0);opacity:1;padding-bottom:100px}.content-row .content h2{text-transform:uppercase;font-size:36px;line-height:1;font-weight:500}.content-row .content p{font-size:22px;line-height:1.4;color:#8d8987}.content-row .dish img{display:block;transform:rotate(-15deg);opacity:0;transition:all 1s ease 0s}body.s4 .content-row .dish img{display:block;transform:rotate(0);opacity:1}.circular-carrusel{max-width:1920px;padding:0;min-height:50vh}.circleCarousel{height:50vh;overflow:hidden;position:relative;padding-top:30px}.circle{--size: 195vw;--img-width: 20.555vw;--img-height: 25.6944vw;--radius: calc((var(--size) - var(--img-height)) / 2);--rotation: 0deg;width:var(--size);min-width:600px;aspect-ratio:1 / 1;position:absolute;top:10%;left:calc(50% - var(--size) / 2);rotate:calc(-90deg + var(--rotation));transition:rotate 2s cubic-bezier(.55,0,.1,1);margin:0 auto}.circle .image{--index: 0;--step: calc(360deg / var(--items));--offset: 250px;--angle: calc(var(--step) * var(--index));--difference: calc((var(--img-height) - var(--img-width)) / 2);--x: calc(var(--difference) + var(--radius) + var(--radius) * cos(var(--angle)));--y: calc(var(--radius) + var(--radius) * sin(var(--angle)));background:transparent;width:var(--img-width);height:var(--img-height);position:absolute;left:var(--x);top:var(--y);background-size:cover;background-position:center center;transform-origin:center center;rotate:calc(var(--angle) + 90deg)}.circle .image{display:block;filter:blur(5px);transform:rotate(-5deg);transition:all 1s ease 0s;opacity:.7;display:flex;align-items:center;justify-content:center}.circle .image img{max-width:100%;height:auto}.circle .image.active{transform:rotate(0) scale(1.5);filter:blur(0px);opacity:1}.cc-arrow{position:absolute;top:30%;translate:0 -50%;z-index:5;width:44px;height:44px;border-radius:9999px;border:0;background:#00000080;color:#fff;font-size:28px;line-height:44px;text-align:center;display:grid;place-items:center}.cc-prev{left:16px}.cc-next{right:16px}.cc-arrow:hover{background:#000000b3}.cc-live{display:none}@media (hover: none){.cc-arrow{background:#00000059}}#title-slide{display:block;width:100%;max-width:1440px;padding:0 var(--padding-x);margin:0 auto;text-align:center;font-family:var(--font-title);font-size:16px;position:relative;overflow:hidden}#title-slide{position:relative;overflow:hidden;transform:translateY(-60px)}#title-slide .title{display:none;white-space:pre-wrap;line-height:1.05}#title-slide .title.active{display:flex;align-items:center;justify-content:center}#title-slide .title .char{display:inline-block;transform:translateY(110%);opacity:0;will-change:transform,opacity}#title-slide .title.active .char{transform:translateY(0);opacity:1}#title-slide .title.entering .char{animation:titleCharIn var(--dur, .65s) cubic-bezier(.55,0,.1,1) forwards;animation-delay:calc(var(--i) * var(--stagger, 35ms))}#title-slide .title.leaving .char{animation:titleCharOut var(--dur, .5s) cubic-bezier(.55,0,.1,1) forwards;animation-delay:calc((var(--count) - var(--i)) * var(--stagger, 25ms))}@keyframes titleCharIn{0%{transform:translateY(110%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes titleCharOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-110%);opacity:0}}@media (max-width: 768px){.circle{--size: 260vw;--img-width: 28vw;--img-height: 35vw}.circle .image{opacity:.35;filter:blur(4px);transform:rotate(-10deg) scale(.9);transition:all .7s ease}.circle .image.active{opacity:1;filter:blur(0);transform:rotate(0) scale(1.35)}}.products-section{min-height:110vh}.products-section .title-section{display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;transition:all .6s ease-in-out}.products-section .title-section h2{font-size:24px;line-height:1;text-transform:uppercase;text-align:center;max-width:900px;margin:0}.products-section .title-section h2 span{color:var(--color-red)}.products-section .title-section{padding-bottom:0;margin-bottom:0}.products-section .title-section p{font-size:16px;text-align:center}.product-grid{display:flex;flex-direction:row;gap:24px;margin-top:60px;align-items:stretch;justify-content:center}@media screen and (max-width:640px){.product-grid{flex-direction:column;gap:24px;align-items:center;justify-content:center;width:100%}}.product-grid .product-card{transform:translateY(0);opacity:1;margin:0 auto}@keyframes cardappear{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}.product-card{max-width:300px;padding-top:200px}.product-card .product-body{box-shadow:#3c40434d 0 1px 2px,#3c404326 0 1px 3px 1px;display:flex;flex-direction:column;gap:20px;padding:24px 16px 48px;border-radius:12px;position:relative;height:100%;background-color:var(--color-background)}.product-card .product-body .product-title{font-size:18px;color:#333;text-align:center;margin:0}.produt-description{text-align:center;color:#8d8987;font-size:14px}.product-card .product-body .product-image{height:300px;width:auto;min-width:unset;min-height:unset;object-fit:scale-down;margin-top:-200px;display:block;transition:all .2s ease-in-out}.product-card:hover .product-body .product-image{transform:scale(1.05)}.btn-product{display:flex;position:absolute;bottom:-16px;left:0;right:0;margin:0 auto;height:32px;color:#fff;background-color:var(--color-red);align-items:center;justify-content:center;text-decoration:none;padding:8px 24px;width:fit-content;border-radius:16px;text-transform:uppercase;font-size:14px;overflow:hidden;transition:all .3s ease 0s}.btn-product:hover{background-color:#333}footer{padding:100px var(--padding-x) 0}footer .footer-box{color:#fff;background:#333;box-shadow:20px 20px 60px #cecfcf,-20px -20px 60px #fff;max-width:1440px;width:100%;margin:0 auto;padding:40px 24px;border-radius:22px;border:1px solid #fff}footer .footer-box .footer-row{display:flex;flex-direction:column;gap:20px;align-items:stretch}footer .footer-box .footer-row .footer-col{max-width:100%}footer .footer-box .footer-row .footer-col:not(:first-child){padding-top:20px}.social-buttons{border-radius:5px;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:40px}.social-buttons__button{margin:5px}.social-button{border-radius:50%;position:relative;display:flex;justify-content:center;align-items:center;outline:none;width:40px;height:40px;text-decoration:none}.social-icons{width:100%}.social-button__inner{font-size:2.3rem;position:relative;display:flex;align-items:center;justify-content:center;width:calc(100% - 2px);height:calc(100% - 2px);border-radius:100%;background:#fff;text-align:center}.social-button i,.social-button svg{position:relative;z-index:1;transition:.3s}.social-button i{font-size:18px}.social-button svg{height:40%;width:40%}.social-button:after{content:"";position:absolute;top:0;left:50%;display:block;width:0;height:0;border-radius:100%;transition:.3s}.social-button:focus,.social-button:hover{color:#fff;text-decoration:none}.social-button:focus:after,.social-button:hover:after{width:100%;height:100%;margin-left:-50%}.social-button--facebook{color:#3b5999}.social-button--facebook:after{background:#3b5999}.social-button--linkedin{color:#0077b5}.social-button--linkedin:after{background:#0077b5}.social-button--github{color:#6e5494}.social-button--github:after{background:#6e5494}.social-button--codepen{color:#212121}.social-button--codepen:after{background:#212121}.social-button--instagram{color:#e4405f}.social-button--instagram:after{background:#e4405f}.footer-widget ul li{display:inline-block;float:left;width:50%;margin-bottom:12px}.footer-widget-heading{font-size:16px;text-transform:uppercase;color:var(--color-yellow);margin:0}.footer-widget-heading h3{margin:0;color:var(--color-yellow)}.footer-widget ul li a{color:#ddd}.collaborate{display:flex;align-items:center;flex-direction:column;justify-content:center;height:100%}.collaborate h4{color:var(--color-yellow);font-size:21px;text-transform:uppercase;max-width:300px;text-align:center;margin:0;line-height:1}.collaborate a{color:#fff;padding:.7em 1.7em;font-size:18px;border-radius:.5em;background:#333;cursor:pointer;border:1px solid #e8e8e8;transition:all .3s;box-shadow:6px 6px 12px #333,-6px -6px 12px #111;text-decoration:none;margin-top:24px}.collaborate a:hover{color:#fff;background-color:var(--color-red)}.copyright-area{padding-top:24px}.copyright-area .row{display:flex;flex-direction:column;align-items:center;justify-content:space-between}.copyright-area .row .powered-by{display:flex;align-items:center;justify-content:center}#product-grid li{width:100%;display:block;max-width:unset}.collection-hero{padding-top:110px}@media screen and (max-width: 768px){.product-grid.pdp-remmonded-grid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(2,1fr)}.product-grid.pdp-remmonded-grid .grid__item{width:100%;max-width:unset}.product-grid.pdp-remmonded-grid .card-compact{flex-direction:column-reverse;min-height:unset}.product-grid.pdp-remmonded-grid .card-compact__media{width:100px;height:100px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/style-mobile.css.map */
