.hero-banner{padding-top:230px}.hero-banner__container{position:relative}.hero-banner__fruit{position:absolute;z-index:1}.hero-banner__fruit--orange img{width:214px}.hero-banner__fruit--orange{right:0;top:30px}.hero-banner__fruit--cherry{bottom:-30px;right:-120px}.hero-banner__fruit--blueberry{bottom:-60px;left:-100px}.hero-banner__fruit--blueberry img{width:338px}.hero-banner__fruit--strawberry img{width:224px}.hero-banner__fruit--strawberry{top:50px;left:20px}.hero-banner__buttons{display:grid;grid-template-columns:1fr;align-items:flex-start;position:absolute;bottom:-60px;right:23px;z-index:1;max-width:1041px;margin:0 auto;left:0}.hero-banner__button{margin-top:150px}.hero-banner__panda img{width:35%!important;margin:0 auto!important}.hero-banner__bottle{position:relative}.hero-banner__bottle img{width:100%;margin:0 auto -110px}.black-shape{margin-top:-81px;overflow:hidden;position:relative;height:71px;transform:translateZ(0);-webkit-transform:translateZ(0)}.black-shape img,.happy-panda-energy__shape img{max-width:100%;display:block;width:100%}@supports (-webkit-hyphens: none) and (not (-moz-appearance: none)){.black-shape img,.happy-panda-energy__shape img{transform:scale(1.099)}}.mobile--hide{display:block}.desktop--hide{display:none}.dot-image{width:100%;display:block;height:90px;margin-top:-80px;margin-bottom:20px}.dot-image img{width:100%;display:block}.hidden{opacity:0;transform:translate(0)}.grow{animation:grow 3s ease-in-out}.animate-right{animation:bounce-in-right 1s ease both}.animate-left{animation:bounce-in-left 1s ease both}@keyframes bounce-in-left{0%{opacity:0;transform:translate(-2000px)}60%{opacity:1;transform:translate(30px)}80%{transform:translate(-10px)}to{transform:translate(0)}}@keyframes bounce-in-right{0%{opacity:0;transform:translate(2000px)}60%{opacity:1;transform:translate(-30px)}80%{transform:translate(10px)}to{transform:translate(0)}}@keyframes grow{0%{transform:scale(0)}to{transform:scale(1)}}@media (max-width: 1600px){.black-shape{height:63px}}@media (max-width: 1500px){.black-shape{height:55px}.hero-banner__button{margin-top:60px}.hero-banner__fruit--blueberry img{width:280px}.hero-banner__fruit--strawberry img{width:200px}.container-fluid{padding:0 30px}.hero-banner__fruit--orange img{width:200px}.hero-banner__fruit--cherry{right:130px}.hero-banner__fruit--cherry img{width:230px}.happy-block{right:0!important}}@media (max-width: 1400px){.black-shape{height:49px}.hero-banner__fruit--blueberry{bottom:-88px!important;left:10px!important}.happy-panda-energy__shape{margin-top:-16px}}@media (max-width: 1200px){.hero-banner__fruit--blueberry{left:10px}.black-shape{height:47px}.happy-panda-energy__shape{height:16px!important}.happy-panda-drink-bottle__inner{right:0}.happy-panda-drink-bottle__inner img{width:80%}.happy-panda-drink-bottle{min-height:260px}.happy-drink-panda__text{margin:90px 20px 0 0}}@media (max-width: 1100px){.black-shape{height:42px!important}.hero-banner__fruit--orange img{width:130px!important}.hero-banner__fruit--strawberry img{width:150px!important}.hero-banner__fruit--strawberry{left:10px!important}.hero-banner__fruit--blueberry img{width:180px!important}.hero-banner__fruit--blueberry{bottom:172px!important}.hero-banner__buttons{bottom:-30px}.button--yellow{min-width:273px;padding:15px 24px}.hero-banner__button{margin-top:50px!important}.hero-banner__panda img{width:20%!important}}@media (max-width: 1024px){.hero-banner{padding-top:170px}.hero-banner__fruit--cherry{right:20px}.black-shape{height:40px!important}.hero-banner__bottle img{margin:0 auto 24px!important}.site-header__wrap{gap:50px}.hero-banner__fruit--blueberry{bottom:-8px!important}.hero-banner__fruit--cherry{bottom:25px}}@media (max-width:980px){.black-shape{height:35px!important}}@media (max-width: 767px){.hero-banner__fruit--orange,.hero-banner__fruit--strawberry,.hero-banner__fruit--cherry,.hero-banner__fruit--blueberry{display:none}.hero-banner__buttons{position:initial;padding-top:30px;grid-template-columns:1fr;gap:10px;margin:0}.hero-banner__bottle img{width:100%;margin:-50px auto!important}.hero-banner{padding-bottom:50px;padding-top:180px}.mobile--hide{display:none}.desktop--hide{display:block}.hero-banner__button{text-align:center;margin-top:0!important}.hero-banner__panda img{width:37%!important}.black-shape{height:21px!important}.dot-image{height:30px}.hero-banner__panda{position:relative;z-index:1}}@media (max-width: 480px){.black-shape{height:15px!important}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/homepage-banner.css.map */