.mo-on .cp-hero{position:relative;overflow:hidden}
.mo-on .cp-hero>.in{position:relative;z-index:1}
.mo-on .cp-hero .mo-pt{--mo-pc:#7FDFFF;--mo-ph:140px;--mo-po:.55}
.cp-streak{position:absolute;inset:0;pointer-events:none;overflow:hidden;z-index:0}
.cp-streak i{position:absolute;top:-30%;left:0;width:22%;height:160%;background:linear-gradient(90deg,transparent,rgba(30,195,244,.18) 42%,rgba(150,228,255,.30) 50%,rgba(30,195,244,.18) 58%,transparent);transform:translateX(-120%) rotate(18deg);animation:cpp-streak 6.5s cubic-bezier(.45,.05,.3,1) .6s infinite}
@keyframes cpp-streak{0%{transform:translateX(-120%) rotate(18deg)}45%,100%{transform:translateX(520%) rotate(18deg)}}
.mo-on .cp-lead .bottle.mo-float{--mo-ft:6s;--mo-fy:-12px}
.mo-on .cp-ing .plus.cp-pop[data-mo]{transform:scale(.2);transition-timing-function:ease,cubic-bezier(.3,1.7,.5,1)}
.mo-on .cp-ing .plus.cp-pop[data-mo].mo-in{transform:none}
.mo-on .cp-buy .btn-order.cp-glint{position:relative;overflow:hidden}
.mo-on .cp-buy .btn-order.cp-glint::after{content:"";position:absolute;top:0;bottom:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.65),transparent);transform:translateX(-140%) skewX(-20deg);animation:cpp-glint 4.8s ease-in-out 1.4s infinite;pointer-events:none}
@keyframes cpp-glint{0%{transform:translateX(-140%) skewX(-20deg)}30%,100%{transform:translateX(420%) skewX(-20deg)}}
.mo-on .b50-badge b.mo-ringed{position:relative;border-color:transparent}
.b50-badge .mo-ring{position:absolute;inset:-3px;width:calc(100% + 6px);height:calc(100% + 6px);transform:rotate(-90deg)}
.b50-badge .mo-ring circle{fill:none;stroke:#fff;stroke-width:3;stroke-dasharray:1;stroke-dashoffset:1;animation:cpp-draw 1.6s cubic-bezier(.45,.05,.3,1) .2s forwards}
@keyframes cpp-draw{to{stroke-dashoffset:0}}
.mo-on .b50-since em{display:inline-block}
@media(max-width:760px){
  .cp-streak i{width:36%}
}