.carouselContainer{z-index:10;justify-content:center;align-items:center;width:100%;margin-top:-150px;padding-bottom:50px;display:none;position:relative}.window{width:300px;height:500px;overflow:hidden}.track{width:100%;height:100%;transition:transform .5s cubic-bezier(.25,1,.5,1);display:flex}.card{justify-content:center;align-items:center;min-width:100%;height:100%;display:flex;position:relative}.image-wrapper{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.productImage{object-fit:contain;filter:drop-shadow(0 15px 15px #0009);max-width:100%;max-height:100%;transition:all .3s}.navButton{color:#333;cursor:pointer;z-index:20;background-color:#fffc;border:none;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:40%;transform:translateY(-50%);box-shadow:0 4px 6px #0000001a}.navButton:first-child{left:50px}.navButton:last-child{right:50px}.navButton:hover{color:#000;background-color:#fff;transform:translateY(-50%)scale(1.1)}.blur-img{filter:blur(12px);opacity:.7;transform:scale(.9)}.coming-soon-label{color:#fff;text-transform:uppercase;z-index:15;white-space:nowrap;background-color:#f47920;border:1px solid #000;padding:8px 16px;font-size:1.2rem;font-weight:700;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}@media (max-width:768px){.carouselContainer{width:100%;margin-top:-370px;display:flex}.window{width:80%;height:400px}.navButton{width:35px;height:35px;font-size:1rem}}@media (max-width:380px){.navButton:first-child{left:20px}.navButton:last-child{right:20px}.coming-soon-label{color:#fff;text-transform:uppercase;z-index:15;white-space:nowrap;background-color:#f47920;border:1px solid #000;padding:8px 16px;font-size:.8rem;font-weight:700;position:absolute;top:45%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}}
.header{color:#0000;-webkit-text-stroke:2px black;letter-spacing:4px;background:linear-gradient(#fff,#fff);z-index:999;-webkit-background-clip:text;justify-content:center;margin-top:800px;font-family:Noto Sans;font-size:8rem;font-weight:900;display:flex}.banner{height:100vh;margin-top:-300px;position:relative;overflow:hidden}.banner .product{z-index:19;--left:-40px;width:500px;height:500px;transition:all .7s;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.banner .product .soda{background:url(/images/maew-label.png) var(--left),url(/images/mock-up.png);aspect-ratio:2/2.5;background-blend-mode:multiply;z-index:1;background-size:150% 71%,auto 100%;width:380px;margin-left:15px;transition:all 1s;position:absolute;top:100px;overflow:hidden;-webkit-mask-image:url(/images/mock-up.png);mask-image:url(/images/mock-up.png);-webkit-mask-size:auto 100%;mask-size:auto 100%}.banner .product:hover{--left:-840px;transform:translate(-50%)translateY(-120px)}.banner .rock{pointer-events:none;position:absolute;inset:0}.banner .rock img{transition:all .7s;position:absolute}.banner:has(.product:hover) .rock img:first-child{transform:translate(0%)translateY(50px)}.banner .rock img:nth-child(2){z-index:-1;width:100%;height:auto;bottom:-20px}.banner-sing{margin-top:-300px;position:relative}.banner-sing .singsep{z-index:19;--left:40px;height:500px;transition:all .7s;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.banner-razz{margin-top:-300px;position:relative}.banner-razz .razz{z-index:19;--left:92px;height:500px;transition:all .7s;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.banner-bluefeez{margin-top:-300px;position:relative}.banner-bluefeez .bluefeez{z-index:19;--left:100px;height:500px;transition:all .7s;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.banner-coco{margin-top:-300px;position:relative}.banner-coco .coco{z-index:19;--left:100px;height:0;transition:all .7s;position:absolute;bottom:170px;left:50%;transform:translate(-50%)}.sunnero{color:#fff;z-index:999;text-align:center;text-transform:uppercase;justify-content:center;margin-top:250px;margin-left:0;font-family:Noto Sans;font-size:1rem;position:relative}.coming{color:#fff;text-transform:uppercase;z-index:99;white-space:nowrap;background-color:#f47920;border:2px solid #000;width:190px;margin-top:-2%;padding:8px 22px;font-family:Noto Sans;font-size:1.2rem;font-weight:700;position:absolute;left:12.2%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}.coming2{color:#fff;text-transform:uppercase;z-index:99;white-space:nowrap;background-color:#f47920;border:2px solid #000;width:190px;margin-top:-2%;padding:8px 23px;font-family:Noto Sans;font-size:1.2rem;font-weight:700;position:absolute;left:31.3%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}.coming3{color:#fff;text-transform:uppercase;z-index:99;white-space:nowrap;background-color:#f47920;border:2px solid #000;width:190px;margin-top:-2%;padding:8px 23px;font-family:Noto Sans;font-size:1.2rem;font-weight:700;position:absolute;left:68.5%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}.coming4{color:#fff;text-transform:uppercase;z-index:99;white-space:nowrap;background-color:#f47920;border:2px solid #000;width:190px;margin-top:-2%;padding:8px 23px;font-family:Noto Sans;font-size:1.2rem;font-weight:700;position:absolute;left:87.6%;transform:translate(-50%,-50%);box-shadow:0 4px 10px #0000004d}@media (max-width:768px){.header{-webkit-text-stroke:1px black;justify-content:center;align-items:center;gap:10px;width:100%;margin:0;padding-top:685px;font-size:3rem;display:flex}.banner{z-index:-1;height:950px}.banner .product .soda{display:none}.banner .rock img:nth-child(2){width:100%;height:50%;margin-top:190px;top:0;overflow:hidden}.banner-sing .singsep .soda2,.banner-razz .razz .soda3,.banner-bluefeez .bluefeez .soda4,.banner-coco .coco .soda5{display:none}.sunnero{text-align:center;justify-content:center;align-items:center;margin-top:-350px;font-size:1rem;font-weight:900;display:flex}.coming-soon,.coming-soon2,.coming-soon3,.coming-soon4,.coming,.coming2,.coming3,.coming4{display:none}}@media (max-width:380px){.header{-webkit-text-stroke:1px black;justify-content:center;align-items:center;gap:2px;width:100%;margin:0;padding-top:685px;font-size:2.2rem;font-weight:900;display:flex}}