@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap";body{font-family:Poppins;margin:0;background-color:#010101;color:#eee}svg{width:2vw}header{background:transparent;width:1200px;max-width:90%;margin:auto;display:grid;grid-template-columns:50px 1fr 50px;grid-template-rows:50px;justify-content:center;align-items:center;position:relative;z-index:100}header .logo{font-weight:700}header .menu{padding:0;margin:0;list-style:none;display:flex;justify-content:center;gap:20px;font-weight:500}.menu li a{text-decoration:none;color:inherit}.slider{height:100vh;margin-top:-50px;position:relative}.slider .list .item{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:0;transition:.5s}.slider .list .item img{width:100%;height:100%;object-fit:cover}.slider .list .item:after{content:"";width:100%;height:100%;position:absolute;left:0;bottom:0;background-image:linear-gradient(to top,#000 10%,transparent)}.slider .list .item .content{position:absolute;left:10%;top:20%;width:500px;max-width:80%;z-index:1}.slider .list .item .content p:nth-child(1){text-transform:uppercase;letter-spacing:10px}.slider .list .item .content h2{font-size:100px;margin:0}.slider .list .item.active{opacity:1;z-index:10}@keyframes showContent{to{translate:tranlateY(0);filter:blur(0);opacity:1}}.slider .list .item.active p:nth-child(1),.slider .list .item.active h2,.slider .list .item.active p:nth-child(3){transform:translateY(30px);filter:blur(20px);opacity:0;animation:showContent .5s .7s ease-in-out 1 forwards}.slider.list .item.active h2{animation-delay:1s}.slider.list .item.active p:nth-child(3){animation-delay:1.3s}.arrows{position:relative;top:40%;z-index:100;display:flex;justify-content:space-between;padding:.5vh}.arrows button{background-color:#eee5;border:none;font-family:monospace;width:40px;height:40px;border-radius:5px;font-size:x-large;color:#eee;transition:.5s}.arrows button:hover{background-color:#eee;color:#000}.thumbnail{position:inherit;top:65vh;z-index:11;display:flex;gap:10px;width:100%;height:250px;padding:0 50px;box-sizing:border-box;overflow:auto;justify-content:center;transform-style:preserve-3d;transform:perspective(1000px)}.thumbnail::-webkit-scrollbar{width:0}.thumbnail .item{width:150px;height:220px;filter:brightness(.5);transition:.5s;flex-shrink:0;filter:brightness(.4)}.thumbnail .item:hover{filter:brightness(1)}.thumbnail .item img{width:100%;height:100%;object-fit:cover;border-radius:10px}.thumbnail .item.active{filter:brightness(1.5)}.thumbnail .item .content{position:absolute;inset:auto 10px 10px 10px}@media screen and (max-width:678px){.thumbnail{justify-content:start}.slider .list .item .content h2{font-size:60px}.arrows{top:10%}}.can-page body{font-family:Poppins;margin:0}.can-page header{color:#eee;width:1200px;max-width:90%;margin:auto;display:grid;grid-template-columns:50px 1fr 50px;grid-template-rows:50px;justify-content:center;align-items:center;position:relative;z-index:100}.can-page header .logo{font-weight:700}.can-page .menu li a{text-decoration:none;color:inherit}.can-page header .menu{padding:0;margin:0;list-style:none;display:flex;justify-content:center;gap:20px;font-weight:500}.can-page .carousel{width:100vw;height:100vh;position:relative;overflow:hidden;margin-top:-50px}.can-page .list{width:100%;height:100%}.can-page .item{width:100%;height:100%;background-color:var(--background);position:absolute;top:0;left:0;overflow:hidden;display:none}.can-page .item img.fruit{width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:15;pointer-events:none}.can-page .item .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center;font-size:12rem;color:#eee;font-weight:700;font-family:system-ui;text-transform:uppercase;white-space:nowrap}.can-page .item.active{display:block}.can-page .item.hidden{display:block;pointer-events:none;background-color:transparent;z-index:1}.can-page #prev,.can-page #next{position:absolute;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:transparent;border:1px solid #eee9;background-color:#eee5;color:#eee;font-size:x-large;font-family:monospace;cursor:pointer;z-index:15}.can-page #prev{left:20px}.can-page #next{right:20px}@keyframes toActive{0%{top:100%;opacity:0}}@keyframes toOut{0%{top:50%;opacity:1}}.can-page .item.active img.fruit{animation:toActive .5s ease-in-out 1}.can-page .item.hidden img.fruit{animation:toOut .8s ease-in-out 1;top:-100%;opacity:0}.can-page .item.active .content{animation:toActive .8s ease-in-out 1}.can-page .item.hidden .content{opacity:0}.can-page .carousel.right .item.active img.fruit{animation:toActivePrev .5s ease-in-out 1}.can-page .carousel.right .item.hidden img.fruit{animation:toOut .8s ease-in-out 1;top:100%;opacity:0}.can-page .carousel.right .item.active .content{animation:toActivePrev .8s ease-in-out 1}@keyframes toActivePrev{0%{top:0;opacity:0}}:root{--width-mockup: calc(371px / 1.5);--height-mockup: calc(673px / 1.5)}.can-page .mockup{position:absolute;top:50%;left:50%;--left: 0%;transform:translate(-50%,-50%);height:var(--height-mockup);width:var(--width-mockup);background:url(https://res.cloudinary.com/dfuedbntn/image/upload/v1732781646/mockup_yeywcb.png) 0 0 no-repeat,url(https://res.cloudinary.com/dfuedbntn/image/upload/v1732781646/SURGE_jfqvut.png) var(--left) 0;background-size:auto 100%;background-blend-mode:multiply;-webkit-mask-image:url(https://res.cloudinary.com/dfuedbntn/image/upload/v1732781646/mockup_yeywcb.png);-webkit-mask-repeat:no-repeat;-webkit-mask-size:auto 100%;transition:background .5s}.can-page .leaves{position:absolute;width:170px;height:170px;background-image:url(https://res.cloudinary.com/dfuedbntn/image/upload/v1732781645/leaves_buzmy0.png);background-size:100%;top:calc((50% - (var(--height-mockup) / 1.7)));left:calc((50% + (var(--width-mockup) / 5)))}.can-page .shadow{width:var(--width-mockup);height:100px;background-color:#0008;border-radius:50%;position:absolute;top:calc((50% + (var(--height-mockup) / 2)));left:50%;transform:translate(-50%);filter:blur(20px)}@media screen and (max-width: 768px){.can-page .item .content{transform:translate(-50%,-50%) scale(.5)}.can-page .item img.fruit{width:100%;height:100%;object-fit:cover}}.admin-page{font-family:Arial,sans-serif;background-color:#f4f4f4;padding:20px}.admin-page h2{color:#333;text-align:center;margin-bottom:20px}.admin-page h3{color:#555}.admin-page div{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 10px #0000001a;margin-bottom:20px}.admin-page input[type=text],.admin-page input[type=file]{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box}.admin-page textarea{width:100%;padding:10px;margin:10px 0;border:1px solid #ccc;border-radius:4px;box-sizing:border-box;height:100px;font-family:inherit;font-size:16px}.admin-page button{background-color:#28a745;color:#fff;padding:10px 15px;border:none;border-radius:4px;cursor:pointer;margin-right:10px}.admin-page button:hover{background-color:#218838}.admin-page ul{list-style-type:none;padding:0}.admin-page li{display:flex;align-items:center;justify-content:space-between;padding:10px;border-bottom:1px solid #ddd;background-color:#fff;color:#333}.admin-page img{border-radius:4px;margin-left:10px}.admin-page span{flex-grow:1;margin-right:10px}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center}.auth-box{width:100%;max-width:400px;padding:30px;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px #0000001a}.auth-title{text-align:center;margin-bottom:30px;color:#333}.auth-error{background-color:#fee2e2;color:#dc2626;padding:10px;border-radius:4px;margin-bottom:20px;text-align:center}.auth-input{width:100%;padding:10px;margin-bottom:15px;border:1px solid #ccc;border-radius:4px;font-size:16px;box-sizing:border-box}.auth-button{width:100%;padding:12px;background-color:#28a745;color:#fff;border:none;border-radius:4px;font-size:16px;cursor:pointer;transition:background-color .2s}.auth-button:hover{background-color:#218838}.bottle-page body{font-family:Poppins,sans-serif;margin:0;padding:0;overflow-x:hidden}.spline-container{position:fixed;width:100vw;height:100vh;top:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden;z-index:1}.spline-container canvas{max-width:100%;max-height:100%;object-fit:contain}.spline-container #prev,.spline-container #next{position:fixed;top:50%;transform:translateY(-50%);width:50px;height:50px;border-radius:50%;background-color:#eeeeee4d;border:1px solid rgba(238,238,238,.1);color:#eee;font-size:x-large;font-family:monospace;cursor:pointer;z-index:15;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.spline-container #prev:hover,.spline-container #next:hover{background-color:#eeeeee80;transform:translateY(-50%) scale(1.1)}.spline-container #prev{left:20px}.spline-container #next{right:20px}@media screen and (max-width: 1440px){.spline-container{scale:.95}}@media screen and (max-width: 1024px){.spline-container{scale:.9}.spline-container #prev,.spline-container #next{width:40px;height:40px;font-size:large}}@media (hover: none) and (pointer: coarse){.spline-container #prev,.spline-container #next{width:60px;height:60px;background-color:#eeeeee80}}